.flatpickr-day{border:0; height:40px; line-height:40px;}
.flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange, .flatpickr-day.selected.endRange {
    border-radius: 50px !important;
}
    
.flatpickr-day.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 50px !important;
}

    .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: var(--maincolorbg) !important;
        background: var(--maincolorbg) !important;
        border-color: var(--maincolorbg) !important;
    }


.flatpickr-day.inRange {
    box-shadow:none !important;
    -webkit-box-shadow: none!important;
    z-index:-1;
}

.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:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: var(--lightmain) !important;
    border-color: var(--lightmain) !important;
}

.flatpickr-day.startbg.startRange:after, .flatpickr-day.startbg.startRange:after  {
    background: var(--lightmain);
    content: '';
    position: absolute;
    width: 70%;
    height: 40px;
    z-index: -1;
    left: 50%;
    top: 0;
}

.flatpickr-day.endRange:before {
    background: var(--lightmain);
    content: '';
    position: absolute;
    width:70%;
    height: 40px;
    z-index: -1;
    margin-left: -50%;
    top:0;
}

.flatpickr-day {
    max-width: unset !important;
    font-size: 14px;
}

    .flatpickr-day.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: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: none;
    box-shadow: none;
}

.flatpickr-current-month span.cur-month {
    font-size: 14px !important;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    fill: var(--maincolorbg);
    padding-top: 0px !important;
    margin-top: -12px;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--maincolorbg);
    padding-top: 0px !important;
}

.flatpickr-current-month input.cur-year {
    font-size: 16px !important;
}

.dayContainer + .dayContainer {
    overflow: hidden;
}

.multiMonth .dayContainer {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    overflow:hidden;
    padding: 1px !important;
}


.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 16px;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57,57,57,0.4);
}

.flatpickr-day {
    color: #000000;
}

/*.flatpickr-calendar {
    left: -9vw!important;
}*/

.newmonth {
    display: none;
}
/*.flatpickr-day.hidden {
    visibility: visible;
}*/

.flatpickr-day.today {
    border-color: transparent;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    background: #e6e6e6;
    border-color: #e6e6e6;
}
.flatpickr-calendar.static.open {
    z-index: 1030;
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover{color: var(--maincolorbg);}

@media screen and (max-width:767px) {
    .flatpickr-calendar {
        box-shadow: none;
        width: 100% !important;
    }

        .flatpickr-calendar.static {
            position: relative;
        }

    .flatpickr-day {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .flatpickr-days > .dayContainer {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .flatpickr-rContainer {
        width: 100%;
    }

    .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
        border: none;
    }

    .newmonth {
        display: flex;
        padding: 1.5rem 1rem 8px 1rem;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
    }
   
    .flatpickr-weekdaycontainer:not(:first-child), .flatpickr-months {
        display: none;
    }

    .flatpickr-days {
        flex-direction: column;
        width: 100% !important;
       /* -webkit-box-shadow: inset 1px 13px 23px -11px rgb(217 217 217);
        -moz-box-shadow: inset 1px 13px 23px -11px rgb(217 217 217);
        box-shadow: inset 1px 13px 23px -11px rgb(217 217 217);*/
        overflow: auto;
        max-height: 56vh;
        padding: 0 1rem;
    }

    .flatpickr-weekdays {
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
        padding: 1rem;
    }

    .dayContainer + .dayContainer {
        box-shadow: none;
        -webkit-box-shadow: none;
        overflow: initial;
    }
    .flatpickr-weekdays{}
    .multiMonth .dayContainer {
        overflow:initial;
    }
}