/* =========================================================
   PAL INVENTORY – Arabic / RTL Stylesheet  v2
   Font: Cairo (replaces NeoSans/DroidNaskh)
   Only RTL direction flips + font overrides go here.
   ========================================================= */

/* ── Cairo for everything in Arabic mode ── */
body,
.m-portlet__head-text,
.m-menu__link-text,
.table th,
.m-section__heading,
.m-tabs-line a.m-tabs__link,
.m-form__heading-title,
.btn,
.form-control,
.select2-selection__rendered,
.select2-results__option,
.modal-title,
.m-login__container,
.m-login__container .form-control,
.m-login__container #m_login_signin_submit {
    font-family: 'Cairo', sans-serif !important;
}

    .form-control::placeholder {
        font-family: 'Cairo', sans-serif !important;
    }

/* =========================================================
   RTL DIRECTION FIXES
   ========================================================= */

/* Select2 & toast direction */
.select2-selection__rendered,
.select2-results__option {
    direction: rtl !important;
}

.toast-message,
.toast-title {
    direction: ltr !important;
}

/* Tabs spacing */
.m-tabs-line .m-tabs__item {
    margin-left: 15px;
}

/* Login validation */
.m-login .label-danger.form-control-feedback {
    padding-right: 1.6rem;
}

/* ── Topbar dropdown arrows (RTL flip) ── */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    right: auto !important;
    left: 12.5px !important;
}

.m-dropdown.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow.m-dropdown__arrow--right,
.m-dropdown.m-dropdown--arrow .m-dropdown__arrow.m-dropdown__arrow--right {
    left: 21.5px !important;
    right: auto !important;
}

/* ── Checkbox transform ── */
.m-checkbox > span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ── Export button ── */
.oc-export-btn {
    left: 30px !important;
    right: auto !important;
    top: 16px !important;
}

/* ── Level-3 deep submenu ── */
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu .m-menu__subnav > .m-menu__item > .m-menu__submenu .m-menu__subnav > .m-menu__item > .m-menu__link {
    padding-right: 30px;
}

/* ── Notification menu ── */
.notif-menu {
    left: 60px;
    right: auto;
}

/* ── Multiselect ── */
.ui-multiselect ul.available li {
    padding-left: 0 !important;
    padding-right: 10px !important;
}

.ui-multiselect li a.action {
    right: auto !important;
    left: 2px !important;
}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
    left: auto !important;
    right: 2px !important;
}

.ui-multiselect .ui-state-default {
    padding-left: 0 !important;
    padding-right: 20px !important;
}

/* ── On-the-fly button ── */
.btnOnFlyAdd {
    right: auto !important;
    left: 16px !important;
}

/* ── Invoice footer ── */
.m-invoice-2 .m-invoice__wrapper .m-invoice__footer .m-invoice__table table tbody tr td {
    color: #4e4a72;
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Cairo', sans-serif !important;
}

    .m-invoice-2 .m-invoice__wrapper .m-invoice__footer .m-invoice__table table tbody tr td:last-child {
        font-size: 1.1rem;
    }

/* ── Widget checkbox ── */
.m-widget2 .m-widget2__item .m-widget2__checkbox {
    padding-right: 1.2rem;
}

.m-widget2 .m-widget2__item:before {
    right: 0.1rem;
}

.m-widget2__item-warp {
    padding-right: 4px;
}

/* ── e-treegrid ── */
.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
    overflow: initial !important;
}