@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200..700&display=swap');

/* Apply Readex Pro to Arabic content site-wide */
:lang(ar), [lang|="ar"], [lang="ar"] {
    font-family: 'Readex Pro', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}
:lang(ar) *, [lang|="ar"] *, [lang="ar"] * {
    font-family: 'Readex Pro', 'Segoe UI', Tahoma, Arial, sans-serif;
}
/* Apply Readex Pro for RTL documents even without lang="ar" */
[dir="rtl"], [dir="rtl"] * {
    font-family: 'Readex Pro', 'Segoe UI', Tahoma, Arial, sans-serif;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty
 {
    text-align: center;
    font-size: 0.8rem;
}
.dataTables_info, .dataTables_paginate {
    display: table-cell;
    width: 50%;
    float: left;
    padding-top: 10px;
    font-size: 0.8rem;
}
body{
    font-size: 0.8rem;
}
tbody {
    text-align: right;
}

.offset-md-2 {
    margin-right: 16.666667%;
        margin-left: 0;
}

.pull-left,
.float-left {
    float: right !important;
}

.pull-right,
.float-right {
    float: left !important;
}

.side-navbar {
    right: 0;
    text-align: right;
}

.right-sidebar {
    right: auto;
    left: 0;
    text-align: right;
}

nav.navbar .nav-item a i {
    margin-left: 10px;
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 10px;
}

.page {
    margin-left: 0;
    /* width: calc(100% - 230px); */
    float: left;
}

@media (max-width: 1199px) {
    .page, .page.active {
        width: 100%;
    }
}

.side-navbar li a[data-toggle="collapse"]::before {
    content: '\f105';
    left: 0;
    right: auto;
    transform: rotateY(180deg) translateY(-50%);
}
.side-navbar li a[aria-expanded=true]::before {
    content: '\f107';
}
.filter-toggle {
    float: left;
}

.dt-buttons {
    text-align: left;
}

.dt-buttons.btn-group > .btn {
    float: none !important;
}

.input-group > .input-group-append > .btn {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dataTables_length {
    text-align: right;
}

.modal-header .close {
    padding: 0;
    margin: 0;
}

.dataTables_info,
.dataTables_paginate {
    float: right;
    text-align: right;
}

ul.pagination {
    display: block;
}

ul.pagination li {
    float: left;
}

.dataTable .dropdown-menu {
    left: 0;
    right: auto;
    text-align: right;
}

.dropdown-menu.edit-options li .btn-link {
    text-align: right;
}

.modal-body {
    text-align: right;
}

.card-body {
    text-align: right;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
}

.bootstrap-select > .dropdown-toggle {
    padding-left: 25px;
}

.table-fixed tbody td, .table-fixed thead > tr > th {
    float: right;
}
.dropdown-menu {
    right: auto !important;
}
.dark-mode .datepicker  td, .dark-mode .datepicker th {
    color: wheat;
}
.dark-mode .datepicker  td:hover, .dark-mode .datepicker th:hover {
    color: rgb(37, 37, 37);
}
.right-sidebar.open{
    visibility: visible;
    min-width: 250px;
    height: auto;
    width: fit-content;
    top: 8%;left: 1%;
    right: auto;
}

/* RTL: move password eye toggle to the left for password visibility toggle on auth forms */
[dir="rtl"] #togglePassword {
    left: 10px !important;
    right: auto !important;
}
/* end password toggle RTL positioning */

/* Extend RTL positioning for other toggle icons on register/profile */
[dir="rtl"] #toggleRegisterPassword,
[dir="rtl"] #toggleRegisterPasswordConfirm,
[dir="rtl"] #toggleCurrentPass,
[dir="rtl"] #toggleNewPass,
[dir="rtl"] #toggleConfirmPass {
    left: 10px !important;
    right: auto !important;
}

/* RTL: align placeholders and input text to the right for auth material inputs */
[dir="rtl"] input.input-material {
    text-align: right;
}
[dir="rtl"] input.input-material::placeholder {
    text-align: right;
}
/* RTL: position material labels to the right */
[dir="rtl"] label.label-material {
    left: auto;
    right: 0;
    text-align: right;
}
.daterangepicker-field {
    direction: ltr;
}
.offset-1 {
    margin-right: 8.333333%;
    margin-left: 0;
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
        text-align: start;
    }
}
.card-header:first-child
 {
    text-align: start;
}
@media (min-width: 768px) {
    .offset-md-3 {
        margin-left: 0;
        margin-right: 25%;
    }
}
@media (min-width: 768px) {
    .offset-md-1 {
        margin-left: 0;
        margin-right: 8.333333%;
    }
}
.form-check-label {
    margin-bottom: 0;
    margin-right: 20px;
}