/* XDSoft Dark Theme */
.xdsoft_datetimepicker {
    background: #333;
    color: #eee;
    border: 1px solid #444;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #333;
    color: #eee;
    border-color: #444;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0073aa;
    color: #fff;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #444 !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #333;
    color: #eee;
    border-color: #444;
}

/* Month/Year Label Styling */
.xdsoft_datetimepicker .xdsoft_label {
    background-color: #333 !important;
    color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    background-color: #444 !important;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    color: #fff !important;
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0 !important;
}

/* Month/Year Select Dropdown */
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    background: #444 !important;
    border: 1px solid #555 !important;
    color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    background: #444 !important;
    border: 1px solid #555 !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    background: #444 !important;
    border: 1px solid #555 !important;
}

/* Dropdown Options */
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    background: #444 !important;
    color: #eee !important;
    border-color: #555 !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: #0073aa !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #0073aa !important;
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next {
    filter: invert(1);
}

.xdsoft_datetimepicker .xdsoft_today_button {
    filter: invert(1);
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #666 !important;
}