.u-datepicker {
    position: relative
}

.u-datepicker .flatpickr-calendar {
    top: 3.75rem!important;
    right: -320px !important;
    left:inherit !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.176);
}

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

.u-datepicker .flatpickr-months {
    position: relative;
    background-color: #ffffff;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem;
    padding: .75rem;
}

.u-datepicker .flatpickr-months .cur-month,.u-datepicker .flatpickr-months .cur-year {
    color: black;
}

.u-datepicker .flatpickr-current-month,.u-datepicker .flatpickr-prev-month,.u-datepicker .flatpickr-next-month {
    padding: 0
}

.u-datepicker .flatpickr-prev-month,.u-datepicker .flatpickr-next-month {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.u-datepicker .flatpickr-prev-month.flatpickr-prev-month,.u-datepicker .flatpickr-next-month.flatpickr-prev-month {
    left: .75rem
}

.u-datepicker .flatpickr-prev-month.flatpickr-next-month,.u-datepicker .flatpickr-next-month.flatpickr-next-month {
    right: .75rem
}

.u-datepicker .flatpickr-prev-month svg,.u-datepicker .flatpickr-next-month svg {
    fill: rgb(0 0 0 / 70%);
}

.u-datepicker .flatpickr-prev-month:hover svg,.u-datepicker .flatpickr-next-month:hover svg {
    fill: #1b1b1b;
}

.u-datepicker .flatpickr-weekday {
    color: #1b1c1c;
}

.u-datepicker .flatpickr-day {
    color: #020203;
    border-color: transparent;
    padding-left: .3rem;
    padding-right: .3rem;
}

.u-datepicker .flatpickr-day:focus,.u-datepicker .flatpickr-day:hover {
    color: #282828;
    background-color: rgba(41,124,187,.1)
}

.u-datepicker .flatpickr-day.inRange {
    color: white;
    background-color: #312b37;
    box-shadow: 0 1px 5px rgb(23 23 23 / 36%) inset !important;
    color: #fff;
}

.u-datepicker .flatpickr-day.today {
    font-weight: 650;
}

.u-datepicker .flatpickr-day.prevMonthDay,.u-datepicker .flatpickr-day.nextMonthDay {
    color: #bbc3cd
}

.u-datepicker .flatpickr-day.prevMonthDay:focus,.u-datepicker .flatpickr-day.prevMonthDay:hover,.u-datepicker .flatpickr-day.nextMonthDay:focus,.u-datepicker .flatpickr-day.nextMonthDay:hover {
    color: #97a4af;
    background-color: #e7eaf3
}

.u-datepicker .flatpickr-day.disabled {
    color: #e7eaf3
}

.u-datepicker .flatpickr-day.disabled:hover {
    color: #97a4af;
    background-color: #e7eaf3
}

.u-datepicker .flatpickr-day.selected {
    color: #282828;
    background-color: transparent;
    border-color: #282828
}

.u-datepicker .flatpickr-day.selected:focus.prevMonthDay,.u-datepicker .flatpickr-day.selected:focus.nextMonthDay,.u-datepicker .flatpickr-day.selected:hover.prevMonthDay,.u-datepicker .flatpickr-day.selected:hover.nextMonthDay {
    color: #282828;
    background-color: transparent
}

.u-datepicker .flatpickr-day.selected.startRange,.u-datepicker .flatpickr-day.selected.endRange {
    color: #fff;
    background-color: #ea3323;
}

.u-datepicker .numInputWrapper span.arrowUp,.u-datepicker .numInputWrapper span.arrowDown {
}

.u-datepicker .numInputWrapper:hover {
    background-color: transparent
}

.u-datepicker--top .flatpickr-calendar {
    top: auto!important;
    bottom: 3.5rem!important
}
.flatpickr-current-month .numInputWrapper{display: none}


@media(max-width:768px){
    .flatpickr-time input.flatpickr-hour,.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second,.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm{
        padding-left: .8rem !important;
    }
    .u-datepicker .flatpickr-day{
        font-size: .8rem !important;
        padding-left: .2rem !important;
        padding-right: .2rem !important;
        width: 14.28% !important;
    }
    .flatpickr-months .flatpickr-month:nth-child(2n+1){display:none}
    .u-datepicker .flatpickr-calendar{width: 393px !important;right: -15px !important;}
}