/* Droid Arabic Kufi Font =======================*/
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/droid/DroidKufi-Regular.eot);
    src: url(../fonts/droid/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/droid/DroidKufi-Regular.woff2) format('woff2'),
    url(../fonts/droid/DroidKufi-Regular.woff) format('woff'),
    url(../fonts/droid/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Kufi-Bold';
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/droid/DroidKufi-Bold.eot);
    src: url(../fonts/droid/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/droid/DroidKufi-Bold.woff2) format('woff2'),
    url(../fonts/droid/DroidKufi-Bold.woff) format('woff'),
    url(../fonts/droid/DroidKufi-Bold.ttf) format('truetype');
}
body {
    font-family: Droid Arabic Kufi !important;
}


.card .card-header {
    min-height: 50px !important;
}

/* for responsive table*/
@media only screen and (max-width: 730px) {
    .table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table tfoot tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table td {
        /*border: none;*/
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        display: table;
        /*border-right: 0px solid #fff;*/
        /*border-top: 0px solid #fff;*/
    }

    .table tr {
        border-bottom: 2px solid #cee0c0;
    }



    .table td:before {
        position: relative;
        font-weight: bold;
        right: 2px;
        white-space: nowrap;
    }

    .table td:nth-of-type(1):before {
        content: attr(col_1) "";

    }

    .table td:nth-of-type(2):before {
        content: attr(col_2) "";
    }

    .table td:nth-of-type(3):before {
        content: attr(col_3) "";
    }

    .table td:nth-of-type(4):before {
        content: attr(col_4) "";
    }

    .table td:nth-of-type(5):before {
        content: attr(col_5) "";
    }

    .table td:nth-of-type(6):before {
        content: attr(col_6) "";
    }

    .table td:nth-of-type(7):before {
        content: attr(col_7) "";
    }

    .table td:nth-of-type(8):before {
        content: attr(col_8) "";
    }

    .table td:nth-of-type(9):before {
        content: attr(col_9) "";
    }

    .table td:nth-of-type(10):before {
        content: attr(col_10) "";
    }

    .table td:nth-of-type(11):before {
        content: attr(col_11) "";
    }

    .table td:nth-of-type(12):before {
        content: attr(col_12) "";
    }

    .table td:nth-of-type(13):before {
        content: attr(col_13) "";
    }

    .table td:nth-of-type(14):before {
        content: attr(col_14) "";
    }

    .table td:nth-of-type(15):before {
        content: attr(col_15) "";
    }

    .table td:nth-of-type(16):before {
        content: attr(col_16) "";
    }

    .table td:nth-of-type(17):before {
        content: attr(col_17) "";
    }

    .table td:nth-of-type(18):before {
        content: attr(col_18) "";
    }

    .table td:nth-of-type(19):before {
        content: attr(col_19) "";
    }

    .table td:nth-of-type(20):before {
        content: attr(col_20) "";
    }

    .table td:nth-of-type(21):before {
        content: attr(col_21) "";
    }

    .table td:nth-of-type(22):before {
        content: attr(col_22) "";
    }

    .table td:nth-of-type(23):before {
        content: attr(col_23) "";
    }

    .table td:nth-of-type(24):before {
        content: attr(col_24) "";
    }

    .table td:nth-of-type(25):before {
        content: attr(col_25) "";
    }

    .table td:nth-of-type(26):before {
        content: attr(col_26) "";
    }

    .table td:nth-of-type(27):before {
        content: attr(col_27) "";
    }

    .table td:nth-of-type(28):before {
        content: attr(col_28) "";
    }

    .table td:nth-of-type(29):before {
        content: attr(col_29) "";
    }

    .table td:nth-of-type(30):before {
        content: attr(col_30) ": ";

    }
}

.hide-edit-img-btn {
    display: none !important;
}

.cover-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.symbol.symbol-60px > img {
    width: 100%!important;
    height: 100%!important;
}



.emptyField,.emptyFieldCheckResult {
    background-color: #fe875c24 !important;
    border: 1px solid #F44336 !important;
}
.select2-container--default .select2-selection--single.emptyField, .select2-container--default .select2-selection--single.emptyFieldCheckResult {
    background-color: #fe875c24 !important;
    border: 1px solid #F44336 !important;
}
.form-control.form-control-solid {
    border: 1px solid var(--bs-gray-300) !important;
}

.table:not(.table-bordered) td:first-child, .table:not(.table-bordered) th:first-child, .table:not(.table-bordered) tr:first-child {
    padding-left: 10px !important;
}

/* Apply cursor styles when an item can be grabbed */
.draggable {
    cursor: pointer;
}

/* Apply cursor style when an item is being dragged */
.draggable:active {
    cursor: pointer;
}
.jstree-clicked {
    background-color: #efeeda !important;
}

#imagePopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

#popupImage {
    max-width: 90%;
    max-height: 90%;
    border: 2px solid white;
}

#closePopup {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}


.toggle {
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px;
    margin-bottom: 10px;
}
.toggle-content {
    display: none;
}
.toggle.open .toggle-content {
    display: block;
}


.text-bg-secondary {
    color: #fff !important;
    background-color: rgb(108 117 125 / 33%) !important;
}