:root {
    --bgdark: #000;
    --bgdarkf: #eee;
    --bglight: #eee;
    --bglightf: #222;
}
.site__body{
        width:100%;
    }
.bgBlend2 ._img{
    mix-blend-mode: darken;
}
.bgBlack{
    color:var(--light);
}
.lightgray{
    background: rgb(236,236,236);
background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(186,186,186,1) 100%);
    
}
.tools{
    border: 1px solid #aaa;
    border-radius: 5px;
    overflow: hidden;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
}
.navbar.navbar-dark{
    background-color: var(--black);
    color: var(--white);
}
.navbar.navbar-light{
    background-color: var(--white);
    color: var(--black);
}
header{
    background-position: center center;
}
header .logo{
    max-height: 140px;
    margin: 10px;
    max-width: 240px;
    height: auto;
}
.headerPhone {
    text-shadow: 0 0 5px black;
}

#preloader{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    background: white;
    z-index: 10000;
}
#preloader.submitting p{
    font-size: 200%;
    color: red;
}

#preloader.submitting{
    background: #000000a8;
    display:flex !important;
}
#preloader object{
    max-width:500px;
    width:90%;
}


.side a{
   color:var(--dark); 
}
.side.dark a,.dark>a{
    color:var(--light2);
}

header.light a,.light>a,header.bgwhite a{color:var(--dark);}

header.bgwhite {
    background-color: white;
    color:var(--dark);
    border-bottom: 1px solid #838383;
}
header.light a:hover{color:var(--dark2);}
header.light .btn-secondary:hover,.btn-secondary:hover{color:var(--light2);}
header.dark a{color:var(--light);}
header.dark a:hover{color:var(--light2);}
header.dark .light *{ color:var(--dark); }
header.light .dark *{ color:var(--light); }
.topbar {color:var(--dark) !important;}
.topbar a{color:var(--dark) !important;}
.topbar a.btn {color:var(--light) !important; 
    white-space: nowrap;
}
.bgdark{
    background-color: var(--bgdark);
    color: var(--bgdarkf);
}
.bgdark a{color: var(--bgdarkf);}
.bglight{
    background-color: var(--bglight);
    color: var(--bglightf);
}
.bglight a{color: var(--bglightf);}

.white{
    color:white;
}
.navbar-dark a{color:var(--light) !important;}
.navbar-light a{color:var(--dark) !important;}
.panel a{color:var(--dark)}
.internal{
    width:100%;height:100%;position:relative;
}
.mayactive.active{
    background: #007aff;
    color: white;
}
.panelContent>div {
    padding-bottom:0px;
}
.panelContent>div { 
    padding:10px;
    width:100%;
    overflow-y:auto;
    max-height:650px;
    margin:0; padding:0;
}

.panelHeader.dark .panelTools a{
    background-color: var(--bgdarkf);
    color: var(--bgdark);
}
.panelHeader.light .panelTools a{
    background-color: var(--bglightf);
    color: var(--bglight);
}
.btnblack{
    background-color:black;
    color:white;
    padding-left:3px;padding-right:3px;
}

#formWrapper i.formIcon{
    position: absolute;
    right: 2px;
    font-size: 1.5rem;
    color: gray;
    /* transform: scaleX(-1); */
    z-index: 1;
    display: flex;
    height:100%;
    align-items: center;
}
#formWrapper i.formIcon.eraser{
    left:10px;
    right:auto;
}
#formWrapper #q.searcher{
    box-sizing:border-box;
    display:block;
    height:42px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    min-width:210px;
    overflow-x:visible;
    overflow-y:visible;
    padding-bottom:10px;
    padding-left: 15px;
    padding-right: 27px;
    padding-top:10px;
    border-radius: 1rem;
    background-color: white;
    position:relative;
}

body.itemsView .b2bContainer{
    width:100%;
    max-width:100% !important;
    padding:0;
}
.container.pinnedBasket{
    padding-left:240px;
}


#basket{
    display:none;
    width: 240px;
    z-index: 2;
    padding: 5px;
    flex-direction:column;
}
.baskettool{
    background: var(--gray);
    background-color: #eee;
    padding: 2px 5px;
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
    border-bottom: 1px solid #555;
    position:relative;
}
#basket.pinnedBasket{
    position: fixed;
    left: 0;
    top:0;
    padding-top: 225px;
    font-size:80%;
    bottom: 0;
    background: #eee;
}
.dropcart{
    width:100%;
}
.dropcart__product-image img {
    max-height: 80px;
    mix-blend-mode: multiply;
}
body.headerFixed #basket.pinnedBasket {
    padding-top: 55px;
}
#basket .dropcart__products-list{
    padding:0;
}
#basket.absedBasket{
    position: absolute;
    left: 0;
    top: -5px;
    bottom: auto;
    background: white;
    border: 1px solid #eee;
    padding: 0;
}
.container.basketActive #basket{
    display:flex;
    
}
.container.absedBasket{
    padding-left:240px;
}
.dropcart__products-list {
    padding: 0;
    max-height: 80%;
    overflow-y: auto;
    
}
.dropcart__product{
    border-bottom: 1px dotted #ccc;
    display: flex;
    align-items: center;
    padding: 5px 0;
}



@media only screen and (min-width: 576px) and (max-width: 1200px) and (orientation: portrait) {
    .homepageContainer .masterBlock .inner {
        background-size: cover;
    }
}

@media only screen and (max-width: 576px){
    .logoWrapper{width:100%;max-width:100%; min-width:60%;}
    #formWrapper {
        margin-top: 15px;
        max-width: 80%;
        margin-bottom: 15px;
    }
    #collapse_catsFilter a{
        color: var(--dark);
    }
    body header {
        background-image: var(--mimg-header);
    }
    
    #topFilters .navbar{
        z-index: 1000000;
    }
}