:root {
    --default-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;
    --color-white: #fff;
    --theme-darkbg: #222a45;
    --theme-lightbg: #303956;
    --theme-leftbar-links: #8a9199;
    --theme-leftbar-links-hover: #fff;
    --td-links: #272c33;
    --theme-darkColor: #272c33;
}
body {
    font-family: var(--default-font-family);
}
    .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    -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);
}

/*=================================================
    Admin Panel
================================================*/
body {
    direction: rtl;
}
/*====================================
    Heading
=======================================*/
.content-header .header-back:before {
    transform: scaleX(-1);
}

.detail-edit {
    transform: scaleX(-1);
    font-size: 17px;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        header
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.navbar-nav .dropdown-menu {
    transform-origin: top left;
}

.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);
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Main content
//////////////////////////////////////////*/
    .featrued-icons .fa-file-text-ok {
        transform: scaleX(-1);
    }
.tooltip {
    font-size:11px;
}
.tooltip-dropdown {
    transform-origin: top right;
}
    .tooltip-dropdown a {
        font-size: 10px;
    }
.tooltip.left .tooltip-arrow {
    border-width: 5px 0 5px 5px;
}
:is(#TransactionTypeId) option:after, .arrow-col .fa {
    transform: scaleX(-1)
}
/*============================
    Calculator
=============================*/
    .calc #txtCalInput {
        direction:ltr
    }
.calc-sidebar .table td {
    text-align: start !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Quickadd Sidebar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.quickadd-sidebar, .quickadd-sidebar1, .quickadd-sidebar-layout, .quickadd-sidebar-layout-voucher, .quickadd-sidebar-layout-report, .quickadd-sidebar-company, .quick-sidebar {
    transform: translateX(-101%);
}

.toggle-quickaddsidebar, .toggle-quickaddsidebar1{
    transform: translateX(0);
    transition: transform 0.3s;
}
.btn-collapsed-quicksidebar {
    transform: scaleX(-1);
}
.grid-dropdown .grid-dropdownmenu {
    transform-origin: left center;
}
    .grid-dropdown.toggleDropwnMenu .grid-dropdownmenu {
    transform-origin: right center;
}
tr td:last-child .grid-dropdown .grid-dropdownmenu, .grid-dropdown.leftMenu .grid-dropdownmenu {
    transform-origin: right center;
}

tr td:last-child .grid-dropdown.toggleDropwnMenu .grid-dropdownmenu, .grid-dropdown.leftMenu.toggleDropwnMenu .grid-dropdownmenu {
    transform-origin: left center;
}
.nextprev :is(.next-Viewerdocoments,.prev-Viewerdocoments) {
    transform:scale(-1)
}

/*========================================
    Form
==========================================*/
select {
    background: #fff url(../Images/arrow-downW.png) center left 9px no-repeat !important;
}

.dt-buttons .dt-button, .btn:not(#search-btn):not(.btn-flat):not(.btn-overallsearch) {
    min-width: 75px;
}

/*==========================================
    Select2
=============================================*/
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    direction: rtl;
}
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        background: url(/Images/arrow-downW.png) center left 28px no-repeat !important;
    }
.select2-container {
    direction: rtl;
    text-align: right;
}

.multiSelect .select2-results__option {
    direction:rtl;
}
/*======================================
    Custom file
========================================*/
    .custom-file-label::after {
    content: "تصفح";
}

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

.start-shadow {
    box-shadow: 2px 0 0 rgb(128 128 128 / 2%), 3px 0 0 rgb(128 128 128 / 5%);
}

.end-shadow {
    box-shadow: -2px 0 0 rgb(128 128 128 / 2%), -3px 0 0 rgb(128 128 128 / 5%);
}

.start-bordershadow {
    box-shadow: 2px 0 0 rgb(128 128 128 / 2%), 3px 0 0 rgb(128 128 128 / 5%);
}

.end-bordershadow {
    box-shadow: -2px 0 0 rgb(128 128 128 / 2%), -3px 0 0 rgb(128 128 128 / 5%);
}

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

.login-box-body .form-control:focus {
    box-shadow:none;
}

.siteconfiguration .btns-backnext :is(#prev,#next) .fa {
    transform: scaleX(-1);
}

.site-config-box select {
    background: #fff url(/Images/arrow-downG.png) top 13px left 0 no-repeat !important;
    background-size: 27px !important;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Loader
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

@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
    }
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Media queries
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media (min-width: 768px) {
    .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
    }
}
@media(max-width:767px) {
    .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;
    }
   
}