.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:12px;
      position:absolute;
      width:320px;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      -ms-touch-action:manipulation;
      touch-action:manipulation;
      background:#fff;
      -webkit-box-shadow:0 4px 24px rgba(0,0,0,0.12);
      box-shadow:0 4px 24px rgba(0,0,0,0.12);
      border: 1px solid #e5e7eb;
    }
    
    .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(.23,1,.32,1);
      animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    }

    /* .flatpickr-calendar.animate.fxc-datepicker-unified.open.arrowTop.arrowLeft {
      top: 753.797px !important;
      right: auto !important;
    } */

    @media screen and (max-width: 1024px) {

        /* .flatpickr-calendar.animate.fxc-datepicker-unified.open.arrowTop.arrowLeft {
         top: 740px !important;
         right: auto !important;
        } */
        .flatpickr-calendar{
          width:280px !important;
        }

        .flatpickr-weekdays {
          width:280px !important;
        }

        .flatpickr-days{
          width:280px !important;
        }

        .dayContainer{
          width:280px !important;
          min-width:280px !important;
          max-width:280px !important;
        }
    }
    
    .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 #e6e6e6;
    }
    
    .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;
      display: none;
    }
    
    .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:#e6e6e6;
    }
    
    .flatpickr-calendar.arrowTop:after{
      border-bottom-color:#fff;
    }
    
    .flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{
      top:100%;
    }
    
    .flatpickr-calendar.arrowBottom:before{
      border-top-color:#e6e6e6;
    }
    
    .flatpickr-calendar.arrowBottom:after{
      border-top-color:#fff;
    }
    
    .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;
      padding: 16px 0 8px 0;
    }
    
    .flatpickr-months .flatpickr-month{
      background:transparent;
      color:#1f2937;
      fill:#1f2937;
      height:40px;
      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:12px;
      height:40px;
      padding:10px;
      z-index:3;
      color:#6b7280;
      fill:#6b7280;
      transition: color 0.2s ease;
      top: 17%;
    }
    
    .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{
      left:0;
    }
    
    .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{
      right:0;
    }
    
    .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{
      color:#374151;
    }
    
    .flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{
      fill:#374151;
    }
    
    .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 .1s;
      transition:fill .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(57,57,57,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(57,57,57,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(57,57,57,0.6);
      top:40%;
    }
    
    .numInputWrapper span svg{
      width:inherit;
      height:auto;
    }
    
    .numInputWrapper span svg path{
      fill:rgba(0,0,0,0.5);
    }
    
    .numInputWrapper:hover{
      background:rgba(0,0,0,0.05);
    }
    
    .numInputWrapper:hover span{
      opacity:1;
    }
    
    .flatpickr-current-month{
      font-size:16px;
      line-height:inherit;
      font-weight:600;
      color:#1f2937;
      position:absolute;
      width:75%;
      left:12.5%;
      padding:0;
      line-height:1;
      height:40px;
      display:inline-block;
      text-align:center;
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
      top: 16px;
    }
    
    .flatpickr-current-month span.cur-month{
      font-family:inherit;
      font-weight:600;
      color:inherit;
      display:inline-block;
      margin-left:.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\0;
      display:inline-block;
    }
    
    .flatpickr-current-month .numInputWrapper span.arrowUp:after{
      border-bottom-color:rgba(0,0,0,0.9);
    }
    
    .flatpickr-current-month .numInputWrapper span.arrowDown:after{
      border-top-color:rgba(0,0,0,0.9);
    }
    
    .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 .5ch;
      margin:0;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      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(0,0,0,0.5);
      background:transparent;
      pointer-events:none;
    }
    
    .flatpickr-current-month .flatpickr-monthDropdown-months{
      appearance:menulist;
      background:transparent;
      border:none;
      border-radius:0;
      box-sizing:border-box;
      color:inherit;
      cursor:pointer;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      height:auto;
      line-height:inherit;
      margin:-1px 0 0 0;
      outline:none;
      padding: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:transparent;
      outline:none;
      padding:0;
    }
    
    .flatpickr-weekdays{
      background:transparent;
      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:40px;
      padding: 0 16px;
      margin-bottom: 8px;
    }
    
    .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:12px;
      background:transparent;
      color:#9ca3af;
      line-height:1;
      margin:0;
      text-align:center;
      display:block;
      -webkit-box-flex:1;
      -webkit-flex:1;
      -ms-flex:1;
      flex:1;
      font-weight:500;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
    
    .dayContainer,.flatpickr-weeks{
      padding:0 16px 16px 16px;
    }
    
    .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:320px;
    }
    
    .flatpickr-days:focus{
      outline:0;
    }
    
    .dayContainer{
      padding:0 16px 16px 16px;
      outline:0;
      text-align:center;
      width:320px;
      min-width:320px;
      max-width:320px;
      -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-between;
      justify-content:space-between;
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
      opacity:1;
      gap: 4px;
    }
    
    .dayContainer + .dayContainer{
      -webkit-box-shadow:-1px 0 0 #e6e6e6;
      box-shadow:-1px 0 0 #e6e6e6;
    }
    
    .flatpickr-day{
      background:none;
      border:1px solid transparent;
      border-radius:8px;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      color:#374151;
      cursor:pointer;
      font-weight:400;
      width:calc(14.2857143% - 4px);
      -webkit-flex-basis:calc(14.2857143% - 4px);
      -ms-flex-preferred-size:calc(14.2857143% - 4px);
      flex-basis:calc(14.2857143% - 4px);
      max-width:36px;
      height:36px;
      line-height:34px;
      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;
      font-size:14px;
      transition: all 0.2s ease;
    }
    
    .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:#f3f4f6;
      border-color:#f3f4f6;
    }
    
    .flatpickr-day.today{
      border-color:#00A9A9;
      color:#00A9A9;
      font-weight:500;
    }
    
    .flatpickr-day.today:hover,.flatpickr-day.today:focus{
      border-color:#00A9A9;
      background:#00A9A9;
      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:#00A9A9;
      -webkit-box-shadow:none;
      box-shadow:none;
      color:#fff;
      border-color:#00A9A9;
      font-weight:500;
    }
    
    .flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{
      border-radius:8px 0 0 8px;
    }
    
    .flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{
      border-radius:0 8px 8px 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 #00A9A9;
      box-shadow:-10px 0 0 #00A9A9;
    }
    
    .flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{
      border-radius:8px;
    }
    
    .flatpickr-day.inRange{
      border-radius:0;
      -webkit-box-shadow:-5px 0 0 #f3f4f6,5px 0 0 #f3f4f6;
      box-shadow:-5px 0 0 #f3f4f6,5px 0 0 #f3f4f6;
    }
    
    .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:#d1d5db;
      background:transparent;
      border-color:transparent;
      cursor:default;
    }
    
    .flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{
      cursor:not-allowed;
      color:#e5e7eb;
    }
    
    .flatpickr-day.week.selected{
      border-radius:0;
      -webkit-box-shadow:-5px 0 0 #00A9A9,5px 0 0 #00A9A9;
      box-shadow:-5px 0 0 #00A9A9,5px 0 0 #00A9A9;
    }
    
    .flatpickr-day.hidden{
      visibility:hidden;
    }
    
    .rangeMode .flatpickr-day{
      margin-top:1px;
    }
    
    .flatpickr-weekwrapper{
      float:left;
    }
    
    .flatpickr-weekwrapper .flatpickr-weeks{
      padding:0 12px;
      -webkit-box-shadow:1px 0 0 #e6e6e6;
      box-shadow:1px 0 0 #e6e6e6;
    }
    
    .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(57,57,57,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;
    }
    
    .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;
    }
    
    .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:#393939;
    }
    
    .flatpickr-time .numInputWrapper span.arrowDown:after{
      border-top-color:#393939;
    }
    
    .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:#393939;
      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:#393939;
      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:#eee;
    }
    
    .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);
      }
    }