* {
    --background: #0F1014;
    --text: #fff;
    --text-off: #636674;
}

.modal-content {
    background-color: var(--background);
    color: var(--text)
}

.modal-title {
    color: var(--text) !important;
}

.form-control {
    background-color: var(--background) !important;
    color: var(--text) o !important
}

.select2-selection__rendered,
.select2-search__field {
    background-color: var(--background);
    color: var(--text) !important;
}

.select2-dropdown {
    background-color: var(--background) !important;
    color: var(--text) !important
}

.select2-results__option {
    color: var(--bs-secondary);
    background-color: var(var(--background)) !important;
}


input.form-control,
input.m-input {
    background-color: var(--background) !important;
    color: var(--text) !important
}

.daterangepicker.dropdown-menu,
.calendar-table {
    background-color: var(--background) !important;
    border: none !important;
}

.calendar-table td.available {
    color: var(--text) !important;
    background-color: #636674;
}

.calendar-table td.off {
    color: var(--text-off);
    background-color: transparent;
}

.calendar-table th.month {
    color: var(--text)
}

.calendar-table table th {
    color: var(--text)
}


.m-portlet__head-text {
    color: var(--text) !important;
}

.m-portlet .m-portlet__body .m-alert {
    background-color: var(--background) !important;
}


.dataTable {
    color: var(--text) !important;
}


.dropdown-menu,
.dropdown-item {
    background-color: var(--background);
    color: var(--text) !important
}

.dropdown-item:focus {
    background-color: var(--background);
    color: var(--text) !important
}


.m-body {
    background-color: var(--background) !important;
}