/* MDB_DATETIMEPICKER CALENDAR BACKGROUND */
.dark-theme .datepicker-modal-container .datepicker-main {
    background: #333333;
}

/* MDB_DATETIMEPICKER WEEK DAYS COLOR */
.dark-theme .datepicker-modal-container .datepicker-main .datepicker-view .datepicker-table thead tr th{
    color: #fff;
}

/* MDB_DATETIMEPICKER DAYS CIRCLE TEXT COLOR */
.dark-theme .datepicker-view .datepicker-cell .datepicker-cell-content {
    color: #fff;
}

/* MDB_DATETIMEPICKER TIME CLOCK HOURS & MINUTES TEXT COLOR */
.dark-theme .timepicker-time-tips-hours span,
.dark-theme .timepicker-time-tips-inner span,
.dark-theme .timepicker-time-tips-minutes span {
    color: #fff;
}

/* MDB_DATETIMEPICKER PLACEHOLDER TEXT */
.dark-theme .form-outline.datetimepicker-dark .form-control~.form-label{
    /* color: grey; */
    color: rgb(189, 189, 189);
}

/* MDB_DATETIMEPICKER DAY CIRCLE ON HOVER */
.dark-theme .datepicker-view .datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content {
    background: #555555;
}

/* MDB_DATETIMEPICKER INPUT TEXT COLOR */
.dark-theme div.form-outline > input.form-control {
    color: #fff;
}

/* MDB_DATETIMEPICKER INPUT BORDER COLOR */
.dark-theme div.form-outline.datetimepicker-dark {
    border:none;
}

/* MDB_DATETIMEPICKER INPUT ICON ON RIGHT SIDE */
.dark-theme .datetimepicker-dark button.datetimepicker-toggle-button i.datepicker-toggle-icon {
    color: grey;
}

/* MDB_DATETIMEPICKER INPUT ICON (Calendar) ON RIGHT SIDE ICON */
.dark-theme .datetimepicker-dark button.datetimepicker-toggle-button i.datepicker-toggle-icon::before {
    content: "\f073";
}

/* MDB_DATETIMEPICKER CALENDAR FOOTER BUTTONS BACKGROUND */
.dark-theme .datepicker-footer-btn {
    background: #333333;
}

/* MDB_DATETIMEPICKER CALENDAR FOOTER BUTTONS BACKGROUND ON HOVER */
.dark-theme .datepicker-footer-btn:hover {
    background: #999999;
}

/* MDB_DATETIMEPICKER ARROWS COLOR */
.dark-theme .datepicker-arrow-controls button {
    color: grey;
}

/* MDB_DATETIMEPICKER INITIALLY SELECTED DAY CIRCLE BACKGROUND */
.dark-theme .datepicker-cell:not(.selected).focused .datepicker-cell-content {
    background: #aaaaaa;
}

/* MDB_DATETIMEPICKER CLOCK BACKGROUND */
.dark-theme .timepicker-elements {
    background: #333333;
}

/* MDB_DATETIMEPICKER CLOCK BACKGROUND */
.dark-theme .timepicker-wrapper .timepicker-container .timepicker-footer {
    background: #333333;
}

/* MDB_DATETIMEPICKER SELECT INPUT BACKGROUND */
.dark-theme .select-dropdown-container .select-dropdown {
    background: #222222;
}