: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);
}
@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
        font-size: 15px;
    }
}
.main-header .logo {
    font-size: 15px;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    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)
}
.overlay-line {
    transform: translateX(50%);
}
.btn-layoutoverlaytop {
    transform: translate(-50%, -100%);
}
. .btn-layoutoverlaybottom {
    transform: translate(-50%, 0);
}
.overlay-line:hover .btn-layoutoverlaytop {
    transform: translate(50%, 0);
}
/*============================
    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
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: auto;
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    left: auto;
    right: 6px;
}
/*===========================================
    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: 24px !important;
}
    .site-config-box select#SampleTypeId {
        background-position: top 4px left 23px !important;
    }

.site-config-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(/Images/arrow-downG.png) center right 6px no-repeat !important;
}
:is(.site-config-box) .form-control-feedback {
    inset-block-start: 7px;
}
:is(.site-config-box .has-feedback:has(.fa-flag-o):has(.fa-university)) .form-control-feedback {
    inset-block-start: -7px !important;
}


@media (max-width: 767px) {

    .site-config-box select#SampleTypeId {
        background-position: top 11px left 23px !important;
    }
}

    .sublogin .btn-link-back .fa {
        transform: scaleX(-1);
        vertical-align: inherit;
    }

    .sublogin .auth-qr-div .manual-setup {
        transform-origin: left;
        position: absolute;
        transform: translate(100%, -50%) scaleX(0);
        transition: transform 0.3s;
    }

    .sublogin .auth-qr-div .toggle-manual {
        transform: translate(100%, -50%) scaleX(1);
        transition: transform 0.3s;
    }
    .main-footer .flex-grow-1 .btn .fa {
        transform: scaleX(-1);
    }
    /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    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;
        }
    }