/* Vigitrack — force Phoenix flatpickr styles over vendor defaults */
.flatpickr-calendar {
  width: 322px !important;
  overflow: hidden;
  text-align: unset;
  background-color: var(--phoenix-flatpickr-calendar-bg) !important;
  box-shadow: none !important;
  border: 1px solid var(--phoenix-border-color-translucent) !important;
  border-radius: 0.5rem;
  font-size: 0.8rem;
}
.flatpickr-calendar.open { z-index: 1100 !important; }
.flatpickr-calendar.arrowTop:after { border-bottom-color: var(--phoenix-flatpickr-calendar-bg) !important; }
.flatpickr-calendar.arrowTop:before { border-bottom-color: var(--phoenix-border-color-translucent) !important; }
.flatpickr-calendar.arrowBottom:after { border-top-color: var(--phoenix-flatpickr-calendar-bg) !important; }
.flatpickr-calendar.arrowBottom:before { border-top-color: var(--phoenix-border-color-translucent) !important; }

.flatpickr-months .flatpickr-month,
.flatpickr-weekdaycontainer,
.flatpickr-innerContainer {
  background-color: var(--phoenix-flatpickr-calendar-bg) !important;
}
.flatpickr-months .flatpickr-month { color: var(--phoenix-body-color) !important; }
.flatpickr-current-month { color: var(--phoenix-flatpickr-current-month-color) !important; font-size: 1.2rem !important; font-weight: 700 !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months { background-color: var(--phoenix-flatpickr-calendar-bg) !important; color: var(--phoenix-flatpickr-current-month-color) !important; }
span.flatpickr-weekday { color: var(--phoenix-flatpickr-weekday-color) !important; font-weight: 700 !important; font-size: 0.7rem !important; }

.flatpickr-day {
  margin: 4px !important;
  color: var(--phoenix-body-color);
  border-radius: 0.25rem;
  height: 33px;
  line-height: 33px;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  background-color: var(--phoenix-flatpickr-calendar-day-hover-bg) !important;
  border-color: transparent !important;
}
.flatpickr-day.today {
  background-color: var(--phoenix-primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.flatpickr-day.selected {
  background-color: var(--phoenix-flatpickr-calendar-day-selected-bg) !important;
  border-color: var(--phoenix-primary) !important;
  color: var(--phoenix-primary) !important;
  font-weight: 700;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: var(--phoenix-quaternary-color) !important;
}
.flatpickr-day.weekend-days {
  color: var(--phoenix-flatpickr-weekend-days-color) !important;
}
.flatpickr-day.flatpickr-disabled {
  color: var(--phoenix-quaternary-color) !important;
}

.numInputWrapper span { background: transparent !important; }
.numInputWrapper span:hover { background: rgba(0,0,0,0.05) !important; }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  fill: var(--phoenix-body-color) !important;
  color: var(--phoenix-body-color) !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--phoenix-primary) !important;
}

.flatpickr-time { background: var(--phoenix-flatpickr-calendar-bg) !important; border-top-color: var(--phoenix-border-color-translucent) !important; }
.flatpickr-time input, .flatpickr-time .flatpickr-am-pm { color: var(--phoenix-body-color) !important; }
.flatpickr-time input:hover, .flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
  background: var(--phoenix-body-highlight-bg) !important;
}


/* Force table cell content to inherit text-align */
[data-list] .table td.text-center h6,
[data-list] .table td.text-center span,
[data-list] .table td.text-center a,
[data-list] .table td.text-center code {
  text-align: center;
}