body { color: var(--s-white) !important; }

a { color: var(--s-white) !important; }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem var(--s-white), 0 0 0 0.25rem var(--s-primary); }

.bg-dark-site { background-color: var(--s-dark) !important; }

.black-shadow { background: -moz-linear-gradient(top, rgba(19, 19, 19, 1) 6%, rgba(76, 76, 76, 0) 100%) !important; }

.nav-link:hover { color: var(--s-white); }

.nav-link { color: var(--s-white); }

.bg-silver { background-color: var(--s-silver); }

.profile-btn a:hover { background-color: var(--s-silver); }

.dropdown-content a:hover { background-color: var(--s-silver); }

.dropdown-content-profile a:hover { background-color: var(--s-silver); }

.img-hover-des { color: var(--s-white); }

.bg-gray { background-color: var(--s-gray) !important; }

.btn-outline-danger {
    border-color: var(--s-danger) !important;
    color: var(--s-danger) !important;
}

.btn-outline-danger:hover {
    background-color: var(--s-danger) !important;
    border-color: var(--s-danger) !important;
    color: var(--s-white) !important;
}

.btn-danger { background-color: var(--s-danger) !important; }

.nav-bg-dark { background-color: var(--s-nav-dark) !important; }

.hover-red:hover { color: var(--s-danger) !important; }

.bg-darkgray { background-color: var(--s-dark-gray) !important; }

.bg-login-white body {
    background-color: var(--s-white) !important;
}

.blackWhite {
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
}

.serial-info, .serial-info a { color: var(--s-white) !important; }

.carousel-control-prev,
.carousel-control-next { background-color: rgba(143, 143, 143, 0.4); }

.text-grey {
    color: var(--s-gray) !important;
}

.planItem {
    background-color: var(--s-white);
    color: var(--s-black) !important;
}

.hover-plan:hover .planItemfornewuser {
    background-color: var(--s-dark-gray) !important;
}

.hover-plan:hover .btn-buysubscribe-btn {
    background-color: var(--s-primary) !important;
    color: var(--s-black) !important;
}

.hover-plan:hover {
    transform: translateY(-3px);
    border-color: rgba(214,179,95,.25);
    color: var(--s-black) !important;
    transition: all 0.3s !important;
}

    .hover-plan:hover .planItemPrice {
        color: var(--s-black) !important;
    }

    .hover-plan:hover .offplanprice {
        color: var(--s-gray) !important;
    }

    .hover-plan:hover .btn-success {
        background-color: var(--s-white) !important;
        border-color: var(--s-white) !important;
        color: var(--s-success) !important;
    }


.hover-plan:hover {
    border-color: var(--s-success) !important;
    color: var(--s-black) !important;
}

.hover-plan i { color: var(--s-primary) !important; }

.hover-plan:hover i {
    border-color: var(--s-success) !important;
    color: var(--s-white) !important;
}

.planItemPrice {
    color: var(--s-black) !important;
}

.btn-success {
    background-color: var(--s-success) !important;
    border-color: var(--s-success) !important;
}

.bg-lightgray {
    background-color: var(--s-light-gray) !important;
}

.bg-lightgrey {
    background-color: var(--s-light) !important;
}

.bg-white {
    background-color: var(--s-white) !important;
}

.text-lightgrey {
    color: var(--s-light) !important;
}

.MoviesSliderTitle {
    color: var(--s-light) !important;
}

.serial-br {
    color: var(--s-warning) !important;
}

.btn-warning {
    background-color: var(--s-warning) !important;
}

    .btn-warning :hover {
        color: var(--s-warning) !important;
    }

.btn-outline-warning {
    color: var(--s-warning) !important;
}

    .btn-outline-warning:hover {
        background-color: var(--s-warning) !important;
        color: var(--s-white) !important;
    }

.chapter-intab-item { background-color: var(--s-silver) !important; }

.chapter-intab-item:hover { background-color: var(--s-light-black) !important; }

.nav-link { color: var(--s-white) !important; }

footer .nav-link { color: var(--s-dark-gray) !important; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--s-silver) !important; }

.bg-searchbar { background-color: rgb(28, 28, 28) !important; }

.error-card { background-color: var(--s-light-black) !important; }



.btn-carousel-info {
    background-color: var(--s-silver) !important;
    border-color: var(--s-silver) !important;
    color: var(--s-white) !important;
}

.btn-carousel-video { background-color: #747367bd !important; }

.txt-gold {
    color: var(--s-warning) !important;
}

.bg-filter { background-color: rgb(41, 41, 41) !important; }

.site-input {
    background-color: var(--gray-l1) !important;
    border-color: var(--gray-l1) !important;
}

.accordion-button {
    background-color: var(--s-light-black);
    border: none;
    color: var(--s-white);
}

.accordion-button:not(.collapsed) {
    background-color: var(--s-light-black);
    border: none !important;
    color: var(--s-white);
}

.nice-select.wide, .filter-srch {
    background-color: var(--s-light-black) !important;
    border-color: var(--s-white) !important;
    color: var(--s-white) !important;
}

.nice-select.wide .list {
    background-color: var(--s-light-black);
    border: 1px solid var(--s-white);
}

.nice-select .option.disabled {
    background-color: var(--s-silver) !important;
    color: var(--s-light-gray) !important;
}

.nice-select .option:hover { background-color: var(--s-silver) !important; }

.nice-select .option:focus { background-color: var(--s-silver) !important; }

.nice-select .option:active { background-color: var(--s-silver) !important; }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: var(--s-silver) !important; }

.filter-srch {
    background-color: var(--s-light-black) !important;
    border-color: var(--s-white) !important;
    color: var(--s-white) !important;
    height: 42px;
}

.filter-card { background-color: var(--s-light-black); }

.filter-header { border-bottom: none; }

.filter-body { border-top: 1px solid var(--s-silver); }

.filter-btn { height: 42px; }

::-webkit-scrollbar { width: 10px; }

/* Track */

::-webkit-scrollbar-track { background: var(--s-light-black); }

/* Handle */

::-webkit-scrollbar-thumb { background: var(--s-dark-gray); }

/* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
        background: var(--s-dark-gray);
    }

.back-white {
    background-color: var(--s-white) !important;
}

.gold {
    color: var(--s-warning) !important;
}