﻿.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #5fa7da;
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #5fa7da;
}

.flatpickr-months .flatpickr-month {
        background: #5fa7da;
    }

.flatpickr-weekdays {
    background: #5fa7da;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #5fa7da;
}

span.flatpickr-weekday {
    background: #5fa7da;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #5fa7da;
    border-color: #5fa7da;
}
    .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
    .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
    .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
        -webkit-box-shadow: -10px 0 0 #5fa7da;
        box-shadow: -10px 0 0 #5fa7da;
    }

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #5fa7da, 5px 0 0 #5fa7da;
    box-shadow: -5px 0 0 #5fa7da, 5px 0 0 #5fa7da;
}

.numInputWrapper span.arrowUp {
    height: 40%;
}

.numInputWrapper span.arrowDown {
    top: 40%;
    height: 40%;
}

.flatpickr-confirm {
    height: 40px;
    max-height: 0px;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgba(0,0,0,0.06)
}

.flatpickr-confirm svg path {
    fill: inherit;
}

.flatpickr-confirm.darkTheme {
    color: white;
    fill: white;
}

.flatpickr-confirm.visible {
    max-height: 40px;
    visibility: visible
}

.flatpickr-confirm.material-blueTheme {
    background: #5fa7da;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.flatpickr-confirm.material-blueTheme .fa {
    padding-left: 6px;
}

