@font-face {
    font-family: 'Vazir';
    src: url('/fonts/Vazir-Bold-FD.woff2') format('woff2'), url('/fonts/Vazir.woff') format('woff');
    font-weight: bold; /* چون فونت Bold است */
    font-style: normal;
}
html {
    font-size: 14px;
    direction: rtl;
    font-family: 'Vazir', Tahoma, sans-serif;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 60px;
    font-family: 'Vazir', Tahoma, sans-serif !important;
    direction: rtl;
    text-align: right;
}
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}
/* ===== استایل فوکوس برای دکمه‌ها و فرم‌ها ===== */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
/* ===== استایل placeholder در فرم‌های شناور ===== */
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}
/* ===== استایل جدول ===== */
/* سرتیتر جدول (th) */
#usersTable thead th {
    background-color: #428bca !important;
    color: white !important;
    vertical-align: middle !important;
    text-align: center !important;
}
    /* خمیده کردن گوشه‌های بالای جدول */
    #usersTable thead th:first-child {
        border-top-right-radius: 10px;
    }
    #usersTable thead th:last-child {
        border-top-left-radius: 10px;
    }
#rolesTable thead th {
    background-color: #428bca !important;
    color: white !important;
    vertical-align: middle !important;
    text-align: center !important;
}
    /* خمیده کردن گوشه‌های بالای جدول */
    #rolesTable thead th:first-child {
        border-top-right-radius: 10px;
    }
    #rolesTable thead th:last-child {
        border-top-left-radius: 10px;
    }
/* ردیف‌های داده (td) */
/* رنگ پس‌زمینه یکی در میان سفید و خاکستری */
table tbody tr:nth-child(odd) td {
    background-color: white;
    color: black !important;
}
table tbody tr:nth-child(even) td {
    background-color: #f2f2f2; /* خاکستری روشن */
    color: black !important;
}
/* وسط‌چین کردن عمودی و افقی سلول‌ها */
table td {
    vertical-align: middle !important;
    text-align: center !important;
}
    /* فقط برای td و th جدول */
    table td:focus,
    table th:focus {
        box-shadow: none !important;
        outline: none !important;
    }