/*
 * MailFlow - right-to-left overrides for AdminLTE 2.3.x, loaded after bootstrap-rtl.min.css
 * when the interface language is Arabic (see MailflowLanguagesExt::_registerStyles).
 */

html[dir="rtl"] body {
    font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", "Helvetica Neue", Arial, sans-serif;
}

/* header */
html[dir="rtl"] .main-header .logo { float: right; }
html[dir="rtl"] .main-header .navbar { margin-left: 0; margin-right: 230px; }
html[dir="rtl"] .main-header .sidebar-toggle { float: right; }
html[dir="rtl"] .main-header .navbar-custom-menu,
html[dir="rtl"] .main-header .navbar-right { float: left; }
html[dir="rtl"] .navbar-nav > .user-menu > .dropdown-menu,
html[dir="rtl"] .navbar-nav > .notifications-menu > .dropdown-menu,
html[dir="rtl"] .navbar-nav > .messages-menu > .dropdown-menu { left: 0; right: auto; }

/* sidebar on the right */
html[dir="rtl"] .main-sidebar,
html[dir="rtl"] .left-side { left: auto; right: 0; }
html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .right-side,
html[dir="rtl"] .main-footer { margin-left: 0; margin-right: 230px; }
html[dir="rtl"] .sidebar-menu > li > a > .fa,
html[dir="rtl"] .sidebar-menu > li > a > .glyphicon,
html[dir="rtl"] .sidebar-menu > li > a > .ion { margin-left: 5px; margin-right: 0; }
html[dir="rtl"] .sidebar-menu li > a > .pull-right,
html[dir="rtl"] .sidebar-menu li > a > .pull-right-container,
html[dir="rtl"] .sidebar-menu li > a > .fa-angle-left { float: left; }
html[dir="rtl"] .sidebar-menu li > a > .fa-angle-left { transform: rotate(180deg); }
html[dir="rtl"] .sidebar-menu li.active > a > .fa-angle-left { transform: rotate(-90deg); }
html[dir="rtl"] .sidebar-menu .treeview-menu { padding-left: 0; padding-right: 5px; }
html[dir="rtl"] .sidebar-menu .treeview-menu > li > a > .fa { margin-left: 5px; margin-right: 0; }
html[dir="rtl"] .user-panel > .image { float: right; }
html[dir="rtl"] .user-panel > .info { left: auto; right: 55px; }

@media (min-width: 768px) {
    html[dir="rtl"] .sidebar-collapse .content-wrapper,
    html[dir="rtl"] .sidebar-collapse .right-side,
    html[dir="rtl"] .sidebar-collapse .main-footer { margin-right: 0; }
    html[dir="rtl"] .sidebar-collapse .main-sidebar,
    html[dir="rtl"] .sidebar-collapse .left-side { transform: translate(230px, 0); }
    html[dir="rtl"] .sidebar-mini.sidebar-collapse .content-wrapper,
    html[dir="rtl"] .sidebar-mini.sidebar-collapse .right-side,
    html[dir="rtl"] .sidebar-mini.sidebar-collapse .main-footer { margin-left: 0 !important; margin-right: 50px !important; }
    html[dir="rtl"] .sidebar-mini.sidebar-collapse .main-sidebar { transform: translate(0, 0); }
    html[dir="rtl"] .sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 0; margin-right: 50px; }
}

@media (max-width: 767px) {
    html[dir="rtl"] .main-header .navbar { margin-right: 0; }
    html[dir="rtl"] .content-wrapper,
    html[dir="rtl"] .right-side,
    html[dir="rtl"] .main-footer { margin-right: 0; }
    html[dir="rtl"] .main-sidebar,
    html[dir="rtl"] .left-side { transform: translate(230px, 0); }
    html[dir="rtl"] .sidebar-open .main-sidebar,
    html[dir="rtl"] .sidebar-open .left-side { transform: translate(0, 0); }
    html[dir="rtl"] .sidebar-open .content-wrapper,
    html[dir="rtl"] .sidebar-open .right-side,
    html[dir="rtl"] .sidebar-open .main-footer { transform: translate(-230px, 0); }
}

/* boxes, tables, forms */
html[dir="rtl"] .box-header > .box-tools { left: 10px; right: auto; }
html[dir="rtl"] .box-header > .fa,
html[dir="rtl"] .box-header > .glyphicon,
html[dir="rtl"] .box-header > .ion,
html[dir="rtl"] .box-header .box-title { margin-left: 5px; margin-right: 0; }
html[dir="rtl"] .content-header > .breadcrumb { left: 10px; right: auto; }
html[dir="rtl"] .table > thead > tr > th,
html[dir="rtl"] .table > tbody > tr > td { text-align: right; }
html[dir="rtl"] .small-box .icon { left: 10px; right: auto; }
html[dir="rtl"] .info-box-icon { float: right; }
html[dir="rtl"] .info-box-content { margin-left: 0; margin-right: 90px; }