@import url('https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&display=swap&subset=arabic');

::-webkit-scrollbar {
    width:10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #rgb(179, 176, 176); 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(179, 176, 176); 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(179, 176, 176); 
  }

html {

    font-family: 'Cairo', sans-serif;



}
.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: #52536533;

}

.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: rgba(25, 26, 27, 0.9);

}



.dropdown-menu > li > a {

    font-size: 13px;

    color: #131313;

    font-weight: bold;

}

.bg-primary {

    background-image: linear-gradient(to right, #8360c3,#2ebf91);

    color: #ffffff;

}

.btn-primary {

 

    font-weight: bold;

     font-size: 16px;

}

.pagination ul{

    padding-inline-start: 0px;

}

.main-navigation{

    scroll-behavior: smooth;

    overflow: auto;

}

.slimScrollBar{

    display: block;

}

.slimScrollBar {

    background-color: rgba(37, 27, 27, 0.98) !important;

}

.main-content .content-wrap .wrapper {

    padding: 0px;

}

.table-responsive tfoot tr td{

    text-align: center;

}



.form-horizontal .form-group{

    

}



.row {

    margin-right: 0px; 

    margin-left: 0px;

}

.c-d{

    display: grid;

    grid-gap: 5px;

}

.app > .header .nav > li > a, .app > .header .bg-none {

    /* color: #171819; */

}

.pull-left{

 

    background-color: #eff1f5;

    border-color: #809089ad;

}

.fom-g{

    border-bottom: 1px solid #c3bebe;;

}

@media (max-width: 575.98px) { 

.butttnn{

    direction: ltr;

    margin-top: 10px;

}

    .from-serch form{

        display: flex;

    }

.xdsoft_datetimepicker{

 left: 0px;

 float: right;

    }

    .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {

        

        left: 0px;

    }

    a.btn-success{

         margin-left: 40px;

    }

    .from-ad2{

        display: grid;

        grid-auto-flow: column;

    }

    .table-responsive{

        font-size: 9px;

    }

    .table > thead > tr > th{

        padding: 0px;

    }

    .button-2{

        margin-top: 10px;

    }

    .center-wrapper .center-content .col-xs-offset-1 {

        margin-left: 0px;

        padding: 0px 10px;

    }

  

    .col-xs-10 {

        width: 100%;

    }

    .panel-body {

        padding: 0px;

    }

    .col-md-12{

        padding-right: 0px;

    padding-left: 0px;

    }

    .main-content .content-wrap .wrapper {

        padding: 0px;

    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {

        /* padding: 8px 0px; */

    }

    .form-group .col-sm-2{

     padding-left: 0px;

    }

    .form-horizontal .col-sm-2{

        padding-right: 0px;

    }

    .form-horizontal .form-group {

        margin-right: 0px;

        margin-left: 0px;

    }

    .mt .col-md-12{

        /* display: grid; */

        margin-bottom: 10px;

    }

 }









@media screen and (max-width: 767px){

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {

        white-space: normal;

        /* padding: 8px 0px; */

    }

    

    /* .table-responsive{

        white-space: normal;

    } */

    body {

        background: #515e7224;

    }

    .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;
}
    }
    .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: #eaecf6;

        color:#000000;

    }

    .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {

         float: right;

    }

    .form-horizontal .col-sm-2,.col-sm-4,.col-sm-1{

        padding-right: 0px;

    }

   

    .xdsoft_noselect {

        left: 0px;

    }

    .form-horizontal .form-group {

        margin-right: 0px;

        margin-left: 0px;

    }

    .mt .col-md-12{

     

        margin-bottom: 10px;

    }

    /* .col-sm-1 {

        width: 5.0%;

    } */

}

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

    }

    
 @media print { 
               .noprint { 
                  visibility: hidden; 
               } 
            }