.flatpickr-calendar .flatpickr-day {
    color: #313131
}

.flatpickr-calendar .flatpickr-day.today {
    border-color: #7367f0
}

.flatpickr-calendar .flatpickr-day.today:hover {
    background: transparent;
    color: #313131
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
    background: #7367f0;
    border-color: #7367f0;
    color: #fff
}

.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.inRange:hover {
    background: #f3f2fe;
    border-color: #f3f2fe;
    box-shadow: -5px 0 0 #f3f2fe, 5px 0 0 #f3f2fe
}

.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.startRange:hover {
    background: #7367f0;
    border-color: #7367f0;
    color: #fff
}

.flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #7367f0
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #dae1e7
}

.flatpickr-calendar .flatpickr-day:hover {
    background: #f6f6f6
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    display: none
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    top: -5px
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #7367f0
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-time {
    height: 2.714rem
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #fff
}

.dark-layout .flatpickr-calendar {
    background: #161d31;
    border-color: #161d31;
    box-shadow: none
}

.dark-layout .flatpickr-calendar .flatpickr-months i,
.dark-layout .flatpickr-calendar .flatpickr-months svg {
    fill: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-month {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: 1px 0 0 #3b4253
}

.dark-layout .flatpickr-calendar .flatpickr-day,
.dark-layout .flatpickr-calendar .flatpickr-day.today:hover,
.dark-layout .flatpickr-calendar .flatpickr-weekday {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-day.selected {
    color: #fff
}

.dark-layout .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.dark-layout .flatpickr-calendar .flatpickr-day.nextMonthDay,
.dark-layout .flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #4e5154!important
}

.dark-layout .flatpickr-calendar .flatpickr-day.inRange,
.dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
    background: #283046;
    border-color: #283046;
    box-shadow: -5px 0 0 #283046, 5px 0 0 #283046
}

.dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
    border-color: #283046;
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
    background: #283046
}

.dark-layout .flatpickr-calendar .flatpickr-time {
    border-color: #161d31!important
}

.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,
.dark-layout .flatpickr-calendar .flatpickr-time .numInput {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.dark-layout .flatpickr-calendar .flatpickr-time .numInput:hover {
    background: #161d31
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowUp:after {
    border-bottom-color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowDown:after {
    border-top-color: #b4b7bd
}

.dark-layout .flatpickr-time .flatpickr-am-pm:focus,
.dark-layout .flatpickr-time .flatpickr-am-pm:hover,
.dark-layout .flatpickr-time input:focus,
.dark-layout .flatpickr-time input:hover {
    background: #161d31
}

.flatpickr-human-friendly[readonly],
.flatpickr-input[readonly],
.flatpickr-input~.form-control[readonly] {
    background-color: inherit;
    opacity: 1!important
}

.flatpickr-weekdays {
    margin-top: 8px
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
    border-radius: 4px;
    font-size: 1.1rem;
    padding: 2px;
    transition: all .15s ease-out
}

.flatpickr-current-month .flatpickr-monthDropdown-months span,
.flatpickr-current-month .numInputWrapper span {
    display: none
}