@font-face {
    font-family: 'IBMArabic-Regular';
    src: url("../fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'IBMArabic-Medium';
    src: url("../fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'IBMArabic-Bold';
    src: url("../fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'IBMArabic-SemiBold';
    src: url("../fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: 'IBMArabic-SemiBold';
    src: url("../fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
}

.calendars-popup {
    z-index: 9999;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .1);
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .1);
}

.calendars {
    border: 0;
    width: 100% !important;
    outline: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .1);
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .1);
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #fff;
}

    .calendars .calendars-nav {
        display: inline-block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff;
        color: #161616;
        font-family: 'IBMArabic-Regular';
        padding: 6px 0;
    }

    .calendars .calendars-ctrl {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #1B8354;
        display: none;
    }

    .calendars .calendars-nav .calendars-cmd-next, .calendars .calendars-nav .calendars-cmd-prev {
        text-indent: -10000px;
        color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        width: 3rem;
        top: 14px;
    }

    .calendars .calendars-nav .calendars-cmd-prev {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc0OTUgNS45OTk0OUMxNy43NDk1IDUuNjI1OTMgMTcuNTgzOSA1LjI3OTM3IDE3LjQyNyA1LjAxOTE0QzE3LjI1NzcgNC43MzgzMiAxNy4wMzAxIDQuNDQ4MzkgMTYuNzgwMyA0LjE2NTcyQzE2LjI3OTQgMy41OTg2NCAxNS42MjU3IDIuOTg5NjYgMTQuOTkxMyAyLjQzODhDMTQuMzUzMiAxLjg4NDY5IDEzLjcxNzMgMS4zNzQ0OCAxMy4yNDIzIDEuMDAzNzFDMTMuMDA0NCAwLjgxODAwOSAxMi44MDU5IDAuNjY2NTczIDEyLjY2NjUgMC41NjEyNjJDMTIuNTk2OCAwLjUwODU5MyAxMi41NDE4IDAuNDY3NDIgMTIuNTAzOSAwLjQzOTIyNkwxMi40NjA0IDAuNDA2ODQxTDEyLjQ0ODggMC4zOTgyODhMMTIuNDQ0OCAwLjM5NTMyN0MxMi4xMTEzIDAuMTQ5NjY2IDExLjY0MTQgMC4yMjA1NTYgMTEuMzk1NyAwLjU1NDA1OEMxMS4xNTAxIDAuODg3NTQ1IDExLjIyMTMgMS4zNTcwMiAxMS41NTQ3IDEuNjAyNjlMMTEuNTY3NCAxLjYxMjExTDExLjYwNzUgMS42NDE4OEMxMS42NDI5IDEuNjY4MjggMTEuNjk1MyAxLjcwNzUyIDExLjc2MjMgMS43NTgxM0MxMS44OTY0IDEuODU5MzggMTIuMDg4NSAyLjAwNTk4IDEyLjMxOTMgMi4xODYxNUMxMi43ODE4IDIuNTQ3MTIgMTMuMzk1OSAzLjA0MDAyIDE0LjAwNzggMy41NzEzN0MxNC42MjM0IDQuMTA1OTYgMTUuMjE5NyA0LjY2NDc5IDE1LjY1NjIgNS4xNTg4NkMxNS42ODM4IDUuMTkwMTEgMTUuNzEwNSA1LjIyMDgyIDE1LjczNjQgNS4yNTA5OEwwLjk5OTUxMiA1LjI1MDk4QzAuNTg1Mjk4IDUuMjUwOTggMC4yNDk1MTIgNS41ODY3NyAwLjI0OTUxMiA2LjAwMDk4QzAuMjQ5NTEyIDYuNDE1MTkgMC41ODUyOTkgNi43NTA5OCAwLjk5OTUxMiA2Ljc1MDk4TDE1LjczMzggNi43NTA5OEMxNS43MDg4IDYuNzgwMTggMTUuNjgyOSA2LjgwOTkxIDE1LjY1NjIgNi44NDAxNEMxNS4yMTk3IDcuMzM0MjEgMTQuNjIzNCA3Ljg5MzAzIDE0LjAwNzggOC40Mjc2MkMxMy4zOTU5IDguOTU4OTggMTIuNzgxOCA5LjQ1MTg3IDEyLjMxOTMgOS44MTI4NEMxMi4wODg1IDkuOTkzMDIgMTEuODk2NCAxMC4xMzk2IDExLjc2MjMgMTAuMjQwOUMxMS42OTUzIDEwLjI5MTUgMTEuNjQyOSAxMC4zMzA3IDExLjYwNzUgMTAuMzU3MUwxMS41Njc0IDEwLjM4NjlMMTEuNTU0NyAxMC4zOTYzQzExLjIyMTMgMTAuNjQyIDExLjE1MDEgMTEuMTExNSAxMS4zOTU3IDExLjQ0NDlDMTEuNjQxNCAxMS43Nzg0IDEyLjExMTMgMTEuODQ5MyAxMi40NDQ4IDExLjYwMzdMMTIuNDQ4OCAxMS42MDA3TDEyLjQ2MDQgMTEuNTkyMkwxMi41MDM5IDExLjU1OThDMTIuNTQxOCAxMS41MzE2IDEyLjU5NjggMTEuNDkwNCAxMi42NjY1IDExLjQzNzdDMTIuODA1OSAxMS4zMzI0IDEzLjAwNDQgMTEuMTgxIDEzLjI0MjMgMTAuOTk1M0MxMy43MTczIDEwLjYyNDUgMTQuMzUzMiAxMC4xMTQzIDE0Ljk5MTMgOS41NjAyQzE1LjYyNTcgOS4wMDkzMyAxNi4yNzk0IDguNDAwMzUgMTYuNzgwMyA3LjgzMzI4QzE3LjAzMDEgNy41NTA2IDE3LjI1NzcgNy4yNjA2NyAxNy40MjcgNi45Nzk4NkMxNy41ODI5IDYuNzIxMTkgMTcuNzQ3NSA2LjM3NzIxIDE3Ljc0OTUgNi4wMDYyMiIgZmlsbD0iIzE2MTYxNiIvPgo8L3N2Zz4K);
        position: absolute;
        inset-inline-end: 60px;
    }

    .calendars .calendars-nav .calendars-cmd-next {
        inset-inline-end: 10px;
        position: absolute;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjUwNDg4IDUuOTk5NTFDMC4yNTA0OTEgNi4zNzMwNyAwLjQxNjE0MiA2LjcxOTYzIDAuNTczMDA4IDYuOTc5ODZDMC43NDIyODQgNy4yNjA2OCAwLjk2OTkzMiA3LjU1MDYgMS4yMTk2NyA3LjgzMzI4QzEuNzIwNjcgOC40MDAzNSAyLjM3NDM2IDkuMDA5MzMgMy4wMDg3MiA5LjU2MDJDMy42NDY4MiAxMC4xMTQzIDQuMjgyNzEgMTAuNjI0NSA0Ljc1Nzc0IDEwLjk5NTNDNC45OTU2NSAxMS4xODEgNS4xOTQxMiAxMS4zMzI0IDUuMzMzNTMgMTEuNDM3N0M1LjQwMzI1IDExLjQ5MDQgNS40NTgyNSAxMS41MzE2IDUuNDk2MDcgMTEuNTU5OEw1LjUzOTY0IDExLjU5MjJMNS41NTEyIDExLjYwMDdMNS41NTUyMSAxMS42MDM3QzUuODg4NzEgMTEuODQ5MyA2LjM1ODY1IDExLjc3ODQgNi42MDQzMSAxMS40NDQ5QzYuODQ5OTYgMTEuMTExNSA2Ljc3ODc3IDEwLjY0MiA2LjQ0NTMgMTAuMzk2M0w2LjQzMjU4IDEwLjM4NjlMNi4zOTI1MyAxMC4zNTcxQzYuMzU3MTEgMTAuMzMwNyA2LjMwNDY4IDEwLjI5MTUgNi4yMzc2OSAxMC4yNDA5QzYuMTAzNjYgMTAuMTM5NiA1LjkxMTUxIDkuOTkzMDIgNS42ODA2OCA5LjgxMjg0QzUuMjE4MjEgOS40NTE4NyA0LjYwNDEyIDguOTU4OTggMy45OTIyMiA4LjQyNzYyQzMuMzc2NiA3Ljg5MzAzIDIuNzgwMyA3LjMzNDIxIDIuMzQzOCA2Ljg0MDE0QzIuMzE2MTkgNi44MDg4OSAyLjI4OTQ3IDYuNzc4MTggMi4yNjM2NSA2Ljc0ODAyTDE3LjAwMDUgNi43NDgwMUMxNy40MTQ3IDYuNzQ4MDEgMTcuNzUwNSA2LjQxMjIzIDE3Ljc1MDUgNS45OTgwMkMxNy43NTA1IDUuNTgzOCAxNy40MTQ3IDUuMjQ4MDEgMTcuMDAwNSA1LjI0ODAxTDIuMjY2MTkgNS4yNDgwMkMyLjI5MTIyIDUuMjE4ODEgMi4zMTcxIDUuMTg5MDkgMi4zNDM4IDUuMTU4ODZDMi43ODAzIDQuNjY0NzkgMy4zNzY2IDQuMTA1OTYgMy45OTIyMiAzLjU3MTM3QzQuNjA0MTIgMy4wNDAwMiA1LjIxODIxIDIuNTQ3MTIgNS42ODA2OCAyLjE4NjE1QzUuOTExNTEgMi4wMDU5OCA2LjEwMzY1IDEuODU5MzggNi4yMzc2OSAxLjc1ODEzQzYuMzA0NjggMS43MDc1MiA2LjM1NzExIDEuNjY4MjggNi4zOTI1MiAxLjY0MTg4TDYuNDMyNTcgMS42MTIxMUw2LjQ0NTMgMS42MDI2OUM2Ljc3ODc3IDEuMzU3MDIgNi44NDk5NiAwLjg4NzU0NCA2LjYwNDMgMC41NTQwNThDNi4zNTg2NCAwLjIyMDU1NiA1Ljg4ODcxIDAuMTQ5NjY2IDUuNTU1MjEgMC4zOTUzMjhMNS41NTEyIDAuMzk4Mjg4TDUuNTM5NjQgMC40MDY4NDFMNS40OTYwNyAwLjQzOTIyNkM1LjQ1ODI1IDAuNDY3NDIxIDUuNDAzMjUgMC41MDg1OTMgNS4zMzM1MyAwLjU2MTI2MkM1LjE5NDEyIDAuNjY2NTc0IDQuOTk1NjQgMC44MTgwMDkgNC43NTc3MyAxLjAwMzcxQzQuMjgyNzEgMS4zNzQ0OCAzLjY0NjgxIDEuODg0NjkgMy4wMDg3MiAyLjQzODhDMi4zNzQzNSAyLjk4OTY2IDEuNzIwNjYgMy41OTg2NSAxLjIxOTY3IDQuMTY1NzJDMC45Njk5MzIgNC40NDg0IDAuNzQyMjg0IDQuNzM4MzIgMC41NzMwMDcgNS4wMTkxNEMwLjQxNzA4NSA1LjI3NzggMC4yNTI0ODEgNS42MjE3OSAwLjI1MDUwNSA1Ljk5Mjc3IiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=);
        text-indent: 10000px;
    }

    .calendars .calendars-nav a.calendars-cmd, .calendars .calendars-ctrl a.calendars-cmd {
        color: #fff;
    }

    .calendars .calendars-nav a.calendars-cmd {
        height: 3rem;
        line-height: 3rem;
        padding: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .calendars .calendars-nav a.calendars-cmd:hover {
            background-color: #f3f4f6;
        }

    .calendars .calendars-month-row .calendars-month {
        border: 0;
        background-color: #fff;
    }

        .calendars .calendars-month-row .calendars-month .calendars-month-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            gap: 10px;
            padding-block: 0px;
            background-color: #fff;
            -webkit-padding-start: 10px;
            padding-inline-start: 10px;
            padding-bottom: 15px;
        }

    .calendars .calendars-month-year {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjk5MjM1IDEuMTI5NEMyLjA5MzkzIDEuMjYzODggMi4zOTcxOCAxLjY2NTM0IDIuNTc3NzkgMS44OTY3NkMyLjkzOTUyIDIuMzYwMjcgMy40MzM3OCAyLjk3NjE4IDMuOTY2OTUgMy41OTAyNkM0LjUwMjgyIDQuMjA3NDQgNS4wNjU3NCA0LjgwODUyIDUuNTY1ODMgNS4yNTAzOUM1LjgxNjYgNS40NzE5NSA2LjAzNjg4IDUuNjQwMzEgNi4yMTg2NSA1Ljc0OTg5QzYuMzg5NjEgNS44NTI5NiA2LjQ5MDYgNS44NzQzOSA2LjQ5MDYgNS44NzQzOUM2LjQ5MDYgNS44NzQzOSA2LjU4ODYyIDUuODUyOTUgNi43NTk1NyA1Ljc0OTlDNi45NDEzNCA1LjY0MDMyIDcuMTYxNjIgNS40NzE5NiA3LjQxMjM4IDUuMjUwMzlDNy45MTI0OCA0LjgwODUyIDguNDc1NCA0LjIwNzQ0IDkuMDExMjcgMy41OTAyNUM5LjU0NDQ0IDIuOTc2MTYgMTAuMDM4NyAyLjM2MDI1IDEwLjQwMDQgMS44OTY3M0MxMC41ODEgMS42NjUzMSAxMC44ODM5IDEuMjY0NDIgMTAuOTg1NCAxLjEyOTk0QzExLjE5MDEgMC44NTIwMDQgMTEuNTgxOCAwLjc5MjA1OCAxMS44NTk3IDAuOTk2NzUxQzEyLjEzNzcgMS4yMDE0NSAxMi4xOTcxIDEuNTkyNjkgMTEuOTkyNCAxLjg3MDYzTDExLjk5MDggMS44NzI3M0MxMS44ODQzIDIuMDEzNzYgMTEuNTcwMiAyLjQyOTYzIDExLjM4NTkgMi42NjU3N0MxMS4wMTYgMy4xMzk3NSAxMC41MDczIDMuNzczODQgOS45NTUxNSA0LjQwOTc2QzkuNDA1NzEgNS4wNDI1NyA4LjgwMDk5IDUuNjkxNDkgOC4yNDAwNiA2LjE4NzEyQzcuOTYwMzEgNi40MzQzIDcuNjc2NzMgNi42NTY1NiA3LjQwNDkzIDYuODIwNDJDNy4xNTAyOCA2Ljk3MzkzIDYuODI3ODcgNy4xMjUgNi40ODkxMSA3LjEyNUM2LjE1MDM1IDcuMTI1IDUuODI3OTQgNi45NzM5MyA1LjU3MzI5IDYuODIwNDFDNS4zMDE0OSA2LjY1NjU2IDUuMDE3OTIgNi40MzQzIDQuNzM4MTYgNi4xODcxMkM0LjE3NzIzIDUuNjkxNDkgMy41NzI1MSA1LjA0MjU4IDMuMDIzMDggNC40MDk3N0MyLjQ3MDk1IDMuNzczODYgMS45NjIyNSAzLjEzOTc4IDEuNTkyMzYgMi42NjU4QzEuNDA3OTcgMi40Mjk1MyAxLjA5MzkgMi4wMTM3MSAwLjk4NzU1OCAxLjg3MjkyTDAuOTg2MTU3IDEuODcxMDdDMC43ODE0NjIgMS41OTMxMyAwLjg0MDU0MSAxLjIwMTQ5IDEuMTE4NDggMC45OTY3OTNDMS4zOTY0IDAuNzkyMTA1IDEuNzg3NjUgMC44NTE0OTMgMS45OTIzNSAxLjEyOTRaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=);
        background-repeat: no-repeat;
        background-position: left;
        padding-inline: 20px !important;
        -webkit-padding-start: 5px !important;
        padding-inline-start: 5px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #161616 !important;
        position: relative;
        top: 13px;
    }

    .calendars .calendars-month-row .calendars-month .calendars-month-header select, .calendars .calendars-month-row .calendars-month .calendars-month-header input {
        border: 1px solid #fff;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        background-color: rgba(0, 0, 0, 0);
        color: #1B8354;
        border-radius: 50px;
        padding-inline: 12px;
    }

select, option {
    font-family: inherit;
}

.calendars-month table {
    border-radius: 0;
}

.calendars table {
    outline: 0;
    display: inline-block;
}

.calendars tbody, .calendars td, .calendars tfoot, .calendars th, .calendars thead, .calendars tr {
    border-color: rgba(0, 0, 0, 0);
}

.calendars .calendars-month-row .calendars-month thead {
    width: 100%;
}

.calendars .calendars-month-row .calendars-month tbody {
    width: 100%;
}


.calendars-month .table thead tr th, .calendars-month .table thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td, .calendars-month .MsoNormalTable thead tr th, .calendars-month .MsoNormalTable thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td {
    min-width: -webkit-fit-content !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
}

.calendars .calendars-month-row .calendars-month thead th, .calendars .calendars-month-row .calendars-month thead a {
    background-color: #fff;
    color: #64748b;
    border: 0;
    text-align: center;
    padding: 0;
}

.calendars .calendars-month-row .calendars-month span {
    text-align: center;
}

.calendars .calendars-month-row .calendars-month .table tr td, .calendars .calendars-month-row .calendars-month table tr td, .calendars .calendars-month-row .calendars-month .MsoNormalTable tr td, .calendars .calendars-month-row .calendars-month table tr td {
    padding: 7px;
}

.calendars .calendars-month-row .calendars-month tbody tr td {
    background-color: #fff;
    border-color: #fff;
    color: #161616;
    font-family: 'IBMArabic-Regular';
}

    .calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span {
        background-color: rgba(0, 0, 0, 0);
        text-align: center;
        font-family: 'IBMArabic-Regular';
        color: #161616;
        padding: 5px 0px;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        display: inline-block;
        line-height: 2.5;
    }

.calendars .calendars-month-row .calendars-month .calendars-today {
    border: 2px solid #1b8354;
    color: #1b8354;
    font-family: 'IBMArabic-Bold';
}

    .calendars .calendars-month-row .calendars-month .calendars-today:hover {
        background-color: #dff6e7;
    }

.calendars-cmd-today {
    display: none;
}

.calendars .calendars-month-row .calendars-month tbody tr td a:hover, .calendars .calendars-month-row .calendars-month tbody tr td span:hover {
    background-color: #e5e7eb;
}

.calendars .calendars-month-row .calendars-month .calendars-selected {
    background-color: #1b8354;
    color: #fff;
}

    .calendars .calendars-month-row .calendars-month .calendars-selected:hover {
        background-color: #166a45;
    }

@media (max-width: 575.98px) {
    .calendars .calendars-nav a.calendars-cmd {
        position: fixed;
    }
}

@media only screen and (max-width: 991px) {
    .datepicker {
        width: 300px;
    }
}

@media only screen and (max-width: 991px) {
    .calendars-month .table thead tr th, .calendars-month .table thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td, .calendars-month .MsoNormalTable thead tr th, .calendars-month .MsoNormalTable thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td {
        font-size: 12px;
        line-height: 25px;
    }

    .calendars .calendars-month-row .calendars-month .table tr td, .calendars .calendars-month-row .calendars-month table tr td, .calendars .calendars-month-row .calendars-month .MsoNormalTable tr td, .calendars .calendars-month-row .calendars-month table tr td {
        font-size: 12px;
        line-height: 25px;
    }

    .calendars .calendars-month-row {
        display: block;
        margin: 0 auto;
    }

        .calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span {
            font-size: 12px;
            line-height: 25px;
            height: 40px;
            width: 40px;
        }
}