.flatpickr-calendar {
    width: 318px;
    padding: 15px 0;
}

.flatpickr-calendar:before {
    border-width: 8px;
}

.flatpickr-calendar:after {
    border-width: 7px;
}

.flatpickr-calendar.has-no-arrow:before {
    display: none !important;
}

.flatpickr-calendar.has-no-arrow:after {
    display: none !important;
}

.flatpickr-calendar .flatpickr-current-month .cur-month {
    font-size: 15px;
    font-weight: 500;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    display: none;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    height: 24px;
    color: #222227;
    border-radius: 3px;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay {
    color: #d7d7da !important;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected {
    border-color: transparent;
    background-color: rgba(166, 210, 255, 0.5);
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.weekend {
    color: #fb295d;
}

.flatpickr-calendar .flatpickr-months {
    position: relative;
    margin: 0 15px 15px 15px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    top: 1px;
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-filter: grayscale(100%) brightness(40%);
    filter: grayscale(100%) brightness(40%);
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    left: -3px;
    background-image: url(../../media/svg/ic-keyboard-arrow-left.svg);
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    right: -3px;
    background-image: url(../../media/svg/ic-keyboard-arrow-right.svg);
}

.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekday {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #55565d;
}

.flatpickr-calendar .flatpickr-selected-value {
    margin-bottom: 10px;
    padding: 0 20px 10px 20px;
    text-align: left;
    color: #fbcc42;
    border-bottom: 1px solid #f2f2f2;
}

.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 {
    border-radius: 0;
    background: #a6d2ff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.flatpickr-day.inRange {
    border-radius: 0;
    background: #a6d2ff;
    -webkit-box-shadow: -5px 0 0 #a6d2ff, 5px 0 0 #a6d2ff;
    box-shadow: -5px 0 0 #a6d2ff, 5px 0 0 #a6d2ff;
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected, .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    border-color: #a6d2ff;
    background: #a6d2ff;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
    visibility: hidden;
}

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
    line-height: 28px;
    float: none;
    width: 100%;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    cursor: default;
    color: rgba(57, 57, 57, 0.3);
    border: none;
    background: transparent;
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px;
    padding-left: 5px;
}

.flatpickr-rContainer {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.flatpickr {
    font-size: 13px;
    font-weight: 500;
    line-height: 60px;
    display: inline-block;
    width: 140px;
    height: 60px;
    margin: 0;
    cursor: pointer;
    color: #94959d;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.flatpickr .placeholder {
    color: #bcbdc2;
}

.flatpickr-icon {
    float: right;
    margin: 4px 0 2px 0;
    padding: 46px 4px 6px 18px;
    background: url('../../media/svg/ic-today-gray.svg') center center no-repeat;
    filter: grayscale(0.3) brightness(0.7);
}