@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap');


@media (min-width: 992px) {

    html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main,
    html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer,
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main,
    html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
        margin-right: 200px;
        margin-left: initial;
    }

    .sidebar-minimized .sidebar .nav-link {
        position: relative;
        padding-right: 0;
        padding-left: initial;
        margin: 0;
        white-space: initial;
        border-left: 0;
    }

}

.modals {
    direction: ltr;
}

.rtl {
    direction: rtl !important;
    font-family: 'Cairo', sans-serif;
}

.rtl [type="checkbox"]:not(:checked),
.rtl [type="checkbox"]:checked {
    position: absolute;
    right: -9999px;
    left: initial;
}

.form-control {
    padding-left: 2.2rem !important;
    padding-right: initial !important;
    background-position: center left 0.52344rem !important;
}

.fa-pencil::before {
    content: "\f040";

}

.table-listing .row.no-gutters .btn {
    margin-left: 5px;
    margin-right: initial;
}

.card-footer {
    text-align: left;
}

.card-header>i {
    margin-left: 0.5rem;
    margin-right: initial;
}

.rtl .ml-md-auto,
.rtl .mx-md-auto {
    margin-right: auto !important;
    margin-left: initial !important;
    text-align: initial;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    padding-right: 1.95em;
    padding-left: initial;
    right: 0;
    left: initial;
}

.v--modal-overlay .v--modal-box,
.notification-title,
.vue-notification,
.vue-notification-template {
    text-align: right !important;
    direction: rtl;
}

/* .vue-notification-group {
    top: 0px !important;
    bottom: initial;
} */

.form-check-input {
    margin-left: -1.25rem;
    margin-right: initial;
}

.form-check-label {
    padding-right: 0.25rem;
    padding-left: initial;
}

[type="checkbox"]:not(:checked)+label::after,
[type="checkbox"]:checked+label::after {
    left: initial;
    right: 5px;
}

[type="checkbox"]:not(:checked)+label::before,
[type="checkbox"]:checked+label::before {
    left: initial;
    right: 0;
}

.rtl .main {
    margin-left: 0 !important;
    margin-right: 200px !important;
}

.rtl .sidebar .nav-link {
    text-align: right !important;
}

.rtl .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
    padding-left: 30px;
}

.rtl .sidebar .nav-title {
    text-align: right;
}


.rtl .text-md-right {
    text-align: left !important;
}

.rtl .card-footer {
    text-align: left;
}

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

.rtl .form-control {
    padding-right: 10px !important;
}

.rtl .card-header {
    text-align: right;
}

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

.rtl .app-header .navbar-nav .dropdown-menu-right {
    left: 0;
    right: auto;
}

.rtl .app-header .dropdown-item {
    text-align: right;
}

.rtl .dropdown-item i {
    margin-right: 0;
    margin-left: 0;
}

.rtl .has-success .form-control {
    background-position: left;
}

.rtl .form-check {
    text-align: right;
}

.rtl .form-check-label {
    padding-right: 1.25rem;
}

.rtl .form-group,
.rtl .card-title,
.rtl .card-title span,
.rtl .col {
    text-align: right;
}


 .btn:visited{
    color: #090808;
 }

 .pagination {
    text-align: right;
    float: left;
}

 .page-item:first-child .page-link{
    margin-left: initial;
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
 }

 .page-item:last-child .page-link {
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }