/*
 * Right-To-Left (RTL) Support
 * ----------
 */

/*
@import url('https://fonts.googleapis.com/css?family=Tajawal'); 

body,html{font-family:'Tajawal', sans-serif !important}
body,h1,h2,h3,h4,h5,h6{font-family:'Tajawal', sans-serif !important}
*/


@font-face{
font-family:HelveticaNeueLTArabicLight;
src:url(voyager-assets?path=fonts/fonts/HelveticaNeueLTArabicLight.eot);
src:url(voyager-assets?path=fonts/fonts/HelveticaNeueLTArabicLight.eot) format("embedded-opentype"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueLTArabicLight.woff2) format("woff2"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueLTArabicLight.woff) format("woff"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueLTArabicLight.ttf) format("truetype"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueLTArabicLight.svg#HelveticaNeueLTArabicLight) format("svg")}
@font-face{font-family:HelveticaNeueW23Bd;
src:url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Bd.eot);
src:url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Bd.eot) format("embedded-opentype"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Bd.woff2) format("woff2"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Bd.woff) format("woff"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Bd.ttf) format("truetype"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Bd.svg#HelveticaNeueW23Bd) format("svg")}
@font-face{font-family:HelveticaNeueW23Reg;
src:url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Reg.eot);
src:url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Reg.eot) format("embedded-opentype"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Reg.woff2) format("woff2"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Reg.woff) format("woff"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Reg.ttf) format("truetype"),
url(voyager-assets?path=fonts/fonts/HelveticaNeueW23Reg.svg#HelveticaNeueW23Reg) format("svg")
}
body,h1,h2,h3,h4,h5,h6,span{
    font-family: HelveticaNeueW23Reg !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 {
    font-family: Voyager;
    content: '\e039';
    position: relative;
    top: 1px;
    margin-left: 3px;
}

[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;
}


/** Added By Mohamed Hassan **/

[dir="rtl"] #bulk_delete_btn, .btn-add-new {
    float:  left !important;
    margin-top:  25px !important;
}

[dir="rtl"] .btn-add-new {    
    margin-right:  10px !important;
}


[dir="rtl"] .dataTables_wrapper .dataTables_paginate {
    float: left;
}

[dir="rtl"] .dataTables_wrapper .dataTables_info {
    float: right;
}

[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: right;
}

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


.dataTables_wrapper .dataTables_filter input {
    margin-right: .5em;
}

[dir="rtl"] .breadcrumb a{
    font-family: HelveticaNeueW23Reg !important;
}

[dir="rtl"] body.login .login-container {
    position: absolute;
    z-index: 10;
    width: 100%;
    padding: 30px;
    top: 50%;
    margin-top: -90px;
}