body.dark{
    background-color: #130e1c !important;
    transition: .2s;
}

.dark *{
    border-color: #6a1b9a50 !important;
}

.dark .select-wrapper input.select-dropdown{
    border: 1px solid #6a1b9a50 !important;
    box-shadow: 0 0 0 !important;
}

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

.dark h6 , .dark h5 , .dark h4 , .dark h3 , .dark h2 , .dark h1 , .dark p{
    color: white;
}

.dark .navbar{
    background-color: #171224 !important;
}

.dark .navbar h5 a.purple-text{
    color: white !important;
}

.dark .card{
    background-color: #171224 !important;
}

.dark .dropdown-content{
    background-color: #171224 !important;
}

.dark .dropdown-content .purple-text{
    color: white !important;
}

.dark .dropdown-content li:hover, .dark .dropdown-content li.active{
    background-color: #ffffff1a;
}

.dark .divider {
    background-color: #130e1c;
}

.dark .modal{
    background-color: #130e1c !important;
    color: white;
}

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

.dark .modal .modal-footer a{
    color: #fff;
}

.dark .search-input svg{
    position: absolute;
    right: 2rem;
    top: 1rem;
    color: #6a1b9a;
    z-index: -1;
    transition: .3s;
}

.dark ::placeholder{
    color: #6a1b9a;
}

.dark center small.grey-text{
    color: #fff !important;
}

.dark .input-field > label:not(.label-icon).active {
    background-color: #130e1c;
}

.dark input , .dark textarea{
    color: #fff !important;
}

.dark .red-border , .dark .red-border .select-wrapper input.select-dropdown{
    border-color: #F44336 !important;
}

.dark .red-border:focus{
    border-color: #ffffff1a !important;
}

.dark .red-border::placeholder{
    color: #F44336 !important;
}

.dark tr{
    color: white;
}

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

.dark td a.black-text{
    color: white !important;
}

.dark .tabs a.black-text{
    color: white !important;
}

.dark .tabs a.black-text.active{
    color: #6a1b9a !important;
}

.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-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, .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] {
    pointer-events: none;
    box-shadow: none;
    cursor: default;
    background-color: rgb(51 43 75) !important;
    color: rgb(159, 159, 159) !important;
}

.dark 
.default-dish{
    color: #fff ;
}

.dark .login-form > div:nth-child(2) > small{
    color: white;
}

.dark .login-form > div:nth-child(2) > center > small{
    color: white;
}

.dark .logo{
    /* filter: brightness(50); */
}

.dark .card-loader {
    background-color: #171224   !important;
}

.dark .card-loader:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(156, 39, 176, .05) 30%, rgba(255, 255, 255, 0) 81%)
  }

 .dark .sidenav{
    background-color: #130e1c;
}

.dark .collapsible-header{
    background-color: #171224 !important;
}

.dark .collapsible-header .black-text{
    color: #fff !important;
}

.dark .collapsible-header:hover{
    background-color: #130e1c !important;
}