.flatpickr-calendar {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.flatpickr-months {
    border-bottom: 1px solid #ddd;
}

.flatpickr-prev-month, .flatpickr-next-month {
    color: #eb9715;
}

/*.flatpickr-day.selected {*/
/*    background-color: #eb9715;*/
/*    color: #fff;*/
/*}*/
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: rgb(193 193 193 / 48%) !important;
}
.flatpickr-day.today {
    border: 2px solid #eb9715;
    border-radius: 50%;
}

.flatpickr-day.past-day {
    color: #c1c1c1;
    /* text-decoration: line-through; */
}
span.flatpickr-day.today.past-day {
    text-decoration: none;
    color: #007bff;
}
span.flatpickr-next-month,span.flatpickr-prev-month {
    margin-top: 83px;
}
input#date-picker {
    border: 1px solid transparent;
    background: transparent;
    padding-left: 46px;
    width: 100%;
}
span.flatpickr-day.today.past-day {
    text-decoration: none;
    color: #007bff;
    background: transparent;
}

/* CSS */
.flatpickr-custom-title {
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.switch {
    position: relative;
    display: inline-flex;
    width: 300px;
    height: 80px;
    align-items: center;
    justify-content: space-between;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e8f3;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000;
    border-radius: 8px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 70px;
    width: 138px;
    border-radius: 6px;
    background-color: #ffffff;
    transition: .4s;
    left: 5px;
    bottom: 5px;
}

input:checked + .slider {
    background-color: #e5e8f3;
}

input:checked + .slider:before {
    transform: translateX(150px);
}

.switch-label {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    transition: opacity 0.4s, color 0.4s;
    position: relative;
}

.switch-label.left {
    position: absolute;
    left: 10px;
    width: 100px;
}

.switch-label.right {
    position: absolute;
    right: 10px;
    width: 100px;
}

.switch-label.active {
    opacity: 1;
    color: #000;
}

.switch-label.inactive {
    opacity: 0.6;
    color: #000;
}
span.slider.switch-date {
    margin-top: 30px;
    margin-left: 32px;
}
.flatpickr-custom-title {
    border-radius: 15px 15px 0px 0px;
    background: #020202;

}
.flatpickr-weekdays {
    background: #020202 !important;
}
.flatpickr-calendar {
    border-radius: 15px;
}
.flatpickr-current-month {
    color: #007aff;
}
input#date-picker-mobile {
    border: 1px solid transparent;
    margin-left: 36px;
    width: 90%;
    background-color: #e9ecef00 !important;
    color: #000;
}
span.flatpickr-day.prevMonthDay.flatpickr-disabled.past-day {
    color: #dddddd;
}
span.flatpickr-day.flatpickr-disabled.past-day {
    color: #dddddd;
}
.nb-jours-render-mobile {
    padding-left: 15px;
    margin-top: 6px;

}
.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: #020202 !important;
    border-color: #020202 !important;
}
.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)) {
    box-shadow: -10px 0 0 transparent !important;
}
@media (min-width: 1024px){
    span.span-moteur.nuit-interne {
        margin-left: 13px !important;
    }
}
@media (min-width: 320px) and (max-width: 354px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:2px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 333px) and (max-width: 338px) {
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 2px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: -13px;
    }
}
@media (min-width: 339px) and (max-width: 340px) {
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 2px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: -11px;
    }
}
@media (min-width: 341px) and (max-width: 354px) {
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 2px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: -9px;
    }
}

@media (min-width: 355px) and (max-width: 359px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:23px;
        margin-right: -4px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 360px) and (max-width: 363px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:26px;
        margin-right: 5px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 364px) and (max-width: 367px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 27px;
        margin-right: -2px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 368px) and (max-width: 371px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 29px;
        margin-right: -1px;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 372px) and (max-width: 375px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:29px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: -1px;
    }
}

@media (min-width: 376px) and (max-width: 383px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 31px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: 5px;
    }
}

@media (min-width: 384px) and (max-width: 388px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -9px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: 8px;
    }
}
@media (min-width: 389px) and (max-width: 391px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -40px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
        margin-right: -29px;
    }
}
@media (min-width: 392px) and (max-width: 400px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -35px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 401px) and (max-width: 403px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:-34px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 404px) and (max-width: 420px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -27px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 421px) and (max-width: 435px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -21px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}

@media (min-width: 436px) and (max-width: 440px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -18px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 441px) and (max-width: 445px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:-16px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 446px) and (max-width: 455px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -9px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 456px) and (max-width: 465px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: -6px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 466px) and (max-width: 480px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:1px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 481px) and (max-width: 500px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 7px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (min-width: 501px) and (max-width: 550px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 31px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}

@media (min-width: 551px) and (max-width: 766px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 23px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}

@media (min-width: 767px) and (max-width: 767px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left:27px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}

@media (min-width: 768px) and (max-width: 768px){
    .flatpickr-calendar.rangeMode.animate.open.arrowTop.arrowLeft {
        top: 161px !important;
        margin-left: 113px;
        opacity: 2 !important;
        box-shadow: rgb(4 4 4 / 68%) 135px 73px 135px 135px;
    }
}
@media (max-width: 768px){
    .nb-jours-render-mobile {
        padding-left: 21px;
    }
}
@media (min-width: 769px) and (max-width: 1023px){
    .nb-jours-render-mobile {
        padding-left: 19px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px){
    .input-nbr-nuits {
        padding-left: 16px;
    }

}