@import url('https://fonts.googleapis.com/css?family=Almarai:200,300,400,500,700,800,900&subset=arabic');

body {
    direction: rtl; text-align: right;
}
body, .header, h1, h2, h3, h4, h5, h6, p {
    font-family: Almarai;
}
.layout-fixed .main-sidebar {
    left: initial;
    right: 0;
}
.brand-link .brand-image {
    float: right;
    margin-left: .5rem;
    margin-right: .8rem;
}
.nav {
    padding-right: 0;
}
.navbar-nav {
    padding-right: 0;
}
.nav-flat .nav-item>.nav-link>.nav-icon {
    margin-left: initial;
    margin-right: .55rem;
}
.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
    right: initial;
    left: 1rem;
}
.text-right {
    text-align: left !important;
}  
.text-left {
    text-align: right !important;
}  
.float-right {
    float: left !important;
} 
.float-left {
    float: right !important;
} 
.ml-auto, .mx-auto {
    margin-left: initial !important;
    margin-right: auto !important;
}
.close, .mailbox-attachment-close {
    float: left;
}
.alert .icon {
    margin-right: initial;
    margin-left: 10px;
}
.alert-dismissible .close, .alert-dismissible .mailbox-attachment-close {
    right: initial;
    left: 0;
}
.alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem;
}
.small-box .icon>i {
    right: initial;
    left: 15px;
}
.dropdown-menu {
    left: initial;
    right: 0;
    float: right;
    text-align: right;
}
.dropdown-menu-right {
    right: auto;
    left: 0;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-left: initial !important;
        margin-right: 4.6rem !important;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        transition: margin-right .3s ease-in-out;
        margin-left:initial;
        margin-right: 250px;
    }
}
@media (min-width: 576px) {
    .float-sm-right {
        float: left !important;
    }
}