:root {
    --primary-color: #397CB6;
    --secondary-color: #c6dbed;
    --primary-light-color: #a8c8e4;
    --text-color: #1a1a1a;
    --text-details-color: #707070;
    --shadow-primary-color: rgb(105 143 175 / 39%);
    --danger: #dc3545;
    --gray-dark: #202020;
    --gray-light: #e6e6e6;
    --white: #fff;
    --border-radius: 4px;
}

a {
    color: var(--primary-color);
}

a:hover, a:focus {
    color: var(--primary-color);
}

/*BOOTSTRAP*/
.form-control:focus {
    border-color: var(--primary-color); 
    box-shadow: 0 0 8px var(--shadow-primary-color);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  /*  background-color: var(--primary-color);
    color: var(--white);*/
}

/*OTHER PLUGINS*/
.menu-accordion li:hover,
.menu-accordion li.active,
.menu-accordion li:hover i,
.menu-accordion li.active i {
    color: var(--primary-color);
}

/*GLOBAL CLASSES*/
.link-yellow
{
    color:var(--primary-color) !important;
}

.btn-warning {
    background: var(--primary-color);
    color: var(--white);
}
.btn-warning:active, .btn-warning.active,.btn-warning:hover, .btn-warning:focus{
    background-color: var(--primary-light-color);
    border-color: var(--primary-color);
}
.btn-warning[disabled]{
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/*HOME*/
.top-header {
    background: var(--gray-dark);
}

.language i {
    color: var(--white);
}

.scrollmenu {
    background-color: var(--white) !important;
    box-shadow: 0 1px 6px rgba(20,26,46,.17);
}

.scrollmenu a { 
    color: var(--text-color) !important;
    text-transform: uppercase;
    font-size:13px !important; 
    background-color: transparent !important;
}

.scrollmenu a:hover {
    transform: scale(1.1); 
    color: var(--primary-color) !important;
    font-weight:700; 
}
.vr {
    display:none;
}

#header {
    padding-bottom:1.5rem;
}

.header-shadow {
 display:none;
}

.seachbar {
    background: transparent !important;
}

.search .form-control {
    border-radius: 0; 
    box-shadow: none;
    border: solid 1px var(--gray-dark);
}

.search .btn-warning {
    background:var(--gray-dark);
    border-color:var(--gray-dark);
    border-radius: 0;
    font-size: 13px;
    font-weight: normal;
}

.categories-title, .left-title {
    font-size: 18px;
    color: var(--text-color);
    background: var(--secondary-color);
} 

.categories-title .menu-icon { 
    color: var(--gray-dark) !important;
    font-size: 16px !important;
}
.menu-accordion
{
    padding-bottom:10px;
}
.menu-accordion li {
    border-bottom: none;
    padding: 3px 20px;
}

.menu-accordion a {
    color: var(--text-color);
}
.menu-accordion a:hover {
    color: var(--primary-color);
}

.menu-accordion .left-menu2 {
    background-color: var(--white);
    padding: 10px 0;
}

.category-shadow{
    display:none;
}

.sub-category2{
    background-color:var(--white) !important;
    padding:0;
}
.sub-category2 .menu-content > .row > .col-xs-11{
    width:100%;
}

.sub-category2 .menu-content > .row > .col-xs-11> input[type=text] {
    border-radius:0;
    border-color:var(--gray-dark);
    outline:none;
}
.custom-button {
    background: var(--primary-color);
    border-radius: 0;
    border: solid 1px var(--primary-color) !important;
    text-shadow:none;
    box-shadow:none;
    outline:none;
}
.custom-button:hover, .custom-button:active {  
    background-color: var(--secondary-color);    
    outline: none !important;
}

.topicons i{
    color:var(--primary-color);
}
.login:hover {
    color: var(--primary-color);
}
.login i { 
    color: var(--primary-color);
}

.dropdown-catalog-sort .dropdown-menu > li.active-item {
    background-color: var(--secondary-color) !important;
}


.productCardV4 .wrapper .infoProd .actions .btn-heart { 
     color: var(--primary-color); 
}
.productCardV4 .wrapper .infoProd .actions .priceContainer .prices.priceOld {
    color: var(--primary-color);
}

.product-box {
    padding: 10px;
    border-radius: 0;
    border: 1px solid var(--gray-light);
}
.product-box:hover {
    border: 1px solid var(--primary-color);
    transform: scale(1.05);
}
.product-box .product-pic2 img {
    object-fit: cover;
    width: 100%;
    height: 170px;
}
.product-box .price { 
    font-size: 16px;
    color: var(--primary-color);
}
.product-box .product-name { 
    font-size: 14px;
}
.product-box .short-details2 {
    color: var(--text-details-color);
    font-size: 13px;
}

/*FOOTER*/
#footer {
   background-color: var(--white);
   border-top:solid 1px var(--gray-light);
    
}
.footer-title {
    color: var(--primary-color);
    font-weight: normal;
    text-transform: uppercase;
}

.bottom-nav a {
    color: var(--text-details-color);
}

.bottom-nav a:hover {
    color: var(--primary-color);
}

.newsletter{
    display:inline-flex;
}

.newsletter button {
    border-radius: 0;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: none;
    text-shadow: none;
    font-weight: normal;
    outline: none !important;
}

.newsletter input { 
    background-color:transparent;
    height: 34px;
    border-radius: 0;
    border-color: var(--primary-color) !important;
    box-shadow: none;
    outline: none;
    width:100%;
}

.copyright {
    border-top-color: var(--gray-light);
}

.copyright p {
    color: var(--text-color);
}

/*INNER PAGES*/

.catalog-map {
    color: var(--text-color) !important;
}

.catalog-map:hover {
    color: var(--primary-color) !important;
}

a.pull-right.btn-warning.custom-button-icon { 
    background-color: transparent !important;
    border: solid 1px var(--primary-color);
    color: var(--primary-color);
}

.price2, .price2 span {
    color: var(--primary-color);
}

.list-price2 {
    color: var(--text-color);
}
a.add-to-card.custom-add-to-card-btn-with-icon {
    width: 80%;
    display: flex;
    box-shadow: 0 5px 19px var(--shadow-primary-color);
    background-color: var(--primary-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}
a.add-to-card.custom-add-to-card-btn-with-icon span{
    width:unset;
    flex:1;
    background-color: transparent;
    color:var(--white);
    border-radius: 0;
}
a.add-to-card.custom-add-to-card-btn-with-icon i{ 
    border-radius: 0;
}
.tag-green {
    background-image: linear-gradient(to bottom,var(--primary-color) 0%,var(--primary-light-color) 100%);
    color: var(--white);
}

/*CART*/

.add-to-card span {
    background: var(--primary-color);
}
.add-to-card:hover span {
    background: var(--primary-light-color);
}

.featured-products a.rounded-button {
    background: var(--gray-dark); 
    border-radius: 0; 
}
.featured-products .right-panel {
    box-shadow: 0 0 5px rgb(27 27 27 / 17%);
}

.modal .close, .modal .modal-title {
    color: var(--white);
}
.modal .close {
    background-color: var(--primary-color);
}

/*CONTACT US*/

.control-underlined:focus,
.captchaContainer input:focus,
.input-group-contact .dropdown-toggle:focus {
    border-color: var(--primary-color);
}

.input-group-contact .dropdown-menu > li.active-item {
    background-color: var(--secondary-color) !important;
}

.all-btn {
    font-weight: normal;
    border-radius: var(--border-radius);
    background: var(--primary-color);
    box-shadow: 0 5px 19px var(--shadow-primary-color);
}
.all-btn:hover, .all-btn:focus  {
    color: var(--white);
    background: var(--primary-light-color);
    border-color: var(--primary-color);
    outline:none !important;
}

/*MY STORES*/

.manage-products span {
    background: var(--primary-color) !important;
}

/********MOBILE VIEW***********/
@media (max-width: 992px) {
    .logo {
        border-bottom-color: var(--secondary-color); 
    }
}

@media (max-width: 740px) {
    .navbar {
        border-bottom: none;
    }

    .scrollmenu {
        box-shadow: 0 4px 6px var(--gray-light);
    }

    #header {
        padding-bottom: 0;
        background: transparent;
    }

    .top-header {
        background: var(--white);
        border-bottom: solid 1px var(--secondary-color);
    }

    .navbar-default .navbar-toggle {
        border-color: var(--primary-color);
        background-color: var(--white) !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--gray-dark);
    }

    .dropdown-language .dropdown-toggle .caret {
        color: var(--gray-dark);
    }
    .dropdown-language .dropdown-menu > li > a 
    {
            color: var(--text-color) !important;
    }

    .dropdown-language .dropdown-menu > li.active-language {
        background-color: var(--secondary-color);
    }        

    .seachbar {
        margin-top: 5px;
    }

    .action-bar-add-to-cart {
        color: var(--white) !important;
        background: var(--primary-color);
    }

    .action-bar {
        box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    }

    /*STICKY MENUS*/

    .sticky-shortcut.hide-md {
        background-color: var(--primary-color) !important;
    }

    .sticky-shortcut.hide-md a {
        color: var(--white);
    }

    .sticky-shortcut li a:hover, .sticky-shortcut li a:focus, .sticky-shortcut li a:active {
        color: var(--white);
    }

    .stick_shortcuts_v3 a.nav__link {
        color: var(--primary-color);
    }

    .stickyBarV4 .tabItem.highlighted {
        background-color: var(--primary-color);
    }

    .stickyBarV4 .tabItem {
        color: var(--primary-color) !important;
    }

    /*HAMBURGER MENU*/

    .top-header .navbar-collapse {
        background: rgba(0,0,0,.5);
        border-color: transparent;
    }

        .top-header .navbar-collapse .content-wrapp {
            background-color: var(--white);
            overflow-y: auto;
            padding-bottom: 25vh;
        }

    .top-header .navbar-collapse .content-wrapp > .hide-md {
        border-top: solid 1px var(--gray-light);
        padding-top: 10px;
    }

    .language {
        outline: none !important;
    }

        .language, .language i {
            color: var(--text-color) !important;
        }

    .profile-user-wrapper {
        padding: 10px 0;
    }

        .profile-user-wrapper span.user-image {
            color: var(--primary-color);
            background-color: var(--gray-light);
            font-size: 24px;
            width: 42px;
            height: 42px;
        }

    .user-name {
        color: var(--primary-color);
    }

    ul.user-ddl {
        background-color: transparent;
        padding: 5px 0;
        margin: 0;
        width: 100%;
    }

    .user-ddl li:not(.divider) {
        border: none;
        padding: 7px 20px;
        text-transform: uppercase;
    }

    .user-ddl li > a:after {
        content: '⏵';
        float: right;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .search-box { 
        border-bottom: solid 1px var(--gray-dark);
        color: var(--text-color);
    }

    .search-input{
        color:var(--text-color);
    }
}

.right-title {
    background-color: var(--secondary-color);
}

/*PRODUCT CART V2*/
.productCartV2 .removeCard {
    background-color: var(--primary-color);
}

/*SPINNER LOADER*/
.spinnerLoader {
    border-top: 4px solid var(--primary-color);
}

/*X.PageList*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.pagination > li > a, .pagination > li > span {
    color: var(--primary-color);
}

/*CATEGORY DROPUP */
.category-dropup:after {
    border-top-color:var(--primary-color);
}
.category-dropup .dropdown-header {
    color: var(--primary-color);
}

/*TOP MENU MERCHANT V2*/
@media (max-width: 740px) {
    .topMenuMerchantV2 .login-container {
        background-color: var(--primary-color); 
    }

    .topMenuMerchantV2 .login-container .link-container > .link-text,
    .topMenuMerchantV2 .login-container .link-logout {
        color: var(--white);
    }
}

/*BUTTONS*/
.flat-btn {
    color: var(--white);
}
.flat-primary-btn {
    background-color: var(--primary-color);
    border-bottom-color: #27547c;
}
.flat-primary-btn:hover{
    background-color: var(--secondary-color);
}

/*MATERIAL CONTROL*/
.material-control .material-control-field:focus
{
    border-color: var(--primary-color);
}

/*BANNER DYNAMIC V2*/
.button--tamaya {
    border-color: var(--primary-color) !important;
}

    .button--tamaya::before,
    .button--tamaya::after {
        background: var(--primary-color) !important;
    }

    .button--tamaya:hover, .button--tamaya:hover::after {
        color: var(--primary-color) !important;
    }

/*iziModal*/
.iziModal{
    border:none !important;
}
.iziModal .iziModal-iframe{
    border:none !important;
}
.iziModal .iziModal-header.iziModal-noSubtitle {
    background: var(--primary-color) !important;
}

/*PANEL*/
.panel-primary {
    border-color: var(--primary-color);
}

/*CART MOBILE*/
.cart-mobile-dropdown-card .item-price {
    color: var(--primary-color) !important;
}

/*CMS FORM*/
.cmsform .cmsform-header {
    background: var(--primary-color);
    color: #FFFFFF;
}

/*SLIDER MENU CLOSER*/
.slider-menu-closer{
    border-color: var(--primary-color);
}

/*Search V2*/
.search-v2 > button {
    background: var(--primary-color);
    color: #fff; 
}


/*BOOTSTRAP MODAL*/
.modal .modal-header-primary {
    background-color: var(--primary-color);
}

/* WEBSITE TITLE*/
.pageTitle h1 {
    border-bottom-color: var(--primary-color) !important;
}