.ml-auto {
    margin-left: initial !important;
    margin-right: auto !important;
}
.border-end {
    border-right:0;
    border-left: 1px solid #d2d6de
}

.border-st {
    border-left:0;
    border-right: 1px solid #d2d6de
}
/*=====================================================
    Border
=======================================================*/
.BorderLeftStyle {
    border-left: 0px solid #ccc;
    border-right: 1px solid #ccc;
}

.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {
    margin-left: initial;
    margin-right: 0
}


.layoutoverlay .quick-links ul li:not(:last-child):before {
    right: auto;
    left: -12px;
}
/*Sidebar right*/

        .control-colortheme li .fa {
            margin-right: initial;
            margin-left: -47px;
        }
.control-sidebar-bg, .control-sidebar {
    transition: left .3s ease-in-out
}
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg {
        right: auto;
        left:0;
    }

    @media (max-width: 767px) {
        .content-wrapper, .right-side, .main-footer {
        margin-left: initial;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: initial;
        margin-right: 0
    }
}

.main-header .navbar {
    margin-left: initial;
    margin-right: 230px;
}

.layout-top-nav .main-header .navbar {
    margin-left: initial;
    margin-right: 0
}

.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: left
}



.main-header .sidebar-toggle {
    float: right;
}

.main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion {
    margin-right: initial;
    margin-left: 5px
}

.main-header .navbar .nav > li > a > .label {
    right: auto;
    left: 7px;
}

.main-header .logo {
    float: right;
}


.content-header > .breadcrumb {
    float: left;
    right: auto;
    left: 10px;
    direction: ltr;
}

   

@media (max-width: 991px) {
    .content-header > .breadcrumb {
        right: auto;
        left: 0;
        padding-left: inherit;
        padding-right: 10px
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav > li {
        float: right
    }

    .navbar-custom-menu .navbar-nav {
        float: right
    }

        .navbar-custom-menu .navbar-nav > li > a {
        }
}

@media (max-width: 767px) {


    .main-header .navbar-custom-menu {
        float: left
    }
}

@media (max-width: 991px) {


    .navbar-collapse.pull-left + .navbar-custom-menu {
        right: auto;
        left: 40px
    }
}

.main-sidebar, .left-side {
    left: auto;
    right: 0;
}




.user-panel > .info {
    left: auto;
    right: 55px
}



    .user-panel > .info > a {
        padding-right: initial;
        padding-left: 5px;
    }

        .user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon {
            margin-right: initial;
            margin-left: 3px
        }


.sidebar-menu > li .label, .sidebar-menu > li .badge {
    margin-right: initial;
    margin-left: 5px
}


.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    margin-right: initial;
    margin-left: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sidebar-menu li.active > a > .fa-angle-left, .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(265deg);
    -ms-transform: rotate(265deg);
    -o-transform: rotate(265deg);
    transform: rotate(265deg);
}

.sidebar-menu li > a > .fa-angle-left {
    right: auto;
    left: 10px;
}



.sidebar-menu .treeview-menu {
    padding-left: initial;
    padding-right: 5px
}

    .sidebar-menu .treeview-menu .treeview-menu {
        padding-left: initial;
        padding-right: 20px
    }


@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: initial !important;
        margin-right: 50px !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            margin-right: initial;
            margin-left: 0
        }


        .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: initial;
            border-bottom-left-radius: 4px
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
            border-bottom-right-radius: initial;
            border-bottom-left-radius: 4px
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            left: auto;
            right: 50px
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            margin-left: initial;
            margin-right: -3px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
            float: left;
            left: auto !important;
            right: 180px !important;
        }


        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            margin-left: initial;
            margin-right: 0
        }



    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: initial;
        margin-right: 50px
    }
}


.sidebar-menu li > a > .pull-right-container {
    right: auto;
    left: 10px;
}



.control-sidebar-bg, .control-sidebar {
    right: auto;
    left: -230px;
}





    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg {
        right: auto;
        left: 0
    }

.control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar {
    right: auto;
    left: 0
}

@media (min-width: 768px) {
    .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer {
        margin-right: auto;
        margin-left: 230px
    }
}

.nav-tabs.control-sidebar-tabs > li:first-of-type > a, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
    border-right-width: 0
}



.nav-tabs.control-sidebar-tabs > li > a, .nav-tabs.control-sidebar-tabs > li > a:hover {
    border-left: none;
    border-right: 1px solid transparent;
}



.control-sidebar-menu .menu-icon {
    float: right;
}

.control-sidebar-menu .menu-info {
    margin-left: initial;
    margin-right: 45px;
}





.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
    border-left-color: inherit;
    border-right-color: #141a1d;
}





.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
    border-left-color: inherit;
    border-right-color: #d2d6de;
}


.control-sidebar-light .control-sidebar-menu {
    margin-left: initial;
    margin-right: -14px
}



.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion {
    margin-right: initial;
    margin-left: 10px
}




.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    margin: 0 45px 0 0;
}

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
        right: auto;
        left: 0
    }

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    margin: 0 45px 0 0;
}




.navbar-nav > .user-menu .user-image {
    float: right;
    margin-right: initial;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .navbar-nav > .user-menu .user-image {
        margin-right: initial;
        margin-left: 0;
    }
}







.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right
}

@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: left
    }


        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
            right: auto;
            left: 5%;
        }
}

.icheck > label {
    padding-left: inherit;
    padding-right: 0
}



.progress.vertical {
    margin-right: initial;
    margin-left: 10px
}


.progress-group .progress-number {
    float: left
}

.small-box .icon {
    right: auto;
    left: 10px;
}




.box .border-right {
    border-right: inherit;
    border-left: 1px solid #f4f4f4
}

.box .border-left {
    border-right: 1px solid #f4f4f4
}



.box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img {
    left: auto;
    right: 0;
}


.box .overlay > .fa, .overlay-wrapper .overlay > .fa {
    left: auto;
    right: 50%;
    margin-left: initial;
    margin-right: -15px;
}



.box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
    margin-right: initial;
    margin-left: 5px
}

.box-header > .box-tools {
    right: auto;
    left: 10px;
}

    .box-header > .box-tools.pull-right .dropdown-menu {
        right: auto;
        left: 0
    }


.todo-list > li {
    border-left: initial;
    border-right: 2px solid #e6e7e8;
}

    .todo-list > li:last-of-type {
        margin-bottom: 0
    }

    .todo-list > li > input[type='checkbox'] {
        margin: 0 5px 0 10px
    }

    .todo-list > li .label {
        margin-left: initial;
        margin-right: 10px;
    }

    .todo-list > li .tools {
        float: left;
    }

        .todo-list > li .tools > .fa, .todo-list > li .tools > .glyphicon, .todo-list > li .tools > .ion {
            margin-right: initial;
            margin-left: 5px;
        }



.todo-list .danger {
    border-left-color: inherit;
    border-right-color: #dd4b39
}

.todo-list .warning {
    border-left-color: inherit;
    border-right-color: #f39c12
}

.todo-list .info {
    border-left-color: inherit;
    border-right-color: #00c0ef
}

.todo-list .success {
    border-left-color: inherit;
    border-right-color: #00a65a
}

.todo-list .primary {
    border-left-color: inherit;
    border-right-color: #3c8dbc
}


.chat {
    padding: 5px 10px 5px 20px
}


.info-box-icon {
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
    float: right;
}


.info-box-content {
    margin-left: initial;
    margin-right: 90px
}


.timeline:before {
    left: auto;
    right: 31px;
}

.timeline > li {
    margin-right: initial;
    margin-left: 10px;
}





.btn.btn-file > input[type='file'] {
    text-align: left;
}

.nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion {
    margin-right: initial;
    margin-left: 5px
}

.nav-stacked > li > a {
    border-left: initial;
    border-right: 3px solid transparent;
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
    border-left-color: inherit;
    border-right-color: #3c8dbc
}

.nav-tabs-custom > .nav-tabs > li {
    margin-right: initial;
    margin-left: 5px
}



    .nav-tabs-custom > .nav-tabs > li:first-of-type {
        margin-left: initial;
        margin-right: 0
    }

        .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
            border-left-color: inherit;
            border-right-color: transparent
        }


.nav-tabs-custom > .nav-tabs.pull-right > li {
    float: left
}

    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
        margin-right: initial;
        margin-left: 0
    }

        .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
            border-left-width: inherit;
            border-right-width: 1px
        }

        .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
            border-left-color: transparent;
            border-right-color: #f4f4f4;
        }


.nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion {
    margin-right: initial;
    margin-left: 5px
}


.products-list .product-img {
    float: right
}



.products-list .product-info {
    margin-left: initial;
    margin-right: 60px
}


.table.align th {
    text-align: right
}

.table.align td {
    text-align: left
}

.right .direct-chat-img {
    float: left
}

.contacts-list-img {
    float: right;
}

.contacts-list-info {
    margin-left: initial;
    margin-right: 45px;
}

.direct-chat-danger .right > .direct-chat-text:after, .direct-chat-danger .right > .direct-chat-text:before {
    border-left-color: inherit;
    border-right-color: #dd4b39
}



.users-list > li {
    float: right;
}

.mailbox-attachments li {
    float: right;
    margin-right: inherit;
    margin-left: 10px;
}



.error-page > .headline {
    float: right;
}


.error-page > .error-content {
    margin-left: initial;
    margin-right: 190px;
}

@media (max-width: 991px) {
    .error-page > .error-content {
        margin-right: 0
    }
}





.margin-r-5 {
    margin-right: initial;
    margin-left: 5px;
}

/*=================================================
    Admin Panel
================================================*/
body {
    font-family: 'Cairo-Regular', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    direction: rtl;
}
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float:right !important;
}*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
     Utility classes
 \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.mr-1 {
    margin-right: initial !important;
    margin-left: 1rem !important;
}

.mr-2 {
    margin-right: initial !important;
    margin-left: 2rem !important;
}

.ml-1 {
    margin-left: initial !important;
    margin-right: 1rem !important;
}

.ml-2 {
    margin-left: initial !important;
    margin-right: 2rem !important;
}


.pl-0 {
    padding-left: initial !important;
    padding-right: 0 !important
}

.pr-0 {
    padding-right: initial !important;
    padding-left: 0 !important
}
/*=======================================
    Float
=========================================*/
body .pull-right {
    float:left !important
}
/*=====================================================
    Color
=======================================================*/
/*===============================================================
    Grid
================================================================*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Typography
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.font-family {
    font-family: 'Cairo-Regular', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.text-right {
    text-align: left !important;
}

/*====================================
    Heading
=======================================*/


h1, h2, h3, h4, h6, p, span, a {
    font-family: 'Cairo-Regular', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
   /* .heading-seprator h3 {
        padding: 0px 0 0 10px;
    }*/

.content-header .header-back:before {
    padding-right: initial;
    padding-left: 7px;
    transform: scaleX(-1);
}

.content-header2 .header-back:before {
    padding-left: 7px;
    padding-right: 0px;
}
.detail-edit {
    transform: scaleX(-1);
    font-size: 17px;
}
    /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        header
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    .btn-navbartoggle {
    display: none;
    position: absolute;
    right: auto;
    left: 20px;
    top: 12px;
    width: 26px;
    z-index: 10;
}
.control-rightbar {
    position: relative;
    right: auto;
    left: 0;
    width: 20px;
    top: 12px;
    z-index: 10;
    color: #32373e;
    font-size: 18px;
}
.main-header .logo {
    float: right;
    right:0;
}
.main-header .navbar {
    -webkit-transition: margin-right .3s ease-in-out;
    -o-transition: margin-right .3s ease-in-out;
    transition: margin-right .3s ease-in-out;
    margin-left: initial;
    margin-right: 280px;
}
.navbar-custom-menu > .navbar-nav > li {
    float: right;
}
.navbar-nav .dropdown-menu {
    transform-origin: top left;
}


    .navbar-nav .dropdown-menu:before {
        right: auto;
        left: 13px;
    }

.dropdown-menu:before, .dropdown-menu-right:before {
    right: auto;
    left: 12px;
}

.skin-blue .main-header .navbar .nav > li > a.dropdown-toggle:after {
    background: url(../Images/arrow-downW.png) no-repeat left center;
}

.skin-blue .main-header .navbar .nav > .dropdown.open > a.dropdown-toggle:after {
    transform: rotate(180deg);
}
.dropdown-menu-right {
    border-radius: 4px 4px 0 0;
}
.dropdown-menu .slimScrollDiv .slimScrollBar {
    right: auto !important;
    left: 1px !important
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Main content
//////////////////////////////////////////*/
.content-wrapper, .right-side, .main-footer {
    margin-left: initial;
    margin-right: 280px;
}

.features-grid .small-box .ion, .featrued-icons {
    right: auto;
    left: 0;
}
    .featrued-icons .fa-file-text-ok {
        transform: scaleX(-1);
    }
    .featrued-icons .fa-stack-1x:not(.fa-usd):not(.fa-shopping-cart):not(.fa-pencil) {
        left: auto;
        right: 10px;
    }
    .debitcredit .fa-usd {
        left: auto;
        right: -2px;
    }

.tree:before {
    left: auto !important;
    right: 0 !important;
    border-left:0 !important;
    border-right: 1px dotted !important;
}
.tree ul li:before {
    left: auto !important;
    right: 0 !important;
}
.tree li a {
    margin-left: initial !important;
    margin-right: 0 !important;
}

ul > li.branch:before {
    left: auto !important;
    right: 0 !important;
}

.tree ul:before {
    border-left: 0 !important;
    border-right: 1px dotted !important;
    left: auto !IMPORTANT;
    right: 0;
}

.nav-tabs-custom > .nav-tabs > li {
    float: right !important;
}
.nav-tabs-custom > .tab-content {
   
    border-radius: 0.5px 0.5px 0 0;
}
ul.wysihtml5-toolbar > li {
    float: right;
    margin: 0 0 10px 5px;
}
.wysihtml5-toolbar .btn{
    min-width:initial !important;
}
.widget-user-2 .widget-user-image > img {
    float: right;
}
.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: initial;
    margin-right: 0;
}


.modal-footer {
    text-align: left !important;
}
#MessageBox {
    right: auto;
    left: 1%;
}
.tooltip {
    font-size:11px;
}
.label-ellipsis {
    float: left;
}

    .label-ellipsis .fa {
        margin: 0 0 0 6px;
    }
/*info tooltip*/
.required .info-tooltip {
}

.info-tooltip {
    padding-left: 0;
    padding-right: 10px;
}

.tooltip-dropdown {
   
    transform-origin: top right;
}

    .tooltip-dropdown:before {
        left: auto;
        right: 0px;
    }
    .tooltip-dropdown a {
        font-size: 10px;
    }

/**/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Quickadd Sidebar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.quickadd-sidebar {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

.toggle-quickaddsidebar {
    transform: translateX(0);
    transition: transform 0.3s;
}

/*========================================
    themes
=========================================*/
.bg-purple .sidebar-menu > li:hover > a, .bg-purple .sidebar-menu > li.active > a {
    border-left: 0;
    border-right-color: #824ee1 !important;
}

.bg-purple .sidebar-menu > li.treeview.active > a {
    border-left:0;
    border-right-color: #56368e !important;
}

/*========================================
    Form
==========================================*/
select {
    background: #fff url(../Images/arrow-downW.png) center left 9px no-repeat !important;
    padding-left: initial;
    padding-right: 10px;
}
.input-group .input-group-addon:first-child {
    border-radius: 0 4px 4px 0;
}

.input-group .input-group-addon:last-child {
    border-radius: 4px 0 0 4px;
}

.dt-buttons .dt-button, .btn:not(#search-btn):not(.btn-flat):not(.btn-overallsearch) {
    min-width: 75px;
}
.user-dropdown .btn-flat {
    padding-left: initial !important;
    padding-right: inherit !important;
    margin-left: initial !important;
    margin-right: inherit !important;
}


.input-group .input-group-btn .btn:not([name=search]) {
    border-radius: 20px 0 0 20px !important;
}
.input-group-addon:first-child {
    border-right-style: solid;
}
.input-group-addon:last-child {
    border-left: 1px solid #ccc;
}
.input-group-addon:first-child {
    border-right: 1px solid #ccc;
 
}
.checkbox-inline, .radio-inline {
    padding-right: 0 !important;
}
.input-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.configcheck-row .form-group .icheckbox_square-blue {
    margin: 0 5px 0 10px;
}
.configcheck-row label:last-child {
    margin-left: initial;
    margin-right: 3px;
}
/*=============================================
    Buttons
==============================================*/
.dt-buttons .dt-button + .dt-button, .btn + .btn {
    margin-left: initial;
    margin-right: 6px;
}
/*BUttons evaluation*/

.btns-evaluation .btn + .btn {
    margin-left: initial;
    margin-right: 13px;
}
    .btns-evaluation .btn + .btn:after {
        border-left: 0;
        border-right: 1px solid #272c33;
        left: auto;
        right: 0px;
    }
.wysihtml5-toolbar .btn + .btn {
    margin-left: initial !important;
    margin-right: 5px !important;
}
/*========================================
    Autocomplete
====================================*/
.btn-overallsearch:after {
    margin-left: initial;
    margin-right: 2px;
}

/*==========================================
    Select2
=============================================*/
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    direction: rtl;
}
.select2-container--open .select2-selection--single {
    border-color: #303956 !important;
    
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 3px;
}
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        background: url(/Images/arrow-downW.png) center left 28px no-repeat !important;
        margin-left: -27px;
    }
.select2-container {
    direction: rtl;
    text-align: right;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #303956 !important;
    border-color: #303956 !important;
    border-radius: 2px !important;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    vertical-align: text-bottom !important;
}*/

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #303956 !important;
}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
    outline: none;
    border: 1px solid #222a45;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f5f7fa;
    color: #444 !important;
}


/*======================================
    Custom file
========================================*/
.custom-file-label {
    border-radius: 20px 4px 4px 20px;
}
    .custom-file-label::after {
    right: auto;
    left: 0;
    content: "تصفح";
    border-left: initial;
    border-right: inherit;
    border-radius: 20px 0 0 20px;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "تصفح";
}
/*============================================
    Bootstrap calendar
===========================================*/
.datepicker {
    direction: rtl;
}

    .datepicker.dropdown-menu {
        right: initial;
    }

.datepicker.dropdown-menu {
    right: auto
}
/*===========================================
    Table
============================================*/
[class^=dataTables_] {
    direction: rtl !important;
}
    [class^=dataTables_] [class^=dataTables_]:first-child {
        float: right !important;
    }
    [class^=dataTables_] [class^=dataTables_]:nth-child(3) {
        float: left !important;
        text-align: left !important;
    }
  
div.dt-buttons {
    float: left !important;
    margin-left: initial;
}
    [class^=dataTables_] input[type=search], [class^=dataTables_] select {
        padding-left: initial !IMPORTANT;
        padding-right: 10px !IMPORTANT;
    }
.table tbody td a + a {
    border-left: 0;
    border-right: 1px solid #494e5657;
    padding-left: initial;
    padding-right: 6px;
    margin-left: initial;
    margin-right: 5px;
   
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: center left;
}
.dataTables_info {
    float: right !important;
}
.dataTables_paginate {
float:left !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Pagination
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: initial;
    margin-right: 4px;
}

   
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Login
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.login-box-body .form-control:focus {
    box-shadow:none;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Sidebar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.main-sidebar, .left-side {
    left: auto;
    right: 0;
}

.sidebar-menu {
    padding: 0 0 0 12px;
}
.skin-blue .sidebar-menu > li > a {
    border-left: initial;
    border-right: 3px solid transparent;
    padding: 12px 15px 12px 5px
}

.sidebar-menu li.treeview > a {
    border-radius: 0 0 0 10px;
}
.sidebar-menu .treeview-menu > li > a {
    padding: 0 15px 15px 5px;
}
.skin-blue .sidebar-menu > li:hover > a {
    border-left: 0;
    border-right-color: #fff;
    background-color: #303956;
    border-radius: 0 0 0 10px;
}

.skin-blue .sidebar-menu > li.treeview.active > a {
    border-left: 0;
    border-right-color: #222a45;
    border-radius: 10px 0 0 0;
}
.skin-blue .sidebar-form input[type="text"] {
    border-radius: 0 6px 6px 0;
}

.skin-blue .sidebar-form .btn {
    border-radius: 6px 0 0 6px;
    background-color: #212a45
}
.sidebar-menu .treeview-menu {
    border-radius: 0 0 0 10px;
}
       

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Loader
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.custom-loader {
    left: auto;
    right: 0;
}


  

@keyframes lds-ripple {
    0% {
        top: 45px;
        left: 45px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 100px;
        height: 100px;
        opacity: 0.2;
        border-width: 10px
    }
}
/*.alloversearch-menu .inline-loader-sm:after {
    margin-left:-72px;
    
}*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Media queries
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media(min-width: 768px) {


    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        left: auto !important;
        right: 220px !important;
    }
}
@media (min-width:1025px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
        border-top-right-radius: 0;
        border-top-left-radius: 4px;
    }

}
@media (max-width:1024px) {

    .btns-evaluation .btn + .btn {
        margin-left: initial;
        margin-right: initial;
    }
    /***********Nav dropdown*************/
    .btn-navbartoggle {
        display: block;
    }

    .navbar-custom-menu > .navbar-nav, .main-header .navbar-custom-menu, .main-header .navbar-right, .navbar-custom-menu > .navbar-nav, .navbar-custom-menu .navbar-nav > li {
        float: none;
    }

    .main-header .sidebar-toggle {
        float: none;
        font-size: 23px;
        margin-top: -3px;
        display: inline-block;
    }

    .navbar-custom-menu {
        display: none;
        background-color: #fff;
    }

    .main-header {
        max-height: inherit;
    }

    .navbar-custom-menu > .navbar-nav > li {
        position: relative;
    }

        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
            /*position: relative;*/
            width: 100%;
            right: 0;
            left: 0;
            box-shadow: none;
            transform-style: initial;
            transform-origin: top;
            transform: scale(1);
            display: none;
        }

        .navbar-custom-menu > .navbar-nav > li.open > .dropdown-menu {
            position: relative;
            transform: scale(1);
            display: block;
            width: 100% !IMPORTANT;
        }

    .navbar-custom-menu .dropdown-menu:before, .navbar-custom-menu .dropdown-menu-right:before {
        content: normal;
    }

    .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
        background: #ffffff;
    }

    .navbar-custom-menu .dropdown-menu {
        padding: 3px 28px 10px !important;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        line-height: 4px
    }

    .main-sidebar, .left-side {
        padding-top: 25px;
    }
    /*Nav dropdown ends*/
    .control-rightbar {
        position: absolute;
        right: auto;
        left: 57px;
        top: 12px;
        z-index: 10;
        color: #32373e;
        font-size: 18px;
    }

              
}
@media(max-width:767px) {
 
    .content-wrapper, .right-side, .main-footer, .main-header .navbar {
        margin-left: initial;
        margin-right: 50px;
    }

    .sidebar-mini.sidebar-open .right-side, .sidebar-mini.sidebar-open .main-header .navbar {
        margin-left: initial;
        margin-right: 280px;
    }
    .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }


    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        background: url(/../Images/arrow-down.png) center left 24px no-repeat !important;
        margin-top: 2px;
    }
    /*Sidebarmini*/
    .sidebar-mini:not(.sidebar-open) .sidebar {
        overflow: visible !IMPORTANT;
        overflow-y: visible !IMPORTANT;
    }

    .sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu {
        overflow: visible;
        padding: 0 0 0 0;
    }

        .sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > span {
            display: none;
        }

        .sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li:hover > a > span {
            display: inline-block;
        }

    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > span:not(.pull-right), body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > .treeview-menu {
        position: absolute !important;
        width: 220px;
        left: auto;
        right: 50px;
    }

   
   /* body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li.treeview.active > a > span:not(.pull-right), body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li.treeview.active > a > .pull-right-container {
        display: block !important;
    }*/
    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu .treeview-menu {
        display: none;
    }
    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > span {
        margin-left: initial;
        margin-right: -3px;
        padding: 7px 20px 12px 5px;
    }

    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > .pull-right-container {
        float: left;
        width: auto !important;
        left: auto !important;
        right: 228px !important;
       
    }

    /*Sidebarmini*/


   
}