/* ==========================================
   Ghaem Hospital
   Jalali Date Picker
   ========================================== */

.ghaem-jalali-picker {

    position: absolute;

    z-index: 999999;

    width: 330px;

    background: #fff;

    border: 1px solid #e1e1e1;

    border-radius: 12px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.15);

    padding: 12px;

    direction: rtl;

    font-family:
        inherit,
        Tahoma,
        Arial,
        sans-serif;

}


/* Header */

.ghaem-jalali-header {

    display: grid;

    grid-template-columns:
        40px 1fr 40px;

    align-items: center;

    margin-bottom: 10px;

}


.ghaem-jalali-title {

    text-align: center;

    font-weight: 700;

    font-size: 15px;

}


.ghaem-jalali-prev,
.ghaem-jalali-next {

    border: 0;

    background: transparent;

    cursor: pointer;

    font-size: 28px;

    line-height: 1;

}


.ghaem-jalali-prev:hover,
.ghaem-jalali-next:hover {

    background: #f2f2f2;

    border-radius: 6px;

}


/* Weekdays */

.ghaem-jalali-weekdays {

    display: grid;

    grid-template-columns:
        repeat(7, 1fr);

    gap: 3px;

    margin-bottom: 5px;

}


.ghaem-jalali-weekdays div {

    text-align: center;

    font-size: 11px;

    font-weight: 600;

    padding: 5px 0;

}


/* Days */

.ghaem-jalali-days {

    display: grid;

    grid-template-columns:
        repeat(7, 1fr);

    gap: 4px;

}


.ghaem-jalali-day {

    height: 36px;

    border: 0;

    background: transparent;

    border-radius: 7px;

    cursor: pointer;

    font-size: 13px;

}


.ghaem-jalali-day:hover {

    background: #eeeeee;

}


.ghaem-jalali-day.today {

    border: 1px solid #999;

}


.ghaem-jalali-day.selected {

    background: #2271b1;

    color: #fff;

}


.ghaem-jalali-empty {

    height: 36px;

}


/* Footer */

.ghaem-jalali-footer {

    border-top: 1px solid #eee;

    margin-top: 10px;

    padding-top: 8px;

    text-align: center;

}


.ghaem-jalali-today {

    border: 0;

    background: transparent;

    cursor: pointer;

    font-size: 13px;

}


/* Fluent Forms */

.ghaem-jalali-date {

    direction: rtl !important;

    text-align: right !important;

    cursor: pointer !important;

    background-color: #fff !important;

}


/* Mobile */

@media (max-width: 600px) {

    .ghaem-jalali-picker {

        position: fixed;

        top: 50% !important;

        left: 50% !important;

        transform: translate(
            -50%,
            -50%
        );

        width: calc(100vw - 30px);

        max-width: 350px;

    }

}