.select2-selection__rendered {
    padding-top: 5px;
    font-size: 12px;
    font-family: Calibri;
}
.select2-container--default .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 25px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
    }

.select2-dropdown {
    font-family: Calibri !important;
}


.select2-container {
    z-index: 1050 !important; /* Align with Bootstrap modal z-index */
}

.select2-dropdown {
    z-index: 1060 !important; /* Ensure dropdown appears above the modal */
}
 

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
@font-face {
    font-family: bahij;
    src: url(../../fonts/bregular.ttf);
}

.font-bahij {
    font-family: bahij !important;
}

.font-calibri {
    font-family: Calibri;
}


.my-table {
    width: 100%;
}

.my-table, my-table tr td, my-table tr th {
    border: 1px solid black;
}

    .my-table thead {
        background-color: silver;
        color: black;
    }

.custom-autocomplete {
    margin-top: 40px;
    margin-right: 40px;
    background-color: aliceblue;
}

.delete {
    margin-top: 12px;
}


.custom-autocomplete {
    margin-top: 40px;
    margin-right: 40px;
    background-color: aliceblue;
}

.scalling {
    transition: 0.5s;
    transform: scale(0.8);
    position: absolute;
}

    .scalling:hover {
        display: inline-block;
        cursor: pointer;
        transition: 0.5s;
        transform: scale(1) !important;
    }


.dt-layout-row {
    direction: ltr;
    font-family: bahij !important;
}

.dt-layout-cell {
    direction: rtl;
}

th, td {
    white-space: nowrap;
}

div.dataTables_wrapper {
    width: 800px;
    margin: 0 auto;
}

.dt-paging, .dt-input {
    font-size: 12px;
}


.card-header{

    margin-top: 0px !important;
    height: 70px;
    margin-bottom:-10px !important;

}
.my-container-fluid{
    height: 90vh;
}
main{

    height: 98vh;
    overflow: hidden;
}
@media print {
    @page {
        margin: 0 !important;
        padding: 0 !important;
        size: A4 portrait;
    }
    .my-container-fluid,main {
        height: auto !important;
        overflow: auto !important;
        width: 100%;
        background: #fff;     
    }
  
}

.user-options > *:not(ul):before{
    content: '';
    border-right: 1px solid #ddd;
    padding-left: 10px;
}

.collapse-scroll {
    overflow: auto !important;
    height: 70vh !important;
}

@media only screen and (min-width: 1200px) {
    .collapse-scroll {
        height: 100% !important;
    }
}