/* site_rtl.css */
html[data-dir="rtl"], body[data-dir="rtl"], .erp-body[data-dir="rtl"] {
    direction: rtl;
    overflow: auto;
    text-align: right !important;
}
.searchable[data-dir="rtl"] {
    direction: rtl;
}
.login-container[data-dir="rtl"] {
    direction: rtl;
}
/* Apply RTL to all relevant elements */
.container[data-dir="rtl"] {
    direction: rtl;
    text-align: right;
}

.header[data-dir="rtl"], .footer[data-dir="rtl"] {
    direction: rtl;
    text-align: right;
}

.sidebar[data-dir="rtl"] {
    direction: rtl;
    text-align: right;
    right: 0 !important;
}
.sidebar[data-dir="ltr"] {
    direction: ltr;
    text-align: left;
    left: 0;
}

/* Additional RTL-specific styling */
.float-right[data-dir="rtl"] {
    float: left;
}

.float-left[data-dir="rtl"] {
    float: right;
}

/* Adjust margins and paddings */
.margin-left[data-dir="rtl"] {
    margin-right: 1rem;
}

.margin-right[data-dir="rtl"] {
    margin-left: 1rem;
}

.padding-left[data-dir="rtl"] {
    padding-right: 1rem;
}

.padding-right[data-dir="rtl"] {
    padding-left: 1rem;
}

#blazor-error-ui[data-dir="rtl"] {
    right: 0 !important;
}



/*==================end default code==============================*/


[data-dir="rtl"] .sidebar.close .sidebar-list li .submenu {
    right: 100% !important;
}

[data-dir="rtl"] .sidebar.close .sidebar-list li:hover .submenu {
    right: 100% !important;
}

[data-dir="rtl"] .home {
    right: 280px !important;
}

[data-dir="rtl"] .sidebar.close ~ .home {
    right: 80px !important;
}

[data-dir="rtl"] .table-container .table-row .column-cell {
    float: right !important;
}

[data-dir="rtl"] .editProduct,
[data-dir="rtl"] .productExist {
    right: 0 !important;
    left: 0 !important;
}

    [data-dir="rtl"] .editProduct .edit-frame .edit-action .btn-success {
        float: left !important;
    }

    [data-dir="rtl"] .editProduct .form-container span label {
        padding-left: 10px !important;
        padding-right: 0px !important;
    }

    [data-dir="rtl"] .productExist .messageContainer .btn-success {
        float: left !important;
    }

[data-dir="rtl"] .actions button {
    margin-left: 5px !important;
    margin-right: 0px !important;
}

[data-dir="rtl"] .erp-main {
    right: 280px !important;
}

    [data-dir="rtl"] .erp-main.close {
        right: 0px !important;
    }

[data-dir="rtl"] .sidebar.close {
    right: 0px !important;
}

[data-dir="rtl"] .dropdown-button {
    left: 5px !important;
}


/* ============ Responsive / Breakpoints ========== */
@media (max-width: 1080px) {
}

/* For Medium Devices */
@media (max-width: 774px) {
}

@media (max-width: 560px) {
}

/* For Small Devices */
@media (max-width: 360px) {
}