/* Shared with Divine Status Admin — dark datetimepicker dropdown + triggers */
/* ==========================================
   Admin Universal Date Picker Theme (Dark)
   - Bootstrap DateTimePicker
   - jQuery UI Datepicker
   ========================================== */
body:not(.public) .bootstrap-datetimepicker-widget,
body:not(.public) .bootstrap-datetimepicker-widget.dropdown-menu{
  background: #141414 !important;
  background-color: #141414 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 36px rgba(0,0,0,0.45) !important;
  color: #eaf1ff !important;
  padding: 8px !important;
  z-index: 10000070 !important;
}
body:not(.public) .bootstrap-datetimepicker-widget.dropdown-menu:before,
body:not(.public) .bootstrap-datetimepicker-widget.dropdown-menu:after{
  display: none !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table{
  border-collapse: separate;
  border-spacing: 2px;
}
body:not(.public) .bootstrap-datetimepicker-widget table th,
body:not(.public) .bootstrap-datetimepicker-widget table td{
  border-radius: 8px !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th{
  background: rgba(255,255,255,0.06) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  color: #eaf1ff !important;
  font-weight: 700;
}
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th.prev,
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th.next{
  color: #9ec4ff !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:nth-child(2) th{
  color: #c7d7ff !important;
  font-size: 12px;
  font-weight: 700;
  background: transparent !important;
}
body:not(.public) .bootstrap-datetimepicker-widget.dropdown-menu{
  width: auto !important;
  min-width: 292px !important;
  max-width: calc(100vw - 24px) !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td{
  color: #e8f0ff !important;
  background: rgba(255,255,255,0.03) !important;
  height: auto !important;
  width: auto !important;
  line-height: 1.35 !important;
  padding: 7px 5px !important;
  text-align: center !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.day{
  height: auto !important;
  width: auto !important;
  line-height: 1.35 !important;
  min-width: 34px !important;
}
/* Remove default Bootstrap datetimepicker blue corner on "today" */
body:not(.public) .bootstrap-datetimepicker-widget table td.today{
  position: static !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.today:before,
body:not(.public) .bootstrap-datetimepicker-widget table td.active.today:before{
  display: none !important;
  content: none !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.today:not(.active){
  box-shadow: inset 0 0 0 1px rgba(95,182,255,0.32) !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
  background: rgba(255,255,255,0.08) !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th.prev,
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th.next{
  width: 36px !important;
  min-width: 36px !important;
  border-radius: 10px !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch{
  width: auto !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.day:hover,
body:not(.public) .bootstrap-datetimepicker-widget table td.hour:hover,
body:not(.public) .bootstrap-datetimepicker-widget table td.minute:hover,
body:not(.public) .bootstrap-datetimepicker-widget table td.second:hover{
  background: rgba(59,130,246,0.24) !important;
  color: #fff !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.active,
body:not(.public) .bootstrap-datetimepicker-widget table td.active:hover{
  background: #2b79d0 !important;
  color: #fff !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.old,
body:not(.public) .bootstrap-datetimepicker-widget table td.new{
  color: rgba(199,215,255,0.45) !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td.disabled,
body:not(.public) .bootstrap-datetimepicker-widget table td.disabled:hover{
  color: rgba(199,215,255,0.28) !important;
  background: rgba(255,255,255,0.02) !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td span{
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.5;
  padding: 6px 0;
  border-radius: 8px;
  color: #e8f0ff !important;
  background: rgba(255,255,255,0.03) !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td span:hover{
  background: rgba(59,130,246,0.24) !important;
  color: #fff !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td span.active{
  background: #2b79d0 !important;
  color: #fff !important;
}
body:not(.public) .bootstrap-datetimepicker-widget table td span.disabled,
body:not(.public) .bootstrap-datetimepicker-widget table td span.disabled:hover{
  color: rgba(199,215,255,0.28) !important;
  background: rgba(255,255,255,0.02) !important;
}
/* Admin universal time picker polish */
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker table{
  width: auto !important;
  margin: 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 4px !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker table td{
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  text-align: center !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker table td.separator{
  background: transparent !important;
  color: rgba(224,234,255,0.85) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  width: 8px !important;
  min-width: 8px !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker .btn{
  border-radius: 10px !important;
  border: 1px solid rgba(132,154,198,0.28) !important;
  background: rgba(36,50,90,0.78) !important;
  color: #e8f0ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
  padding: 0 !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker .btn:hover,
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker .btn:focus{
  background: rgba(59,130,246,0.28) !important;
  border-color: rgba(132,154,198,0.44) !important;
  color: #fff !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action^="increment"],
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action^="decrement"]{
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="incrementHours"] span,
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="decrementHours"] span,
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="incrementMinutes"] span,
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="decrementMinutes"] span{
  font-size: 16px !important;
  line-height: 1 !important;
  /* Undo the generic "table td span" block styling so the chevron stays centered */
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="showHours"],
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="showMinutes"]{
  width: 60px !important;
  height: 40px !important;
  min-width: 60px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="togglePeriod"]{
  width: 64px !important;
  height: 40px !important;
  min-width: 64px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="togglePeriod"].btn-primary,
body:not(.public) .bootstrap-datetimepicker-widget .timepicker-picker [data-action="togglePeriod"].active{
  background: linear-gradient(135deg, #20c997, #16a085) !important;
  border-color: rgba(52,211,153,0.65) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(16,185,129,0.28) !important;
}

/* Employee panel: date/time input triggers (admin input-group.date) */
body:not(.public) .wrapper-content .input-group.ds-dtp { width: 100%; }
body:not(.public) .wrapper-content .input-group.ds-dtp .form-control.ds-dtp-input,
body:not(.public) .wrapper-content .input-group.ds-dtp .form-control.ds-date-input {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(234,240,255,0.92) !important;
  border-radius: 12px 0 0 12px !important;
  border-right: 0 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  -webkit-text-fill-color: rgba(234,240,255,0.92) !important;
}
body:not(.public) .wrapper-content .input-group.ds-dtp .input-group-addon.ds-dtp-addon,
body:not(.public) .wrapper-content .input-group.ds-dtp .input-group-addon {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-left: 0 !important;
  color: rgba(234,240,255,0.92) !important;
  border-radius: 0 12px 12px 0 !important;
  min-height: 44px !important;
  min-width: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
body:not(.public) .wrapper-content .input-group.ds-dtp .input-group-addon:hover,
body:not(.public) .wrapper-content .input-group.ds-dtp .input-group-addon:focus {
  background: rgba(59,130,246,0.22) !important;
  color: #fff !important;
}
body:not(.public) .wrapper-content .input-group.ds-dtp:focus-within .form-control,
body:not(.public) .wrapper-content .input-group.ds-dtp:focus-within .input-group-addon {
  border-color: rgba(79,140,255,0.55) !important;
}
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked .form-control.ds-dtp-input,
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked .form-control.ds-date-input,
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked .input-group-addon.ds-dtp-addon,
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked .input-group-addon {
  background: rgba(0, 0, 0, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: rgba(148, 163, 184, 0.55) !important;
  -webkit-text-fill-color: rgba(148, 163, 184, 0.55) !important;
  cursor: not-allowed !important;
  opacity: 0.72;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked .input-group-addon:hover,
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked .input-group-addon:focus {
  background: rgba(0, 0, 0, 0.32) !important;
  color: rgba(148, 163, 184, 0.55) !important;
}
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked:focus-within .form-control,
body:not(.public) .wrapper-content .input-group.ds-dtp.ds-dtp--locked:focus-within .input-group-addon {
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body:not(.public) .ds-request-timeoff-ibox,
body:not(.public) .ds-request-timeoff-ibox .ibox-content,
body:not(.public) .past-hours-ibox,
body:not(.public) .past-hours-ibox .ibox-content { overflow: visible !important; }