/* Tempus Dominus + AdminLTE dark mode; calendar above time (collapse: false). */
.bootstrap-datetimepicker-widget {
  z-index: 2055 !important;
}

.modal .bootstrap-datetimepicker-widget {
  z-index: 10600 !important;
}

body.dark-mode .bootstrap-datetimepicker-widget {
  background-color: #343a40;
  color: #e9ecef;
  border-color: #454d55;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45);
}

body.dark-mode .bootstrap-datetimepicker-widget table td,
body.dark-mode .bootstrap-datetimepicker-widget table th {
  border-color: #454d55;
}

body.dark-mode .bootstrap-datetimepicker-widget table td.day:hover,
body.dark-mode .bootstrap-datetimepicker-widget table td.hour:hover,
body.dark-mode .bootstrap-datetimepicker-widget table td.minute:hover,
body.dark-mode .bootstrap-datetimepicker-widget table td.second:hover {
  background: #495057;
  color: #fff;
}

body.dark-mode .bootstrap-datetimepicker-widget table td.active,
body.dark-mode .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3c8dbc;
  color: #fff;
}

body.dark-mode .bootstrap-datetimepicker-widget .picker-switch,
body.dark-mode .bootstrap-datetimepicker-widget .datepicker-days .table-condensed thead tr:first-child th {
  color: #e9ecef;
}

body.dark-mode .bootstrap-datetimepicker-widget .timepicker-picker table td a span {
  color: #e9ecef;
}

body.dark-mode .bootstrap-datetimepicker-widget .btn[data-action] {
  color: #e9ecef;
}

body.dark-mode .bootstrap-datetimepicker-widget .btn[data-action]:hover {
  color: #fff;
  background: #495057;
}