/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/* Do not edit */
.datetime-picker {
    /* flatpickr theme */
}

.datetime-picker.control-buttons {
    position: static;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
}

.datetime-picker.control-buttons > input {
    flex: 1 0 auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

.datetime-picker.control-buttons > button {
    flex: 0 0 30px;
    background: #e1e2e3;
    border: 1px solid #ddd;
    border-radius: 2px;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    padding: 4px 5px;
    display: block;
    height: inherit;
}

.datetime-picker.control-buttons > button:last-of-type {
    margin-left: -1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.datetime-picker.control-buttons > button:hover, .datetime-picker.control-buttons > button:focus {
    background: #e7e8e9;
    z-index: 100;
}

.datetime-picker.control-buttons > button:focus {
    border: 1px solid #0e5d91;
    outline: none;
}

.datetime-picker.control-buttons > button span {
    color: #222;
    text-shadow: none;
    padding: 0;
}

.datetime-picker .flatpickr-calendar .numInput {
    min-width: inherit;
    max-width: inherit;
    width: inherit;
}

.datetime-picker .flatpickr-calendar .flatpickr-weekday {
    text-transform: capitalize;
}

.datetime-picker .flatpickr-calendar .numInputWrapper {
    height: 37px;
}

.datetime-picker .flatpickr-calendar .flatpickr-month {
    height: 37px;
}

.datetime-picker .flatpickr-calendar .flatpickr-month .flatpickr-current-month {
    padding: 0;
    height: 37px;
    line-height: 37px;
}

.datetime-picker .flatpickr-calendar .flatpickr-month .flatpickr-current-month .cur-month {
    text-transform: capitalize;
    margin: 0 0.5ch;
}

.datetime-picker .flatpickr-calendar .flatpickr-month .flatpickr-current-month .cur-month :hover {
    background: inherit;
}

.datetime-picker .flatpickr-calendar .flatpickr-month .flatpickr-current-month .cur-year {
    padding: 0 0 0 0.5ch;
    height: 37px;
}

.datetime-picker .flatpickr-calendar .flatpickr-months .flatpickr-next-month :hover svg,
.datetime-picker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month :hover svg {
    fill: #0e5d91;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.prevMonthDay.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.nextMonthDay.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.today.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.prevMonthDay:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, .datetime-picker .flatpickr-calendar .flatpickr-day:focus, .datetime-picker .flatpickr-calendar .flatpickr-day.prevMonthDay:focus, .datetime-picker .flatpickr-calendar .flatpickr-day.nextMonthDay:focus {
    background: #e7e8e9;
    border-color: #e7e8e9;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.today {
    border-color: #0e5d91;
    color: #222;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.today:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.today:focus {
    background: #e7e8e9;
    border-color: #0e5d91;
    color: #222;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.selected, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange, .datetime-picker .flatpickr-calendar .flatpickr-day.selected.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange.inRange, .datetime-picker .flatpickr-calendar .flatpickr-day.selected:focus, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange:focus, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange:focus, .datetime-picker .flatpickr-calendar .flatpickr-day.selected:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
    background: #3e7da7;
    border-color: #3e7da7;
    color: white;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.selected.startRange, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange.startRange, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange.startRange {
    background: #3e7da7;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.selected.endRange, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange.endRange, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange.endRange {
    background: #3e7da7;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.datetime-picker .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.datetime-picker .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    box-shadow: -10px 0 0 #3e7da7;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.selected.startRange.endRange, .datetime-picker .flatpickr-calendar .flatpickr-day.startRange.startRange.endRange, .datetime-picker .flatpickr-calendar .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
}

.datetime-picker .flatpickr-calendar .flatpickr-day.disabled, .datetime-picker .flatpickr-calendar .flatpickr-day.disabled:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.prevMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.nextMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.notAllowed, .datetime-picker .flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay, .datetime-picker .flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.datetime-picker .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 38px;
}

.datetime-picker .flatpickr-calendar .flatpickr-time {
    line-height: 37px;
    height: 37px;
}

.datetime-picker .flatpickr-calendar .flatpickr-time .numInput {
    width: 100%;
    line-height: 37px;
    height: 37px;
}

.datetime-picker > input.flatpickr-input.flatpickr-input.flatpickr-input {
    padding: 4px;
    min-width: 130px;
}

/*# sourceMappingURL=picker.css.map */