/* color theme sample for demo */
.color-theme-sample {
    color: #114B5F;
    color: #2A652A;
    color: #88D498;
    color: #C6DABF;
    color: #F3E9D2;
}

.map-product-search {
    position: absolute;
    top: 25px;
    z-index: 5;
    opacity: 0.6;
    padding-left: 10px;
    font-size: 15px !important;
}

.map-product-search-panel {
    background-color: #f5f5f5;
    height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 10px;
}

.map-product-search-toggle {
    left: 5px;
    top: 35%;
    position: absolute;
    width: 25px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    z-index: 10;
    border-radius: 3px 20px 20px 3px;
    font-size: 8px !important;
    border-style: solid;
    border-width: 1px;
    background-color: #D4D4D4;
    color: #2A652A;
    border-color: #2A652A;
}

.map-product-search-toggle:hover {
    background-color: #2A652A;
    color: #F3E9D2;
    border-color: #C6DABF;
    cursor: pointer;
}

.affix {
    position: sticky;
}

#searchTab {
    background-color: #deebf2;
}

#search-panel-close-btn-li {
    float: right;
    font-size: 12px !important;
    color: #333;
}

#search-panel-close-btn-li :hover{
    color: #2A652A;
    cursor: pointer;
}

#search-panel-close-btn {
    line-height: 25px;
    padding: 0 10px;
}

#search-list .menu .nav>li>a {
    color: #555;
    padding: 2px 10px;
    background-color: #eee;
}

#search-list .menu .nav>li :hover{
    font-weight: bold;
    color: #114B5F;
}

#search-list .menu .nav>li.active>a {
    color: #2A652A;
    font-weight: bold;
}

#search-list .menu .cate-menu>div h2 {
    font-size: 15px;
}

.multiple-menu .level1>li :hover {
    color: #114B5F !important;
}

.multiple-menu .level1>li a.active {
    color: #2A652A !important;
}

.map-lot-info {
    top: 10px;
    left: 36%;
    width: 60%;
    position: absolute;
    margin: 0 auto;
    background-color: rgba(169, 166, 166, 0.8);
    padding: 10px 30px;
    z-index: 1;
}

@media (max-width: 991px) {
    .map-lot-info {
        top: 5px;
        left: 5%;
        width: 90%;
    }
}

.lip-btn-active {
    background-color: #88D498 !important;
}

.lip-input-warning {
    background-color: #f3c46f !important;
}

.lip-inputbox {
    margin-left: 20px;
}

.lip_panel_frame {
    height: 110px;
}

.lip-panel-btn {
    font-size: 15px !important;
    margin: 5px !important;
    padding: 5px 20px !important;
}

#input_lipLocality {
    height: 35px;
    margin-top: 10px;
}

.ui-autocomplete {
    position: relative;
}

.bsbIndexLink {
    margin: 10px;
    text-decoration: underline;
}

.product-index-notfound {
    color: grey;
    text-decoration: line-through !important;
}

/* lot record book*/
.lrbRemark {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* NCAP Image Preview */

#ncap_preview_div {
    padding: 10px !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
}

#ncap_download_button {
    position: absolute !important;
    z-index: 500 !important;
    left: 15px !important;
    top: 15px !important;
    background: white;
}

.ncap_row {
    margin: 5px -15px 10px -15px;
}

#btn-ncap-aoi-select, #btn-ncap-aoi-remove {
    font-size: 14px;
    margin-bottom: 10px;
}

#btn-ncap-aoi-select {
    flex: 5;
}

#btn-ncap-aoi-remove {
    flex: 1;
}

#div-ncapAreaFilter .btn-group{
    display: flex;
    margin-top: 20px;
}

#div-ncapAreaSelector {
    margin: 0;
    padding-right: 0;
}


