/* Right-to-left overrides loaded only for RTL locales. */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !important; }

/* Bootstrap 4 physical spacing helpers. */
html[dir="rtl"] .ml-0 { margin-right: 0 !important; margin-left: initial !important; }
html[dir="rtl"] .ml-1 { margin-right: .25rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-2 { margin-right: .5rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-3 { margin-right: 1rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-5 { margin-right: 3rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-auto { margin-right: auto !important; margin-left: 0 !important; }
html[dir="rtl"] .mr-0 { margin-left: 0 !important; margin-right: initial !important; }
html[dir="rtl"] .mr-1 { margin-left: .25rem !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-2 { margin-left: .5rem !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-3 { margin-left: 1rem !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-5 { margin-left: 3rem !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-auto { margin-left: auto !important; margin-right: 0 !important; }
html[dir="rtl"] .pl-0 { padding-right: 0 !important; padding-left: initial !important; }
html[dir="rtl"] .pl-1 { padding-right: .25rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pl-2 { padding-right: .5rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pl-3 { padding-right: 1rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pl-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pl-5 { padding-right: 3rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pr-0 { padding-left: 0 !important; padding-right: initial !important; }
html[dir="rtl"] .pr-1 { padding-left: .25rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-2 { padding-left: .5rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-3 { padding-left: 1rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pr-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* Header: brand on the right, controls and menus on the left. */
html[dir="rtl"] .app-header .d-flex { flex-direction: row; }
html[dir="rtl"] .app-header .header-brand { text-align: right !important; }
html[dir="rtl"] .app-header .order-lg-2 {
    margin-right: auto !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .dropdown-menu-right {
    right: auto !important;
    left: 0 !important;
    text-align: right;
}
html[dir="rtl"] .dropdown-menu-arrow.dropdown-menu-right::before,
html[dir="rtl"] .dropdown-menu-arrow.dropdown-menu-right::after {
    right: auto;
    left: 12px;
}
html[dir="rtl"] .dropdown-toggle::after {
    margin-right: .255em;
    margin-left: 0;
}

/* Horizontal navigation and nested menus. */
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list { text-align: right; }
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li { float: right; }
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > a {
    border-right: 1px solid #eff0f6;
    border-left: 0;
}
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li:last-child > a {
    border-left: 1px solid #eff0f6;
}
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > a i {
    margin-right: 0;
    margin-left: 10px;
}
html[dir="rtl"] .horizontalMenu .horizontal-icon { margin-left: 0; margin-right: 10px; }
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu,
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    right: 0;
    left: auto;
    text-align: right;
}
html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
    right: 100%;
    left: auto;
}

@media (min-width: 992px) {
    html[dir="rtl"] .horizontal-main,
    html[dir="rtl"] .horizontal-mainwrapper,
    html[dir="rtl"] .horizontalMenu,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list {
        overflow: visible;
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li {
        position: relative;
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li:hover {
        z-index: 1100;
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        top: calc(100% - 1px);
        right: 0;
        left: auto;
        z-index: 1100;
        pointer-events: none;
        transform-origin: top right;
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li:focus-within > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        top: -1px;
        right: calc(100% - 1px);
        left: auto;
        pointer-events: none;
        transform-origin: top right;
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:focus-within > ul.sub-menu,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:focus-within > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub::after {
        right: auto;
        left: 14px;
        transform: scaleX(-1);
    }
}

/* Forms, input groups, Select2, tables and pagination. */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .form-control,
html[dir="rtl"] .select2-container,
html[dir="rtl"] .select2-results,
html[dir="rtl"] .select2-selection { text-align: right; }
html[dir="rtl"] .input-group > .form-control:not(:last-child) {
    border-radius: 0 .25rem .25rem 0;
}
html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-addon:last-child {
    border-radius: .25rem 0 0 .25rem;
}
html[dir="rtl"] .custom-control { padding-right: 1.5rem; padding-left: 0; }
html[dir="rtl"] .custom-control-label::before,
html[dir="rtl"] .custom-control-label::after { right: -1.5rem; left: auto; }
html[dir="rtl"] .table th,
html[dir="rtl"] .table td { text-align: right; }
html[dir="rtl"] .dataTables_wrapper .dataTables_filter,
html[dir="rtl"] .ajax-table-search { float: left; text-align: left; }
html[dir="rtl"] .dataTables_wrapper .dataTables_length,
html[dir="rtl"] .dataTables_wrapper .dataTables_info { float: right; text-align: right; }
html[dir="rtl"] .pagination { padding-right: 0; }

/* Cards, lists, modals, alerts and icons. */
html[dir="rtl"] .list-group,
html[dir="rtl"] .card,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .alert { text-align: right; }
html[dir="rtl"] .modal-header .close,
html[dir="rtl"] .alert .close {
    margin: -1rem auto -1rem -1rem;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: .5rem;
    padding-right: 0;
}
html[dir="rtl"] .fa-angle-right::before { content: "\f104"; }
html[dir="rtl"] .fa-angle-left::before { content: "\f105"; }

@media (max-width: 991px) {
    html[dir="rtl"] .horizontalMenu {
        right: 0;
        left: auto;
    }
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list {
        margin-right: -240px;
        margin-left: 0;
    }
    html[dir="rtl"] body.active .horizontalMenucontainer {
        margin-right: 240px;
        margin-left: 0;
    }
    html[dir="rtl"] body.active .horizontalMenu > .horizontalMenu-list {
        margin-right: 0;
        border-right: 0;
        border-left: 1px solid #eff0f6;
    }
    html[dir="rtl"] .overlapblackbg {
        right: 240px;
        left: 0;
    }
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
        right: auto;
        left: 0;
    }
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
        float: left;
        margin-right: 0;
        margin-left: 10px;
    }
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        right: auto;
        padding: 0 25px 0 0;
    }
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li,
    html[dir="rtl"] .horizontalMenu > .horizontalMenu-list > li > a {
        float: none;
        text-align: right;
    }
}