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

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

.dark .select-wrapper input.select-dropdown {
    border: 1px solid #ffffff1a !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: #211c31 !important;
}

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

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

.dark .dropdown-content {
    background-color: #211c31 !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: #211c31 !important;
    }

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

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

.dark ::placeholder {
    color: #492e5f;
}

.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: #211c31 !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: #211c31 !important;
}

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

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