.flatpickr-monthSelect-months {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.flatpickr-monthSelect-month {
    flex-basis: 33.3333333%;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 0.75rem;
    max-width: 5.83333rem;
    color: #4a4a4a;
}

.flatpickr-monthSelect-month:not(.disabled):not(.selected):hover, .flatpickr-monthSelect-month:not(.disabled):not(.selected):focus {
    outline: 0;
    background: whitesmoke;
}

.flatpickr-monthSelect-month.disabled {
    cursor: not-allowed;
    color: #7a7a7a;
}

.flatpickr-monthSelect-month.selected {
    background-color: #3273dc;
    color: white;
}

.flatpickr-current-month .numInputWrapper:first-child {
    padding-left: calc(1rem + 2px);
}

[dir='rtl'] .flatpickr-current-month .numInputWrapper:first-child {
    padding-right: calc(1rem + 2px);
    padding-left: 0;
}

.flatpickr-monthSelect-theme-dark {
    background: rgba(0, 0, 0, 0.7);
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
    color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-next-month {
    color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-prev-month:not(:hover) svg,
.flatpickr-monthSelect-theme-dark .flatpickr-next-month:not(:hover) svg {
    fill: #fff;
}

.flatpickr-monthSelect-theme-dark .numInputWrapper .arrowUp::after, .flatpickr-monthSelect-theme-dark .numInputWrapper .arrowDown::after {
    color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
    color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:not(.disabled):not(.selected):hover, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:not(.disabled):not(.selected):focus {
    border-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
}