/*html, body {
    direction: rtl !important;
}

#blazor-error-ui {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    right: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
}

    #blazor-error-ui .dismiss {
        left: 0.75rem;
    }

.or .or-text {
    padding: 0 0.625rem 0px 0.625rem;
}

.info-message {
    padding: 0.625rem 1rem 0.625rem 1rem;
}

.nav.nav-main .nav-link::before {
    border-left: 0.15rem solid;
    border-color: transparent;
    transform: rotate(45deg);
}

.nav-parent.nav-expanded > div > .nav-link::before {
    transform: rotate(-45deg);
}

dxbl-popup-root {
    direction: rtl;
    text-align: right;
}

.dxbl-grid {
    direction: rtl;
}

.dxbl-grid-header {
    background-color: #6DCFF6 !important;
    color: white !important;
    text-align: center;
}


.dxbl-grid-table {
    direction: rtl;
    text-align: right;
}

.dxbl-pager {
    direction: rtl;
}

.dxbl-modal-content {
    direction: rtl;
}


.dxbl-menu.dxbl-menu-vertical .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container {
    margin-right: var(--dxbl-btn-image-spacing) !important;
    margin-left: auto !important;
}

.dxbl-drawer-left.dxbl-drawer > .dxbl-drawer-panel{
    left:auto;
    right:0px;
}

.dxbl-btn > .dxbl-image + *, .dxbl-btn > :not(.dxbl-image) + .dxbl-image:not(:first-child) {
    margin-left: 0;
    margin-right: var(--dxbl-btn-image-spacing);
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td, .dxbl-grid .dxbl-grid-table > tbody > tr > th, .dxbl-grid .dxbl-grid-table > tfoot > tr > td, .dxbl-grid .dxbl-grid-table > tfoot > tr > th, .dxbl-grid .dxbl-grid-table > thead > tr > td, .dxbl-grid .dxbl-grid-table > thead > tr > th {
    border-left-width: 0px !important;
    border-right-width: var(--dxbl-grid-border-width) !important;
}*/


html, body {
    direction: rtl;
    text-align: right;
}


.dx-blazor {
    direction: rtl;
}

.dxbl-window > .dxbl-window-dialog > .dxbl-window-body {
    direction: rtl;
    text-align: right;
}



dxbl-popup-root {
    direction: ltr;
    text-align: right;
}

.dxbl-grid {
    direction: rtl;
}

.dxbl-grid-header {
    background-color: #5f368d !important;
    color: white !important;
    text-align: center;
}


.dxbl-grid-table {
    direction: rtl;
    text-align: right;
}

.dxbl-pager {
    direction: rtl;
}

.dxbl-modal-content {
    direction: rtl;
}

.form {
    width: 100%;
    direction: rtl;
    text-align: right;
}


.largeform {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
    direction: rtl;
    text-align: right;
}

.span-two-columns {
    grid-column: 1 / 3; /* Starts at column 1, spans 2 columns */
}

.header .logo {
    float: right;
    margin: 5px 15px 0 0;
}

.header-right {
    float: left;
}

.notifications {
    margin: 4px 0 0 -10px;
}

    .notifications > li {
        margin: 0 0 10px 10px;
        float: right;
    }

    .notifications .text-5 {
        font-size: 14px !important;
        font-weight: bold !important;
        position: relative;
        top: 5px;
    }

.userbox {
    margin: 3px 0 0 17px;
}

    .userbox.show .dropdown-menu i {
        margin-right: inherit;
        margin-left: 3px;
    }

    .userbox.show .dropdown-menu a {
        text-align: right;
    }

    .userbox .profile-info {
        margin: -3px 10px 0 25px;
    }

.settings {
    margin: 3px 510px 0 48px;
    width: 500px;
}

.list-unstyled {
    padding-right: 0;
}

.sidebar-right {
    margin-left: -330px;
    left: 0;
}

.page-header h2 {
    float: right;
    margin: 0 -1px 0 0;
    padding: 0 20px 0 22px;
}

.fa-chevron-left:before {
    content: "\f054";
}

html.sidebar-right-opened .page-header .sidebar-right-toggle i:before {
    content: "\f053";
}

.notifications .notification-menu .notification-title {
    padding: 8px 12px 8px 6px;
}

    .notifications .notification-menu .notification-title .badge {
        float: left !important;
        margin-left: 5px;
    }

.notification-title, .notification-menu .title, .notification-menu .message {
    text-align: right;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    border-right: none;
    border-left: inherit;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    right: auto;
    left: 0;
}

ul.nav-main {
    margin-right: auto;
    margin-left: 5px;
}

.nav {
    padding-left: inherit;
    padding-right: 0;
}

html.no-overflowscrolling .nano > .nano-pane {
    right: auto;
    left: 0;
}

ul.nav-main > li.nav-active > a,
ul.nav-main > li.nav-active > .nav-link-container {
    box-shadow: -4px 0 0 #ffffff inset;
}

ul.nav-main li i {
    margin-right: inherit;
    margin-left: 0.5em;
}

ul.nav-main li.nav-parent > a:after,
ul.nav-main li.nav-parent .nav-link-container > a:after {
    right: inherit;
    left: 0;
}

html .scroll-to-top {
    right: inherit;
    left: 10px;
}

.nano-content {
    right: 0 !important;
}

html.no-overflowscrolling .nano > .nano-content {
    left: -17px !important;
}



ul.nav-main li .nav-children li a {
    padding: 6px 57px 6px 15px;
}

ul.nav-main li .nav-children .nav-children li a {
    padding: 6px 82px 6px 15px;
}

ul.nav-main li .nav-children .nav-children .nav-children li a {
    padding: 6px 97px 6px 15px;
}

.card-actions {
    right: inherit;
    left: 15px;
}

.header .toggle-sidebar-left {
    right: auto;
    left: 15px;
}

.notifications .notification-menu {
    right: inherit !important;
    left: 0 !important;
}

    .notifications .notification-menu:before {
        right: inherit;
        left: 16px
    }

    .notifications .notification-menu:before, .notifications .notification-icon:before {
        margin-right: inherit;
        margin-left: -3px;
    }

.input-group-icon .input-group-addon:last-child span.icon, .input-search .input-group-addon:last-child span.icon {
    left: 0;
    right: auto;
}

.input-group-icon input.form-control, .input-search input.form-control {
    padding-right: 16px;
    padding-left: 36px;
}

.checkbox-custom {
    padding: 0 25px 0 0;
}

.body-sign .card-sign .card-body {
    border-radius: 0 5px 5px 5px;
}

.checkbox-custom input[type="checkbox"] {
    left: inherit;
    right: 3px;
}

.checkbox-custom label:before {
    left: inherit;
    right: 0;
}

.checkbox-custom input[type="checkbox"]:checked + label:after {
    left: inherit;
    right: 0;
}

.radio-custom {
    padding: 0 25px 0 0;
}

    .radio-custom input[type="radio"] {
        left: inherit;
        right: 3px;
    }

    .radio-custom label:before {
        left: inherit;
        right: 0;
    }

    .radio-custom input[type="radio"]:checked + label:after {
        left: inherit;
        right: 4px;
    }

html.no-overflowscrolling .sidebar-left .nano {
    box-shadow: rgb(29 111 105) 5px 0px 0px inset;
}

@media only screen and (min-width: 768px) {
    html.fixed .sidebar-left {
        left: inherit;
        right: 0;
    }

    html.fixed .page-header {
        left: 0;
        right: 330px;
    }

    html.fixed.sidebar-left-sm .page-header {
        left: 0;
    }

    html.fixed .content-body {
        margin-left: inherit;
        margin-right: 330px;
    }

    html.fixed.sidebar-left-sm .content-body {
        margin-left: 0;
    }

    html.sidebar-right-opened .sidebar-right {
        margin-right: auto;
        margin-left: 0;
    }

    html.sidebar-right-opened .header {
        margin-left: 330px;
        margin-right: -330px;
    }

    html.fixed.sidebar-right-opened .page-header {
        margin-right: 0;
        right: 0;
        margin-left: 330px;
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: inherit;
        margin-right: 73px;
    }

    html.fixed.sidebar-left-collapsed .page-header {
        left: 0;
        right: 73px;
    }

    html.fixed.sidebar-right-opened .sidebar-left {
        left: inherit;
        right: -330px;
    }

    html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header {
        left: inherit;
        right: -330px;
    }

    html.fixed.sidebar-right-opened .content-body {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    html.csstransforms .sidebar-right {
        margin-right: inherit;
        margin-left: -25px;
    }

    .page-header .sidebar-right-toggle {
        right: inherit;
        left: 0;
    }

    .userbox {
        float: right;
        margin: 16px 12px 0 0;
    }

    .notifications {
        float: left;
        margin: 16px 0 0 8px !important;
    }

    .userbox.show .dropdown-menu {
        right: -5px !important;
        left: inherit;
    }

    .userbox:after {
        right: inherit;
        left: -45%;
    }

    .page-header {
        padding-right: inherit;
        padding-left: 80px;
    }

        .page-header h2 {
            margin: 0 -15px 0 0;
        }
}

.dt-buttons {
    display: inline;
    float: left;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
    padding-bottom: 10px;
}

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

.modal-header .close {
    margin: -15px auto -15px -15px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 0.5;
    color: #33353F;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-transform: none;
    margin: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
    right: inherit;
    left: 12px;
}

div.dataTables_wrapper div.dataTables_length label {
    text-align: right;
}

.modal-footer > :not(:last-child) {
    margin-right: inherit;
    margin-left: .25rem;
}

.modal-footer > :not(:first-child) {
    margin-left: inherit;
    margin-right: .25rem;
}

.table .actions a, .table .actions-hover a {
    margin-right: inherit;
    margin-left: 5px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead

.sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: inherit;
    left: 1em;
    /*    content: "\2372";*/
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: inherit;
    left: 0.5em;
    /*    content: "\2371";*/
}

.dataTables_wrapper .select2-container {
    margin-right: inherit;
    margin-left: 10px;
}

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

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

/*Sami Start Here*/

blockquote {
    border-left: inherit !important;
    border-right: 5px solid #82bc41 !important;
}

.input-group-addon:first-child {
    border-right: 1px solid #ccc !important;
    border-left: 0 !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-

btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/*
.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}
*/

.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.page-header .breadcrumbs li:last-child {
    margin: 0 0 0 15px;
}

.btn.btn-primary, .btn.btn-warning, .btn.btn-danger, .btn.btn-info, .btn.btn-success, .btn.btn-secondary, .btn.btn-quaternary {
    margin: 0px;
}

.infobox {
    width: 250px;
    background-color: rgba(255, 255, 204, 0.9);
    border: 1px #FFCC99 solid;
    border-radius: 5px;
    font: 12px "Cairo", sans-serif;
    text-align: justify;
    direction: rtl;
    display: none;
    box-shadow: 1px 1px 5px #CCC;
    position: relative;
    padding: 5px !important;
    margin: 0 !important;
    z-index: 999;
}

.infoIcon {
    float: right;
    cursor: help;
}

.removeIcon {
    float: left;
}

/*multiselect rtl*/
.dropdown-menu.show {
    right: inherit;
}

.multiselect-container > li > a > label {
    padding: 5px 12px 5px 20px;
    text-align: right;
}

button.multiselect {
    text-align: right;
}

.dropdown-toggle::after {
    left: 5px;
    right: inherit;
}

/*end of multiselect rtl*/

/* widget-summary custom style*/
.widget-summary .summary-icon {
    margin-right: 0px;
    margin-left: 15px;
}

.card-featured-left {
    border-left: none;
    border-right: 3px solid #CCC;
}

.page-header .breadcrumbs {
    float: left;
}


.copyright {
    border-radius: 0 15px 0 0;
    border-right: inherit !important;
    border-left: 5px solid;
}

/* jsTree custom rtl*/

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -66px -36px;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -130px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -98px -36px;
}

/*Table RTL style*/
.e-btn .e-btn-icon.e-icon-left, .e-css.e-btn .e-btn-icon.e-icon-left {
    margin-left: inherit;
    margin-right: -0.5em !important;
}

.e-checkbox-wrapper .e-frame + .e-label, .e-css.e-checkbox-wrapper .e-frame + .e-label {
    margin-left: inherit;
    margin-right: 8px !important;
}

.e-radio + label.e-right .e-label, .e-radio + label.e-rtl .e-label {
    padding-left: 24px;
}

.e-control, .e-css {
    font-size: 15px;
}

.modal-title {
    margin-top: 5px;
    line-height: 1.5;
}

form label {
    font-size: 15px;
}

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

.mr-1, .mx-1 {
    margin-right: inherit !important;
    margin-left: .25rem !important;
}

/*login RTL*/
/*Login*/

.input-group-addon {
    border-right: inherit !important;
    border-left: 0 !important;
}

/* .text-right {
    text-align: left !important;
}  */

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

.body-sign .card-sign .card-body {
    border-radius: 0 5px 0 0 !important;
}

/*multiselect syncfusion*/
.e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
    float: right;
}

.e-multi-select-wrapper .e-chips {
    float: right;
    margin: 2px 0 2px 4px;
}
/*form footer*/
.form-footer {
    text-align: left;
}

@media (min-width:1366px) {
    .widget-summary .summary-icon {
        margin-left: 10px;
        margin-right: -5px;
    }
}

/* Internal Portal RTL styles */

.float-end {
    float: left !important;
}

.float-start {
    float: right !important;
}

.text-end {
    text-align: left !important;
}

.text-start {
    text-align: right !important;
}

.widget-summary .summary-footer {
    text-align: left;
}

.dropdown-menu {
    text-align: right;
}

.widget-user-info .widget-user-info-header .widget-user-acrostic {
    right: inherit;
    left: 0;
    transform: translate3d(20px, 30%, 0);
}

ul.simple-post-list li .post-image {
    float: right;
    margin-right: inherit;
    margin-left: 12px;
}

ul.widget-todo-list li {
    padding: 15px 0 15px 15px;
}

    ul.widget-todo-list li .todo-actions {
        right: inherit;
        left: 0;
    }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: inherit;
    margin-right: -1px;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.user-initials {
    float: right;
    margin-right: inherit;
    margin-left: 10px;
}

.timeline.timeline-simple .tm-body:after {
    left: inherit;
    right: 30px;
}

.timeline .tm-body:after {
    left: inherit;
    margin-left: inherit;
    right: 140px;
    margin-right: -2px;
}

.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 55px 0 0;
}

    .timeline.timeline-simple .tm-body .tm-items > li:before {
        left: inherit;
        margin-left: inherit;
        right: 30px;
        margin-right: -4px;
    }

    .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
        left: inherit;
        right: -17px;
        border-right-color: inherit;
        border-left-color: #e9e9e9;
    }

.timeline .tm-items > li .tm-box:after {
    right: inherit;
    border-right-color: inherit;
    left: 100%;
    border-left-color: #fff;
}

.notification-menu .image {
    float: right;
    margin: 0 0 0 10px;
}

.userbox .dropdown-menu i {
    margin-right: inherit;
    margin-left: 3px;
}

select:not([multiple]) {
    background-position: calc(1.8em - 1em) center;
    padding-right: inherit;
    padding-left: 2em;
}

.alert-dismissible .btn-close {
    right: inherit;
    left: 0;
}

.alert-dismissible {
    padding-right: inherit;
    padding-left: 3rem;
}

.simple-todo-list {
    padding-right: 15px;
}

    .simple-todo-list li.completed:before {
        left: inherit;
        right: 0;
        font-size: .9em;
    }

    .simple-todo-list li {
        padding: 0 25px 4px 0;
    }

        .simple-todo-list li.completed {
            color: #766e64;
        }

.select2-container--bootstrap .select2-selection__clear {
    margin-right: inherit;
    margin-left: 10px;
}

.input-group .form-control.radius-50 {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}

@media only screen and (min-width: 768px) {
    html.fixed .inner-body {
        margin-left: inherit !important;
        margin-right: inherit !important;
        border-top: none !important;
        min-height: 50vh;
    }

    html.fixed .mailbox .mailbox-email-list {
        top: 70px;
    }
}

.mailbox .mailbox-email-list .col-sender {
    float: right;
}

.mailbox .mailbox-email-list .col-mail {
    right: 290px;
    left: 40px;
}

.mailbox .mailbox-email-list .col-sender p {
    left: 0;
    right: 80px;
}

.mailbox .mailbox-email-list .col-mail .mail-date {
    padding-left: inherit;
    right: auto;
    padding-right: 80px;
    left: 0;
}

.mailbox .mailbox-email-list .col-mail .mail-attachment {
    right: auto;
    left: 100px;
}

.mailbox .mailbox-email-list .col-mail .mail-content {
    left: 140px;
    right: 0;
}

.mailbox {
    margin-top: 8rem;
}



.mailbox-actions .dropdown-menu.show {
    right: 0 !important;
}

.accordion .card-header a {
    border-left: inherit !important;
    border-right: 5px solid #004971 !important;
}

.passwordEye {
    left: inherit !important;
    right: 92%;
}

.fa-angle-right:before {
    content: "\f104";
}

.fa-angle-left:before {
    content: "\f105";
}

.country-code option {
    direction: ltr !important;
}

FIELDSET {
    margin: 8px;
    border: 1px solid silver;
    padding: 8px;
    border-radius: 4px;
    direction: rtl;
}

LEGEND {
    padding: 2px;
}

/* Create the caret/arrow with a unicode, and style it */
.checkboxTree .caret::before {
    content: "+";
}

.checkboxTree .caret-down::before {
    content: "-";
}

.dxbl-btn > .dxbl-image + *, .dxbl-btn > :not(.dxbl-image) + .dxbl-image:not(:first-child) {
    margin-left: 0;
    margin-right: var(--dxbl-btn-image-spacing);
}



.custom-drop-zone {
    padding: 0 !important;
    border-style: dashed;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(183, 183, 183, 0.1);
}

    .custom-drop-zone.custom-drop-zone-hover {
        border-style: solid;
    }

    .custom-drop-zone svg {
        width: 42px;
        height: 42px;
    }

    .custom-drop-zone > *:not(#overviewDemoSelectButton) {
        pointer-events: none;
    }


.drop-file-icon {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: #ADB5BD;
    width: 48px;
    height: 48px;
    -webkit-mask-image: url("../images/icons/drop-file.svg");
    mask-image: url("../images/icons/drop-file.svg");
}

.drop-file-label {
    font-weight: 500;
    font-size: 1rem;
}


.DxCheck {
    display: flex;
    justify-content: flex-start;
}
.editForm-width {
    min-width: 800px;
}
/*.dxbl-btn-caption::before {
    content: "جديد";
    color: white;
    font-weight: bold;
}*/