/*arabic fonts */


@font-face {
    font-family: 'Almarai-Regular';
    src: url('../fonts/arabicFont/Almarai-Regular.eot');
    src: url('../fonts/arabicFont/Almarai-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/arabicFont/Almarai-Regular.ttf') format('truetype'), url('../fonts/arabicFont/Almarai-Regular.woff') format('woff'), url('../fonts/arabicFont/lmarai-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Almarai-Bold';
    src: url('../fonts/arabicFont/Almarai-Bold.eot');
    src: url('../fonts/arabicFont/Almarai-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/arabicFont/Almarai-Bold.ttf') format('truetype'), url('../../fonts/arabicFont/Almarai-Bold.woff') format('woff'), url('../fonts/arabicFont/Almarai-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'Almarai-Regular' !important;
    /*overflow-x: hidden;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Almarai-Bold' !important;
}



.authentication-wrapper.authentication-basic .authentication-inner::before {

  background:none;


}
.authentication-wrapper.authentication-basic .authentication-inner::after {

  background:none

}

.btn-primary {
    color: #fff;
    background-color:#3D97D2 !important;
    border-color: #3D97D2 ;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
  }
  .btn-primary:hover {
    color: #fff;
    background-color:#3D97D2  !important;
    border-color: #3D97D2 ;
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color:#3D97D2  !important;
    border-color: #3D97D2 ;
    box-shadow: none;
  }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color:#3D97D2  !important;
    border-color: #3D97D2 ;
  }
  .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
  }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color:#3D97D2  !important;
    border-color: #3D97D2 ;
    box-shadow: none !important;
  }

  .newbg{
    background-image:url(../../../assets/img/pages/bg.png) !important;
    background-size:cover ;

  }


  .app-brand-logo.demo {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    width: 120px !important;
    height: 150px !important;

  }

  .app-brand-text.demo {
    font-size: 17px !important;
    letter-spacing: -0.45px;
    margin-top:10px;
  }
  .bg-menu-theme.menu-horizontal {
    background-color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);

  }

.h-93{
  height: 93% !important;
}




.avatar .avatar-initial {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;

  font-weight: 600;
}




.blue{
  color: rgb(90, 141, 238);
 }
.green{
 color:#91c794;
}

.red{
  color: rgb(255, 101, 101);
 }
.table a{
  color:rgb(54, 54, 54)  !important; 
}

.gray{
  color: rgb(181, 186, 194);
}

.underevaluation1{
color:#00cfdd !important; 
}


.closed1{
 color:#2cbb00 !important;
}


.inprogress1{
 color:#fdac41 !important;
}



.archivrd1{
 color:#69809a !important; 
}


.underevaluation{
  background-color:#00cfdd !important; 
}


.closed{
  background-color:#2cbb00 !important;
}


.inprogress{
  background-color:#fdac41 !important;
}



.archivrd{
  background-color:#69809a !important; 
}


.form-select-lg {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
  padding-left: 0.85rem;
  font-size: 1.063rem;
  border-radius: 0.3125rem;
  font-size: 14px  !important;

}


.timeline .timeline-header {

  display: block !important;
}


.viewheader{
  background: #3d97d2;
color: white !important;
padding: 10px;
border-radius: 20px;
}

.ViewCard h6{
  margin-bottom:0 !important ;

}


.ViewCard .btn-danger {

  box-shadow: none !important;
}

.timeline-item-info{
  background-color:white !important;
  padding:20px ;
  box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);

}

.layout-navbar {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.2rem;
  height: 5.875rem !important;
  flex-wrap: nowrap;
  color: #677788;
  z-index: 2;
}





.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 150px !important;
  height: 151px !important;
}



.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
  margin-bottom: 1.5rem !important;
}

.loginbg{
  background:url(../../../assets/img/backgrounds/1.jpg);
  background-position: center;
}

.form-label, .col-form-label {
  font-size: 14px !important;
  font-family: 'Almarai-Bold' !important;;


}

.fw-bold{
  font-family: 'Almarai-Bold' !important;

}


.btn-primary {
  color: #fff;
  background-color: #0B4E92 !important;
  border-color: #3D97D2;
  box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}




.KingCard .card-body {
  flex: 1 1 auto;
  padding: 0 !important;
}

.quote p{
  font-size: 16px !important;
  text-align: center;
  margin-top: 53px;
}


.h-94 {
  height: 103% !important;
}


.bg-label-orange{
   background-color:#ffedd3  !important;
  };
  .avatar .avatar-initial {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #efefef !important;
    font-weight: 600;
  }

  .bg-label-close{
    background-color: #dedede !important;  }
    .avatar {
      position: relative;
      width: 3.0rem !important; 
      height: 3.0rem !important; 
      cursor: pointer;
    }


    .card-body {
      flex: 1 1 auto;
      padding: 1.3rem 1.375rem !important; 
    }


    .app-calendar-wrapper .fc-toolbar h2 {
      font-size: 14px  !important; 
    };
    

    .form-check-input:checked {
      background-color: #5a8dee !important; 
      border-color: #5a8dee !important; 
    }


    .fc .fc-toolbar .fc-button:not(.fc-next-button):not(.fc-prev-button) {
      padding: 0 0.90rem !important; 
    }
    

  


    .quote{
      background-image:url(../../img/backgrounds/Group\ 1.png);
      background-size: cover;
      height: 337px;
      border-radius:5px ;
    }


    #vertical-example hr{
    background-color:rgba(255, 255, 255,0.2) ;
    }


    .textunderline{
      border-bottom:4px solid #5d7187 !important ;
    }


.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link, .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link .LabelClass {
    background-color: #fff !important ;
    color: #149856 !important;
}


    .light-style .bs-stepper .step.crossed .bs-stepper-label {
      font-family: 'Almarai-Regular'; 
      color: #7e7e7e !important;
    }

    [dir="rtl"] .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label{
      font-family: 'Almarai-Regular'; 
    }


    .light-style[dir="rtl"] .select2-container--default .select2-results__option .select2-results__option {
      padding-right: 0.735rem;
      padding-left: 0 !important;
      margin-left: 0 !important;
      margin-right: -0.735rem;
      font-size: 14px;
    }

    button{
      font-family: 'Almarai-Regular';

    }


    [dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-right: -1px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      margin-left: 0px;
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      font-size: 13px !important;
      font-family: 'Almarai-Regular'!important;
    }

    .light-style .flatpickr-input[readonly], .light-style .flatpickr-input ~ .form-control[readonly] {
      background: #fff;
      font-size: 13px !important;
      font-family: 'Almarai-Regular'!important;
      
    }

    .bootstrap-select .dropdown-menu li a {
      cursor: pointer;
      user-select: none;
      font-size: 13px !important;
    }



    .table-striped > tbody > tr:nth-of-type(2n+1) > * {
      --bs-table-accent-bg: var(--bs-table-striped-bg);
      color: var(--bs-table-striped-color);
      font-size: 14px !important;
    }


    thead, tbody, tfoot, tr, td, th {
      border-color: inherit;
      border-style: solid;
      border-width: 0;
        border-bottom-width: 0px;
      font-size: 14px !important;
    }


    .light-style .bootstrap-select .filter-option-inner-inner {
      color: #677788;
      font-size: 14px !important;
    }

    label {
      display: inline-block;
      font-size: 14px !important;;
    }


    .light-style .dz-message {
      color: #909090;
      font-size: 14px !important;;
    }

    
    .table th {
      text-transform: uppercase;
      font-size: 0.75rem;
      letter-spacing: 0px !important;
      font-weight: normal !important;
      font-family: 'Almarai-Bold' !important;
     
    }


    .table a {
      color: rgb(54, 54, 54) !important;
      font-size: 14px !important;
    }


    .badge {
      text-transform: uppercase;
      line-height: 0.92;
      font-size: 14px !important;
    }



    @media only screen and (max-width: 1194px) {
      .hidetext{
      display:none !important ;
      }
    
    }



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

    }

    @media only screen and (max-width: 980px) {
    
      .quote{
        display:none !important
      }


      [dir="rtl"] .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
        font-family: 'Almarai-Regular';
        display: none !important;
      }

      .bs-stepper.vertical .bs-stepper-header {
        -ms-flex-direction: column;
        flex-direction: row !important;
        justify-content: center;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0;
      }

      .light-style .bs-stepper .bs-stepper-header .line {
     
        display: none !important;
      }
    }

    #SvgjsG1007 [seriesName]{
      font-family: 'Almarai-Regular' !important;
    }


    .app-brand-logo img, .app-brand-logo svg {
      display: block;
      margin-top: 10px;
    }


    .dashbordcard .card-body{
      min-height: 250px;
padding: 30px !important;
    }


    .btn-label-success {
      color:rgb(97, 97, 97) !important;
      border-color: transparent;
      background: #dff9ec;
    }


    .btn-label-success:hover {
      border-color: transparent;
      background: #149856 !important;
      color: #fff !important;
    }

    .avatar {
      position: relative;
      width: 4rem !important;
      height: 4rem !important;
      cursor: pointer;
    }

    .avatar .avatar-initial {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background-color: transparent !important;
      font-weight: 600;
      border: 1px solid #b88141 !important;
    }


    .avatar img {
      width: 40px !important;
      height: 40px !important;
    }

    .footer{
      min-height: 62px !important;
      background-color: #262c33;
    }
    html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open:not(.active) > .menu-link, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open:not(.active) > .menu-link, html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.active) .menu-link:hover, html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner .menu-sub .menu-item.active .menu-link:not(.menu-toggle):hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme.menu-horizontal .menu-inner .menu-sub .menu-item.active .menu-link:not(.menu-toggle):hover {
      background-color: rgba(57, 218, 138, 0.15) !important;
      color: #018355;
    }

    .card-body h2{
      color: #7c4648 !important;
    }

    .card-body span{
      color: #018355 !important;
    }
    @media screen and (max-width: 700px) {
      .dashbordcard .card-body {
        min-height: 217px;
        padding: 14px !important;
      }
    }
.boxContainerSHadow {
    padding-top:20px;
    background-color: white;
    background-clip: padding-box;
    box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);
    border-radius: 7px;
    width: 95% !important;
}
.BoxContainer {
    align-items:center;
    margin-top: 20px !important;
    background-clip: padding-box !important;
    background-color: white !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important;
    border-radius: 7px !important;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #2b7e3d !important;
    border-color: #108a50 !important;
}