@font-face {
    font-family: "GretaArabic";
    src: url("../fonts/ar/Greta-Arabic-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .modal-content {
    direction: rtl;
    text-align: right;
    font-family: "GretaArabic", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .wrapper,
html[dir="rtl"] .kd-page-shell,
html[dir="rtl"] .kd-section-shell,
html[dir="rtl"] .kd-shell-sidebar,
html[dir="rtl"] .kd-topbar-shell,
html[dir="rtl"] .navbar,
html[dir="rtl"] .modal-content {
    direction: rtl;
}

@media (min-width: 1300px) {
    html[dir="rtl"] .content-page {
        margin-right: 260px;
        margin-left: 0;
    }

    html[dir="rtl"] body.sidebar-main .content-page {
        margin-right: 80px;
        margin-left: 0;
    }

    html[dir="rtl"] .iq-top-navbar {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] body.sidebar-main .iq-top-navbar {
        right: auto;
        left: 0;
    }
}

html[dir="rtl"] .iq-sidebar {
    right: 0;
    left: auto;
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.18);
}

html[dir="rtl"] .iq-top-navbar {
    right: auto;
    left: 0;
}

html[dir="rtl"] .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .mr-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

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

html[dir="rtl"] .dropdown-menu-right {
    right: auto;
    left: 0;
    text-align: right;
}

html[dir="rtl"] .kd-sidebar-brand,
html[dir="rtl"] .kd-sidebar-brand a,
html[dir="rtl"] .kd-sidebar-profile-top,
html[dir="rtl"] .kd-storage-head,
html[dir="rtl"] .kd-storage-scale,
html[dir="rtl"] .kd-storage-legend,
html[dir="rtl"] .kd-topbar-left,
html[dir="rtl"] .kd-topbar-right,
html[dir="rtl"] .kd-topbar-pill,
html[dir="rtl"] .kd-user-toggle,
html[dir="rtl"] .kd-user-menu-head,
html[dir="rtl"] .kd-user-menu-link,
html[dir="rtl"] .kd-header-actions,
html[dir="rtl"] .kd-header-meta,
html[dir="rtl"] .kd-section-head,
html[dir="rtl"] .kd-nav-link,
html[dir="rtl"] .kd-nav-link-main {
    direction: rtl;
}

html[dir="rtl"] .kd-nav-link {
    padding: 14px 16px 14px 14px;
}

html[dir="rtl"] .kd-nav-link:hover,
html[dir="rtl"] .kd-nav-link:focus {
    transform: translateX(-2px);
}

html[dir="rtl"] .kd-nav-trend {
    transform: scaleX(-1);
}

html[dir="rtl"] .kd-page-header::before {
    right: auto;
    left: -10px;
}

html[dir="rtl"] .kd-page-header::after {
    right: -20px;
    left: auto;
}

html[dir="rtl"] .kd-storage-progress-bar {
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .kd-cloud-item {
    overflow: visible;
}

html[dir="rtl"] .kd-cloud-item:has(.kd-cloud-menu[open]) {
    z-index: 40;
}

html[dir="rtl"] .kd-cloud-item-body,
html[dir="rtl"] .kd-cloud-menu-panel button,
html[dir="rtl"] .kd-cloud-menu-panel a {
    text-align: right;
}

html[dir="rtl"] .kd-cloud-menu-panel {
    right: auto;
    left: 0;
}

@media (max-width: 1299px) {
    html[dir="rtl"] .content-page {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .iq-sidebar.sidebar-default {
        right: 0;
        left: auto;
        transform: translateX(102%);
    }

    html[dir="rtl"] body.kd-sidebar-open .iq-sidebar.sidebar-default {
        transform: translateX(0);
    }
}