@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
:root{
    --font: normal 14px 'Manrope', sans-serif;
}
body {
    font-family: var(--font)!important;
}
.-d{
    display: none!important;
}
table{
    text-align: start !important;
    overflow-y: scroll;
    thead{
        position: sticky;
        top: 0;
        background: var(--gray200);

    }
}
thead td{
    border-top: none!important;
    border-bottom: none!important;
}
tbody tr:first-child  {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

tbody tr:last-child  {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
td{
    div{
        img{
            width: 20px;
        }
    }
}
.maphero-canvas{
    margin: 0!important;
    padding: 0!important;
}

/*.menuArrowAr {*/

/*    right: 235px!important;*/
/*}*/
/*.menuArrowEn  {*/

/*    left: 235px!important;*/
/*}*/
/*.arrowCollapsedAr  {*/
/*    rotate: 180deg!important;*/
/*    right: 65px!important;*/
/*}*/
/*.arrowCollapsedEn  {*/

/*    left: 65px!important;*/
/*    rotate: 180deg!important;*/
/*}*/
.checkbox-container {
    display: flex;
    align-items: center;
    gap: 8px; /* Adjust spacing between label and checkbox */
}

.checkbox-container label {
    cursor: pointer;
}

.checkbox-container input[type="checkbox"] {
    cursor: pointer;
}
input[label]::after {
    content: attr(label);
    display: none;
}
.select_icon_ar{
    background-color:white;
    background: url('../images/arrow.svg')  no-repeat  calc( var(--unit)*4);
}
.select_icon_en{
    background-color:white;
    background: url('../images/arrow.svg')  no-repeat  calc(100% - var(--unit)*4);
}
input:disabled {
    background-color: #F8F8F8;
}