.litepicker {
    font-size: var(--bs-body-font-size) !important;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.selectCalendar {
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
    background: linear-gradient(268deg, #FF1671 0%, #EB015C 51.22%, #D60053 98.34%) !important;
}

.day-item.is-start-date {
    --litepicker-is-start-color-bg: #D60053;
}

.day-item.is-in-range {
    --litepicker-is-in-range-color: rgba(214, 0, 83, 0.10);
}

.day-item.is-end-date {
    --litepicker-is-end-color-bg: #D60053;
}

.container__footer {
    display: none!important;
}

/* Se periptosi pou den theloun sto desktop apo aristera deksia kai theloun pano kato. Gia na min to psaxnoume san tous malakes pws ginete kai faw 10 wres na blepw 1-1 ta declariots sto gamw inspector. */
/* .container__months.columns-2 {
    width: calc((var(--litepicker-month-width)) + 20px)!important;
    height: calc((var(--litepicker-month-width) * 2) + 20px);
} */

input::-webkit-calendar-picker-indicator{
    display: none;
}

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

.container__months {
    box-shadow: none !important;
    margin-bottom: 3rem!important;
}

.month-item-weekdays-row {
    border-bottom: solid 0.5px;
}

#calendar {
    top: auto !important;
    left: auto !important;
    display: grid;
    justify-content: center;
    width: auto;
    position: absolute;
    background-color: white;
}

#clearCalendar {
    color: black;
}

@media (max-width: 992px)  {
    #calendar {
        width: 100%;
        left: 0px !important;
        background: #ECECEC;
        height: 100vh;
    }

    #calendar-dismiss {
        border-radius: 6px;
        background: #FFF;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 7px 4px 0px rgba(0, 0, 0, 0.05), 0px 12px 5px 0px rgba(0, 0, 0, 0.01), 0px 18px 5px 0px rgba(0, 0, 0, 0.00);
        border: none;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: black;
    }

    .modal-header {
        justify-content: unset;
    }

    .modal-title { 
        color: #4F4F4F;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-left: 2rem;
    }

    .calendar-content {
        border-radius:  0.625rem 0.625rem 0px 0px;
        border: none;
        overflow: hidden;
    }

    .calendar-footer {
        border-radius:  0px 0px 0.625rem 0.625rem;
        margin-top: 0.15rem;
    }

    .modal-footer {
        border-top: 4px solid #ececec;
    }
}

@media (min-width: 992px)  {
    #calendar {
        z-index: 10;
    }
}