﻿
.primary-btn {
    background-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

.input-number input[type="number"] {
    border: 1px solid var(--vstpl-background);
}

.section-tab-nav li a:after {
    background-color: var(--vstpl-background);
}

.section-tab-nav li.active a {
    color: var(--vstpl-background);
}

.header-links li a:hover {
    color: var(--vstpl-background);
}

.header-links li i {
    color: var(--vstpl-background);
}

#header {
    background-color: var(--vstpl-background);
}

.header-search form .search-btn {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
}

.header-ctn > div > a {
    color: var(--vstpl-color)
}

    .header-ctn > div > a > .qty {
        color: var(--vstpl-info-color);
        background-color: var(--vstpl-info-background);
    }

.cart-dropdown .cart-btns > a {
    background-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

#navigation {
    border-top: 3px solid var(--vstpl-background);
}

.shop:before, .shop:after {
    background: var(--vstpl-background);
}

.shop .shop-body h3 {
    color: var(--vstpl-color);
}

.shop .shop-body .cta-btn {
    color: var(--vstpl-color);
}

.categoryshop:hover {
    -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px var(--vstpl-background);
    box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px var(--vstpl-background);
}

.categoryshoptitle {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
}

.carousel-indicators .active {
    background-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

.carousel-indicators li {
    border: 1px solid var(--vstpl-background);
}

.product:hover {
    -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px var(--vstpl-background);
    box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px var(--vstpl-background);
}

.product .product-body .product-name > a:hover, .product .product-body .product-name > a:focus {
    color: var(--vstpl-background);
}

.product .product-body .product-price {
    color: var(--vstpl-background);
}

.product .product-img .product-label > span.sale {
    background-color: var(--vstpl-info-background);
    border-color: var(--vstpl-info-background);
    color: var(--vstpl-info-color);
}

.product .product-body .product-btns > button:hover {
    background-color: #E4E7ED;
    color: var(--vstpl-background);
}

.add-to-whislist a:hover, .add-to-whislist a.active {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
}

.product-widget .product-body .product-name > a:hover, .product-widget .product-body .product-name > a:focus {
    color: var(--vstpl-background);
}

.product-widget .product-body .product-price {
    color: var(--vstpl-background);
}

.offer {
    background: var(--vstpl-info-background);
    color: var(--vstpl-info-color);
}

    .offer:after {
        border-top-color: var(--vstpl-info-background);
        border-left-color: var(--vstpl-info-background);
    }

    .offer:before {
        border-bottom-color: var(--vstpl-info-background);
    }

.noUi-connect {
    background-color: var(--vstpl-background);
}

.noUi-horizontal .noUi-handle {
    background: var(--vstpl-background);
}

.store-grid li:hover {
    background-color: #E4E7ED;
    color: var(--vstpl-background);
}

.store-grid li.active {
    background-color: var(--vstpl-background);
    border-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

.pagination li:hover {
    background-color: #E4E7ED;
    color: var(--vstpl-background);
}

.pagination li.active {
    background-color: var(--vstpl-background);
    border-color: var(--vstpl-background);
}

    .pagination li.active a {
        color: var(--vstpl-color) !important;
    }

#product-imgs .product-preview.slick-current {
    border-color: var(--vstpl-background);
}

.product-details .product-rating > i.fa-star {
    color: var(--vstpl-background);
}

.product-details .product-price {
    color: var(--vstpl-background);
}

.product-details .add-to-cart .add-to-cart-btn {
    background-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

    .product-details .add-to-cart .add-to-cart-btn > i {
        color: var(--vstpl-background);
    }

    .product-details .add-to-cart .add-to-cart-btn:hover {
        color: var(--vstpl-background);
        border-color: var(--vstpl-background);
    }

#product-tab .tab-nav li.active a {
    color: var(--vstpl-background);
}

#product-tab .tab-nav li a:after {
    background-color: var(--vstpl-background);
}

.rating-avg .rating-stars > i.fa-star, .rating .rating-stars > i.fa-star {
    color: var(--vstpl-background);
}

.rating .rating-progress > div {
    background-color: var(--vstpl-background);
}

.reviews .review-heading .review-rating > i.fa-star {
    color: var(--vstpl-background);
}

.reviews-pagination li:hover {
    background-color: #E4E7ED;
    color: var(--vstpl-background);
}

.reviews-pagination li.active {
    background-color: var(--vstpl-background);
    border-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

.review-form .input-rating .stars > label:hover:before, .review-form .input-rating .stars > label:hover ~ label:before {
    color: var(--vstpl-background);
}

.review-form .input-rating .stars > input:checked label:before, .review-form .input-rating .stars > input:checked ~ label:before {
    color: var(--vstpl-background);
}

.order-summary .order-col .order-total {
    color: var(--vstpl-background);
}

#newsletter.section {
    border-bottom: 3px solid var(--vstpl-background);
}

.newsletter form .newsletter-btn {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {
    color: var(--vstpl-background);
}

.footer-links li i {
    color: var(--vstpl-background);
}

.footer-links li a:hover {
    color: var(--vstpl-background);
}

.slick-prev:hover, .slick-prev:focus, .slick-prev:focus:before, .slick-next:hover, .slick-next:focus, .slick-next:focus:before, .slick-prev:hover::before, .slick-next:hover::before {
    background-color: var(--vstpl-info-background);
    border-color: var(--vstpl-info-background);
}

.slick-dots li.slick-active button:before {
    background-color: var(--vstpl-background);
}

input[type=checkbox]:checked + label:before {
    background-color: var(--vstpl-background);
    border-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

.cartscreen th {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
}

::-webkit-scrollbar-thumb {
    background: var(--vstpl-background);
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--vstpl-background);
    }

#toTop {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
}

.carousel-control:hover {
    color: var(--vstpl-color);
}

.cartmanage p {
    background-color: var(--vstpl-info-background);
    color: var(--vstpl-info-color);
}

.primary-place, .btn-theme-primary {
    background: var(--vstpl-background);
    color: var(--vstpl-color);
    transition: all 0.5s;
}

    .primary-place:hover, .btn-theme-primary:hover {
        background: var(--vstpl-background);
        color: #FFF;
        border-radius: 20px;
    }

.btn-theme-secondary {
    background: var(--vstpl-info-background);
    color: var(--vstpl-info-color);
    transition: all 0.5s;
}

    .btn-theme-secondary:hover {
        background: var(--vstpl-info-background);
        color: #FFF;
        border-radius: 20px;
    }

.User {
    border: 1px solid var(--vstpl-background);
}

.form-control:focus {
    border-color: var(--vstpl-background);
}

.slick-prev, .slick-next, .slick-prev:before, .slick-next:before {
    background-color: var(--vstpl-background);
    color: var(--vstpl-color);
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: var(--vstpl-background);
}

input[type=range]:focus::-ms-fill-lower {
    background: var(--vstpl-background);
}

input[type=range]:focus::-ms-fill-upper {
    background: var(--vstpl-background);
}

input[type=range]::-webkit-slider-runnable-track {
    background: var(--vstpl-background);
}

input[type=range]::-webkit-slider-thumb {
    background: var(--vstpl-background);
}

input[type=range]::-webkit-slider-thumb {
    border: 1px solid var(--vstpl-background);
}

input[type=range]::-moz-range-track {
    background: var(--vstpl-background);
}

input[type=range]::-moz-range-thumb {
    background: var(--vstpl-background);
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
    background: var(--vstpl-background);
}

input[type=range]::-ms-thumb {
    border: 1px solid var(--vstpl-background);
    background: var(--vstpl-background);
}

.bgclass {
    color: var(--vstpl-background) !important;
}