/************************floorplan toolbar css start************/
:root {
    --fptb-rad: 5px;
    --fptb-cart-color: rgba(3, 225, 230);
    --fptb-search-color: rgb(141, 12, 12);
}

#fp_toolbar_container {
    cursor: pointer;
    font-family: "Roboto";
    position: absolute;
    left: 50%;
    z-index: 49;
    transform: translateX(-50%);
    user-select: none;
}

#fp_toolbar_container span {
    font-family: "Roboto" !important;
}

#fp_toolbar_container #fp_toolbar_info_container {
    border-top-left-radius: var(--fptb-rad);
    border-bottom-left-radius: var(--fptb-rad);
    background-color: #000;
}

#fp_toolbar_container #fp_toolbar_search_container {
    /* border-top: thin solid rgba(245, 245, 245, 0.5);
    border-bottom: thin solid rgba(245, 245, 245, 0.5);
    background-color: rgba(245, 245, 245, 0.8) !important;*/
    background-image: linear-gradient(#000000b8, #00000087, #000000b8);
}


#fp_toolbar_container #fp_toolbar_minicart_container {
    border-top-right-radius: var(--fptb-rad);
    border-bottom-right-radius: var(--fptb-rad);
    background-color: #000000 !important;
    color: var(--buttonColor) !important;
}

#fp_toolbar_container #fb_toolbar_info_summary {
    background-color: #4B4B4B;
    border-bottom-left-radius: var(--fptb-rad);
    justify-content: start;
}

#fp_toolbar_container #fb_toolbar_info_summary div:nth-child(2) {
    border-left: solid thin #666666;
    border-right: solid thin #666666;
}

.modal_box {
    margin: auto !important;
    width: 60%;
    display: flex;
}

.modal_close_btn {
    color: #fff !important;
}

.btn-close {
    color: #fff !important;
}

.legends_circle {
    font-size: 9px;
}

ul.legends_summary {
    margin-left: 1rem;
}

ul.legends_summary li {
    margin-right: 25px;
}

#search_tags {
    text-align: center;
}

#search_tags .chip {
    display: inline-flex;
    border: solid thin rgb(180 193 29);
}

#search_tags .chip i {
    color: rgb(180 193 29) !important;
}

#search_tags .chip:last-child {
    background-color: rgb(222 233 88);
    box-shadow: 2px 2px 4px rgb(49, 46, 46);
    border: none;
}

#search_button {
    width: fit-content;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}

#fp_toolbar_minicart_container #cart_count {
    position: relative;
    color: black;
    top: -19px;
    left: -30px;
    font-size: x-large;
}

#fb_toolbar_info_summary .fa-chevron-down,
#fb_toolbar_info_summary .fa-chevron-up{
    margin-left: 10px
}

#fp_toolbar_minicart_container .fa-cart-shopping{
    font-size: 48px;
}


/**Mobile**/
@media only screen and (max-width: 991px) {

    #fp_toolbar_minicart_container>div:first-child>div:first-child,
    #fp_toolbar_minicart_container>div:first-child>div:first-child i {
        margin-left: auto;
        margin-right: auto;
    }

    #fb_toolbar_info {
        margin-left: 0px !important;
        text-align: center !important;
    }

    #fp_toolbar_minicart_container .fa-cart-shopping{
        font-size: 35px;
    }
    #fp_toolbar_minicart_container #cart_count{
        top: -13px;
        left: -22px;
        font-size: 18px;
    }

}



@media only screen and (max-width: 576px) {
    #fp_toolbar_container #fp_toolbar_search_container #search_button i {
        font-size: .875em;
        line-height: .07143em;
        vertical-align: .05357em;
    }

}

@media only screen and (min-width: 576px) and (max-width:992px) {
    #fp_toolbar_container #fp_toolbar_search_container #search_button i {
        font-size: 1.25em;
        line-height: .05em;
        vertical-align: -.075em;
    }

}

.seprator-border{
    border-left: solid thin #666666;
}
/************************floorplan searchbar css end************/


.modal-backdrop{
    z-index: unset !important;
}

