@font-face {
    font-family: 'droidarabickufi';
    src: url('fonts/Droid.Arabic.Kuf.ttf') format('truetype');
}
@font-face {
    font-family: 'IBMPlexSansArabic';
    src: url('fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
}
body {
    font-family: 'IBMPlexSansArabic', 'droidarabickufi', sans-serif;
}
/*.iti input {*/
/*    padding: 13px 87px!important;*/
/*}*/
.select2-container--open .select2-dropdown {
    right: auto!important;
    left: 0!important;
}

.badge-width {
    display: inline-block;
    width: 120px; /* Adjust the width as needed */
    text-align: center;
}


table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    /*border-radius: 12px;*/
    overflow: hidden;
    margin: 20px 0;
}
thead {
    background: linear-gradient(145deg, #f9f9f9, #e0e0e0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
thead th {
    padding: 16px !important;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ddd;
}
tbody tr {
    transition: transform 0.3s ease, background-color 0.3s ease;
}
tbody tr:hover {
    background-color: #EFF2F5;
    transform: translateY(-2px);
}
tbody td {
    padding: 12px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

tbody tr.btn:hover {
    background: #e2e6ea;
    transform: scale(1.05);
}