/*

Descrição: Customização e criação de inputs de hora, digitável e selecionável
Autor: Nicolau Arbex
Data do release: 06/04/2023
Licenciado para: Arbex TI

*/

.flatpickr-calendar.hasTime .flatpickr-time{
  border-top: none;
}
.flatpickr-calendar .flatpickr-footer{
  padding-bottom: 15px !important;
}
.flatpickr-calendar{
  border-radius: 15px !important;
}
.flatpickr-calendar.hasTime.noCalendar::before {
  content: "Selecione a hora";
  display: block;
  top: 0;
  left: 5px;
  height: 40px;
  width: 100%;
  padding-top: 7px;
  background-color: var(--bs-gray-300);
  border: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
[data-bs-theme=dark] .flatpickr-calendar.hasTime.noCalendar::before{
  background-color: var(--bs-gray-100); 
}

.flatpickr-time {
  max-height: 500px;
  height: 200px !important;
}

.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
  color: var(--bs-gray-700);
  font-size: 3rem;
  font-weight: 500;
  margin-top: 64%;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  font-size: 1.5rem;
  margin-top: 62%;
}

.numInputWrapper span {
  width: 50%;
}

.numInputWrapper span.arrowUp:after,
.numInputWrapper span.arrowDown:after {
  border: none !important;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 18px !important;
  left: 45%;
  opacity: 0.2;
}

.numInputWrapper span.arrowUp:hover:after,
.numInputWrapper span.arrowDown:hover:after {
  opacity: 1;
  color: var(--bs-primary);
}

.numInputWrapper span.arrowUp:after {
  content: "\f077";
  top: 70px !important;
}

.numInputWrapper span.arrowDown:after {
  content: "\f078";
  top: 162px !important;
}

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
  display: contents;
}

.numInput .flatpickr-hour {
  height: 40px;
}

.flatpickr-calendar.noCalendar {
  width: 310px !important;
}