@charset "UTF-8";
@charset "UTF-8";
#b2bking_request_custom_quote_button{
margin-bottom: 5px;
position: initial;
visibility: visible;
height: auto;
}
#b2bking_request_custom_quote_textarea{
width: 100%;
min-height: 150px;
resize: vertical;
margin-bottom: 5px;
display: none;
}
span.b2bking_request_custom_quote_text_label {
display: none;
text-align: left;
margin-top: 15px;
}
#b2bking_request_custom_quote_textarea_abovetext{
display: none;
text-align: left;
margin-top: 15px;
}
#b2bking_request_custom_quote_name, #b2bking_request_custom_quote_email{
width: 50%;
margin-bottom: 5px;
display: none;	
} .b2bking_myaccount_individual_offer_custom_text {
margin: 0 30px;
padding: 10px 0px;
font-family: Roboto;
border-top: 1px solid #d7d7d7;
white-space: pre-wrap;
color: #515151;
line-height: 1.2em;
font-size: 11px;
}
.b2bking_offer_myaccount_total{
font-size: 16px;
}
.b2bking_offer_myaccount_total .amount{
font-weight: 700;
font-size: 22px;
}
.b2bking_offer_myaccount_items_text{
font-size: 15px;
}
#b2bking_myaccount_offers_container{
margin: 0px 40px;
}
#b2bking_myaccount_offers_title, #b2bking_myaccount_conversations_title, #b2bking_myaccount_bulkorder_title{
font-family: Roboto;
font-size: 30px;
color: #373737;
font-weight: 400;
margin-bottom: 12px;
}
.b2bking_myaccount_individual_offer_top{
font-family:  Roboto;
font-weight: 500;
font-size: 17.5px;
display: flex;
justify-content: center;
align-items: center;
color: #EDEDED;
width: 100%;
height: 46px;
background: #383838;
border-radius: 5px 5px 0px 0px;
}
.b2bking_myaccount_individual_offer_container{
background: #EBEBEB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
min-height: 200px;
position: relative;
margin-bottom: 40px;  
min-width: 422px; 
}
.b2bking_myaccount_individual_offer_top_icon{
position: absolute;
left: 15px;
top: 13px;
width: 17px;
}
.b2bking_myaccount_individual_offer_header_line{
border-bottom: 1px solid #d7d7d7;
margin: 18px 0px 6px 0px;
justify-content: space-between;
font-family: Roboto;
font-weight: 500;
font-size: 16.5px;
color: #646464;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.b2bking_myaccount_individual_offer_header_line_item{
text-align: center;
}
.b2bking_myaccount_individual_offer_element_line{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: center;
margin: 20px 1px;
font-size: 12px;
}
.b2bking_myaccount_individual_offer_element_line_item{
color: #515151;
font-family: Roboto;
font-size: 11px;
text-align: center;
}
.b2bking_offer_image{
width:60%;
margin: auto;
}
.b2bking_myaccount_individual_offer_bottom_line{
border-top: 1px solid #d7d7d7;
justify-content: space-between;
display: flex;
margin: 0px 30px;
padding: 20px 0px;
align-items: center;
}
.b2bking_myaccount_individual_offer_bottom_line_total{
font-family: Roboto;
font-size: 19px;
line-height: 28px;
color: #525252;
}
.b2bking_myaccount_individual_offer_bottom_line_add button.b2bking_myaccount_individual_offer_bottom_line_button{
background: #3AB1E4;
line-height: 15px;
min-width: 150px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px !important;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.b2bking_myaccount_individual_offer_bottom_line_button:hover, .b2bking_myaccount_individual_offer_bottom_line_add button.b2bking_myaccount_individual_offer_bottom_line_button:hover{
background: #0088c2;
color: white;
outline: none;
cursor: pointer;
}
.b2bking_myaccount_individual_offer_bottom_line_button_icon, .b2bking_myaccount_new_conversation_button_icon{
width: 19px;
margin-right: 10px;
} #b2bking_myaccount_conversations_container{
margin:0 20px;
}
#b2bking_myaccount_conversations_container_top{
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
#b2bking_myaccount_conversations_container_top button{
background: #3AB1E4;
line-height: 15px;
min-width: 195px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
#b2bking_myaccount_conversations_container_top button:hover{
background-color: #0088c2;
cursor: pointer;
}
.b2bking_myaccount_individual_conversation_top{
font-family: Roboto;
font-size: 15px;
display: flex;
justify-content: space-around;
align-items: center;
color: #EDEDED;
width: 100%;
height: 36px;
background: #646464;
border-radius: 5px 5px 0px 0px;
}
.b2bking_myaccount_individual_conversation_container{
background: #EBEBEB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
min-height: 150px;
position: relative;
margin-bottom: 40px;   
display: block;
}
.b2bking_myaccount_individual_conversation_top_item{
position: relative;
right: 8px;
}
.b2bking_myaccount_individual_conversation_content{
display: flex;
justify-content: space-around;
}
.b2bking_myaccount_individual_conversation_content_item {
width: 140px;
padding: 12px;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: #414141;
}
.b2bking_myaccount_individual_conversation_bottom{
display: flex;
justify-content: flex-end;
}
#b2bking_myaccount_conversations_container .b2bking_myaccount_individual_conversation_container .b2bking_myaccount_individual_conversation_bottom a{
text-decoration: none;
}
button.b2bking_myaccount_view_conversation_button{
background: #5B5B5B;
line-height: 8px;
min-width: 195px;
text-align: end;
height: 32px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
margin-right: 20px;
margin-bottom: 10px;
margin-left:20px;
padding: 0px 18px;
border: none;
font-family:  Roboto;
font-weight: 500;
font-size: 15px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_myaccount_view_conversation_button:hover{
background-color: #303030;
color: #fff;
cursor: pointer;
}
.b2bking_myaccount_view_conversation_button_icon{
width: 19px;
margin-right: 10px;
}
.b2bking_myaccount_conversations_pagination_container{
display: flex;
justify-content: space-between;
margin: 0px 20px;
}
.b2bking_myaccount_coffers_pagination_container{
display: flex;
justify-content: space-between;
}
.b2bking_myaccount_conversations_pagination_button a{
width: 230px;
height: 35px;
background: #A3A3A3;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
display: inline-flex;
border-radius: 3px;
justify-content: center;
align-items: center;
font-family: "Roboto Medium", Roboto;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #ECECEC;
text-decoration: none !important;
}
.b2bking_myaccount_conversations_pagination_button a:hover{
background-color: #6a6a6a;
}
.b2bking_myaccount_conversations_pagination_button a:visited{
color:#ececec;
}
.b2bking_myaccount_new_conversation_top{
font-family: "Roboto Medium", Roboto;
font-size: 15px;
display: flex;
justify-content: space-between;
align-items: center;
color: #EDEDED;
height: 36px;
background: #646464;
border-radius: 5px 5px 0px 0px;
padding: 0px 20px;
}
.b2bking_myaccount_new_conversation_new{
font-weight: 500;
}
.b2bking_myaccount_new_conversation_close{
border-radius: 3px;
background: #2F2F2F;
padding: 0px 15px;
font-weight: 500;
}
.b2bking_myaccount_new_conversation_close:hover{
background-color: #000000;
cursor: pointer;
}
.b2bking_myaccount_new_conversation_container{
background: #EBEBEB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
min-height: 150px;
position: relative;
margin-bottom: 40px;
display: none;   
}
.b2bking_myaccount_new_conversation_content{
padding: 20px;
}
.b2bking_myaccount_new_conversation_content_element_text {
font-family: "Roboto Medium", Roboto;
font-weight: 600;
font-size: 15px;
line-height: 21px;
color: #4E4E4E;
}
select#b2bking_myaccount_conversation_type {
height: 43px;
background: #DEDEDE;
border-radius: 4px;
padding: 0px 20px;
border: none;
font-family: "Roboto Medium", Roboto;
width: 100%;
margin-bottom: 18px;
margin-top: 5px;
font-size: 15px;
outline: none;
color: #8D8D8D;
}
input#b2bking_myaccount_title_conversation_start {
height: 43px;
background: #DEDEDE;
border-radius: 4px;
padding: 0px 20px;
border: none;
font-family: "Roboto Medium", Roboto;
width: 92%;
width: -moz-available;         
width: -webkit-fill-available; 
width: fill-available;
margin-bottom: 18px;
margin-top: 5px;
font-size: 15px;
outline: none;
color: #8D8D8D;
box-shadow: none;
}
input#b2bking_myaccount_title_conversation_start::placeholder, #b2bking_myaccount_textarea_conversation_start::placeholder{
color: #8D8D8D;
}
#b2bking_myaccount_textarea_conversation_start{
resize: vertical;
min-height: 150px;
height: 43px;
background: #DEDEDE;
border-radius: 4px;
padding: 10px 20px;
border: none;
font-family: "Roboto Medium", Roboto;
width: 92%;
width: -moz-available;         
width: -webkit-fill-available; 
width: fill-available;
margin-bottom: 18px;
margin-top: 5px;
font-size: 15px;
outline: none;
color: #8D8D8D;
box-shadow: none;
}
.b2bking_myaccount_start_conversation_bottom{
display: flex;
justify-content: flex-end;
}
button.b2bking_myaccount_start_conversation_button{
background: #3AB1E4;
line-height: 8px;
min-width: 195px;
text-align: end;
height: 35px;
margin-top: 10px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
padding: 0px 18px;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_myaccount_start_conversation_button:hover{
background-color: #0088c2;
color: #fff;
cursor: pointer;
}
.b2bking_myaccount_start_conversation_button_icon{
width: 19px;
margin-right: 10px;
} #b2bking_myaccount_conversation_endpoint_container{
margin:0 20px;
}
#b2bking_myaccount_conversation_endpoint_container_top{
display: flex;
justify-content: space-between;
align-items: center;
}
#b2bking_myaccount_conversation_endpoint_container_top button{
line-height: 15px;
width: 130px;
background: #717171;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
}
#b2bking_myaccount_conversation_endpoint_container_top button:hover{
background-color: #454545;
cursor: pointer;
}
#b2bking_myaccount_conversation_endpoint_title{
font-family: "Roboto Medium", Roboto;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 26px;
color: #313131;
}
#b2bking_myaccount_conversation_endpoint_container_top_header{
background: #303030;
border-radius: 5px 5px 0px 0px;
min-height: 45px;
margin-top: 30px;
font-family: "Roboto Medium", Roboto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 20px;
font-size: 13px;
}
.b2bking_myaccount_conversation_endpoint_container_top_header_item{
color: #D6D6D6;
}
.b2bking_myaccount_conversation_endpoint_top_header_text_bold{
font-weight: 500;
color: #f9f9f9;
}
.b2bking_myaccount_conversation_endpoint_bottom{
display: flex;
justify-content: flex-end;
}
.b2bking_myaccount_conversation_endpoint_button{
background: #3AB1E4;
line-height: 8px;
min-width: 165px;
text-align: end;
height: 35px;
margin-top: 10px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.b2bking_myaccount_conversation_endpoint_button:hover{
background-color: #0088c2;
color: #fff;
cursor: pointer;
}
.b2bking_myaccount_conversation_endpoint_button_icon{
width: 19px;
margin-right: 10px;
}
#b2bking_conversation_user_new_message{
resize: vertical;
min-height: 125px;
outline: none;
padding: 15px;
margin-top: 20px;
background: #F2F2F2;
border-radius: 5px;
margin-bottom: 5px;
width: 92%;
width: -moz-available;         
width: -webkit-fill-available; 
width: fill-available;
}
#b2bking_conversation_messages_container{
max-height: 500px;
overflow-y: scroll;
}
.b2bking_conversation_message{
background: #eeeeee;
margin: 10px;
padding: 15px;
padding-right: 10%;
padding-bottom: 50px;
border-radius: 8px;
width: 70%;
position: relative;
font-family: "Roboto Medium", Roboto;
font-size: 15px;
font-weight: normal;
}
.b2bking_conversation_message_self{
margin-left: auto;
background: #e9f1f8;
}
.b2bking_conversation_message_time{
position: absolute;
right: 10px;
color: #888f92;
font-family: Roboto;
font-size: 14px;
font-weight: bold;
bottom: 10px;
} #b2bking_myaccount_bulkorder_container{
margin: 0px 20px;
min-width: 500px;
}
.b2bking_bulkorder_form_container{
background: #EBEBEB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
min-height: 150px;
position: relative;
margin-bottom: 40px;
display: grid;
}
.b2bking_bulkorder_form_container_top{
font-family: Roboto;
font-size: 15px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0px 15px;
color: #EDEDED;
height: 36px;
background: #646464;
border-radius: 5px 5px 0px 0px;
font-weight: 400;
}
.b2bking_bulkorder_form_container_content{
padding: 20px;
}
.b2bking_bulkorder_form_container_content_header_product{
width: 68%;
display: inline-block;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #4E4E4E;
}
.b2bking_bulkorder_form_container_content_header_qty{
width: 10%;
display: inline-block;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #4E4E4E;
margin-right: 4%;
margin-left: 4%;
}
.b2bking_bulkorder_form_container_content_header_subtotal{
width: 12%;
display: inline-block;
text-align:right;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #4E4E4E;
}
.b2bking_bulkorder_form_container_content_line{
position: relative;
}
.b2bking_loader_img{
margin:auto;
display: block;
}
.b2bking_loader_hidden{
display: none !important;
}
select#b2bking_bulkorder_searchby_select:hover{
cursor: pointer;
background: #666666;
}
select#b2bking_bulkorder_searchby_select:focus{
outline: none;
}
select#b2bking_bulkorder_searchby_select {
background: #939393;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.06);
color: white;
border: 0px;
margin-left: 5px;
height: auto;
width: auto;
-webkit-appearance: auto;
margin-bottom: 0;
padding: 1px 5px;
border-radius: 3px !important;
display: inline-block;
font-weight: 400;
font-family: "Roboto Medium";
}
.b2bking_bulkorder_form_container_content_header {
margin-bottom: 2px;
}
.b2bking_bulkorder_clear{
position: absolute;
top: 14px;
padding: 1px 8px;
border-radius: 3px;
color: #f0f0f0;
left: 54.5%;
background: #b8b8b8;
height: 27.5px;
border: none;
text-transform: none;
min-height: 0;
font-family:  Roboto;
font-size: 15px;
font-weight: 500;
line-height: normal;
}
.b2bking_bulkorder_clear:hover{
background-color: #d5d5d5;
border-color: #d5d5d5;
color: #333333;
cursor: pointer;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product{
width: 68%;
height: 43px;
background: #DEDEDE;
border-radius: 4px;
padding: 0px 20px;
border: none;
font-family: Roboto;
margin-bottom: 18px;
padding-right: 25px;
margin-top: 5px;
font-size: 15px;
outline: none;
color: #8D8D8D;
box-shadow: none;
display: inline-block;
box-sizing: border-box;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product:focus{
background: #DEDEDE;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product::placeholder, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product::placeholder{
color: #8D8D8D;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty{
width: 10%;
height: 43px;
background: #DEDEDE;
border-radius: 4px;
border: none;
font-family: "Roboto Medium", Roboto;
margin-bottom: 18px;
margin-top: 5px;
font-size: 15px;
outline: none;
color: #8D8D8D;
box-shadow: none;
display: inline-block;
box-sizing: border-box;
padding: 8px;
margin-left: 4%;
margin-right: 4%;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty::-webkit-inner-spin-button, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty::-webkit-inner-spin-button, 
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty::-webkit-outer-spin-button, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty:focus, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty:focus{
background: #DEDEDE;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line_subtotal, .b2bking_bulkorder_form_container_content_line_subtotal{
width: 12%;
text-align: right;
padding-right: 7px;
display: inline-block;
font-family: "Roboto Medium", Roboto;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #6B6B6B;
box-sizing: border-box;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button, .b2bking_bulkorder_form_container_newline_button{
background: #939393;
font-family: Roboto;
font-weight: 400;
font-size: 12px;
line-height: 5px;
min-width: 90px;
text-align: end;
height: 29px;
padding: 0px 10px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button:hover, .b2bking_bulkorder_form_container_newline_button:hover{
background: #666666;
color: #ffffff;
cursor: pointer;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button:focus, .b2bking_bulkorder_form_container_newline_button:focus{
outline: none;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button_icon, .b2bking_bulkorder_form_container_newline_button_icon {
width: 17px;
margin-right: 5px;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_container, .b2bking_bulkorder_form_container_newline_container {
margin-top: -8px;
padding-bottom: 16px;
border-bottom: 1px solid #c0c0c0;
}
.b2bking_bulkorder_form_container_bottom{
justify-content: space-between;
display: flex;
align-items: center;
margin-top: 15px;
}
.b2bking_bulkorder_form_container_bottom_total{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #4E4E4E;
}
.b2bking_bulkorder_form_container_bottom_add{
display: flex;
}
button.b2bking_bulkorder_form_container_bottom_add_button{
background: #3AB1E4;
line-height: 15px;
min-width: 150px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
margin-right: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_bulkorder_form_container_bottom_add_button:focus{
outline: none;
}
button.b2bking_bulkorder_form_container_bottom_add_button:hover{
background-color: #0088c2;
color: white;
outline: none;
cursor: pointer;
}
.b2bking_bulkorder_form_container_bottom_add_button_icon{
width: 19px;
margin-right: 10px;
}
button.b2bking_bulkorder_form_container_bottom_save_button{
background: #939393;
line-height: 15px;
min-width: 120px;
margin-left: 13px;
margin-right: 13px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_bulkorder_form_container_bottom_update_button{
background: #939393;
line-height: 15px;
min-width: 137px;
margin-left: 13px;
margin-right: 13px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_bulkorder_form_container_bottom_save_button:focus, button.b2bking_bulkorder_form_container_bottom_update_button:focus{
outline: none;
}
button.b2bking_bulkorder_form_container_bottom_save_button:hover, button.b2bking_bulkorder_form_container_bottom_update_button:hover{
background-color: #666666;
color: white;
outline: none;
cursor: pointer;
}
.b2bking_bulkorder_form_container_bottom_save_button_icon, .b2bking_bulkorder_form_container_bottom_update_button_icon{
width: 19px;
margin-right: 10px;
}
button.b2bking_bulkorder_form_container_bottom_delete_button{
background: #939393;
line-height: 15px;
width: 93px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 3px 16px;
text-transform: none;
min-height: 0;
margin-right: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_bulkorder_form_container_bottom_delete_button:focus{
outline: none;
}
button.b2bking_bulkorder_form_container_bottom_delete_button:hover{
background-color: #666666;
color: white;
cursor: pointer;
outline: none;
}
.b2bking_bulkorder_form_container_bottom_delete_button_icon {
width: 21px;
position: relative;
bottom: 1px;
}
.b2bking_bulkorder_form_container_content_line_livesearch {
background: #646464;
width: 68%;
position: relative;
padding: 10px;
border-radius: 0px 0px 4px 4px;
bottom: 20px;
color: white;
font-size: 13px;
font-family: Roboto;
display: none;
}
.b2bking_livesearch_product_result{
padding: 5px;
}
.b2bking_livesearch_product_result:hover{
background-color: #363636;
cursor: pointer;
} select#b2bking_registration_roles_dropdown, .b2bking_custom_registration_field {
width: 100%;
}
.b2bking_registration_roles_dropdown_section_hidden{
display: none !important;
}
.b2bking_checkbox_registration_field{
width: auto;
}
select#b2bking_registration_roles_dropdown{
display: inline-block;
}
.b2bking_custom_registration_field_textarea{
resize: vertical;
min-height: 55px;
}
.b2bking_country_or_state{
margin-bottom: 0 !important;
} .b2bking_vat_visible{
display: block;
}
.b2bking_vat_hidden{
display: none !important;
}
.b2bking_vat_countries_hidden{
display: none !important;
} .b2bking_subaccounts_container_top {
display: flex;
justify-content: space-between;
margin-bottom: 17px;
align-items: center;
}
.b2bking_subaccounts_container_top_title {
font-family: Roboto;
font-size: 30px;
color: #373737;
font-weight: 400;
}
.b2bking_subaccounts_new_account_container_top_title {
font-weight: 400;
}
button.b2bking_subaccounts_container_top_button {
background: #3AB1E4;
line-height: 15px;
min-width: 195px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 1px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button.b2bking_subaccounts_container_top_button:hover {
background-color: #0088c2;
color: #ffffff;
cursor: pointer;
}
button.b2bking_subaccounts_container_top_button:focus{
outline: none;
}
svg.b2bking_subaccounts_container_top_button_icon {
width: 29px;
}
.b2bking_subaccounts_account_container {
min-height: 180px;
background: #EBEBEB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
margin-bottom: 35px;
}
.b2bking_subaccounts_account_top {
background: #646464;
display: flex;
border-radius: 5px 5px 0px 0px;
justify-content: center;
align-items: center;
color: #ffffff;
font-family: "Roboto Medium", Roboto;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-align: center;
min-height: 30px;
}
svg.b2bking_subaccounts_account_top_icon {
width: 20px;
margin-right: 7px;
}
.b2bking_subaccounts_account_line {
display: flex;
justify-content: space-between;
margin: 15px;
}
.b2bking_subaccounts_container .b2bking_subaccounts_account_container .b2bking_subaccounts_account_line a{
text-decoration: none;
}
.b2bking_subaccounts_account_name {
font-family: Roboto;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 23px;
margin-bottom: 5px;
text-align: center;
color: #292929;
}
.b2bking_subaccounts_account_title {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-align: left;
color: #414141;
}
button.b2bking_subaccounts_account_button {
background: #818181;
font-family: Roboto;
font-weight: 400;
font-size: 14px;
line-height: 15px;
width: 125px;
display: inline-flex;
justify-content: center;
align-items: center;
justify-content: space-between;
height: 30px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
padding: 0px 10px;
border: none;
text-decoration: none;
text-transform: none;
min-height: 0;
}
button.b2bking_subaccounts_account_button:hover{
background-color: #555555;
color: #ffffff;
cursor: pointer;
text-decoration: none;
}
button.b2bking_subaccounts_account_button:focus{
outline: none;
}
svg.b2bking_subaccounts_account_button_icon {
width: 19px;
margin-right: 5px;
}
.b2bking_subaccounts_account_phone_email {
margin-top: 17px;
}
.b2bking_subaccounts_account_phone_email_text {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-align: left;
margin-bottom: 5px;
color: #414141;
}
.b2bking_subaccounts_new_account_container_top {
font-family: Roboto;
font-size: 15px;
display: flex;
justify-content: space-between;
align-items: center;
color: #ffffff;
height: 36px;
background: #9e9e9e;
border-radius: 5px 5px 0px 0px;
padding: 0px 20px;
}
.b2bking_subaccounts_new_account_container_content {
padding: 20px;
background: #FBFBFB;
border-radius: 5px;
}
.b2bking_subaccounts_new_account_container {
margin-bottom: 30px;
background: #FBFBFB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
display: none;
}
.b2bking_subaccounts_edit_account_container {
margin-bottom: 30px;
background: #FBFBFB;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.13);
border-radius: 5px;
}
.b2bking_subaccounts_new_account_container_content {
padding: 20px;
}
.b2bking_subaccounts_new_account_container_content_large_title {
font-family: "Roboto Medium", Roboto;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
min-height: 40px;
align-items: center;
display: flex;
color: #4E4E4E;
margin-bottom: 20px;
margin-top: 5px;
}
svg.b2bking_subaccounts_new_account_container_content_large_title_icon {
width: 30px;
position: relative;
bottom: 1px;
margin-right: 10px;
}
.b2bking_span_title_text_subaccount{
margin-left: 15px;
margin-right: 15px;
}
.b2bking_subaccounts_new_account_container_top_close, .b2bking_subaccounts_edit_account_container_top_close {
border-radius: 3px;
background: #5b5b5b;
padding: 0px 15px;
font-weight: 500;
}
.b2bking_subaccounts_new_account_container_top_close:hover, .b2bking_subaccounts_edit_account_container_top_close:hover {
background-color: #333333;
cursor: pointer;
}
.b2bking_subaccounts_new_account_container_content_element_label {
font-family: "Roboto Medium", Roboto;
font-weight: 500;
font-size: 15px;
line-height: 21px;
color: #4E4E4E;
}
.b2bking_subaccounts_new_account_container_content_element input.b2bking_subaccounts_new_account_container_content_element_text {
height: 43px;
background: #ededed;
border-radius: 4px;
padding: 0px 20px;
border: none;
font-family: Roboto;
width: 92%;
width: -moz-available;         
width: -webkit-fill-available; 
width: fill-available;
margin-bottom: 18px;
margin-top: 5px;
font-size: 15px;
outline: none;
color: #8D8D8D;
box-shadow: none;
}
.b2bking_subaccounts_new_account_container_content_element input.b2bking_subaccounts_new_account_container_content_element_text::placeholder{
color: #8D8D8D;
}
.b2bking_subaccount_horizontal_line {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 15px;
}
.b2bking_subaccount_top_margin{
margin-top: 20px;
}
.b2bking_subaccounts_new_account_container_content_element_checkbox {
background: #ededed;
border-radius: 3px;
margin-top: 12px;
justify-content: space-between;
display: flex;
align-items: center;
padding: 0px 15px;
min-height: 40px;
}
.b2bking_subaccounts_new_account_container_content_element_checkbox_name {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #252525;
}
.b2bking_subaccounts_new_account_container_content_bottom {
display: flex;
justify-content: space-between;
margin-top: 35px;
}
button.b2bking_subaccounts_new_account_container_content_bottom_button {
background: #3AB1E4;
align-items: center;
line-height: 8px;
min-width: 210px;
text-align: end;
justify-content: space-between;
height: 35px;
margin-top: 10px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
display: flex;
outline: none;
padding: 0px 18px;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
}
button.b2bking_subaccounts_new_account_container_content_bottom_button:hover{
background-color: #0088c2;
color: #fff;
cursor: pointer;
}
button.b2bking_subaccounts_new_account_container_content_bottom_button:focus{
outline: none;
color: #fff;
}
button.b2bking_subaccounts_edit_account_container_content_bottom_button {
background: #3AB1E4;
align-items: center;
line-height: 8px;
min-width: 210px;
text-align: end;
justify-content: space-between;
height: 35px;
margin-top: 10px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
display: flex;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
}
button.b2bking_subaccounts_edit_account_container_content_bottom_button:hover{
background-color: #0088c2;
color: #fff;
cursor: pointer;
}
button.b2bking_subaccounts_edit_account_container_content_bottom_button:focus{
outline: none;
color: #fff;
}
button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete {
background: #6a6a6a;
align-items: center;
line-height: 8px;
min-width: 210px;
text-align: end;
justify-content: space-between;
height: 35px;
margin-top: 10px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
display: flex;
outline: none;
padding: 0px 18px;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
text-transform: none;
min-height: 0;
}
button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete:hover{
background-color: #555555;
color: #fff;
cursor: pointer;
}
button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete:focus{
outline: none;
color: #fff;
}
svg.b2bking_subaccounts_new_account_container_content_bottom_button_icon {
width: 24px;
margin-right: 10px;
}
.b2bking_subaccounts_new_account_container_content_bottom_validation_errors {
color: red;
} div#b2bking_purchase_lists_table_wrapper {
padding: 15px;
font-size: 14px;
background: #fff;
border: 1.5px solid #eee;
border-radius: 5px;
}
table#b2bking_purchase_lists_table {
padding-top: 19px;
padding-bottom: 13px;
width:100%
}
.b2bking_purchase_lists_top_title {
font-family: Roboto;
font-size: 30px;
color: #373737;
font-weight: 400;
}
#b2bking_purchase_lists_table_filter input {
border-radius: 4px;
box-shadow: none;
height: 33px;
}
#b2bking_purchase_lists_table_length select{
border-radius: 4px;
}
div#b2bking_purchase_lists_table_length {
margin-top: 3px;
}
button.b2bking_purchase_lists_view_list {
border-radius: 3px;
display: inline-flex;
vertical-align: middle;
align-items: center;
margin-right: 5px;
padding: 4px 8px;
justify-content: center;
color: #ffffff;
background: #6abeff;
margin-top: 1px;
border: none;
font-weight: 600;
text-transform: none;
min-height: 0;
line-height: normal;
height: 31px;
font-family: Roboto;
font-size: 13px;
}
button.b2bking_purchase_lists_view_list:hover{
background: #3a98e1;
color: #ffffff;
cursor: pointer;
}
button.b2bking_purchase_lists_add_to_cart {
border-radius: 3px;
display: inline-flex;
vertical-align: middle;
align-items: center;
padding: 4px 8px;
justify-content: center;
color: #ffffff;
background: #606060;
margin-right: 5px;
margin-top: 1px;
border: none;
font-weight: 600;
text-transform: none;
min-height: 0;
line-height: normal;
height: 31px;
font-family: "Roboto Medium", Roboto;
font-size: 13px;
min-width: 60px;
}
button.b2bking_purchase_lists_add_to_cart:hover{
background: #444444;
color: #ffffff;
cursor: pointer;
}
#b2bking_purchase_lists_table a.b2bking_purchase_list_button_href:visited, #b2bking_purchase_lists_table a.b2bking_purchase_list_button_href{
text-decoration: none;
}
#b2bking_purchase_lists_table td, #b2bking_purchase_lists_table th{
text-align: center;
}
#b2bking_purchase_lists_table td{
padding: 12px 14px;
}
.b2bking_purchase_list_top_container {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.woocommerce .woocommerce-MyAccount-content .b2bking_purchase_list_top_container a.b2bking_purchase_list_new_link{
text-decoration: none !important;
}
button#b2bking_purchase_list_new_button {
background: #3AB1E4;
line-height: 15px;
min-width: 135px;
text-align: end;
height: 35px;
color: #FFFFFF;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
position: relative;
outline: none;
border: none;
font-family: "Roboto";
font-weight: 500;
font-size: 15.5px;
padding: 5px 16px;
text-transform: none;
min-height: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
}
button#b2bking_purchase_list_new_button:hover{
background-color: #0088c2;
color: #ffffff;
cursor: pointer;
}
svg.b2bking_purchase_list_new_button_icon {
width: 19px;
margin-right: 10px;
}
.b2bking_purchase_list_new_link{
height: fit-content;
}  @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(//salesshop.co/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/fonts/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} .b2bking_shop_table{
margin-top: 50px;
} @media screen and (max-width: 750px) { 
button.b2bking_bulkorder_clear{
left:50%;
}
}
@media screen and (max-width: 665px) { 
button.b2bking_bulkorder_form_container_bottom_delete_button{
margin-top: 10px;
}
}
@media screen and (max-width: 665px) { 
.b2bking_bulkorder_form_container_bottom_add,.b2bking_bulkorder_form_container_bottom, .b2bking_bulkorder_form_container, #b2bking_myaccount_conversations_container_top, .b2bking_subaccounts_container_top, .b2bking_subaccounts_new_account_container_content_bottom{
display: block;
}
#b2bking_myaccount_offers_container, #b2bking_myaccount_bulkorder_container{
margin: 0px 0px;
}
.b2bking_myaccount_individual_offer_container, #b2bking_myaccount_bulkorder_container{
min-width: unset;
}
.b2bking_myaccount_individual_offer_bottom_line{
margin:0px 10px;
}
.b2bking_bulkorder_form_container_content_header_subtotal{
display: none;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty{
width: 20%;
}
.b2bking_bulkorder_form_container_bottom_total{
margin-top: 10px;
}
.b2bking_bulkorder_form_container_content_line_subtotal{
width: 100% !important;
text-align: center !important;
}
button.b2bking_bulkorder_clear{
left: 45%;
}
}.goldsmith-empty,
.goldsmith-terms + select:not(.goldsmith-select),
.goldsmith-term.goldsmith-disabled:after,
.goldsmith-term.goldsmith-disabled:before {
display: none !important;
}
.goldsmith-term.goldsmith-disabled {
opacity: .4;
cursor: default;
}
.goldsmith-terms {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
.goldsmith-term {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-align: center;
position: relative;
}
.goldsmith-type-color .goldsmith-term,
.goldsmith-product .goldsmith-term {
height: 18px;
width: 18px;
border-radius: 100%;
border-color:  1px solid var(--goldsmith-gray);
}
.goldsmith-term.goldsmith-selected:before {
content: '✓';
min-height: 18px;
min-width: 18px;
border-radius: 100%;
background-color: var(--goldsmith-success);
color: #fff;
text-align: center;
font-size: 10px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.goldsmith-type-image .goldsmith-term {
height: 42px;
width: 42px;
}
.goldsmith-type-image .goldsmith-term img {
width: 100%;
height: 100%;
display: block;
}
.goldsmith-type-button .type-button {
font-size: 12px;
line-height: 1;
min-width: 40px;
padding: 3px 6px;
color: var(--goldsmith-light);
background: var(--goldsmith-dark);
}
.reset_variations.goldsmith-btn-reset {
background: var(--goldsmith-dark);
color: #fff;
padding: 0px 10px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
min-height: 25px;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.5px;
border-radius: 4px;
}
.goldsmith-loop-product .reset_variations.goldsmith-btn-reset {
min-height: 20px;
}
.goldsmith-product.row .goldsmith-variations-items .label {
margin-right: 10px;
}
.goldsmith-terms .term-hint {
position: absolute;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
bottom: 100%;
background: var(--goldsmith-dark);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
padding: 5px 10px;
font-size: 12px;
}
.goldsmith-term:hover .term-hint {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
transition-delay: .1s;
bottom: calc(100% + 10px);
}
.goldsmith-terms .term-hint:before {
content: '';
border: 5px solid transparent;
border-top-color: var(--goldsmith-dark);
position: absolute;
bottom: -10px;
}
.outline-1 .goldsmith-term {
padding: 3px;
border: 1px solid var(--goldsmith-dark);
}
.outline-1 .type-color > span {
min-height: 100%;
min-width: 100%;
display: flex;
}
.goldsmith-type-button.outline-1 .type-button {
min-width: 100%;
min-height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.terms-shape-circle .type-color > span {
border-radius: 100%;
}
.terms-shape-square .goldsmith-term,
.terms-shape-square .type-color > span {
border-radius: 0;
}
.terms-shape-radius .goldsmith-term,
.terms-shape-radius .type-color > span {
border-radius: 3px;
}
.outline-1 .goldsmith-selected {
border-color: #25d366;
border-width: 2px;
}#place_order.ppcp-hidden{display:none !important}.ppcp-disabled{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.ppcp-disabled *{pointer-events:none}.ppc-button-wrapper .ppcp-messages:first-child{padding-top:10px}#ppc-button-ppcp-gateway{line-height:0}#ppc-button-ppcp-gateway div[class^=item-]{margin-top:14px}#ppc-button-ppcp-gateway div[class^=item-]:first-child{margin-top:0}#ppc-button-minicart{line-height:0;display:block}.ppcp-button-apm{--apm-button-border-radius: 4px;overflow:hidden;min-width:0;max-width:750px;line-height:0;border-radius:var(--apm-button-border-radius);height:45px;margin-top:14px}.ppcp-button-apm.ppcp-button-pill{--apm-button-border-radius: 50px}.ppcp-button-apm.ppcp-button-minicart{display:block}.ppcp-width-min .ppcp-button-apm{height:35px}.ppcp-width-300 .ppcp-button-apm{height:45px}.ppcp-width-500 .ppcp-button-apm{height:55px}.wp-block-woocommerce-checkout .ppcp-button-apm,.wp-block-woocommerce-cart .ppcp-button-apm{margin:0;min-width:0}.wp-admin .ppcp-button-apm{pointer-events:none}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

@keyframes woobt-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woobt-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woobt-wrap {
display: block;
clear: both;
width: 100%;
}
.woobt-wrap.woobt-loading {
position: relative;
}
.woobt-wrap.woobt-loading:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.woobt-wrap.woobt-loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
display: block;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-width: 4px;
border-style: solid;
border-radius: 100%;
border-top-color: rgba(0, 0, 0, 0.5);
border-left-color: rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-right-color: rgba(0, 0, 0, 0.1);
animation: woobt-spinner 1s linear infinite;
-webkit-animation: woobt-spinner 1s linear infinite;
}
.woobt-wrap.woobt-layout-separate .woobt-product > .woobt-thumb, .woobt-wrap.woobt-layout-separate .woobt-product > .woobt-price {
display: none;
}
.woobt-wrap.woobt-layout-separate .woobt-product .woobt-title .woobt-price {
margin-left: 10px;
}
.woobt-images {
display: flex;
align-items: center;
margin-bottom: 15px;
overflow-x: auto;
}
.woobt-images .woobt-image {
width: 100px;
flex: 0 0 100px;
margin-right: 20px;
display: block;
position: relative;
}
.woobt-images .woobt-image:not(.woobt-image-this):before {
content: "+";
position: absolute;
top: 50%;
left: -10px;
transform: translate3d(-50%, -50%, 0);
}
.woobt-images .woobt-image:last-child {
margin-right: 0;
}
.woobt-images .woobt-image.woobt-image-hide {
opacity: 0.3;
}
.woobt-images .woobt-image.woobt-image-hide img {
filter: grayscale(100%);
}
.woobt-images .woobt-image img {
width: 100%;
height: auto;
}
.woobt-wrap .woobt-text, .woobt-wrap .woobt-products {
margin: 0 0 15px 0;
}
.woobt-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woobt-products .woobt-product {
padding: 10px 0;
margin: 0;
justify-content: space-between;
display: flex;
align-items: center;
border-bottom: 1px dotted #e5e5e5;
}
.woobt-products .woobt-product.woobt-hide-this {
display: none !important;
}
.woobt-products .woobt-product > div {
padding: 0 5px;
background-color: transparent;
}
.woobt-products .woobt-product .woobt-thumb {
width: 50px;
flex: 0 0 50px;
}
.woobt-products .woobt-product .woobt-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woobt-products .woobt-product .woobt-price {
width: 100px;
flex: 0 0 100px;
max-width: 100px;
text-align: end;
}
.woobt-products .woobt-product-this .woobt-price .woobt-price-new {
display: none;
}
.woobt-products .woobt-product .woobt-price del {
opacity: 0.5;
text-decoration: line-through;
}
.woobt-products .woobt-product .woobt-price del span {
text-decoration: line-through;
}
.woobt-products .woobt-product .woobt-price ins {
font-weight: normal;
}
.woobt-products .woobt-product .woobt-price .amount {
display: inline-block;
}
.woobt-products .woobt-product .woobt-title {
flex-grow: 1;
}
.woobt-products .woobt-product .woobt-title a {
text-decoration: none;
box-shadow: none;
}
.woobt-products .woobt-product .variations_form {
margin: 0;
padding: 0;
}
.woobt-products .woobt-product .woobt-title .woovr-variations-select .woovr-variation-image, .woobt-products .woobt-product .woobt-title .woovr-variations-default .woovr-variation-image, .woobt-products .woobt-product .woobt-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woobt-products .woobt-product .woobt-quantity {
text-align: right;
width: 130px;
flex: 0 0 130px;
}
.woobt-products .woobt-product .woobt-quantity .quantity {
float: none !important;
margin: 0 0 0 0 !important;
}
.woobt-products .woobt-product.woobt-hide .woobt-quantity * {
opacity: 0.5;
pointer-events: none;
}
.woobt-checkbox:disabled {
cursor: not-allowed;
}
.woobt-products .woobt-product .variations_form .variations {
display: block;
width: 100%;
margin-left: -3px;
margin-right: -3px;
padding: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
}
.woobt-products .woobt-product .variations_form .variations .variation > div {
display: block;
}
.woobt-products .woobt-product .variations_form .variations .reset {
display: inline-block;
}
.woobt-products .woobt-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woobt-products .woobt-product .variations_form .variations .variation .value {
line-height: 1;
}
.woobt-products .woobt-product .variations_form .variations .variation .value select {
width: 100%;
line-height: 1;
padding: 0 16px 0 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-size: auto;
background-position: 100% 50%;
}
.woobt-products .woobt-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woobt-products .woobt-product .woobt-title .stock {
font-size: 14px;
margin: 0 !important;
}
.woobt-products .woobt-product .woobt-title .stock.in-stock {
color: green;
}
.woobt-products .woobt-product .woobt-title .stock.available-on-backorder {
color: orange;
}
.woobt-products .woobt-product .woobt-title .stock.out-of-stock {
color: red;
}
.woobt-products .woobt-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woobt-item-text-type-h1 > h1, .woobt-item-text-type-h2 > h2, .woobt-item-text-type-h3 > h3, .woobt-item-text-type-h4 > h4, .woobt-item-text-type-h5 > h5, .woobt-item-text-type-h6 > h6, .woobt-item-text-type-p > p {
margin: 0 !important;
}
.woobt-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
.woobt-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
} .woobt-additional, .woobt-total, .woobt-alert {
display: none;
}
.woobt-actions form.cart {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.woobt-quantity-input {
display: flex;
align-items: center;
}
.woobt-quantity-plus-minus .plus, .woobt-quantity-plus-minus .minus, .woobt-quantity-plus-minus .minus-btn, .woobt-quantity-plus-minus .plus-btn {
display: none !important;
}
.woobt-quantity-input-plus, .woobt-quantity-input-minus {
width: 40px;
flex: 0 0 40px;
height: 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woobt-choose label {
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.woobt-choose .checkmark {
display: none;
}
.woobt-count {
margin-left: 5px;
}
.woobt-count:before {
content: "(";
}
.woobt-count:after {
content: ")";
}
.woobt-qty {
width: 60px;
text-align: center;
}
.woobt-product .woobt-quantity-input .qty, .woobt-product .woobt-quantity-input .woobt-qty {
width: 100%;
min-width: 40px;
}
.woobt-quantity-input .qty, .woobt-quantity-input .woobt-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
padding: 0 10px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woobt-product .woobt-quantity-input .qty:focus, .woobt-product .woobt-quantity-input .woobt-qty:focus {
outline: none;
outline-color: transparent;
}
.woobt-quantity-input input::-webkit-outer-spin-button, .woobt-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woobt-quantity-input-plus:hover, .woobt-quantity-input-minus:hover {
background-color: #f0f0f0;
}
@media only screen and (max-width: 767px) {
.woobt-wrap-responsive .woobt-products .woobt-product {
display: flex;
flex-direction: column;
text-align: center;
padding: 20px 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product > div {
padding: 5px 0 !important;
width: auto !important;
flex-basis: 0 !important;
max-width: 100% !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb {
text-align: center;
flex-basis: 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb img {
width: 80px;
display: block;
margin: 0 auto;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-price {
width: auto;
flex-basis: 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations .variation {
max-width: 100%;
margin-right: 0 !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations .variation select {
text-align-last: center;
}
} .woobt-products[class*=woobt-products-layout-grid] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product:hover {
border-color: green;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .woobt-title-inner {
font-weight: 700;
}
.woobt-products.woobt-products-layout-grid-1 .woobt-product {
width: calc(100% - 20px);
}
.woobt-products.woobt-products-layout-grid-3 .woobt-product {
width: calc(33.3333333333% - 20px);
}
.woobt-products.woobt-products-layout-grid-4 .woobt-product {
width: calc(25% - 20px);
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product > div:last-child {
margin-bottom: 0;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .woobt-quantity-input {
justify-content: center;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product select {
text-align: center;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .variations_form .variations .reset {
display: none;
}
@media only screen and (max-width: 767px) {
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(100% - 20px);
}
} .woobt-products[class*=woobt-products-layout-carousel] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product {
width: calc(33% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product:hover {
border-color: green;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-title-inner {
font-weight: 700;
}
.woobt-products.woobt-products-layout-carousel-1 .woobt-product {
width: calc(100% - 20px);
}
.woobt-products.woobt-products-layout-carousel-3 .woobt-product {
width: calc(33.3333333333% - 20px);
}
.woobt-products.woobt-products-layout-carousel-4 .woobt-product {
width: calc(25% - 20px);
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div:last-child {
margin-bottom: 0;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-quantity-input {
justify-content: center;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product select {
text-align: center;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .variations_form .variations .reset {
display: none;
}
.woobt-products[class*=woobt-products-layout-carousel] {
display: none !important;
}
.woobt-products[class*=woobt-products-layout-carousel].woobt-carousel, .woobt-products[class*=woobt-products-layout-carousel].woobt-no-carousel {
display: flex !important;
}
.woobt-carousel .slick-dots {
display: block;
width: 100%;
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woobt-carousel .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woobt-carousel .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 4px;
padding: 0;
font-size: 0;
line-height: 0;
border: none;
background-color: rgba(0, 0, 0, 0.3);
outline: none;
overflow: hidden;
}
.woobt-carousel .slick-dots li.slick-active button {
background-color: rgb(0, 0, 0);
}
.woobt-carousel .slick-arrow {
width: 44px;
height: 44px;
line-height: 42px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
color: #222;
background-color: #fff;
border-radius: 0;
border: 1px solid #ddd;
z-index: 8;
opacity: 0;
visibility: hidden;
}
.woobt-carousel:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.woobt-carousel .slick-arrow:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
.woobt-carousel .slick-arrow:before {
font-size: 24px;
line-height: 44px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woobt-carousel .slick-arrow:focus {
outline: none;
}
.woobt-carousel .slick-arrow.slick-prev {
left: 10px;
}
.woobt-carousel .slick-arrow.slick-prev:before {
content: "‹";
}
.woobt-carousel .slick-arrow.slick-next {
right: 10px;
}
.woobt-carousel .slick-arrow.slick-next:before {
content: "›";
} .woobt-wrap.woobt-layout-compact .woobt-inner {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin: 0 0 15px 0;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-text {
margin: 0 0 10px 0;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-alert {
display: none !important;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products {
display: flex;
flex-wrap: nowrap;
max-width: 100%;
overflow-x: auto;
margin: 0 10px 0 -10px;
border: none;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product {
min-width: 100px;
max-width: 200px;
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:before {
content: "+";
position: absolute;
top: 50%;
right: -20px;
transform: translate3d(-50%, -50%, 0);
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:last-child:before {
content: "";
display: none;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product > div {
width: 100%;
flex: 0 0 auto;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product .woobt-choose {
position: absolute;
width: auto;
top: 10px;
right: 10px;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products {
margin: 0 -10px 0 10px;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:first-child:before {
display: none;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:last-child:before {
content: "+";
display: block;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-actions .single_add_to_cart_button {
white-space: nowrap;
margin: 0 !important;
}[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-wpc {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-wpc.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, 1);
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, 1); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
}

@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosc-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup.open {
opacity: 1;
visibility: visible;
}
.woosc-popup.open .woosc-popup-inner .woosc-popup-content {
top: 50%;
}
.woosc-popup .woosc-popup-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content {
position: absolute;
padding: 15px;
top: 60%;
left: 50%;
width: 360px;
height: 360px;
max-width: 90%;
max-height: 90%;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
transform: translate3d(-50%, -50%, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup.woosc-share .woosc-popup-inner .woosc-popup-content {
height: auto;
padding: 30px;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-popup-close {
width: 32px;
height: 32px;
line-height: 32px;
position: absolute;
top: -32px;
right: -32px;
color: #fff;
text-align: center;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/close.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-input input {
display: block;
width: 100%;
border: none;
height: 40px;
line-height: 40px;
padding: 0 10px;
box-shadow: none;
color: #222;
background-color: #f2f2f2;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-appearance: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result {
flex-grow: 1;
margin-top: 15px;
overflow-y: auto;
position: relative;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul {
margin: 0;
padding: 0;
list-style: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li {
display: block;
padding: 10px 0;
border: 1px solid #fafafa;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner {
display: flex;
align-items: center;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-image {
width: 48px;
flex: 0 0 48px;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-image img {
width: 100%;
height: auto;
margin: 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-name {
flex-grow: 1;
padding: 0 10px;
color: #222;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add {
width: 48px;
text-align: center;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add span {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
color: #222;
background-color: #f2f2f2;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add span:hover {
color: #fff;
background-color: #222;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result.woosc-loading:before, .woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999979;
box-sizing: border-box;
pointer-events: none;
}
.woosc-area .woosc-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosc-area .woosc-inner .woosc-table {
padding: 15px 15px 78px 15px;
margin: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: #292a30;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 14px;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 99999997;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-table * {
box-sizing: border-box;
}
.woosc-area .woosc-inner .woosc-table.woosc-table-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner {
background-color: #ffffff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
position: relative;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
z-index: 7;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner.woosc-loading:before, .woosc-area .woosc-inner .woosc-table .woosc-table-inner.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close {
z-index: 6;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close .woosc-table-close-icon {
display: block;
position: relative;
width: 100%;
height: 100%;
min-width: 52px;
min-height: 52px;
background-color: #eeeeee;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/remove-dark.svg);
background-repeat: no-repeat;
background-position: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items {
z-index: 5;
height: 100%;
position: relative;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .woosc-no-result, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .woosc-unauthenticated {
display: block;
padding: 15px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table {
border-spacing: 0;
border-collapse: collapse;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
z-index: 6;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead {
z-index: 8;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr {
border: none;
margin: 0;
padding: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
position: relative;
border-collapse: collapse;
z-index: 8 !important;
text-transform: uppercase;
padding: 15px 15px 15px 0;
margin: 0;
width: auto;
min-width: 200px;
max-width: 300px;
vertical-align: middle;
color: #43454b;
font-weight: 700;
text-align: left;
background-color: #f7f7f7;
border: none;
border-image-width: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove, .woosc-page .woosc-remove {
text-transform: none;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th:first-child {
padding-left: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a {
text-decoration: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody {
z-index: 7;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr {
border: none;
margin: 0;
padding: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
position: relative;
border-collapse: collapse;
background-color: #ffffff;
padding: 15px 15px 15px 0;
vertical-align: top;
text-align: left;
width: auto;
min-width: 200px;
max-width: 300px;
color: #43454b;
font-weight: 400;
border: none;
z-index: 6;
border-image-width: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child {
z-index: 7;
padding-left: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-placeholder {
text-align: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-placeholder:before {
content: "";
display: inline-block;
width: 60px;
height: 8px;
background-color: #eeeeee;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image td.td-placeholder {
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/placeholder.png);
background-repeat: no-repeat;
background-position: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image td.td-placeholder:before {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image a {
text-decoration: none;
outline: none;
display: block;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-add_to_cart td p, .woosc_table tbody tr.tr-add_to_cart td p, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-add_to_cart td .add_to_cart_inline, .woosc_table tbody tr.tr-add_to_cart td .add_to_cart_inline {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-rating td .star-rating {
float: left;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:nth-child(2n) td {
background-color: #fbfbfb;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-highlight td {
background-color: #fff8d9;
border-bottom: 1px solid #dfd7af;
}
.woosc-page .woosc_table tr.tr-highlight td {
background-color: #fff8d9;
border-bottom: 1px solid #dfd7af;
}
.woosc-page .woosc-table-settings {
display: none !important;
}
.woosc-page .woosc-remove-all {
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-hide {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-similar {
display: none;
}
.woosc-page .woosc_table tr.tr-hide, .woosc-page .woosc_table tr.tr-similar {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:hover td {
background-color: #f8f8f8;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 thead tr th, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 thead tr th {
width: 25%;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 tbody tr td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 tbody tr td {
width: 25%;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .ps-scrollbar-x-rail, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .ps-scrollbar-y-rail {
z-index: 999999;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-settings {
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/checkbox-dark.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 21px;
}
.woosc-area .woosc-inner .woosc-bar {
width: 100%;
height: 78px;
position: fixed;
left: 0;
bottom: -80px;
padding: 15px;
box-sizing: border-box;
background-color: #292a30;
color: #cfd2d4;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
flex-wrap: nowrap;
z-index: 99999998;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
height: 48px;
line-height: 48px;
padding: 0 20px 0 68px;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #00a0d2;
font-size: 14px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
order: 1;
margin-left: 15px;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper {
width: 48px;
height: 48px;
line-height: 48px;
background-color: rgba(0, 0, 0, 0.1);
text-align: center;
display: inline-block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner {
width: 16px;
height: 12px;
margin-top: 18px;
margin-left: 16px;
position: relative;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(1) {
top: 0px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(2) {
top: 5px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(3) {
top: 10px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(1) {
top: 6px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(2) {
opacity: 0;
left: -60px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(3) {
top: 6px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-icon {
font-size: 0;
padding: 0;
width: 48px;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-filter {
display: inline-block;
position: relative;
margin: 0 10px 0 0;
padding: 0 15px 0 40px;
height: 48px;
line-height: 48px;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/filter.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: 15px center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-filter select {
font-size: 14px;
font-weight: 400;
height: 48px;
line-height: 48px;
padding: 0;
margin: 0;
border: none;
border-radius: 2px;
background: none;
color: #ffffff;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-search {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/add.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-settings-tools {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
.woosc-settings-fields {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
position: relative;
overflow-y: auto;
}
.woosc-settings-fields li span {
cursor: move;
margin-left: 5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosc-bar-print, .woosc-bar-share, .woosc-bar-search, .woosc-bar-remove {
width: 48px;
flex: 0 0 48px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-print {
width: 48px;
height: 48px;
display: none;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/printer.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area.woosc-area-open-table.woosc-area-open-bar .woosc-inner .woosc-bar .woosc-bar-print {
display: inline-block;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-share {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/share.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-share-content {
width: 100%;
height: 100%;
min-height: 120px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.woosc-share-content:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosc-share-content:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-share-content.woosc-loading {
pointer-events: none;
}
.woosc-share-content.woosc-loading:before, .woosc-share-content.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-share-content input[type=url] {
width: 100%;
text-align: center;
}
.woosc-share-text, .woosc-share-link, .woosc-share-links {
width: 100%;
}
.woosc-share-link, .woosc-share-links {
margin-top: 10px;
}
.woosc-share-links a {
margin-left: 5px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-remove {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 0 0 10px;
cursor: pointer;
background-color: #e32718;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/trash.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items {
height: 48px;
flex-grow: 1;
white-space: nowrap;
width: auto;
text-align: right;
order: 0;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 5px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.woosc-bar-item-hidden {
pointer-events: none;
opacity: 0.2;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.woosc-bar-item-hidden img {
filter: grayscale(1);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item img {
width: 48px;
height: 48px;
cursor: move;
margin: 0;
z-index: 6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
right: 2px;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/remove.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #292a30;
z-index: 7;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
cursor: pointer;
opacity: 0;
visibility: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove:hover {
background-color: #ff2222;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.removing {
opacity: 0.5;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:hover .woosc-bar-item-remove {
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:first-child {
margin-left: 0px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:last-child {
margin-right: 0px;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-open {
bottom: 0;
pointer-events: auto;
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-notice {
position: fixed;
bottom: 88px;
width: auto;
left: 50%;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
border-radius: 2px;
transform: translate(-50%, 10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area.woosc-area-open-bar.woosc-bar-click-outside-yes:not(.woosc-area-open-table) .woosc-inner .woosc-bar:hover .woosc-bar-notice,
.woosc-area.woosc-area-open-bar.woosc-bar-click-outside-yes-empty[data-count="0"]:not(.woosc-area-open-table) .woosc-inner .woosc-bar:hover .woosc-bar-notice {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
.woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-search {
margin-right: 0;
}
.woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-filter, .woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-remove, .woosc-area .woosc-inner .woosc-bar[data-count="1"] .woosc-bar-remove {
display: none;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-table {
padding: 78px 15px 15px 15px;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-bar {
top: -80px;
bottom: auto;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-bar.woosc-bar-open {
top: 0;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-btn {
order: 0;
margin-left: 0;
margin-right: 15px;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-remove {
order: 1;
margin: 0 10px 0 0;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-items {
order: 2;
text-align: left;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-search {
order: 3;
margin: 0 0 0 10px;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-share {
order: 4;
margin: 0 0 0 10px;
}
.woosc-btn {
cursor: pointer;
}
.woosc-btn.woosc-btn-adding:after {
content: "...";
}
.woosc-btn.woosc-btn-has-icon.woosc-btn-adding:after {
display: none !important;
}
.woosc-btn.woosc-btn-added:before {
content: "✓";
margin-right: 5px;
}
.woosc-btn.woosc-btn-has-icon.woosc-btn-added:before {
display: none !important;
}
.woosc-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosc-btn-has-icon .woosc-btn-icon {
margin: 0;
}
.woosc-btn-icon-text .woosc-btn-text {
margin-left: 5px;
}
.woosc-btn-text-icon .woosc-btn-text {
margin-right: 5px;
}
.woosc-btn-has-icon.woosc-btn-adding .woosc-btn-icon {
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
}
.woosc-link a {
color: inherit;
}
.woosc-link .woosc-link-inner {
position: relative;
}
.woosc-link .woosc-link-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosc-menu-item .woosc-menu-item-inner {
position: relative;
}
.woosc-menu-item .woosc-menu-item-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #ffffff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
body.woocommerce-cart .woosc-hide-checkout, body.woocommerce-checkout .woosc-hide-checkout, .woosc-hide-empty[data-count="0"] {
display: none;
}
.woosc_list {
max-width: 100%;
overflow-x: auto;
}
.woosc_table table tr th, .woosc_table table tr td {
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
@media screen and (max-width: 767px) {
.woosc-bar .woosc-bar-btn {
font-size: 0 !important;
padding: 0 !important;
width: 48px !important;
flex: 0 0 48px !important;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove {
opacity: 1;
visibility: visible;
}
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble {
background-color: transparent !important;
background: none !important;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble > a, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-items, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-remove {
display: none !important;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-btn {
pointer-events: auto;
width: 48px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
} .notiny-container {
z-index: 999999;
}
.notiny-theme-woosc {
padding: 10px;
background-color: #ffffff;
color: #222222;
margin: 5px 0;
min-height: 32px;
max-width: 100vw;
display: flex;
align-items: center;
border: 1px solid #eeeeee;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03);
}
.notiny-theme-woosc .notiny-img {
margin: 0;
padding: 0;
width: 48px;
flex: 0 0 48px;
margin-right: 10px;
}
.notiny-theme-woosc .notiny-img img {
width: 100%;
height: auto;
margin: 0;
}
.notiny-theme-woosc .notiny-text {
font-size: 14px;
line-height: 1.4;
flex-grow: 1;
}
.notiny-container-fluid-top .notiny-theme-woosc, .notiny-container-fluid-bottom .notiny-theme-woosc {
width: 90%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.notiny-container-fluid-top {
top: 10px !important;
}
.notiny-container-fluid-bottom {
bottom: 10px !important;
} .woosc-area-open-sidebar {
background-color: rgba(0, 0, 0, 0.7);
pointer-events: auto;
}
.woosc-sidebar {
font-size: 14px;
background-color: #ffffff;
width: 100%;
height: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: flex;
flex-direction: column;
}
.woosc-sidebar.woosc-sidebar-position-left {
right: unset;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.woosc-area-open-sidebar .woosc-sidebar {
pointer-events: auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woosc-sidebar .woosc-sidebar-items {
flex-grow: 1;
position: relative;
padding: 10px 0;
overflow-y: auto;
}
.woosc-sidebar .woosc-sidebar-items:before {
content: "";
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-sidebar .woosc-sidebar-items:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.5);
opacity: 0;
visibility: hidden;
}
.woosc-sidebar.woosc-loading .woosc-sidebar-items:before, .woosc-sidebar.woosc-loading .woosc-sidebar-items:after {
opacity: 1;
visibility: visible;
}
.woosc-sidebar .woosc-sidebar-items .woosc-sidebar-no-items {
padding: 20px;
text-align: center;
}
.woosc-sidebar .woosc-sidebar-top {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #222222;
font-weight: 700;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.1);
}
.woosc-sidebar .woosc-sidebar-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.woosc-sidebar-item {
padding: 0 20px;
}
.woosc-sidebar-item-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-top: 1px dashed #eeeeee;
}
.woosc-sidebar-items .woosc-sidebar-item:first-child .woosc-sidebar-item-inner {
border-top: none;
}
.woosc-sidebar-item-inner > div {
margin-right: 10px;
}
.woosc-sidebar-item-inner > div:last-child {
margin-right: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-remove {
width: 14px;
flex: 0 0 14px;
font-size: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-remove span {
width: 10px;
height: 10px;
display: inline-block;
background-image: url(//salesshop.co/wp-content/plugins/woo-smart-compare/assets/images/remove-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 10px;
cursor: pointer;
}
.woosc-sidebar-item .woosc-sidebar-item-thumb {
width: 80px;
flex: 0 0 80px;
}
.woosc-sidebar-item .woosc-sidebar-item-thumb img {
width: 100%;
height: auto;
margin: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-info {
flex-grow: 1;
}
.woosc-sidebar-item .woosc-sidebar-item-info .woosc-sidebar-item-name, .woosc-sidebar-item .woosc-sidebar-item-info .woosc-sidebar-item-name a {
font-weight: 700;
text-decoration: none;
}
.woosc-sidebar-item-action p {
margin: 0 !important;
}
.woosc-sidebar-bot {
padding: 20px;
text-align: center;
}
.woosc-sidebar-btn {
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 10px;
cursor: pointer;
box-sizing: border-box;
background-color: #00a0d2;
color: #ffffff;
font-size: 14px;
font-weight: 700;
border: none;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-sidebar-continue {
display: block;
margin-top: 10px;
}
.woosc-sidebar-continue span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .woosc-quick-table .woosc-quick-table-products {
width: 100%;
overflow-x: auto;
}
.woosc-quick-table .woosc_table thead .woosc-remove, .woosc-quick-table .woosc_table thead .woosc-table-settings {
display: none;
}
.woosc-quick-table .woosc_table th, .woosc-quick-table .woosc_table td {
min-width: 300px;
background-color: #ffffff;
}
.woosc-quick-table .woosc_table th.th-label, .woosc-quick-table .woosc_table td.td-label {
min-width: 160px;
}
.woosc-quick-table .woosc_table th, .woosc-quick-table .woosc_table tr:nth-child(2n) td {
background-color: #fbfbfb;
}
.woosc-quick-table.label-column-no .woosc_table .th-label, .woosc-quick-table.label-column-no .woosc_table .td-label {
display: none;
}
.woosc-area.woosc-need-login .woosc-bar .woosc-bar-print, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-share, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-search, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-items {
pointer-events: none !important;
opacity: 0.5 !important;
} .woosc-print, .woosc-area .table-print, .woosc-area .tr-print, .woosc-area .td-print, .woosc_table .tr-print, .woosc_table .td-print {
display: none;
}
@media print {
.woosc-print {
display: block;
}
div.woosc-print {
display: block;
}
span.woosc-print {
display: inline-block;
}
.woosc-area .table-print {
display: table;
}
.woosc-area .tr-print {
display: table-row;
}
.woosc-area .td-print {
display: table-cell;
}
.woosc-area {
font-size: 14px !important;
}
.woosc-area .woosc-bar, .woosc_table thead, .woosc_table .woosc-table-close, .woosc_table .woosc-remove {
display: none !important;
}
.woosc-area .woosc-inner .woosc-table {
padding: 0;
}
.woosc-area {
position: absolute;
height: auto;
}
.woosc-area .woosc-inner {
height: auto;
}
.woosc-area .woosc-inner .woosc-table {
position: absolute;
height: auto;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner {
height: auto;
max-height: unset;
}
.woosc-area .tr-name td:not(.td-label), .woosc-area .tr-name td:not(.td-label) a {
font-weight: 700;
text-transform: uppercase;
pointer-events: none;
text-decoration: none;
}
.woosc_table .tr-add_to_cart {
display: none;
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}