/*
 * Right-To-Left (RTL) Support
 * ----------
 */
@import url('https://fonts.googleapis.com/css?family=Cairo');

h1, h2, h3, h4, h5, h6, span, a, th, td, tr, btn, p, strong, div, button {
    font-family: Cairo !important;
}

/*login page*/
[dir="rtl"] body.login .logo-title-container {
    right: 30px;
    left: auto;
}

[dir="rtl"] body.login .copy h1 {
    margin: 20px 14px 0 0;
}

[dir="rtl"] body.login .copy p {
    right: 15px;
    left: auto;
}

[dir="rtl"] body.login .login-container p {
    text-align: right;
}

/*other app pages*/

[dir="rtl"] .site-footer-right {
    text-align: left;
    padding-left: 20px;
}

[dir="rtl"] .side-body > .language-selector {
    float: left !important;
    padding: 28px 0 0 15px;
}

[dir="rtl"] .voyager div.dataTables_paginate li.next a::after,
[dir="rtl"] .voyager div.dataTables_paginate li.previous a::before {
    content: none;
}

[dir="rtl"] .voyager div.dataTables_paginate li.previous a::before {
    content: "\e046";
    font-family: Voyager;
    right: 10px;
    left: auto;
}

[dir="rtl"] div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a {
    padding-right: 24px;
    padding-left: 10px;
}

[dir="rtl"] div.dataTables_paginate li.last > a, div.dataTables_paginate li.next > a {
    padding-left: 24px;
    padding-right: 10px;
}

[dir="rtl"] .voyager div.dataTables_paginate li.next a::after {
    content: "\e039";
    font-family: Voyager;
    left: 10px;
    right: auto;
}

[dir="rtl"] .dropdown-menu > li > form .voyager-power {
    float: right;
}

[dir="rtl"] .dropdown-menu > li > a i {
    float: right;
    padding-left: 10px;
}

/*imported and validated with v 1.0*/
[dir="rtl"] .app-container .content-container .navbar-top .hamburger {
    float: right;
}

[dir="rtl"] .breadcrumb > li + li:before {
    display: none;
}

[dir="rtl"] .breadcrumb li + li:after {
    padding: 0 5px;
}

[dir="rtl"] .breadcrumb > li + li:after {
    font-family: Voyager;
    content: '\e039';
    position: relative;
    top: 1px;
    margin-left: 3px;
}


/*imported from v0.11*/
[dir="rtl"] .navbar {
    padding-left: 0px;
    padding-right: 60px;
}

[dir="rtl"] .app-container .side-body {
    margin-left: 15px;
    margin-right: 75px;
}

[dir="rtl"] .navbar-header {
    float: right;
}

[dir="rtl"] .app-container.expanded .content-container .navbar-top {
    padding-left: 0px;
    padding-right: 250px;
}

[dir="rtl"] #sidebar-anchor {
    margin-left: 10px;
    margin-right: auto;
    float: right;
}

[dir="rtl"] .app-container .content-container .side-menu .navbar, .nav.navbar-nav {
    padding-right: 0px;
}

[dir="rtl"] table th {
    text-align: right;
}

[dir="rtl"] table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    right: unset;
    left: 4px;
}

[dir="rtl"] .dataTables_length {
    float: left
}

[dir="rtl"] .app-container .content-container .side-menu {
    right: 0;
}

[dir="rtl"] .page-title {
    padding-right: 25px
}

[dir="rtl"] .page-title > i {
    position: unset;
    margin-right: unset;
    font-size: 36px;
    margin-left: 10px;
    float: right;
}

[dir="rtl"] .page-title .btn.btn-success {
    left: unset;
    right: 15px;
}

[dir="rtl"] .dropdown-menu.dropdown-menu-animated {
    position: absolute !important;
}

[dir="rtl"] .navbar-nav.navbar-right, .navbar-nav.navbar-left {
    right: unset;
    left: 10px;
}

[dir="rtl"] .app-container .side-menu .panel.widget .avatar {
    float: right;
    margin-left: 0px;
    margin-right: 10px;
}

[dir="rtl"] .app-container .side-menu .panel.widget h4 {
    float: right;
    text-align: right;
    right: 56px;
    left: auto;
}

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

[dir="rtl"] .app-container.expanded .side-body {
    margin-right: 235px;
}

[dir="rtl"] .panel-title {
    padding: 20px 30px;
    padding-right: 15px;
    text-align: right;
}

[dir="rtl"] .panel-actions {
    left: 30px;
    right: unset !important;
}

[dir="rtl"] code {
    direction: ltr;
    display: inline-block;
}

[dir="rtl"] .pull-right {
    float: left !important;
}

[dir="rtl"] .delete, [dir="rtl"] .edit {
    margin-right: 5px;
    margin-left: auto;
}

[dir="rtl"] .app-container .content-container .side-menu .navbar-nav li.dropdown > a:after {
    right: auto !important;
    left: 1em;
}

[dir="rtl"] .dd .item_actions {
    right: auto;
    left: 10px;
}

[dir="rtl"] .dd .dd-handle .url {
    display: inline-block;
}

[dir="rtl"] .panel-actions .voyager-trash, [dir="rtl"] .voyager-sort-desc, [dir="rtl"] .voyager-sort-asc {
    display: inline-block;
}

[dir="rtl"] .voyager-sort-desc {
    margin-left: 10px;
    margin-right: auto;
}

[dir="rtl"] .database-tables .name {
    float: right;
}

[dir="rtl"] .database-tables .voyager-bread {
    margin-right: 10px;
    margin-left: auto;
    right: 100%;
    left: auto;
}

[dir="rtl"] .database-tables .actions .btn-warning, [dir="rtl"] .database-tables .actions .btn-primary {
    margin-left: 10px !important;
    margin-right: auto !important;
}

[dir="rtl"] .toast-top-right {
    top: 12px;
    right: auto;
    left: 12px;
}

[dir="rtl"] #toast-container > div {
    background-position: calc(100% - 15px) center;
    padding: 15px 50px 15px 15px;
}

[dir="rtl"] .dropdown-menu > li > a {
    text-align: right;
}

[dir="rtl"] .navbar .dropdown.profile .dropdown-menu li.profile-img img.profile-img {
    float: right;
    margin-right: auto;
    margin-left: 10px;
}

[dir="rtl"] .navbar .dropdown.profile .dropdown-menu h5, [dir="rtl"] .navbar .dropdown.profile .dropdown-menu h6 {
    float: right;
}

[dir="rtl"] .breadcrumb-container .toggle {
    float: left;
    right: auto;
    left: 5px;
}

[dir="rtl"] .breadcrumb-container .toggle span {
    float: right;
    left: 10px;
    right: auto;
}

[dir="rtl"] .breadcrumb-container .toggle i {
    float: left;
    margin-right: auto;
    margin-left: 5px;
    top: -8px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

[dir="rtl"] .detail_info h4 {
    float: right;
    margin-right: auto;
    margin-left: 8px;
}

[dir="rtl"] .detail_info p {
    float: right;
    color: #444;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: 400;
}

[dir="rtl"] .file_link .link_icon {
    margin-left: 5px;
    margin-right: 0;
}

@media (min-width: 992px) {
    [dir="rtl"] .col-md-1, [dir="rtl"] .col-md-10, [dir="rtl"] .col-md-11,
    [dir="rtl"] .col-md-12, [dir="rtl"] .col-md-2, [dir="rtl"] .col-md-3,
    [dir="rtl"] .col-md-4, [dir="rtl"] .col-md-5, [dir="rtl"] .col-md-6,
    [dir="rtl"] .col-md-7, [dir="rtl"] .col-md-8, [dir="rtl"] .col-md-9 {
        float: right;
    }
}


[dir="rtl"] .app-container .content-container .navbar-top,
[dir="rtl"] .app-container .side-body,
[dir="rtl"] .app-container.expanded .content-container .navbar-top {
    height: 60px;
}

[dir="rtl"] .voyager .navbar .navbar-nav .dropdown-menu,
[dir="rtl"] .voyager .navbar.navbar-default .navbar-nav .dropdown-menu {
    background-color: #fff;
    display: block;
    position: absolute !important;
    left: 0;
    right: auto;
}


[dir="rtl"] .voyager .navbar.navbar-default > .container-fluid:after,
[dir="rtl"] .voyager .navbar > .container-fluid {
    border-bottom: 0;
    width: 99.5%;
    height: 1px;
}


/******** New ********/
[dir="rtl"] .database-tables .name a {
    float: right;
}

[dir="rtl"] .app-container .side-body .container-fluid {
    padding-left: 0;
    padding-right: 15px;

}

[dir="rtl"] .table.dataTable tbody td,
table.dataTable tbody th {
    padding: 8px 18px
}

[dir="rtl"] .btn-group-sm > .btn i, .btn-sm i {
    top: 3px
}

[dir="rtl"] .glyphicon-list::before {
    font-family: voyager !important;
}


[dir="rtl"] .ps.ps--active-y > .ps__scrollbar-y-rail {
    right: auto !important;
    left: 0;
}

[dir="rtl"] .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    right: auto !important;
    left: 2px;
}

[dir="rtl"] .hamburger.is-active .hamburger-inner:before {
    transform: translate3d(5px, 1px, 0) rotate(45deg) scaleX(.5);
}

[dir="rtl"] .hamburger.is-active .hamburger-inner:after {
    transform: translate3d(5px, -1px, 0) rotate(-45deg) scaleX(.5);
}

[dir="rtl"] .dd-list .dd-list {
    padding-left: unset;
    padding-right: 30px;
}