/*

Descrição: Customização e criação de inputs de seleção de mês e ano
Autor: Nicolau Arbex
Data do release: 08/04/2023
Licenciado para: Arbex TI

*/

.flatpickr-monthSelect-months {
    margin: 10px 1px 3px 1px;
    flex-wrap: wrap;
}

.flatpickr-calendar.flatpickr-monthSelect-theme-light {
    min-width: 350px;
}

.flatpickr-calendar.flatpickr-monthSelect-theme-light>.flatpickr-innerContainer {
    padding-bottom: 35px;
}

.flatpickr-monthSelect-month {
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0.5px;
    justify-content: center;
    padding: 10px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    width: 33%;
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
    cursor: not-allowed;
    background: none !important;
}

.flatpickr-monthSelect-month.today {
    border-color: var(--bs-primary-light);
    background-color: var(--bs-gray-100);
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
    background-color: var(--bs-gray-100);
    color: var(--bs-primary);
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.flatpickr-monthSelect-month.startRange {
    border-radius: 50px 0 0 50px;
}

.flatpickr-monthSelect-month.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-monthSelect-month.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-monthSelect-month.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
    background: var(--bs-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--bs-gray-100);
}

.input-group>.fp_Month {
    width: 1px !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin-right: -2px !important;
}