/**
* QBO styles
* Created on : Jan 22, 2019, 10:26 AM
* Updted on  : Mar 12, 2019, 01:37 PM
*/

.qbov2 .variations { padding: 5px; margin-bottom: 15px; width: 100%; display: inline-block }
.qbov2 .variations label { float: left; color: #223366; font-size: 1.5em}
.qbov2 .variations a { display: inline-block; margin-left: 30px; padding: 5px 15px; border: 1px solid; }
.qbov2 .variations a.active { color:  #ec5737;  border-color: #ec5737;  }
.qbov2 .bulk-search { float: right; display: inline-block}
.qbov2 .bulk-search input { width: 180px; margin: 4px 0 0 10px;}

.qbov2 .products li .product-content {  float: left;}
.bulk-products .products-6>li, .bulk-variable-products .products-6>li { width: 15.665%; margin: 0 0.5% 1%; }
.bulk-products .products-6.searching>li:nth-child(6n+1), .bulk-variable-products .products-6.searching>li:nth-child(6n+1) { clear: initial; }
.qbov2 .product-details-container { display: inline-block; }
.qbov2 .product-content { display: inline-block;border: 1px solid transparent }
.qbov2 .product-content h3 { margin: 5px 0; color: inherit; font-size: 16px;}
.qbov2 .product-content a {  border: 2px transparent solid }
.qbov2 .product-content.selected { border-color: #ec5737 }
.qbov2 .product-content p{ padding: 0 5px; margin: 0;  max-height: 110px; overflow: hidden; text-overflow: ellipsis;}
.qbov2 .product-content .price-quantity {  padding: 5px;  float: left; width: 100%;}
.qbov2 .product-content .quantity { float: right; width: 100px }

.qbov2 .quantity .plus,
.qbov2 .quantity .minus { color: #ffffff; height: 30px; width: 30px; }
.qbov2 .quantity .minus { background: #ccc; font-size: 1.5em; }
.qbov2 .quantity .plus { background: #ec5737;  font-size: 1.4em; }
.qbov2 .quantity .minus:hover,
.qbov2 .quantity .plus:hover { color: #333333 }
.qbov2 .quantity .qty { height: 30px}


.side-products {
    position: fixed;
    left: 2%;
    bottom: 1%;
    padding: 5px 5px 10px;
    min-width: 150px;
    border:1px #223366 solid;
    border-radius: 10px;
    background: #ffffff;/*#ec5737;*/
    z-index:99;
}
.side-products h4 { margin: 0; color: #223366; text-align: center }
.side-products i { float: right; padding: 1px; font-size: 1.4em; color: #ec5737;  cursor: pointer }
.side-products .selected-products { max-height: 468px; overflow-y: auto; width: 100% }
/*.side-products.minimized { background: #ec5737 }*/
.side-products ul { padding: 0px; margin: 0 5px 5px }
.side-products ul li { 
    color: #223366;
    list-style: none;
    padding: 5px;
    font-weight: 600;
    border-bottom: 1px #ccc solid
}
.btn-add-to-cart{

}
.qbov2 .single_add_to_cart_button, .qbov2 .variable_add_to_cart_button{
    position: fixed !important; bottom: 1%; right: 2%; z-index: 9999;
    font-size: 1.2em !important;
    border-color: #223366 !important;
}

.qbov2 div.blockMsg {
    padding: 15px 20px !important; border: 1px solid #ec5737 !important;  color: #FF2A1A !important; 
}
@media only screen and (max-width: 1000px){
    .qbov2 .bulk-products .products li{
        width: 18.90%!important;
    } 
    #main .bulk-products .products.products-6>li:nth-child(6n+1) {
        clear: initial!important;
    }
    .qbov2 .product-content h3 { font-size: 0.95em;}
    .qbov2 .product-content .price .amount{ font-size: 1.1em }

    .bulk-products .product-content .quantity{
        width: 80px;
    }
    .bulk-products .quantity .qty{
        width: 30px; height: 25px;
    }
    .bulk-products .products-6>li:nth-child(6n){
        margin-right: 1%;
    }
}
@media only screen and (max-width: 800px) {
    .qbov2 .variations label {
        width: 100%; text-align: center;
    }
    .qbov2 .bulk-search { margin: 5px; }
    .bulk-products .products li, 
    #main .bulk-products .products li:nth-child(3n),
    #main .bulk-products .products li:nth-child(4n){
        float: left!important;
        margin-right: 1%!important;
        width: 24%!important;
    } 
    #main .bulk-products .products li:nth-child(3n+1) {
        clear: initial!important;
    }
    .qbov2 .product-content h3 { font-size: 14px; margin: 5px 0; }
    .qbov2 .quantity .plus,
    .qbov2 .quantity .minus { height: 25px; width: 25px; }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){                
    #main .qbov2 .products li:nth-child(3n),
    #main .qbov2 .products li:nth-child(4n),
    .qbov2 .products li{ width: 18.95% !important; margin-right: 0.5% !important; }
    #main .qbov2 .products li:nth-child(3n+1) {
        clear: initial !important;
        margin-right: 0.5% !important;
    }
}
@media only screen and (max-width: 600px){
    .qbov2 .bulk-search {
        display: flex;
        float: none;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (max-width: 500px){
    .bulk-products .products li,
    #main .bulk-products .products li:nth-child(3n),
    #main .bulk-products .products li:nth-child(4n){
        float: left!important;
        margin-right: 0.5%!important;
        width: 48%!important;
    }
    .bulk-products .variations a{
        margin-left: 12px;
    }
    .bulk-products .variations label{
        font-size: 1.3em;
    }
}

.qbo-no-products {
    padding: 1.5rem;
    background: #fafafa;
    border: 1px dashed #ddd;
    border-radius: 4px;
    color: #666;
}
#qbo-loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.92);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qbo-loading-box {
    text-align: center;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #ec5737;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    max-width: 380px;
}
.qbo-loading-box p {
    margin: .75rem 0 0;
    color: #FF2A1A;
    font-size: .9rem;
}
.qbo-spinner {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border: 3px solid #e2e2e2;
    border-top-color: #96588a;
    border-radius: 50%;
    animation: qbo-spin .7s linear infinite;
}
@keyframes qbo-spin { to { transform: rotate(360deg); } }