@font-face {
    font-family: 'jf flat regular';
    src: url('../../fonts/jf flat regular.ttf') format('truetype');
}

body, html {
    font-family: 'jf flat regular';
}


.apexcharts-legend-text,
.apexcharts-text,
.apexcharts-title-text,
.apexcharts-legend-text {
    font-family: jf flat regular !important;
}

/*اتجاه علامة الصح الموجودة على العنصر المختار*/ 
.select2-results__option--selected::after {
    right: auto !important;
    left: 1rem !important; /* غيّر الرقم حسب ما تحب */
}



/* =========================
       Table  Style
    ========================= */

.table.table-modern thead th {
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.table.table-modern tbody td {
    border-bottom: 1px solid #E4E6EF; /*color-mix(in srgb, currentColor 10%, transparent);*/
}

.table.table-modern tfoot th,
.table.table-modern tfoot td {
    font-weight: 800;
    border-top: 5px double #505565 /*color-mix(in srgb, currentColor 15%, transparent);*/
}




/* =========================
       LIGHT MODE
    ========================= */

.table-modern {
    --tbl-row-odd: #FDFDFD;
    --tbl-row-even: #ffffff;
    --tbl-head-color: #3f4254;
    --tbl-border: #e4e6ef;
    --tbl-foot-bg: #ededed;
    --tbl-foot-border: #3699ff;
}

/* =========================
       DARK MODE
    ========================= */

[data-bs-theme="dark"] .table-modern {
    --tbl-row-odd: #12151D;
    --tbl-row-even: #151923;
    --tbl-head-color: #e4e6ef;
    --tbl-border: #2b2f3a;
    --tbl-foot-bg: #111522;
    --tbl-foot-border: #3b82f6;
}

/* =========================
      Apply style
    ========================= */

/* تقليل ارتفاع الصفوف */
.table-modern td,
.table-modern th {
    padding: 0.25rem 0.35rem !important;
    vertical-align: middle;
    border-color: var(--tbl-border) !important;
}


/* صف ولون */
.table-modern tbody tr:nth-child(odd) {
    background-color: var(--tbl-row-odd);
}

.table-modern tbody tr:nth-child(even) {
    background-color: var(--tbl-row-even);
}

/* الهيدر */
.table-modern thead th {
    font-weight: 600;
    color: var(--tbl-head-color);
    border-bottom: 2px solid var(--tbl-border);
}

/* =========================
       End Table  Style
    ========================= */