@import 'https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&display=swap&subset=arabic';::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-thumb {
    background: #b3b0b0
}

::-webkit-scrollbar-thumb:hover {
    background: #b3b0b0
}

html {
    font-family: cairo,sans-serif
}

body {
    background: #ebf0f9!important
}

a:hover,a:focus {
    color: #000
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    text-align: right
}

.app:not(.small-menu) .main-navigation>ul>li>ul>li a:hover {
    color: #2e2d2d;
    background-color: #e1e4f5
}

.main-navigation>ul>li .sub-menu {
    background-color: #c8cace63
}

.btn-danger {
    font-size: 16px!important;
    margin-bottom: 5px
}

.header .navbar-nav>li>a:focus {
    background-color: #712626c4
}

.header .open a.toggle-search,.header a.toggle-search:hover {
    background-color: #e1e4f5
}

.app>.header .brand a,.app>.header .brand a:hover {
    color: #f4f8fa
}

.main-navigation>ul>li:hover>a {
    color: #4c7788;
    font-weight: 700
}

.main-navigation>ul>li a:active {
    color: #4c7788;
    font-weight: 700
}

@media(max-width: 576px) {
    .brand a img {
        width:149px
    }

    .header .nav>li>a {
        color: #f4f8fa
    }

    .wrapper .row {
        position: unset
    }

    .wrapper .row .col-md-4,.wrapper .row .col-md-6 {
        padding-right: 0;
        padding-left: 0
    }

    ul {
        padding-inline-start:10px}
}

.dropdown-menu>li>a {
    font-size: 13px;
    color: #131313;
    font-weight: 700
}

.bg-primary {
    background-image: linear-gradient(to right,#8360c3,#2ebf91);
    color: #fff
}

.btn-primary {
    font-weight: 700;
    font-size: 12px!important;
    margin-bottom: 5px
}

.pagination ul {
    padding-inline-start:0}

.main-navigation {
    scroll-behavior: smooth;
    overflow: auto
}

.slimScrollBar {
    display: block
}

.slimScrollBar {
    background-color: rgba(37,27,27,.98)!important
}

.main-content .content-wrap .wrapper {
    padding: 0
}

.table-responsive tfoot tr td {
    text-align: center
}

.row {
    margin-right: 0;
    margin-left: 0
}

.c-d {
    display: grid;
    grid-gap: 5px
}

.pull-left {
    background-color: #eff1f5;
    border-color: #809089ad;
    margin-top: 18px;
    margin-left: 5px!important
}

.fom-g {
    border-bottom: 1px solid #c3bebe
}

@media(max-width: 575.98px) {
    .butttnn {
        direction:ltr;
        margin-top: 10px
    }

    form>div {
        margin-bottom: 5px;
        width: 100% !important;
    }

    .xdsoft_datetimepicker {
        left: 0;
        float: right;
        z-index: 100
    }

    .xdsoft_noselect {
        left: 0!important
    }

    .xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
        left: 0!important
    }

    a.btn-success {
        margin-left: 10px
    }

    .from-ad2 {
        display: grid;
        grid-auto-flow: column
    }

    .table-responsive {
        font-size: 9px
    }

    .table>thead>tr>th {
        padding: 0
    }

    .button-2 {
        margin-top: 10px
    }

    .center-wrapper .center-content .col-xs-offset-1 {
        margin-left: 0;
        padding: 0 10px
    }

    .col-xs-10 {
        width: 100%
    }

    .panel-body {
        padding: 15px!important;
        margin-bottom: 23px
    }

    .col-md-12 {
        padding-right: 0;
        padding-left: 0
    }

    .main-content .content-wrap .wrapper {
        padding: 0
    }

    .form-group .col-sm-2 {
        padding-left: 0
    }

    .form-horizontal .col-sm-2 {
        padding-right: 0
    }

    .form-horizontal .form-group {
        margin-right: 0;
        margin-left: 0
    }

    .mt .col-md-12 {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right:1px solid #e3e6f3
    }

    .mt .col-md-12 {
        margin-bottom: 10px
    }
}

@media(min-width: 768px) {
    .cler-ropot {
        display:grid;
        grid-auto-flow: column
    }

    .btn-default-search {
        width: 100%
    }
}

.form-group .col-sm-9 {
    width: 83%
}

.header .nav>li>a:hover,.header .nav>li>a:focus,.header .nav .open>a,.header .nav .open>a:hover,.header .nav .open>a:focus {
    background-color: #bec5eb;
    color: #000
}

.form-horizontal .col-sm-2,.col-sm-4,.col-sm-1 {
    padding-right: 0
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.mt .col-md-12 {
    margin-bottom: 10px
}

@media(min-width: 992px) {
    .tabel-index-1,.tabel-index-2 {
        display:flex
    }
}

.my-custom-scrollbar {
    position: relative;
    width: 100%;
    overflow: auto
}

.table-wrapper-scroll-y {
    display: block
}

.btn-default {
    position: relative;
    left: -15px
}

.from-serch .col-sm-10 {
    padding-left: 0
}

@media(max-width: 552px) {
    .btn-default {
        left:-29px
    }
}

.breadcrumb {
    margin-bottom: 56px;
    padding: 19px 15px
}

.toggle-search i:hover {
    color: #fff
}

table caption h3 {
    text-align: right
}

@media(max-width: 767px) {
    .header .off-left {
        position:relative!important
    }
}

@media(min-width: 768px) {
    .col-sm-4,.col-sm-2,.col-sm-5,.col-sm-1,.col-sm-3,.col-md-3,.col-sm-8,.col-sm-10 {
        float:right;
        margin-bottom: 5px
    }
}

@media(max-width: 768px) {
    .table input[type=number] {
        width:100px
    }

    .table select.form-control,.table select span {
        width: 200px
    }

    .select2-selection__choice {
        width: 85%
    }

    .content-wrap .alert-info {
        overflow-y: auto
    }
}

.col-sm-8,.col-sm-10 {
    padding-right: 0
}

.select2-container,.select2-selection--single {
    width: 100%!important
}

.tree {
    margin-top: 34px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 26px;
    padding: 4px 24px
}

.select2-search:after {
    top: 49%!important
}

.select2-search--dropdown {
    position: relative
}

input[type=number] {
    width: 100%
}

.panel-heading h5 {
    margin-top: 53px
}

.show_mobile {
    margin: 15px;
    top: 0;
    position: absolute;
    left: 0
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #524f4f
}

.alert-info span {
    color: #000!important
}

.alert-info strong {
    color: #178a4e!important
}

.button-submit {
    justify-content: center;
    display: flex
}

.alert-info span {
    width: 0!important;
    display: contents!important
}

.select2-selection__rendered:hover {
    color: #000
}

label {
    display: initial
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-right: 31px
}

.select2-search--inline {
    position: absolute;
    right: 0;
    top: 0
}

.select2-container--open .select2-dropdown {
    z-index: 10!important
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
    color: #333131!important
}

.fixedScroll thead th {
    position: sticky;
    top: 0;
    background-color: #f2f2f2
}

.fixedScroll {
    max-height: 100em;
    overflow-y: auto
}