.flatpickr-calendar {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  max-height: 0;
  border: 0;
  background: transparent;
  text-align: center;
  opacity: 0;
  -webkit-animation: none;
          animation: none;
  outline: 0;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  visibility: visible;
  overflow: visible;
  max-height: 640px;
  opacity: 1;
}

.flatpickr-calendar.open {
  display: inline-block;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar:not(.inline):not(.open) {
  display: none !important;
}

.flatpickr-calendar.inline {
  position: relative;
  top: 2px;
  display: block;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  width: auto;
}

html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
  border-bottom-left-radius: 0 !important;
}

[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
  border-bottom-right-radius: 0 !important;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar input[type=number] {
  -moz-appearance: textfield;
}

.flatpickr-calendar input[type=number]::-webkit-inner-spin-button,
.flatpickr-calendar input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-month {
  position: relative;
  overflow: hidden;
  height: 1.75rem;
  text-align: center;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  position: absolute;
  top: 0;
  z-index: 3;
  padding: 0 .5rem;
  height: 1.75rem;
  text-decoration: none;
  line-height: 1.75rem;
  opacity: .5;
  cursor: pointer;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  vertical-align: middle;
}

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative;
}

.flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}

[dir=rtl] .flatpickr-prev-month {
  right: 0;
  left: auto;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.flatpickr-next-month.flatpickr-prev-month {
  right: 0;
  left: 0;
}

.flatpickr-next-month.flatpickr-next-month {
  right: 0;
}

[dir=rtl] .flatpickr-next-month {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  opacity: 1;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
}

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  transition: fill .1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  width: 14px;
  height: 50%;
  line-height: 1;
  opacity: 0;
  cursor: pointer;
}

[dir=rtl] .numInputWrapper span {
  right: auto;
  left: 0;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.numInputWrapper span.arrowUp {
  top: 0;
}

.numInputWrapper span.arrowUp:after {
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72, 72, 72, 0.6);
  border-left: 4px solid transparent;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-top: 4px solid rgba(72, 72, 72, 0.6);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  position: absolute;
  left: 12.5%;
  display: inline-block;
  width: 75%;
  height: 1.75rem;
  text-align: center;
  font-weight: 300;
  line-height: 1;
  padding: .25rem 0 0 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  padding: 0 0 0 .5ch;
  outline: none;
  vertical-align: middle !important;
  font-weight: 400;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  display: inline-block;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: menulist;
     -moz-appearance: menulist;
          appearance: menulist;
  cursor: pointer;
  height: 1.5rem;
  position: relative;
  width: auto;
}

.flatpickr-current-month input.cur-year {
  margin: 0;
  height: 1.5rem;
  cursor: default;
}

[dir=rtl] .flatpickr-current-month input.cur-year {
  padding-right: .5ch;
  padding-left: 0;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month input.cur-year[disabled] {
  opacity: .5;
}

.flatpickr-weekdaycontainer {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.flatpickr-weekdays {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 1.75rem;
  text-align: center;
}

span.flatpickr-weekday {
  display: block;
  -ms-flex: 1;
      flex: 1;
  margin: 0;
  text-align: center;
  line-height: 1;
  cursor: default;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: auto !important;
}

.flatpickr-days:focus {
  outline: 0;
}

.flatpickr-calendar.showTimeInput .flatpickr-days {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.dayContainer {
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  box-sizing: border-box;
  padding: 0;
  min-width: 14.875rem;
  max-width: 14.875rem;
  width: 14.875rem;
  outline: 0;
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

.flatpickr-day {
  position: relative;
  display: inline-block;
  -ms-flex-preferred-size: 14.2857143%;
      flex-basis: 14.2857143%;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  margin: 0;
  max-width: 2.125rem;
  width: 14.2857143%;
  height: 2.125rem;
  border: 1px solid transparent;
  background: none;
  text-align: center;
  font-weight: 400;
  line-height: calc(2.125rem - 2px);
  cursor: pointer;
}

.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 {
  outline: 0;
  cursor: pointer;
}

.flatpickr-day.inRange:not(.startRange):not(.endRange) {
  border-radius: 0 !important;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  border-color: transparent;
  background: transparent;
  cursor: default;
  pointer-events: none;
}

.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  border-color: transparent;
  background: transparent;
  cursor: default;
}

.flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  border-color: transparent;
  background: transparent;
  cursor: default;
}

.flatpickr-day.week.selected {
  border-radius: 0;
}

html:not([dir=rtl]) .flatpickr-day.selected.startRange, html:not([dir=rtl]) .flatpickr-day.startRange.startRange, html:not([dir=rtl]) .flatpickr-day.endRange.startRange {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html:not([dir=rtl]) .flatpickr-day.selected.endRange, html:not([dir=rtl]) .flatpickr-day.startRange.endRange, html:not([dir=rtl]) .flatpickr-day.endRange.endRange {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir=rtl] .flatpickr-day.selected.startRange, [dir=rtl] .flatpickr-day.startRange.startRange, [dir=rtl] .flatpickr-day.endRange.startRange {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir=rtl] .flatpickr-day.selected.endRange, [dir=rtl] .flatpickr-day.startRange.endRange, [dir=rtl] .flatpickr-day.endRange.endRange {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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

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

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0.25rem 0;
  background-clip: padding-box !important;
}

html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
  border-bottom-right-radius: 0 !important;
}

[dir=rtl] .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
  border-bottom-left-radius: 0 !important;
}

.flatpickr-weekwrapper .flatpickr-calendar.showTimeInput .flatpickr-weeks {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

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

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  max-width: none;
  width: 2.125rem;
  background: none !important;
}

.flatpickr-calendar.hasTime.showTimeInput .flatpickr-weeks {
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.flatpickr-innerContainer {
  display: block;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
}

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

.flatpickr-time {
  display: block;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  max-height: 40px;
  height: 0;
  outline: 0;
  background-clip: padding-box !important;
  text-align: center;
  line-height: 40px;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  float: left;
  -ms-flex: 1;
      flex: 1;
  width: 40%;
  height: 40px;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: inherit;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  line-height: inherit;
  cursor: pointer;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: normal;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  display: inline-block;
  float: left;
  -ms-flex-item-align: center;
      align-self: center;
  width: 2%;
  height: inherit;
  line-height: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flatpickr-time .flatpickr-am-pm {
  width: 18%;
  outline: 0;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
}

.flatpickr-time .flatpickr-am-pm:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-calendar.noCalendar .flatpickr-time {
  box-shadow: none !important;
}

.flatpickr-calendar:not(.noCalendar) .flatpickr-time {
  border-top: 0;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.light-style .flatpickr-calendar,
.light-style .flatpickr-days {
  width: calc(15.375rem + 2px) !important;
}

.light-style .flatpickr-calendar.hasWeeks {
  width: calc(17.5rem + 3px) !important;
}

.light-style .flatpickr-calendar.open {
  z-index: 1060;
}

.light-style .flatpickr-input + .form-control.input[readonly] {
  background: #fff;
}

.light-style .flatpickr-days {
  padding: 0.25rem;
  border: 1px solid rgba(24, 28, 33, 0.1);
  border-top: 0;
  background: #fff;
  background-clip: padding-box;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.light-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
  padding-left: calc(0.25rem + 1px);
  border-left: 0;
  box-shadow: 1px 0 0 rgba(24, 28, 33, 0.1) inset;
}

.light-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
  padding-right: calc(0.25rem + 1px);
  border-right: 0;
  box-shadow: -1px 0 0 rgba(24, 28, 33, 0.1) inset;
}

.light-style .flatpickr-calendar {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.09);
  font-size: 0.894rem;
  line-height: 1.47;
  border-radius: 0.25rem;
}

.light-style .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  box-shadow: 0 1px 0 rgba(24, 28, 33, 0.06) inset;
}

.light-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.showTimeInput) .flatpickr-time {
  display: none !important;
}

.light-style .flatpickr-month {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.light-style .flatpickr-current-month {
  font-size: 112%;
}

.light-style .flatpickr-monthDropdown-months option {
  color: #4E5155;
}

.light-style span.flatpickr-weekday {
  font-weight: 500;
  font-size: 0.75rem;
}

.light-style .flatpickr-day {
  color: #4E5155;
  border-radius: 0.25rem;
}

.light-style .flatpickr-day:hover, .light-style .flatpickr-day:focus, .light-style .flatpickr-day.prevMonthDay:hover, .light-style .flatpickr-day.nextMonthDay:hover, .light-style .flatpickr-day.today:hover, .light-style .flatpickr-day.prevMonthDay:focus, .light-style .flatpickr-day.nextMonthDay:focus, .light-style .flatpickr-day.today:focus {
  border-color: transparent;
  background: rgba(24, 28, 33, 0.06);
  color: #4E5155;
}

.light-style .flatpickr-day.prevMonthDay, .light-style .flatpickr-day.nextMonthDay {
  color: #babbbc;
}

.light-style .flatpickr-day.flatpickr-disabled {
  color: #babbbc !important;
}

.light-style .flatpickr-day.selected.startRange.endRange {
  border-radius: 0.25rem !important;
}

.light-style .flatpickr-weeks {
  border-bottom: 1px solid rgba(24, 28, 33, 0.1);
  border-left: 1px solid rgba(24, 28, 33, 0.1);
  background: #f8f8f8;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
}

.light-style[dir=rtl] .flatpickr-weeks {
  border-right: 1px solid rgba(24, 28, 33, 0.1);
  border-left: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.light-style .flatpickr-time {
  border: 1px solid rgba(24, 28, 33, 0.1);
  background: #fff;
  border-radius: 0.25rem;
}

.light-style .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #a3a4a6;
}

.light-style .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #a3a4a6;
}

.light-style .flatpickr-time input {
  color: #4E5155;
  font-size: 0.894rem;
}

.light-style .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.light-style .flatpickr-time input.flatpickr-minute, .light-style .flatpickr-time input.flatpickr-second {
  font-weight: 500;
}

.light-style .flatpickr-time .flatpickr-time-separator {
  color: #4E5155;
  font-weight: 500;
}

.light-style .flatpickr-time .flatpickr-am-pm {
  color: #4E5155;
}

.material-style .flatpickr-calendar,
.material-style .flatpickr-days {
  width: calc(15.375rem + 0px) !important;
}

.material-style .flatpickr-calendar.hasWeeks,
.material-style .flatpickr-calendar.hasWeeks .flatpickr-days {
  width: calc(17.5rem + 0px) !important;
}

.material-style .flatpickr-calendar.open {
  z-index: 1060;
}

.material-style .flatpickr-input + .form-control.input[readonly] {
  background: transparent;
}

.material-style .flatpickr-days {
  padding: 0.25rem;
  border: 0px solid rgba(24, 28, 33, 0.2);
  border-top: 0;
  background: #fff;
  background-clip: padding-box;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.material-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
  padding-left: calc(0.25rem + 0px);
  border-left: 0;
  box-shadow: 0px 0 0 rgba(24, 28, 33, 0.2) inset;
}

.material-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
  padding-right: calc(0.25rem + 0px);
  border-right: 0;
  box-shadow: 0px 0 0 rgba(24, 28, 33, 0.2) inset;
}

.material-style .flatpickr-calendar {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03);
  font-size: 0.894rem;
  line-height: 1.47;
  border-radius: 0.125rem;
}

.material-style .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  box-shadow: 0 1px 0 rgba(24, 28, 33, 0.06) inset;
}

.material-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.showTimeInput) .flatpickr-time {
  display: none !important;
}

.material-style .flatpickr-month {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.material-style .flatpickr-current-month {
  font-size: 112%;
}

.material-style .flatpickr-monthDropdown-months option {
  color: #4E5155;
}

.material-style span.flatpickr-weekday {
  font-weight: 500;
  font-size: 0.75rem;
}

.material-style .flatpickr-day {
  color: #4E5155;
  font-weight: 500;
  font-size: 0.75rem;
  border-radius: 10rem;
}

.material-style .flatpickr-day:hover, .material-style .flatpickr-day:focus, .material-style .flatpickr-day.prevMonthDay:hover, .material-style .flatpickr-day.nextMonthDay:hover, .material-style .flatpickr-day.today:hover, .material-style .flatpickr-day.prevMonthDay:focus, .material-style .flatpickr-day.nextMonthDay:focus, .material-style .flatpickr-day.today:focus {
  border-color: transparent;
  background: rgba(24, 28, 33, 0.06);
  color: #4E5155;
}

.material-style .flatpickr-day.prevMonthDay, .material-style .flatpickr-day.nextMonthDay {
  color: #babbbc;
}

.material-style .flatpickr-day.flatpickr-disabled {
  color: #babbbc !important;
}

.material-style .flatpickr-day.selected.startRange.endRange {
  border-radius: 10rem !important;
}

.material-style .flatpickr-weeks {
  border-bottom: 0px solid rgba(24, 28, 33, 0.2);
  border-left: 0px solid rgba(24, 28, 33, 0.2);
  background: #f8f8f8;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.material-style[dir=rtl] .flatpickr-weeks {
  border-right: 0px solid rgba(24, 28, 33, 0.2);
  border-left: 0;
}

.material-style .flatpickr-time {
  border: 0px solid rgba(24, 28, 33, 0.2);
  background: #fff;
  border-radius: 0.125rem;
}

.material-style .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #a3a4a6;
}

.material-style .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #a3a4a6;
}

.material-style .flatpickr-time input {
  color: #4E5155;
  font-size: 0.894rem;
}

.material-style .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.material-style .flatpickr-time input.flatpickr-minute, .material-style .flatpickr-time input.flatpickr-second {
  font-weight: 500;
}

.material-style .flatpickr-time .flatpickr-time-separator {
  color: #4E5155;
  font-weight: 500;
}

.material-style .flatpickr-time .flatpickr-am-pm {
  color: #4E5155;
}

.dark-style .flatpickr-calendar,
.dark-style .flatpickr-days {
  width: calc(15.375rem + 2px) !important;
}

.dark-style .flatpickr-calendar.hasWeeks {
  width: calc(17.5rem + 3px) !important;
}

.dark-style .flatpickr-calendar.open {
  z-index: 1060;
}

.dark-style .flatpickr-input + .form-control.input[readonly] {
  background: rgba(255, 255, 255, 0.05);
}

.dark-style .flatpickr-days {
  padding: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top: 0;
  background: #3b3e43;
  background-clip: padding-box;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.dark-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
  padding-left: calc(0.25rem + 1px);
  border-left: 0;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.14) inset;
}

.dark-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
  padding-right: calc(0.25rem + 1px);
  border-right: 0;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.14) inset;
}

.dark-style .flatpickr-calendar {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
  font-size: 0.894rem;
  line-height: 1.47;
  border-radius: 0.25rem;
}

.dark-style .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

.dark-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.showTimeInput) .flatpickr-time {
  display: none !important;
}

.dark-style .flatpickr-month {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.dark-style .flatpickr-current-month {
  font-size: 112%;
}

.dark-style .flatpickr-monthDropdown-months option {
  color: #25282E;
}

.dark-style span.flatpickr-weekday {
  font-weight: 500;
  font-size: 0.75rem;
}

.dark-style .flatpickr-day {
  color: #fff;
  border-radius: 0.25rem;
}

.dark-style .flatpickr-day:hover, .dark-style .flatpickr-day:focus, .dark-style .flatpickr-day.prevMonthDay:hover, .dark-style .flatpickr-day.nextMonthDay:hover, .dark-style .flatpickr-day.today:hover, .dark-style .flatpickr-day.prevMonthDay:focus, .dark-style .flatpickr-day.nextMonthDay:focus, .dark-style .flatpickr-day.today:focus {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.dark-style .flatpickr-day.prevMonthDay, .dark-style .flatpickr-day.nextMonthDay {
  color: #7c7e82;
}

.dark-style .flatpickr-day.flatpickr-disabled {
  color: #7c7e82 !important;
}

.dark-style .flatpickr-day.selected.startRange.endRange {
  border-radius: 0.25rem !important;
}

.dark-style .flatpickr-weeks {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
  background: #414449;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
}

.dark-style[dir=rtl] .flatpickr-weeks {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.dark-style .flatpickr-time {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #3b3e43;
  border-radius: 0.25rem;
}

.dark-style .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #a8a9ab;
}

.dark-style .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #a8a9ab;
}

.dark-style .flatpickr-time input {
  color: #fff;
  font-size: 0.894rem;
}

.dark-style .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.dark-style .flatpickr-time input.flatpickr-minute, .dark-style .flatpickr-time input.flatpickr-second {
  font-weight: 500;
}

.dark-style .flatpickr-time .flatpickr-time-separator {
  color: #fff;
  font-weight: 500;
}

.dark-style .flatpickr-time .flatpickr-am-pm {
  color: #fff;
}

