body.vmh-dark-mode {
    background-color: #121212;
    color: #d7d7d7;
}

body.vmh-dark-mode.bg-gradient-primary {
    background-color: #121212;
    background-image: none;
}

body.vmh-dark-mode #content-wrapper,
body.vmh-dark-mode #content,
body.vmh-dark-mode .container-fluid {
    background-color: #121212;
}

body.vmh-dark-mode .bg-white,
body.vmh-dark-mode .navbar,
body.vmh-dark-mode footer.sticky-footer,
body.vmh-dark-mode .card,
body.vmh-dark-mode .modal-content,
body.vmh-dark-mode .dropdown-menu {
    background-color: #1e1e1e !important;
    color: #d7d7d7;
}

body.vmh-dark-mode .card {
    border-color: #343a40;
}

body.vmh-dark-mode .card-header,
body.vmh-dark-mode .modal-header,
body.vmh-dark-mode .modal-footer {
    background-color: #252525;
    border-color: #343a40;
}

body.vmh-dark-mode .collapse-inner {
    background-color: #242424 !important;
}

body.vmh-dark-mode .sidebar .collapse-inner {
    background-color: #262a31 !important;
}

body.vmh-dark-mode .collapse-header,
body.vmh-dark-mode .dropdown-header,
body.vmh-dark-mode .text-gray-600,
body.vmh-dark-mode .text-gray-700,
body.vmh-dark-mode .text-gray-800,
body.vmh-dark-mode .text-primary,
body.vmh-dark-mode label,
body.vmh-dark-mode .mpt-fl-label,
body.vmh-dark-mode .custom-control-label {
    color: #d7d7d7 !important;
}

body.vmh-dark-mode .collapse-item,
body.vmh-dark-mode .dropdown-item {
    color: #d7d7d7;
}

body.vmh-dark-mode .sidebar .collapse-inner .collapse-item {
    color: #c9d1d9 !important;
}

body.vmh-dark-mode .sidebar .collapse-inner .collapse-item i {
    color: #8b949e !important;
}

body.vmh-dark-mode .collapse-item:hover,
body.vmh-dark-mode .dropdown-item:hover,
body.vmh-dark-mode .collapse-item:focus,
body.vmh-dark-mode .dropdown-item:focus {
    background-color: #2f2f2f;
    color: #ffffff;
}

body.vmh-dark-mode .sidebar .collapse-inner .collapse-item:hover,
body.vmh-dark-mode .sidebar .collapse-inner .collapse-item:focus {
    background-color: #30363d !important;
    color: #ffffff !important;
}

body.vmh-dark-mode .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
body.vmh-dark-mode .sidebar .nav-item .collapse .collapse-inner .collapse-item:focus,
body.vmh-dark-mode .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover,
body.vmh-dark-mode .sidebar .nav-item .collapsing .collapse-inner .collapse-item:focus {
    background-color: #30363d !important;
    color: #ffffff !important;
}

body.vmh-dark-mode .sidebar .collapse-inner .collapse-item:hover i,
body.vmh-dark-mode .sidebar .collapse-inner .collapse-item:focus i {
    color: #ffffff !important;
}

body.vmh-dark-mode .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover i,
body.vmh-dark-mode .sidebar .nav-item .collapse .collapse-inner .collapse-item:focus i,
body.vmh-dark-mode .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover i,
body.vmh-dark-mode .sidebar .nav-item .collapsing .collapse-inner .collapse-item:focus i {
    color: #ffffff !important;
}

body.vmh-dark-mode .form-control,
body.vmh-dark-mode .custom-select,
body.vmh-dark-mode .input-group-text {
    background-color: #252525 !important;
    border-color: #4a4a4a !important;
    color: #e5e5e5 !important;
}

body.vmh-dark-mode .form-control:focus {
    background-color: #2b2b2b !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

body.vmh-dark-mode .fl-form input.fl-input,
body.vmh-dark-mode .fl-form select.fl-select,
body.vmh-dark-mode .fl-form textarea.fl-textarea,
body.vmh-dark-mode .fl-form .fl-is-active input.fl-input,
body.vmh-dark-mode .fl-form .fl-is-active select.fl-select,
body.vmh-dark-mode .fl-form .fl-is-active textarea.fl-textarea {
    background-color: #252525 !important;
    border-color: #4a4a4a !important;
    color: #e5e5e5 !important;
}

body.vmh-dark-mode .fl-form .fl-has-focus input.fl-input,
body.vmh-dark-mode .fl-form .fl-has-focus select.fl-select,
body.vmh-dark-mode .fl-form .fl-has-focus textarea.fl-textarea {
    background-color: #2b2b2b !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

body.vmh-dark-mode input.form-control:-webkit-autofill,
body.vmh-dark-mode input.form-control:-webkit-autofill:hover,
body.vmh-dark-mode input.form-control:-webkit-autofill:focus,
body.vmh-dark-mode textarea.form-control:-webkit-autofill,
body.vmh-dark-mode textarea.form-control:-webkit-autofill:hover,
body.vmh-dark-mode textarea.form-control:-webkit-autofill:focus,
body.vmh-dark-mode select.form-control:-webkit-autofill,
body.vmh-dark-mode select.form-control:-webkit-autofill:hover,
body.vmh-dark-mode select.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #2b2b2b inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff;
    border-color: #6c757d;
}

body.vmh-dark-mode .form-control::selection {
    background-color: #4e73df;
    color: #ffffff;
}

body.vmh-dark-mode .form-control::placeholder {
    color: #9a9a9a;
}

body.vmh-dark-mode .bg-light,
body.vmh-dark-mode .mpt-readonly {
    background-color: #2b2b2b !important;
    color: #cfcfcf;
}

body.vmh-dark-mode .mpt-fl-label:before,
body.vmh-dark-mode .fl-form label.fl-label:before {
    background-color: #1e1e1e !important;
}

body.vmh-dark-mode .mpt-fl-label-readonly:before {
    background-color: #2b2b2b !important;
}

body.vmh-dark-mode .table,
body.vmh-dark-mode .table td,
body.vmh-dark-mode .table th {
    color: #d7d7d7;
    border-color: #343a40;
}

body.vmh-dark-mode .page-link {
    background-color: #252525;
    border-color: #3f444b;
    color: #c9d1d9;
}

body.vmh-dark-mode .page-link:hover,
body.vmh-dark-mode .page-link:focus {
    background-color: #30363d;
    border-color: #4e73df;
    color: #ffffff;
    box-shadow: none;
}

body.vmh-dark-mode .page-item.active .page-link {
    background-color: #4e73df;
    border-color: #4e73df;
    color: #ffffff;
}

body.vmh-dark-mode .page-item.disabled .page-link {
    background-color: #1e1e1e;
    border-color: #343a40;
    color: #6c757d;
}

body.vmh-dark-mode .list-group-item,
body.vmh-dark-mode .list-group-item-recepie {
    background-color: #1e1e1e;
    border-color: #343a40;
    color: #d7d7d7;
}

body.vmh-dark-mode .btn-light {
    background-color: #343a40;
    border-color: #454d55;
    color: #ffffff;
}

body.vmh-dark-mode .btn-light:hover {
    background-color: #3f474e;
    border-color: #545b62;
    color: #ffffff;
}

body.vmh-dark-mode .close {
    color: #ffffff;
    text-shadow: none;
}

body.vmh-dark-mode .card.bg-primary {
    background-color: #315fc5 !important;
    border-color: #4f7bec;
}

body.vmh-dark-mode .card.bg-success {
    background-color: #16845f !important;
    border-color: #20b985;
}

body.vmh-dark-mode .card.bg-danger {
    background-color: #a23a32 !important;
    border-color: #d05248;
}

body.vmh-dark-mode .card.bg-warning {
    background-color: #a87718 !important;
    border-color: #d69b26;
}

body.vmh-dark-mode .card.bg-info {
    background-color: #247b89 !important;
    border-color: #35a9ba;
}

body.vmh-dark-mode .card.bg-secondary {
    background-color: #5f6472 !important;
    border-color: #7a8090;
}

body.vmh-dark-mode .card.bg-dark {
    background-color: #30343b !important;
    border-color: #4b515c;
}

body.vmh-dark-mode .card.bg-light {
    background-color: #d9dde7 !important;
    border-color: #b9bfcc;
    color: #1e1e1e;
}

body.vmh-dark-mode .card.bg-primary a,
body.vmh-dark-mode .card.bg-success a,
body.vmh-dark-mode .card.bg-danger a,
body.vmh-dark-mode .card.bg-warning a,
body.vmh-dark-mode .card.bg-info a,
body.vmh-dark-mode .card.bg-secondary a,
body.vmh-dark-mode .card.bg-dark a {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.vmh-dark-mode .card.bg-primary a:hover,
body.vmh-dark-mode .card.bg-success a:hover,
body.vmh-dark-mode .card.bg-danger a:hover,
body.vmh-dark-mode .card.bg-warning a:hover,
body.vmh-dark-mode .card.bg-info a:hover,
body.vmh-dark-mode .card.bg-secondary a:hover,
body.vmh-dark-mode .card.bg-dark a:hover {
    color: #ffffff !important;
}

body.vmh-dark-mode .dropdown-menu {
    border-color: #3a3f46;
}

body.vmh-dark-mode .dropdown-divider {
    border-top-color: #3a3f46;
}

body.vmh-dark-mode .topbar-divider {
    border-right-color: #3a3f46 !important;
}