.wqo_add_btn{
    color: #FF0000;
    font-weight: bold;
    font-size: 40px;
}
.wqo_add_btn a{
    cursor: pointer;
    text-decoration: none!important;  
}

.wqo_add_cart{
    background: url("../images/add_cart.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 30px;
    height: 30px;  
}

.wqo_search{
    /*background: url("../images/search-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;*/
    background:#44c767!important;
    border:2px solid #18ab29!important;
    font-size: 12px!important;
    padding:3px 4px!important;
    color: #FFFFFF!important;
}

.wqo_search:hover {
    background-color:#5cbf2a!important;
}

/*----Pagination-----*/
.wppp-pagination {
    display:inline-block;
    width: 100%;                   
}

.wppp-pagination .page-numbers{
    padding:2px 6px;
    margin:2px;
    border:1px solid #4A5154;
    text-decoration:none;
    color:#4A5154;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
}
.wppp-pagination .page-numbers:hover,
.wppp-pagination .page-numbers:active{
    border:1px solid #4A5154;
    background-color:#4A5154;
    color:#fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.wppp-pagination .page-numbers.current{
    padding:2px 8px;
    margin:2px;
    border:1px solid #4A5154;
    font-weight:bold;
    background-color:#4A5154;
    color:#FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
/*----- End Pagination -----*/
/*--tooltip--*/

#preview{
    position:absolute;
    border:1px solid #FFF;
    background:#FFF;
    border: solid 2px #cccccc;
    padding:5px;
    display:none;
    color:#fff;
    z-index: 11111111;
}
#preview img{
    max-width: 200px;	
}  

/*------*/
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alertAdd {
    bottom: 10px;
    display: none;
    position: fixed;
    right: 150px;
    text-align: center;
    z-index: 1100;
    text-align: center;
}
@media only screen and (max-width: 750px) {
    .alertAdd {
        bottom:  100px!important;        
    }
}    
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.wqo_vew_table{
    width: 100%;
    margin-bottom: 30px;
}
.wqo_vew_table tr th{
    text-align: left!important;
}
.wqo_vew_table tr td{
    text-align: left!important;
    vertical-align: top!important;
}

@media only screen and (max-width: 48em) {
    .wqo_vew_table tr td{
        min-width: 10px!important;
        word-break:  normal!important;
        padding: 2px!important;
        font-size: 11px!important;
    }
    .wqo_vew_table tr th{
        min-width: 10px!important;
        word-break:  normal!important;
        padding: 2px!important;
        font-size: 12px!important;
    }
    .wqo_vew_table tr td img{
        width: 32px!important;
        height: 32px!important;
    }
    .product_qty{
        width: 50px!important;
        font-size: 9px;
    }
}
.wqo_cart_amount .amount{
    display: block!important;
}

/*------------Css for Popup-----------*/
.wqo_popup_con_main{
    padding: 0px;
    margin: 0px;
    width: 500px;
    min-height: 400px;
    padding: 10px;
}
.wqo_popup_con_1{
    width: 100%;
    font-size: 20px;
    color: brown;
}
.wqo_popup_con_2{
    width: 100%;
    margin-top: 10px;
}
.wqo_popup_con_3{
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    color: #666666;
}

.wqo_popup_con_left{
    float: left;
    width: 50%;
    margin: 0px;    
}
.wqo_popup_con_left img{
    border: solid 2px #CCCCCC;
}  
.wqo_popup_con_right{
    float: right;
    width: 50%;    
}
.wqo_clear{
    clear: both;
}
.wqo_popup_title{
    font-size: 22px;
    color: darkorange;
    margin-bottom: 20px;
}
.wqo_popup_price{
    font-size: 20px;    
    margin-bottom: 20px;
}

/*--------------Tooltip-----------------*/
#preview img{
    max-width: 280px!important;

}
@media screen and (max-width: 600px){
    #preview img{
        max-width: 200px!important;

    }    
}
@media screen and (max-width: 450px){
    #preview img{
        max-width: 150px!important;

    }

}
#wqo_options select{
    font-size: 12px!important;
    padding: 3px 5px;
}

/*---- For Quantity Plus Minus Btton----*/


.wqo_quantity {
    overflow: hidden;
    max-width: 98%!important;
    background:#29292A!important;
    height: 40px!important;
    position: relative;
}
.wqo_q1{
    width: 70%!important;
    float: left;
}
.wqo_q2{
    width: 30%!important;
    float: left;
}
.wqo_q1 input, .wqo_q2 input{
    margin: 0px!important;
    padding: 0px!important;
}

.wqo_qty {
    width:100%!important;
    height: 40px!important;
    text-align: center;
    padding:0px!important;
    margin:0px!important;
    background: #3E3E3E;    
    border: 0 none;
    color: #CCC;    
    font-size: 13px;
    border: 1px solid #29292a;
}

.wqo_qtyplus, .wqo_qtyminus {
    background-color: #f79825 !important;
    width:100%!important;
    height: 20px!important;
    color:#FFFFFF;
    border:none !important;
    padding:0px!important;
    margin:0px!important;
    cursor:pointer;
    text-align: center;
    line-height:1!important;
    font-weight: bold;
}



@media only screen and (max-width: 640px) and (min-width: 500px)  {    
    .wqo_q1{width: 60%!important;}
    .wqo_q2{width: 40%!important;}
    .wqo_quantity {
        max-width: 100%!important;
    }
}
@media only screen and (max-width: 499px) and (min-width: 300px)  {  
    .wqo_q1{width: 55%!important;}
    .wqo_q2{width: 45%!important;}
    .wqo_quantity {
        max-width: 100%!important;
    }
}
@media only screen and (max-width: 768px)   {
    .wqo_qtyplus, .wqo_qtyminus {
        line-height:2!important;
    }    
    
}    
    
    

/*-----------Search-----------------*/

.form-wrapper {
    width: 265px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}

.wqo_search_txt {
    width: 190px!important;
    height: 20px!important;
    padding: 5px 5px!important;
    float: left;    
    font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0!important;
    background: #eee!important;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;      
}

@media only screen and (max-width: 550px) and (min-width: 400px)  {
    .form-wrapper {
        width: 195px;
    }
    .wqo_search_txt {
        width: 120px!important;
    }
}
@media only screen and (max-width: 399px) and (min-width: 364px)  {
    .form-wrapper {
        width: 175px;
    }
    .wqo_search_txt {
        width: 100px!important;
    }
}  
@media only screen and (max-width: 363px) and (min-width: 310px)  {
    .form-wrapper {
        width: 160px;
    }
    .wqo_search_txt {
        width: 85px!important;
    }
}

.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    

.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 30px;
    width: 65px;
    font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #6faf1b;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   

.form-wrapper button:hover{		
    background: #6faf1b;
}	

.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #6faf1b;    
}

.form-wrapper button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #6faf1b transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper button:hover:before{
    border-right-color: #6faf1b;
}

.form-wrapper button:focus:before{
    border-right-color: #6faf1b;
}    

.form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.byline p{
    text-align:center;
    color:#6faf1b;
    font: bold 18px Arial, Helvetica, Sans-serif;
    text-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

.byline p a{
    color:#6faf1b;
    text-decoration:none;
}

.dropdown_product_cat{
    font-size: 12px;
    padding: 5px;
    min-width: 180px;
    max-width: 220px;
}

.wqo_search_td_cat{    
    width: 190px;
    vertical-align: top;
}

@media only screen and (max-width: 600px) and (min-width: 300px)  {
    .wqo_search_td_cat{
        width: 110px;
    }
    .dropdown_product_cat{
        min-width: 110px;
        max-width: 110px;
    }
}

#order_line_items .wc-order-item-sku{
    display: none!important;
}
.wc-order-item-sku{
    display: none!important;
}