.night{
    background-color: var(--main-bg-dark);
    color: white;
}

.night h1, .night h2, .night h3, .night h4, .night h5, .night h6{
    color: rgb(214 214 214);
}

.night p{
    color: rgb(214 214 214 / 98%);
}

.night .item-menu.open .item-menu-body{
    background-color: var(--main-bg-dark-alt);
}

.night.in-mask:before{
    background-color: #000000a6;
}

.night .mobile-bottom-nav{
    background-color: var(--main-bg-dark-alt);   
}

.night .catalog-menu-list{
    background-color: var(--main-bg-dark-alt);
}

.night .genres-dr-one{
    background-color: var(--main-div-dark);
}

.night header{
    background-color: var(--main-div-dark-alt);
}

.night .search-form{
      background-color: var(--main-bg-dark);  
}

.night .small_search_form > input{
    background-color: var(--main-bg-dark);
}

.night .r-sidebar{
    background-color: var(--main-div-dark-alt);
}

.night .header-drop-menu .triangle{
    color: var(--main-div-dark)
}

.night .offcanvas{
    background-color: var(--main-div-dark); 
}

.night .modal-content{
    background-color: var(--main-bg-dark-alt); 
}

.night .modal-body{
    background-color: var(--main-div-dark); 
}

.night .item-menu-body.activated{
    background-color: var(--main-bg-dark-alt); 
}

.night .item .item-menu > button {
    background-color: var(--main-div-dark);
}

.night .item-menu-body button{
    background-color: var(--main-bg-dark-alt);
}

.night .header-drop:hover > a{
    background-color: var(--main-bg-dark-alt); 
}

.night .offcanvas-body{
    background-color: var(--main-div-dark-alt); 
}

.night .offcanvas-header{
background-color: var(--main-bg-dark-alt); 
}

.night .header-drop-menu{
    background-color: var(--main-bg-dark-alt);  
}

.night input, .night optgroup, .night select, .night textarea, .night .form-select, .night .form-input, .night .form-control{
    background-color: var(--main-bg-dark);
    color: white;
}

.night .table>thead>tr {
    background-color: var(--main-bg-dark-alt);
}

.night table.dataTable>tbody>tr:nth-child(2n){
    background-color: var(--main-bg-dark-alt);
}

.night .select2-container--default .select2-selection--multiple, .night .select2-dropdown{
    background-color: var(--main-bg-dark-alt);
    color: inherit;
}

.night button, .night .btn, .night .btn-b{
    background-color: var(--main-div-dark-altk);  
    box-shadow: var(--box-shadow-d);
    color: white;
}

.night .in-mask:before{

}

.night .filter-search{
    box-shadow: var(--box-shadow-d);   
}

.night .submenu{
    background-color: var(--main-bg-dark);
}

.night .sticky{
    background-color: var(--main-bg-dark);
}

.night .item-breadcrumbs{
    background-color: var(--main-bg-dark) !important;
}

.night .item-bottom-search{
    background: linear-gradient(1deg, var(--main-div-dark-alt), transparent);
}

.night .item-menu-body{
    box-shadow: var(--box-shadow-d);
}

.night .navi-level .navi-level-body{
    background-color: var(--main-bg-dark-alt); 
}

.night .tab-menu a{
    background-color: transparent;
}

.night .btn-item a{
    background-color: var(--main-bg-dark-alt);
}

.night .slider-btn div{
    background-color: var(--main-bg-dark-alt);
}

.night .slider-btn div:hover{
    background-color: var(--bg-secondary);  
}

.night .p-reader{
    background-color: inherit;
}

.night .item{
    box-shadow: var(--box-shadow-d);
    background-color: var(--main-div-dark-alt); 
}

.night .item-pagination{
    box-shadow: var(--shadow-0);
}

.night .card-stories .name-card{
    background: linear-gradient(0deg, #212121, transparent);
}

.night .card-comment, .night .card-review, .night .card-feed, .night .card-user, .night .card-glava, .night .card-article{
    border-color: var(--main-bg-dark);
}

.night .item-images{
    background-color: var(--main-div-dark);  
}

.night .card-reklam-slider{
    background-color: transparent; 
    box-shadow: var(--shadow-0);
}

.night .card-article .item-icon, .night .card-glava .item-icon{
    background-color: var(--main-bg-dark-alt);
}

.night .div-item{
    background-color: var(--main-div-dark-alt);
    box-shadow: var(--box-shadow-d); 
}

.night .div-item .item{
    box-shadow: var(--shadow-0) !important;
    background-color: var(--main-div-dark-alt);
}

.night .p-main .div-item{
    background-color: var(--main-bg-dark);
}

.night .p-user .two-col > div:nth-child(2) .tab-menu{
background-color: var(--main-div-dark-alt);
}

.night .item-user-status{
    background-color: white; 
    color: var(--bg-secondary); 
}

.night .p-book .page-body{
    background-color: var(--main-div-dark-alt);
    box-shadow: var(--box-shadow-d);
}

.night .add-form .page-content{
    background-color: var(--main-bg-dark-alt); 
}

.night .card-user .item-number, .night .card-code .item-number{
    background-color: var(--main-bg-dark-alt); 
}

.night .item-label {
    background-color: var(--main-bg-dark-alt);
}

.night .h-search-result{
    background-color: var(--main-bg-dark);
}

.night .sections{
    background-color: var(--main-bg-dark-alt);
}

.night .h-search.in-mask input{
    background-color: var(--main-div-dark);    
}

.night .accordion-button{
    background-color: var(--main-bg-dark-alt);
}

.night .accordion-body{
    background-color: var(--main-div-dark); 
}

.night .error-fakt{
    background-color: var(--main-div-dark);  
}

.night .nav_one.full{
    background-color: var(--main-bg-dark-alt);
}

.night .table-div-tr > div{
    border-color: #333030;
}

.night .table-div-tr{
    background-color: var(--main-div-dark);
}




@media (max-width: 668px){
    .night .tab-menu a {
        background-color: transparent;
        box-shadow: var(--shadow-0);
        background-color: var(--main-div-dark);
    }

    .night.mtab-open .tab-pane.show .page-head{
        background-color: var(--main-div-dark);
    }

    .night.mtab-open .tab-pane.show .page-head::before{
        background-color: var(--main-div-dark);
    }

    .night.mtab-open .tab-pane.show{
        background-color: var(--main-bg-dark);
    }
}