.sidebar-brand .h2 {
  margin: 0;
}

.sidebar-header {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.header>.container-fluid+.container-fluid {
  min-height: 3rem;
}

.header>.container-fluid,
.header>.container-sm,
.header>.container-md,
.header>.container-lg,
.header>.container-xl,
.header>.container-xxl,
.sidebar-header {
  min-height: calc(4rem + 2px);
}

.header-sticky {
  min-height: auto;
}

.fixed-skiner {
  transition: all 0.4s ease-in-out;
  position: fixed;
  z-index: 10000;
  right: -280px;
  top: 155px;
  opacity: 0.5;
}

.fixed-skiner:hover {
  opacity: 1;
}

.fixed-skiner.open {
  opacity: 1;
  right: 0px;
}

.fixed-skiner .fixed-skinner-toggle {
  position: absolute;
  top: 0px;
  left: -40px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  font-size: 28px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fixed-skiner .fixed-skinner-body {
  background: rgba(0, 0, 0, 0.7);
  width: 280px;
  padding: 15px;
}

.fixed-skiner .fixed-skinner-body .fixed-skinner-heading {
  margin: 0;
  margin-bottom: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.fixed-skiner .fixed-skinner-body .fixed-skinner-configurator {
  margin: 10px 0;
}

.fixed-skiner .fixed-skinner-body .fixed-skinner-configurator .fixed-skinner-configurator-heading {
  margin: 0;
  margin-bottom: 7px;
  font-size: 14px;
  text-transform: uppercase;
}

.fixed-skiner .fixed-skinner-body .fixed-skinner-configurator .fixed-skinner-colours:before,
.fixed-skiner .fixed-skinner-body .fixed-skinner-configurator .fixed-skinner-colours:after {
  content: " ";
  display: table;
}

.fixed-skiner .fixed-skinner-body .fixed-skinner-configurator .fixed-skinner-colours:after {
  clear: both;
}

.fixed-skiner .fixed-skinner-body .fixed-skinner-configurator:last-child {
  margin-bottom: 0;
}

.form-inline .kv-drp-container {
  float: left;
}



/* DatePicker Brand Color Overrides */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active {
  background-color: #FF6721 !important;
  background-image: none !important;
  border-color: #FF6721 !important;
  color: #fff !important;
  text-shadow: none !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.bootstrap-datetimepicker-widget table td.today,
.bootstrap-datetimepicker-widget table td.today:hover,
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: rgba(255, 103, 33, 0.2) !important;
  border-color: #FF6721 !important;
  color: #000 !important;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.active:hover,
.bootstrap-datetimepicker-widget table td.today.active,
.bootstrap-datetimepicker-widget table td.today.active:hover,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today.active:hover {
  background-color: #FF6721 !important;
  color: #fff !important;
}

.bootstrap-datetimepicker-widget table td.today.active:before,
.datetimepicker table td.today.active:before {
  border-bottom-color: #fff !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.datetimepicker table tr td.day:hover,
.datetimepicker table tr td.focused,
.datetimepicker table tr td.hour:hover,
.datetimepicker table tr td.minute:hover,
.datetimepicker table tr td.second:hover {
  background: #FF854D !important;
  color: #fff !important;
}

.bootstrap-datetimepicker-widget table td.today:before,
.datetimepicker table td.today:before {
  border-bottom-color: #FF6721 !important;
}


/* CoreUI Date Range Picker Brand Overrides */
.picker-cell.picker-cell-selected,
.picker-cell.picker-cell-selected:hover,
.date-range-picker-cell-selected,
.date-range-picker-cell-selected:hover {
  background-color: #FF6721 !important;
  border-color: #FF6721 !important;
  color: #fff !important;
}

.picker-cell.picker-cell-range,
.date-range-picker-cell-range {
  background-color: rgba(255, 103, 33, 0.1) !important;
}

.picker-cell.picker-cell-range.picker-cell-range-start,
.picker-cell.picker-cell-range.picker-cell-range-end {
  background-color: #FF6721 !important;
  color: #fff !important;
}

.picker-cell.picker-cell-today,
.date-range-picker-cell-today {
  box-shadow: inset 0 0 0 1px #FF6721 !important;
}

/* Also cover standard daterangepicker if used elsewhere fallback */
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #FF6721 !important;
}

.daterangepicker td.in-range {
  background-color: rgba(255, 103, 33, 0.1) !important;
}

/* Re-apply Brand Color as Primary for Date Picker Components Only
   (Since we removed the global override to fix btn-primary) */
.date-range-picker,
.picker {
  --cui-primary: #FF6721;
  --cui-primary-rgb: 255, 103, 33;
}

/* CoreUI Date Picker Specific Overrides */
.date-picker-dropdown {
  --cui-primary: #FF6721 !important;
  --cui-primary-rgb: 255, 103, 33 !important;
  --cui-btn-bg: #FF6721 !important;
  --cui-btn-border-color: #FF6721 !important;
  --cui-btn-hover-bg: #FF854D !important;
  --cui-btn-hover-border-color: #E85E1E !important;
}

/* Force selected cells in the new CoreUI date picker structure to use brand color */
.date-picker-dropdown .calendar-cell.selected {
  /* background-color: #FF6721 !important; */
  color: #fff !important;
}

.date-picker-dropdown .calendar-cell.today {
  color: #FF6721 !important;
}

.date-picker-dropdown .calendar-cell.today.selected {
  color: #fff !important;
}

/* Force buttons inside the footer to use brand color */
.date-picker-footer .btn-primary {
  background-color: #FF6721 !important;
  border-color: #FF6721 !important;
  --cui-btn-bg: #FF6721 !important;
  --cui-btn-border-color: #FF6721 !important;
}

.date-picker-footer .btn-ghost-primary {
  color: #FF6721 !important;
  --cui-btn-color: #FF6721 !important;
}

/* Footer Buttons with White Text */
.date-picker-footer .btn-primary,
.date-picker-footer .btn-primary:hover {
  color: #fff !important;
  --cui-btn-color: #fff !important;
  --cui-btn-hover-color: #fff !important;
}

/* Range Hover (when selecting range) */
.date-picker-dropdown .calendar-cell.range-hover {
  background-color: rgba(255, 103, 33, 0.2) !important;
  border-color: transparent !important;
}

.date-picker-dropdown .calendar-cell.range-hover:before {
  background-color: rgba(255, 103, 33, 0.2) !important;
}

/* Hover effect for cells to be brand color */
.date-picker-dropdown .calendar-cell:not(.disabled):not(.selected):hover .calendar-cell-inner {
  background-color: rgba(255, 103, 33, 0.2) !important;
  color: #FF6721 !important;
}

/* STRICTER overrides for Date Picker Footer Buttons */
.date-picker-footer .btn-primary {
  background-color: #FF6721 !important;
  border-color: #FF6721 !important;
  color: #fff !important;
}

.date-picker-footer .btn-primary:hover,
.date-picker-footer .btn-primary:active,
.date-picker-footer .btn-primary:focus {
  background-color: #FF854D !important;
  border-color: #E85E1E !important;
  color: #fff !important;
}

.date-picker-footer .btn-ghost-primary {
  color: #FF6721 !important;
  background-color: transparent !important;
}

.date-picker-footer .btn-ghost-primary:hover,
.date-picker-footer .btn-ghost-primary:active,
.date-picker-footer .btn-ghost-primary:focus {
  color: #fff !important;
  background-color: #FF6721 !important;
}

/* Make the Cancel button look like .btn-outline-brand */
.date-picker-footer .btn-ghost-primary {
  --cui-btn-bg: rgba(255, 255, 255, 0.87) !important;
  --cui-btn-border-color: #FF6721 !important;
  --cui-btn-color: #FF6721 !important;
  border: 1px solid #FF6721 !important;
  /* Ensure border is visible */
}

.date-picker-footer .btn-ghost-primary:hover,
.date-picker-footer .btn-ghost-primary:active,
.date-picker-footer .btn-ghost-primary:focus {
  background-color: #FF854D !important;
  border-color: #E85E1E !important;
  color: #fff !important;
}

.list-group-item.active-brand {
  z-index: 2;
  color: #fff;
  background-color: #FF6721;
  border-color: #FF6721;
  /* background-color: #ff8855; */
}

.list-group-item.active-brand .text-muted {
  color: rgba(255, 255, 255, 0.8) !important;
}

.list-group-item.active-brand .text-dark {
  color: #fff !important;
}