/*
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 */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* 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 rgb(14, 93, 145);
  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: rgb(14, 93, 145);
}
.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: rgb(14, 93, 145);
  color: #222;
}
.datetime-picker .flatpickr-calendar .flatpickr-day.today:hover, .datetime-picker .flatpickr-calendar .flatpickr-day.today:focus {
  background: #e7e8e9;
  border-color: rgb(14, 93, 145);
  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 */