/* dark mode */

.dark:root{
    --card-bg: #1e1e1e;
}

.master.dark{
    background-color: #121212;
    transition: 0s !important;
}

.dark .select-wrapper input.select-dropdown:disabled,
.dark, .dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark p{
    color: #ffffff9a;
}

.dark .sidebar{
    background-color: #1e1e1e;
    border-left: none;
}
/* 
.dark .master{
    background-color: #121212 !important;
    
} */

.dark .sidebar .collapsible-list{
    border: 1px solid #ffffff15;
}

.dark .breadcrumb:last-child{
    color: #1d71b8;
}

.dark .breadcrumb{
    color: #e9e9e9;
}

.dark .breadcrumb:before{
    color: #ffffff9a;
}

.dark .collapsible-body a{
    color: #ffffff9a;
}

.dark .collapsible-header{
    color: #ffffff9a;
}

.dark .collapsible-list.active > .collapsible-header{
    color: #f49819 !important;
}

.dark input , .dark .materialize-textarea{
    color: #ffffff9a;
    background-color: #f1f1f110 !important;
    border: 1px solid #ffffff15 !important;
}

.dark label{
    color: #f1f1f180 !important;
}

.dark table{
    background-color: #1e1e1e;
    color: #ffffff9a !important;
}

.dark tbody > tr:nth-last-of-type(even){
    background-color: #ffffff15;
}

.dark .order-sum .col.s12:first-child{
    background-color: #1e1e1e;
}

.dark .menu-items{

    border: 1px solid #ffffff15 !important;
}

.dark .card{
    background-color: var(--card-bg);
    color: #ffffff9a;
}

.dark .card.menu-card.active{
    background-color: #162939;
}

.dark .card.menu-card.active p{
    background-color: #162939;
    color: white !important;
}

.dark .switch{
    border: 1px solid #ffffff15 !important;
    background-color: #f1f1f110 !important;
}

.dark .switch label .lever{
    background-color: #121212;
}

.dark  .switch label input[type=checkbox]:checked+.lever:after{
    background-color: #1d71b8;
}

.dark .switch label .lever:after{
    background-color: #f1f1f180;
}

.dark .switch label input[type=checkbox]:checked+.lever{
    background-color: #bbdefb91;
}

.dark .btn.disabled,.dark .disabled.btn-large,.dark .disabled.btn-small,.dark .btn-floating.disabled,.dark .btn-large.disabled,.dark .btn-small.disabled,.dark .btn:disabled,.dark .btn-large:disabled,.dark .btn-small:disabled,.dark .btn-floating:disabled,.dark .btn-large:disabled,.dark .btn-small:disabled,.dark .btn-flat:disabled,.dark .btn[disabled],.dark .btn-large[disabled],.dark .btn-small[disabled],.dark .btn-floating[disabled],.dark .btn-large[disabled],.dark .btn-small[disabled],.dark .btn-flat[disabled]{
    background-color: #1e1e1e !important;
}

.dark .modal{
    background-color: #1e1e1e;
}

.dark .modal .modal-footer{
    background-color: #121212 !important;
}

.dark .modal .payment-buttons .index{
    background-color: #121212;
    border: 1px solid #ffffff15;
}

.dark .radio-wrapper{
    border: 1px solid #ffffff15;
}

.dark .select-wrapper .caret{
    fill: #f1f1f180;
}

.dark .dropdown-content{
    background-color: #121212;
    height: unset;
    max-height: 371px;
}

.dark .select-dropdown li.disabled, .dark .select-dropdown li.disabled>span, .dark .select-dropdown li.optgroup{
    background-color: #1e1e1e; 
       color: #ffffff9a !important;
       transition: .3s;
}

.dark .dropdown-content li>a:hover, .dark .dropdown-content li>span{
    color: #ffffff9a;
}


.dark .select-dropdown.dropdown-content li.selected{
    background-color: #1d71b850;
}

.dark .dropdown-content li>a:hover, .dark .dropdown-content li>span:hover{
    background-color: #191e22;
}

.dark .z-depth-4{
    -webkit-box-shadow: 0 16px 12px 2px rgb(0 0 0 / 15%), 0 6px 10px 5px rgb(0 0 0 / 15%), 0 8px 5px -7px rgb(0 0 0 / 10%);
    box-shadow: 0 16px 12px 2px rgb(0 0 0 / 15%), 0 6px 10px 5px rgb(0 0 0 / 15%), 0 8px 5px -7px rgb(0 0 0 / 10%);
}

.dark .custom-thead{
    background-color: var(--card-bg);
}

.dark .state.available {
    background-color: rgb(174 255 174);
    color: #4CAF50 !important;
}

.dark .state.unavailable {
    background-color: rgb(255 190 190);
    color: #F44336 !important;
}

.dark .sidebar .collapsible-list .collapsible-header a *{
    color: #ffffff9a;
}

.dark a.white,
.dark button.white{
    background-color: transparent !important;;
}

.dark #language-dropdown-content{
    background-color: #1e1e1e !important;
    color: #ffffff9a;
}

.dark #language-dropdown-content a{
    color: #ffffff9a;
}

.dark #theme-dropdown-content{
    background-color: #1e1e1e !important;
    color: #ffffff9a;
}

.dark #theme-dropdown-content a{
    color: #ffffff9a;
}