.flatpickr-calendar {

    background: transparent;

    opacity: 0;

    display: none;

    text-align: center;

    visibility: hidden;

    padding: 0;

    -webkit-animation: none;

    animation: none;

    direction: ltr;

    border: 0;

    font-size: 14px;

    line-height: 24px;

    border-radius: 5px;

    position: absolute;

    width: 307.875px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);

    box-shadow: 0 3px 13px rgba(0,0,0,0.08);

}

.flatpickr-calendar.open, .flatpickr-calendar.inline {

    opacity: 1;

    max-height: 640px;

    visibility: visible;

}

.flatpickr-calendar.open {

    display: inline-block;

    z-index: 99999;

}

.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.inline {

    display: block;

    position: relative;

    top: 2px;

}

.flatpickr-calendar.static {

    position: absolute;

    top: calc(100% + 2px);

}

.flatpickr-calendar.static.open {

    z-index: 999;

    display: block;

}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {

    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {

    border-bottom: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.flatpickr-calendar .hasWeeks .dayContainer {

    border-left: 0;

}

.flatpickr-calendar.hasTime .flatpickr-time {

    height: 40px;

    border-top: 1px solid rgba(72,72,72,0.2);

}

.flatpickr-calendar.hasTime .flatpickr-innerContainer {

    border-bottom: 0;

}

.flatpickr-calendar.hasTime .flatpickr-time {

    border: 1px solid rgba(72,72,72,0.2);

}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {

    height: auto;

}

.flatpickr-calendar:before, .flatpickr-calendar:after {

    position: absolute;

    display: block;

    pointer-events: none;

    border: solid transparent;

    content: '';

    height: 0;

    width: 0;

    left: 22px;

}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {

    left: auto;

    right: 22px;

}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {

    left: 50%;

    right: 50%;

}

.flatpickr-calendar:before {

    border-width: 5px;

    margin: 0 -5px;

}

.flatpickr-calendar:after {

    border-width: 4px;

    margin: 0 -4px;

}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {

    bottom: 100%;

}

.flatpickr-calendar.arrowTop:before {

    border-bottom-color: rgba(72,72,72,0.2);

}

.flatpickr-calendar.arrowTop:after {

    border-bottom-color: #1bbc9b;

}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {

    top: 100%;

}

.flatpickr-calendar.arrowBottom:before {

    border-top-color: rgba(72,72,72,0.2);

}

.flatpickr-calendar.arrowBottom:after {

    border-top-color: #1bbc9b;

}

.flatpickr-calendar:focus {

    outline: 0;

}

.flatpickr-wrapper {

    position: relative;

    display: inline-block;

}

.flatpickr-months {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}

.flatpickr-months .flatpickr-month {

    border-radius: 5px 5px 0 0;

    background: #1bbc9b;

    color: #fff;

    fill: #fff;

    height: 34px;

    line-height: 1;

    text-align: center;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    overflow: hidden;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    text-decoration: none;

    cursor: pointer;

    position: absolute;

    top: 0;

    height: 34px;

    padding: 10px;

    z-index: 3;

    color: #fff;

    fill: #fff;

}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {

    display: none;

}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {

    position: relative;

}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {

   /* 

   /*rtl:begin:ignore*/

   /* */

    left: 0;

   /* 

   /*rtl:end:ignore*/

   /* */

}

/* 

/*rtl:begin:ignore*/

/* 

/*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {

   /* 

   /*rtl:begin:ignore*/

   /* */

    right: 0;

   /* 

   /*rtl:end:ignore*/

   /* */

}

/* 

/*rtl:begin:ignore*/

/* 

/*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {

    color: #bbb;

}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {

    fill: #f64747;

}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {

    width: 14px;

    height: 14px;

}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {

    -webkit-transition: fill 0.1s;

    transition: fill 0.1s;

    fill: inherit;

}

.numInputWrapper {

    position: relative;

    height: auto;

}

.numInputWrapper input, .numInputWrapper span {

    display: inline-block;

}

.numInputWrapper input {

    width: 100%;

}

.numInputWrapper input::-ms-clear {

    display: none;

}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {

    margin: 0;

    -webkit-appearance: none;

}

.numInputWrapper span {

    position: absolute;

    right: 0;

    width: 14px;

    padding: 0 4px 0 2px;

    height: 50%;

    line-height: 50%;

    opacity: 0;

    cursor: pointer;

    border: 1px solid rgba(72,72,72,0.15);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.numInputWrapper span:hover {

    background: rgba(0,0,0,0.1);

}

.numInputWrapper span:active {

    background: rgba(0,0,0,0.2);

}

.numInputWrapper span:after {

    display: block;

    content: "";

    position: absolute;

}

.numInputWrapper span.arrowUp {

    top: 0;

    border-bottom: 0;

}

.numInputWrapper span.arrowUp:after {

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 4px solid rgba(72,72,72,0.6);

    top: 26%;

}

.numInputWrapper span.arrowDown {

    top: 50%;

}

.numInputWrapper span.arrowDown:after {

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-top: 4px solid rgba(72,72,72,0.6);

    top: 40%;

}

.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 {

    font-size: 135%;

    line-height: inherit;

    font-weight: 300;

    color: inherit;

    position: absolute;

    width: 75%;

    left: 12.5%;

    padding: 7.48px 0 0 0;

    line-height: 1;

    height: 34px;

    display: inline-block;

    text-align: center;

    -webkit-transform: translate3d(0px, 0px, 0px);

    transform: translate3d(0px, 0px, 0px);

}

.flatpickr-current-month span.cur-month {

    font-family: inherit;

    font-weight: 700;

    color: inherit;

    display: inline-block;

    margin-left: 0.5ch;

    padding: 0;

}

.flatpickr-current-month span.cur-month:hover {

    background: rgba(0,0,0,0.05);

}

.flatpickr-current-month .numInputWrapper {

    width: 6ch;

    width: 7ch;

    display: inline-block;

}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {

    border-bottom-color: #fff;

}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {

    border-top-color: #fff;

}

.flatpickr-current-month input.cur-year {

    background: transparent;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: inherit;

    cursor: text;

    padding: 0 0 0 0.5ch;

    margin: 0;

    display: inline-block;

    font-size: inherit;

    font-family: inherit;

    font-weight: 300;

    line-height: inherit;

    height: auto;

    border: 0;

    border-radius: 0;

    vertical-align: initial;

    -webkit-appearance: textfield;

    -moz-appearance: textfield;

    appearance: textfield;

}

.flatpickr-current-month input.cur-year:focus {

    outline: 0;

}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {

    font-size: 100%;

    color: rgba(255,255,255,0.5);

    background: transparent;

    pointer-events: none;

}

.flatpickr-current-month .flatpickr-monthDropdown-months {

    appearance: menulist;

    background: #1bbc9b;

    border: none;

    border-radius: 0;

    box-sizing: border-box;

    color: inherit;

    cursor: pointer;

    font-size: inherit;

    font-family: inherit;

    font-weight: 300;

    height: auto;

    line-height: inherit;

    margin: -1px 0 0 0;

    outline: none;

    padding: 0 0 0 0.5ch;

    position: relative;

    vertical-align: initial;

    -webkit-box-sizing: border-box;

    -webkit-appearance: menulist;

    -moz-appearance: menulist;

    width: auto;

}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {

    outline: none;

}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {

    background: rgba(0,0,0,0.05);

}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {

    background-color: #1bbc9b;

    outline: none;

    padding: 0;

}

.flatpickr-weekdays {

    background: #1bbc9b;

    text-align: center;

    overflow: hidden;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 28px;

}

.flatpickr-weekdays .flatpickr-weekdaycontainer {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

span.flatpickr-weekday {

    cursor: default;

    font-size: 90%;

    background: #1bbc9b;

    color: rgba(0,0,0,0.54);

    line-height: 1;

    margin: 0;

    text-align: center;

    display: block;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-weight: bolder;

}

.dayContainer, .flatpickr-weeks {

    padding: 1px 0 0 0;

}

.flatpickr-days {

    position: relative;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    width: 307.875px;

    border-left: 1px solid rgba(72,72,72,0.2);

    border-right: 1px solid rgba(72,72,72,0.2);

}

.flatpickr-days:focus {

    outline: 0;

}

.dayContainer {

    padding: 0;

    outline: 0;

    text-align: left;

    width: 307.875px;

    min-width: 307.875px;

    max-width: 307.875px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-around;

    justify-content: space-around;

    -webkit-transform: translate3d(0px, 0px, 0px);

    transform: translate3d(0px, 0px, 0px);

    opacity: 1;

}

.dayContainer + .dayContainer {

    -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.2);

    box-shadow: -1px 0 0 rgba(72,72,72,0.2);

}

.flatpickr-day {

    background: none;

    border: 1px solid transparent;

    border-radius: 150px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: #484848;

    cursor: pointer;

    font-weight: 400;

    width: 14.2857143%;

    -webkit-flex-basis: 14.2857143%;

    -ms-flex-preferred-size: 14.2857143%;

    flex-basis: 14.2857143%;

    max-width: 39px;

    height: 39px;

    line-height: 39px;

    margin: 0;

    display: inline-block;

    position: relative;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

}

.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 {

    cursor: pointer;

    outline: 0;

    background: #e2e2e2;

    border-color: #e2e2e2;

}

.flatpickr-day.today {

    border-color: #bbb;

}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {

    border-color: #bbb;

    background: #bbb;

    color: #fff;

}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {

    background: #1bbc9b;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #fff;

    border-color: #1bbc9b;

}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {

    border-radius: 50px 0 0 50px;

}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {

    border-radius: 0 50px 50px 0;

}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {

    -webkit-box-shadow: -10px 0 0 #1bbc9b;

    box-shadow: -10px 0 0 #1bbc9b;

}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {

    border-radius: 50px;

}

.flatpickr-day.inRange {

    border-radius: 0;

    -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;

    box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;

}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {

    color: rgba(72,72,72,0.3);

    background: transparent;

    border-color: transparent;

    cursor: default;

}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {

    cursor: not-allowed;

    color: rgba(72,72,72,0.1);

}

.flatpickr-day.week.selected {

    border-radius: 0;

    -webkit-box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b;

    box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b;

}

.flatpickr-day.hidden {

    visibility: hidden;

}

.rangeMode .flatpickr-day {

    margin-top: 1px;

}

.flatpickr-weekwrapper {

    float: left;

}

.flatpickr-weekwrapper .flatpickr-weeks {

    padding: 0 12px;

    border-left: 1px solid rgba(72,72,72,0.2);

}

.flatpickr-weekwrapper .flatpickr-weekday {

    float: none;

    width: 100%;

    line-height: 28px;

}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {

    display: block;

    width: 100%;

    max-width: none;

    color: rgba(72,72,72,0.3);

    background: transparent;

    cursor: default;

    border: none;

}

.flatpickr-innerContainer {

    display: block;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    overflow: hidden;

    background: #fff;

    border-bottom: 1px solid rgba(72,72,72,0.2);

}

.flatpickr-rContainer {

    display: inline-block;

    padding: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.flatpickr-time {

    text-align: center;

    outline: 0;

    display: block;

    height: 0;

    line-height: 40px;

    max-height: 40px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    background: #fff;

    border-radius: 0 0 5px 5px;

}

.flatpickr-time:after {

    content: "";

    display: table;

    clear: both;

}

.flatpickr-time .numInputWrapper {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    width: 40%;

    height: 40px;

    float: left;

}

.flatpickr-time .numInputWrapper span.arrowUp:after {

    border-bottom-color: #484848;

}

.flatpickr-time .numInputWrapper span.arrowDown:after {

    border-top-color: #484848;

}

.flatpickr-time.hasSeconds .numInputWrapper {

    width: 26%;

}

.flatpickr-time.time24hr .numInputWrapper {

    width: 49%;

}

.flatpickr-time input {

    background: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 0;

    border-radius: 0;

    text-align: center;

    margin: 0;

    padding: 0;

    height: inherit;

    line-height: inherit;

    color: #484848;

    font-size: 14px;

    position: relative;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-appearance: textfield;

    -moz-appearance: textfield;

    appearance: textfield;

}

.flatpickr-time input.flatpickr-hour {

    font-weight: bold;

}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {

    font-weight: 400;

}

.flatpickr-time input:focus {

    outline: 0;

    border: 0;

}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {

    height: inherit;

    float: left;

    line-height: inherit;

    color: #484848;

    font-weight: bold;

    width: 2%;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center;

}

.flatpickr-time .flatpickr-am-pm {

    outline: 0;

    width: 18%;

    cursor: pointer;

    text-align: center;

    font-weight: 400;

}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {

    background: #eaeaea;

}

.flatpickr-input[readonly] {

    cursor: pointer;

}



@media (max-width: 350px) {

    

    .flatpickr-days {

      /* width: 307.875px; */

      width: 246.875px;

    }

    .dayContainer {

      /* width: 307.875px; */

      /* min-width: 307.875px; */

      /* max-width: 307.875px; */

      width: 244.875px;

      min-width: 244.875px;

      max-width: 329.875px;

    }

}

@-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);

   }

}