
/**/
body[body_class]{
    /*background: [color2]!important;*/
}
body[body_class] ::selection { 
    background: [color1]; 
    color: #fff;
}

body[body_class] ::-moz-selection { 
    background: [color1]; 
    color: #fff;
}

body[body_class] ::-webkit-selection { 
    background: [color1]; 
    color: #fff;
}

body[body_class] .quick-view,
body[body_class] .add_to_compare,
body[body_class] .scroll_top,
body[body_class] .wishlist a,
body[body_class] .button,
body[body_class] .pp_close::before,
body[body_class] .btn,
body[body_class] .ybc-blog-post-footer .read_more,
body[body_class] ul.step li.step_current::before,
body[body_class] ul.step li.step_current::after,
body[body_class] ul.step li.step_done::before,
body[body_class] ul.step li.step_done::after,
body[body_class] #view_scroll_left, 
body[body_class] #view_scroll_right,
body[body_class] #layered_block_left .ui-state-default, 
body[body_class] #layered_block_left .ui-widget-content .ui-state-default,
body[body_class] .box-cart-bottom .exclusive.button,
body[body_class] #footer .ybc-theme-panel-inner #ybc_tc_float_header li.active,
body[body_class] ul.product_list .functional-buttons div.compare a:hover:before,
body[body_class] .button-container .functional-buttons:hover,
body[body_class] ul.pagination li.active > span span,
body[body_class] .blog-paggination .links > b,
body[body_class] .ybc_shopmsg_alert,
body[body_class] #ynp-submit, 
body[body_class] #ynp-close,
body[body_class] .section_social a,
body[body_class] .contact_store_information_left i,
body[body_class] div.light_square .pp_close:hover:before,
body[body_class] .product-container .button.ajax_add_to_cart_button,
body[body_class] .comparison_product_infos .button.ajax_add_to_cart_button{
    background-color: [color1];
    color: [color2];
    border-color: [color1];
}

body[body_class] #subcategories ul li:hover .subcategory-image a,
body[body_class] .scroll_top:hover:before,
body[body_class] .scroll_top:hover:after,
body[body_class] .theme-default a.nivo-prevNav,
body[body_class] .theme-default a.nivo-nextNav,
body[body_class] .nivo-button:hover{
    border-color: [color1];
}

body[body_class] .ybc-theme-panel-bg.active,
body[body_class] .htmlcontent-item-link-wrap .item-title span,
body[body_class] .ui-slider-horizontal .ui-slider-range,
body[body_class] .header-container,
body[body_class] .owl-dot.active span,
body[body_class] .owl-dot:hover span,
body[body_class] .scroll_top::after,
body[body_class] .scroll_top::before,
body[body_class] .search_locations:hover,
body[body_class] .ybc-blog-search .block_content .button:hover,
body[body_class] .ybc-newsletter-popup .ynp-submit{
    border-color: [color1];
}


body[body_class] #view_scroll_right::before{
    border-color: transparent transparent [color1];
}

body[body_class] .ybc-theme-panel-btn{
    border-color: transparent transparent transparent [color1];
}

body[body_class] .ybc-theme-panel-btn:hover{
    border-color: transparent transparent transparent [color3];
}

body[body_class] #view_scroll_left::before,
body[body_class] .header-container::before{
    border-color: [color1] transparent transparent;
}

body[body_class] .bt_color,
body[body_class] .quantity-formated,
body[body_class] .close_menu,
body[body_class] #ybc_tc_layout li.active::before,
body[body_class] .ybc_coppyright a,
body[body_class] div.star::after,
body[body_class] ul.myaccount-link-list li a i,
body[body_class] .ybc-blog-related-posts-meta-categories > a,
body[body_class] .quantity-formated,
body[body_class] .ybc-widget-item-content i,
body[body_class] .fa-submenu-exist::after,
body[body_class] .ybc-widget-ybc-custom-1 .ybc-widget-item-content i,
body[body_class] .ybc-menu > li.view_more_menu a:hover,
body[body_class] .ybc-menu > li.view_less_menu a:hover,
body[body_class] #layer_cart .layer_cart_product .title,
body[body_class] .content_sortPagiBar .display li.selected i, 
body[body_class] .content_sortPagiBar .display_m li.selected i{
    color: [color1];
}


/*color 2 - color text when hover*/
body[body_class] .button-container .functional-buttons:hover{
    color: [color3];
}



/*color 3 - color-background when hover*/
body[body_class] .button:hover,
body[body_class] .btn:hover,
body[body_class] .toggle-menu:hover span,
body[body_class] .quick-view:hover,
body[body_class] #new_comment_tab_btn:hover,
body[body_class] .add_to_compare:hover,
body[body_class] .ybc-blog-post-footer .read_more:hover,
body[body_class] .wishlist a:hover,
body[body_class] #ynp-submit:hover, 
body[body_class] #ynp-close:hover,
body[body_class] .pp_close:hover:before,
body[body_class] .comparison_product_infos .button.ajax_add_to_cart_button:hover,
body[body_class] .box-sharing-button li a:hover,
body[body_class] .box-cart-bottom .exclusive.button:hover,
body[body_class] .product-container .button.ajax_add_to_cart_button:hover{
    background-color: [color3];
    border-color: [color3];
    color: [color2];
}

body[body_class] .bt_color:hover,
body[body_class] #search_block_top .btn.button-search:hover,
body[body_class] a:hover,
body[body_class] .header_user_info:hover .header_user_info_toogle,
body[body_class] .toggle-menu:hover,
body[body_class] .ybc-menu-item:hover .ybc-menu-item-link,
body[body_class] .toogle_nav_button:hover .toogle_nav,
body[body_class] .toogle_search_top:hover,
body[body_class] #view_full_size .span_link:hover:after,
body[body_class] #view_full_size .span_link:hover,
body[body_class] #layer_cart .cross:hover{
    color: [color3];
}
body[body_class] .ybc-blog-post-footer .read_more:hover{
    border-color: [color3];
}

body[body_class] .shop_text_nav_config,
body[body_class] #uniform-ynp-input-dont-show > span.checked::before{
    color: [color4];
}
body[body_class] .ybc-menu-main-content{
    border-color: [color4];
}



/*---------*/
body[body_class] .price-percent-reduction,
body[body_class] .ybc-menu-item.ybc_sale > .ybc-menu-item-link > span.ybc_menu_item_link_content::before,
body[body_class] .ybc-menu-item.ybc_sale > span.ybc-menu-item-no-link.ybc_menu_item_link_content::before,
body[body_class] .sale-label,
body[body_class] .ybc-mm-discount-percent,
body[body_class] #ybc_countdown #reduction_percent{
    background-color: [color5];
    color: [color2];
}
body[body_class] .sale-label::before{
    border-top-color: [color5];
}


/* color 5 - background color for button*/
body[body_class] .new-label::before{
    border-top-color: [color6];
}
body[body_class] .ybc-menu-item.ybc_new > .ybc-menu-item-link > span:first-child::after, 
body[body_class] .new-label,
body[body_class] .ybc-menu-item.ybc_new > span.ybc-menu-item-no-link:first-child::after,
body[body_class] .ybc-menu-item.ybc_new > .ybc-menu-item-link > span.ybc_menu_item_link_content::before,
body[body_class] .ybc-menu-item.ybc_new > span.ybc-menu-item-no-link.ybc_menu_item_link_content::before{
    background-color: [color6]
}

body[body_class] .ybc-menu-item.ybc_hot > .ybc-menu-item-link > span:first-child::after, 
body[body_class] .ybc-menu-item.ybc_hot > span.ybc-menu-item-no-link:first-child::after,
body[body_class] .ybc-menu-block.ybc_hot .ybc-menu-title-block h6::after,
body[body_class] #home-page-tabs span.label_hot{
    background-color: [color7]
}
body[body_class] #home-page-tabs span.label_hot::before {
  border-top-color: [color7];
}