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

::-webkit-scrollbar {
    width:10px;
  }
  
  /* 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;



}
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: bold;
}
.main-navigation > ul > li a:active {
    color: #4c7788;
    font-weight: bold;
}
@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: 0px; 
     padding-left: 0px;
    }
    ul{
    padding-inline-start: 10px;
}
    
 }


.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: 12px !important;
     margin-bottom: 5px;

}

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

}


.row {

    margin-right: 0px; 

    margin-left: 0px;

}

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

.xdsoft_datetimepicker{

 left: 0px;

 float: right;
 z-index: 100;

    }
    .xdsoft_noselect {

        left: 0px !important;
    
    }

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

        

        left: 0px !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: 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: 15px !important;
        margin-bottom: 23px;

    }

    .col-md-12{

        padding-right: 0px;

    padding-left: 0px;

    }

    .main-content .content-wrap .wrapper {

        padding: 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-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:#000000;

    }

   /* .form-group label{
       float: right;
   } */

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

        padding-right: 0px;

    }

   

    

    .form-horizontal .form-group {

        margin-right: 0px;

        margin-left: 0px;

    }

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

    }
/*8/8/2021*/

.btn-default{
    position: relative;
    
    left: -15px;
}
.from-serch .col-sm-10{
    padding-left: 0px; 
}
@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: 0px; 
  
}
.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: 0px;
    position: absolute;
    left: 0px;
}
.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: 0px !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: 0px;
    top: 0px;

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

}