/* RTL Sidebar and Topbar Fix - High Priority */

/* RTL Styles - Sidebar on RIGHT */
html[dir="rtl"] .vertical-menu,
[dir="rtl"] .vertical-menu,
html[dir="rtl"] body .vertical-menu,
body[dir="rtl"] .vertical-menu,
html[dir="rtl"] #layout-wrapper .vertical-menu {
    left: auto !important;
    right: 0 !important;
    border-right: 1px solid #eff0f2 !important;
    border-left: none !important;
    direction: rtl !important;
}

html[dir="rtl"] .main-content,
[dir="rtl"] .main-content,
html[dir="rtl"] body .main-content,
body[dir="rtl"] .main-content,
html[dir="rtl"] #layout-wrapper .main-content {
    margin-left: 0 !important;
    margin-right: 270px !important;
    direction: rtl !important;
}

html[dir="rtl"] .vertical-menu-btn,
[dir="rtl"] .vertical-menu-btn,
html[dir="rtl"] body .vertical-menu-btn,
body[dir="rtl"] .vertical-menu-btn {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] #page-topbar,
[dir="rtl"] #page-topbar,
html[dir="rtl"] .navbar-header,
[dir="rtl"] .navbar-header,
html[dir="rtl"] body #page-topbar,
body[dir="rtl"] #page-topbar,
html[dir="rtl"] #layout-wrapper #page-topbar {
    left: 0 !important;
    right: 270px !important;
    direction: rtl !important;
}

html[dir="rtl"] .footer,
[dir="rtl"] .footer,
html[dir="rtl"] body .footer,
body[dir="rtl"] .footer {
    left: 0 !important;
    right: 270px !important;
    direction: rtl !important;
}

html[dir="rtl"] #sidebar-menu,
[dir="rtl"] #sidebar-menu {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] #sidebar-menu .menu-item,
[dir="rtl"] #sidebar-menu .menu-item {
    text-align: right !important;
}

html[dir="rtl"] .topbar,
[dir="rtl"] .topnav {
    direction: rtl !important;
}

/* LTR Styles - Sidebar on LEFT */
html[dir="ltr"] .vertical-menu,
[dir="ltr"] .vertical-menu,
html[dir="ltr"] body .vertical-menu,
body[dir="ltr"] .vertical-menu {
    left: 0 !important;
    right: auto !important;
    border-right: 1px solid #eff0f2 !important;
    border-left: none !important;
    direction: ltr !important;
}

html[dir="ltr"] .main-content,
[dir="ltr"] .main-content,
html[dir="ltr"] body .main-content,
body[dir="ltr"] .main-content {
    margin-left: 270px !important;
    margin-right: 0 !important;
    direction: ltr !important;
}

html[dir="ltr"] .vertical-menu-btn,
[dir="ltr"] .vertical-menu-btn {
    right: 0 !important;
    left: auto !important;
}

html[dir="ltr"] #page-topbar,
[dir="ltr"] #page-topbar,
html[dir="ltr"] .navbar-header,
[dir="ltr"] .navbar-header {
    left: 270px !important;
    right: 0 !important;
    direction: ltr !important;
}

html[dir="ltr"] .footer,
[dir="ltr"] .footer {
    left: 270px !important;
    right: 0 !important;
    direction: ltr !important;
}

html[dir="ltr"] #sidebar-menu,
[dir="ltr"] #sidebar-menu {
    direction: ltr !important;
    text-align: left !important;
}

html[dir="ltr"] #sidebar-menu .menu-item,
[dir="ltr"] #sidebar-menu .menu-item {
    text-align: left !important;
}

html[dir="ltr"] .topbar,
[dir="ltr"] .topnav {
    direction: ltr !important;
}