.welcome-text{
        font-size: 1rem;
        font-weight: 300;
        color: #fff;
}
.job-role{
        font-size: 1.3rem;
        font-weight: 500;
        margin-bottom: 0;
        color: #fff;
}
.kt-head.kt-head--fit-b {
    padding-bottom: 10px !important;
}

.kt-header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon svg g [fill],
.kt-svg-icon g [fill], .kt-widget17__icon i{
        color:#bb8846 !important;
        font-size: 4em !important;
        fill:#bb8846 !important;
}
.kt-pulse.kt-pulse--brand .kt-pulse__ring {
        border-color:#bb8846 !important;
}
.kt-subheader .kt-subheader__btn-daterange{
        background:#faf4ed;

}
.kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item {
  padding: 3rem;
}
.kt-subheader .kt-subheader__btn-daterange .kt-subheader__btn-daterange-date{
        color:#bb8846 !important;
}
.kt-subheader .kt-subheader__btn-daterange:hover,
.kt-subheader .kt-subheader__btn-daterange.active,
.kt-subheader .kt-subheader__btn-daterange:active,
.kt-subheader .kt-subheader__btn-daterange:focus{
        background:#f2daba;
}
.kt-subheader .kt-subheader__btn-daterange .kt-subheader__btn-daterange-title {

        color: #f0b76d;
}
.kt-notification-item-padding-x {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

}
.dropdown-menu.dropdown-menu-anim{
        border-radius: 10px;
}
.kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item{
        border-radius:15px !important;
        margin-bottom:10px;
}
.kt-aside-menu {
        background-color: #141137;
    }
    .kt-aside__brand-logo img{
        width:224px;
        height: 40px;
    }
    .kt-aside__brand {
        background-color: #141137;
    }
    .kt-aside__brand.kt-grid__item{
        background:#fff !important;
    }
    .kt-aside-menu-wrapper.kt-grid__item.kt-grid__item--fluid,.kt-aside,.kt-aside-menu{
        background-color: #fff !important;

    }
    .kt-sticky-toolbar{
        display: none;
    }
    .inner-container{
        background: white;
        cursor: pointer;
        border-radius: 15px;
        position: relative;
        padding: 25px 30px;
        color: var(--primary-color);
      }

      .inner-container::after{
        content: '';
        background: #bb8846;
        border-radius: 15px;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        clip-path: circle(10% at 0% 0%);           transition: all .3s ease-in;
      }

      .content{
        position: relative;
        z-index: 1;
        transition: all .3s ease-in;
      }

      .inner-container:hover::after{
        clip-path: circle(100%);
      }

      .inner-container:hover .content  .kt-svg-icon g [fill],.inner-container:hover .content  .kt-widget17__subtitle
      ,.inner-container:hover .content .kt-widget17__desc,.inner-container:hover i{
        color:#fff !important;
        fill:#fff !important;
      }
 .kt-section__content.kt-section__content--solid {
        padding: 1.5rem;
        border-left: 4px solid #e2e5ec;
      }
      .kt-bg-head{
        background: #f0b76d;
      }
      .kt-portlet__head-label .kt-portlet__head-icon,.kt-portlet__head-label  .kt-portlet__head-title{
        color:  #40444C;
        text-align: right;
        /* Arabic/Heading/H6 */
        font-family: IBM Plex Sans Arabic;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 28px */
      }
      .btn.btn-brand.btn-elevate{
        border-radius: 12px;
        background:  #C69856;
        color:#fff !important;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        padding: 8px 14px !important;
      }
      .kt-form__actions .btn{
        padding: 8px 14px !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        border-radius: 12px !important;
      }
      .kt-portlet .kt-portlet__head{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }
      .kt-portlet{
        border-radius: 10px;;

      }
      .table-result{
        /* border-radius: 20px !important; */
        /* border:2px solid #bb8846; */
      }
      .table-result table thead{
        /* background: #bb8846;
        color: #fff; */
        font-weight: bold !important;
      }
      .table thead th, .table thead td {
        font-weight: 500;
      }
      .table-result table{
        /* font-weight: bold; */
        border-spacing: 0;
        border-collapse: separate;
        /* border-radius: 15px !important; */

      }
      .table-result  table thead tr:last-child th:first-child {
        /* border-top-right-radius: 15px; */
    }

    .table-result table thead tr:last-child th:last-child {

        /* border-top-left-radius: 15px; */
    }
    .kt-portlet-inner{
      border:2px solid #fff;
      border-radius: 15px;
    }
    .kt-bg-head {
      background: #fff;
  }
      .btn-primary{
        color: #fff;
        background-color:#bb8846 !important;
        border-color: #bb8846 !important;

      }
      .btn-primary:hover {
        color: #fff;
        background-color:#bb8846;
        border-color: #2e40d4;
    }
    .body-form{
        padding-bottom:0px !important;
    }
    .body-form .card{
        border-radius: 4px !important;
        border:1px solid #f0b76d;

    }
    .body-form .card .card-header{
        background-color: #f0b76d;
        color: #fff;

    }
    .body-form .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed{
        color: #fff;
        background-color: #f0b76d;
    }
    .body-form .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed:after{
        color: #fff;
    }
    .body-form .accordion.accordion-solid .card .card-header .card-title{
        background-color: #f0b76d;
    }
    .body-form .accordion.accordion-toggle-plus .card .card-header .card-title,.body-form  .accordion.accordion-toggle-plus .card .card-header .card-title:after {
        color: #fff;
    }

   .card .kt-portlet__foot {
        padding: 25px;
        border-top: 1px solid #ebedf2;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .body-form  .accordion.accordion-solid .card .card-body {
        border: 1px solid #f0b76d;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-color: transparent;
    }
    .body-form  .accordion.accordion-solid .card:last-child {
        margin-bottom: 20px !important;
    }
    .body-form .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link:hover,.body-form .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link.active,.body-form .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link:hover,.body-form .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link.active{
        color: #bb8846;
        border-color: #bb8846;

    }
    .body-form .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav-tabs-line-2x,.body-form .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav-tabs-line-3x {
        border-bottom-color: rgba(187,136,70,.3);
    }
    .body-form .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link,.body-form .nav-tabs.nav-tabs-line a.nav-link{
        font-weight: 500;
    }
    .kt-footer{
      /* position:fixed; */
      margin-bottom:0px;
      width:100%;
      bottom:0px;
    }
    .form-control{
      border:1px solid #ecd5b8 !important;
      color: #bb8846;
    }

    .form-control:focus, .form-control:active{
        border:1px solid #bb8846 !important;
    }
    .kt-switch.kt-switch--outline.kt-switch--success input:checked ~ span:after {
      background-color: #bb8846 !important;
    }
    .form-group label {
      font-size: 1rem;
      font-weight: 500;
  }
    .input-error-tip {
    
      z-index: 1;
  }
  .input-error-tip:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;

    top: -12px;
    z-index: 915;
}
.input-error-tip small{
  font-size: 13px;
    font-weight: 500;
}
div:where(.swal2-icon).swal2-warning{
  color:#bb8846 !important;
  border-color:#bb8846 !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
  background: #bb8846 !important;
}
div:where(.swal2-container).swal2-center>.swal2-popup{
  display: grid;
  border: 2px solid transparent;
  border-radius: 25px;
}
.mat-mdc-paginator{
  color:#141137 !important;
}
.dropdown-menu > li > a, .dropdown-menu > .dropdown-item{
  text-transform: capitalize;
}

.kt-portlet__head-actions .btn,.btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .show > .btn-brand.dropdown-toggle{
  background-color: #1e11b2;
  border-color: #1e11b2;
}


.kt-portlet .kt-portlet__head {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.kt-head__title .btn-danger {
  color: #fff;
  background-color: #6C3428;
  border-color: #6C3428;
}
.kt-quick-search__form .form-control,.kt-quick-search__form .form-control:focus,.kt-quick-search__form .form-control:active{
  border-color: transparent !important;
}
span.btn.btn-success.btn-sm.btn-bold.btn-font-md
{
  margin-right: 3px;
}
/* kt-portlet__head-title */
.super-title .kt-portlet__head-title,.super-title .kt-portlet__head-icon{
  color:#6c3428 !important;
}
#kt_header
{
  position: fixed !important;
}
/* .kt-content
{
  padding-top:145px;
} */
.kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item {
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.4);

}
.kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item .kt-widget17__subtitle {
  text-transform: capitalize;
  font-size: 1.3rem;
}
#kt_content{
  min-height: 650px;
}

.kt-wizard-v1 .kt-wizard-v1__wrapper .kt-form {
  width: 96%;
}
.kt-portlet__head-actions .btn, .btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .show > .btn-brand.dropdown-toggle,
.btn-brand:hover {
  background-color: #bb8846 !important;
  border-color: #bb8846 !important;
  cursor: pointer;
}
.btn-secondary{
  /* color:#d9dce3; */
  border:1px solid #c1c3c7;

}
.btn-secondary:hover{
  cursor: pointer;
  background-color: #c1c3c7 !important;
  color: #fff;
  border:1px solid #c1c3c7;

}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {

  font-size: 16px !important;
  color: #fff;

  }
  .kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item {

  cursor: pointer !important;
  }
  .kt-menu__link-icon i{
  color:#fff;
  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text{
  /* color:#fff !important; */
  }
  .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon{
  height: 60px !important;
  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link{
  background: #bb8846 !important;
  }
  .kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__heading .kt-menu__ver-arrow, .kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow{
  color:#fff !important;
  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link:active{
  background: #F9FAFB !important;
  /* padding: 16px 0px 32px 0px; */
  color:#C69856;

  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text{
    font-family: IBM Plex Sans Arabic;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
    color:#626C83 !important;
  }
  .kt-aside-menu .kt-menu__nav .kt-menu__item.kt-menu__item--open > .kt-menu__heading > .kt-menu__ver-arrow:before, .kt-aside-menu .kt-menu__nav .kt-menu__item.kt-menu__item--open > .kt-menu__link > .kt-menu__ver-arrow:before {
    -webkit-transform: rotateZ(180deg) !important;
    transform: rotateZ(180deg) !important;
}
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
      background: #F9FAFB !important;
      color:#C69856 !important;
}

  .kt-menu__subnav .kt-menu__item.kt-menu__item--submenu.kt-menu__item--open .kt-menu__link.kt-menu__toggle{
      background: #F9FAFB !important;
      color:#C69856 !important;

  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text{

  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link:active i,
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text i{
      color: #C69856 !important;
  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open  i{
      color: #C69856 !important;

  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-icon{
    font-size: 13px;
  }
  .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
  padding: 9px 12px;
  }
  body ,.kt-grid > .kt-grid__item{
    background:  #F9FAFB !important;
}
.kt-aside__brand{
  padding:16px 16px 24px !important;
}
.kt-aside {
  width: 312px !important;
}
@media (min-width: 1025px){
.kt-aside--minimize .kt-aside {
    width: 85px !important;
}
   

}


#kt_content{
  background: #F9FAFB ;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link {
  background-color: transparent;
}
.kt-aside .kt-aside-menu {
  margin: 15px 20px !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
  background: #F9FAFB !important;
  color:#C69856 !important;
  border-radius: 6px !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text{
  color:#40444C !important;
}
.kt-menu__link-icon i {
  color: #40444C !important;
}
.btn-contact{
  border-radius: 12px !important;
  border: 1px solid #F1F3F9 !important;
  background:  #FFF !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color:#40444C !important;
text-align: right;
/* Arabic/Text/Regular/Medium */
font-family: IBM Plex Sans Arabic !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 150% !important;
height: 40px;
}
.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user img{
  width:40px;
  height:40px;
}
.notifications{
  position: relative;
}
.num-notifications{
  background: #EB5757;
  position: absolute;
}
.btn-outline-brand:not(:disabled):not(.disabled):active, .btn-outline-brand:not(:disabled):not(.disabled).active, .show > .btn-outline-brand.dropdown-toggle,.btn-outline-brand:hover {
  color: #fff !important;
  background-color: #C69856 !important;
  border-color: #C69856 !important;
}
.btn-contact{
  margin:0 7px !important;
}
.user-email{
  color:  #626C83;
  text-align: right !important;
  font-family: IBM Plex Sans Arabic;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  display: block !important;
}
.kt-header__topbar-username{
  display: inline-block !important;
  color: #40444C !important;
  text-align: right;
  font-family: IBM Plex Sans Arabic;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.kt-menu__toggle{
 
  margin-bottom:10px !important;
  padding: 0px 0px 0px 8px !important;
}
.kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__heading .kt-menu__ver-arrow, .kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow{
  color:#626C83 !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover{
  background-color: #F9FAFB !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.router-link-active{
  background-color: #F9FAFB !important;
  border-radius: 6px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link{
  margin-bottom:10px;
  padding: 8px 0px !important;
}
.num-box{
    display: inline-block;
    background: #EB5757;
    color:#fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-style: normal !important;
    font-weight: 400;
    line-height: 150%; /* 18px */
    display:inline-block;
    margin:7px 9px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open {
  border: 1px solid #F1F3F9;
  border-radius: 6px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item{
  margin-bottom:10px !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text{
  color:#C69856 !important;
}
#kt_header_menu .form-control{
  background: #F9FAFB;
  border:1px solid #F1F3F9 !important;
  color:#40444C;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-radius: 12px !important;
}

.dropdown-profile .kt-notification .kt-notification__item:after{
  display: none !important;
}
.dropdown-profile .kt-notification .kt-notification__item{
  border-bottom: transparent;
  padding:10px 8px !important;
}
.dropdown-profile .kt-notification .kt-notification__item{
  display: block !important;
  border:transparent !important;
}
.kt-notification__item .form-group{
  margin-bottom:0px !important;
}
.kt-notification__item .form-group .form-control{
  border-radius: 10px !important;
  border: 1px solid #E2E6EE !important;
  background:  #F9FAFB;
  height: 32px;
  padding: 0px 8px;
}
a.kt-notification__item:hover{
  color:#C69856 !important;
}
.logout{
  color:#D64F4F !important;
}
.button-container .btn-primary{
  border-radius: 12px;
  color:#C69856 !important;
  border-color: #FFF9EA !important;
  background:  #FFF9EA !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

}
.kt-portlet{
  border-radius: 16px !important;
}
.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title{
  font-weight: 700 !important;
  color: #40444C !important;
  font-size:24px !important;

}
.kt-portlet-shadow{
  box-shadow: 0px 1px 2px 0px #1018280F;
box-shadow: 0px 1px 3px 0px #1018281A;

}
#generalSearch{
  color:#96A0B6 !important;
  height: 42px;
  font-size: 16px;
  border-radius: 8px;
    border: 1px solid #F1F3F9 !important;
    background:  #FFF !important;
}
.table td, .table th {
  padding: 5px !important;
  vertical-align: middle !important;
}
.mat-mdc-paginator-page-size-label{
  color:  #626C83;

font-family: IBM Plex Sans Arabic;
font-size: 16px;
font-style: normal;
font-weight: 500;
}
.kt-form .form-control{
  font-size: 16px !important;

  height: 41px;

  border-radius: 12px;
border: 1px solid  #F1F3F9 !important;
background: #F9FAFB;
}
.form-group-sub .btn.btn-primary{
  border-radius: 12px;
  color:#C69856 !important;
  border-color: #FFF9EA !important;
  background:  #FFF9EA !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

}
.kt-portlet .kt-portlet__foot{
  background:  #F9FAFB !important;
}
.kt-portlet .kt-portlet__foot .btn.btn-primary,.kt-form__actions .btn-brand{
  border-radius: 12px !important;
  background: #C69856 !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color:#fff !important;
}
.kt-portlet .kt-portlet__foot .btn.btn-secondary,.kt-form__actions .btn-secondary,.kt-form__actions  .btn-secondary:hover {
  border-radius: 12px !important;
  background:  #FFF9EA !important;
  border-color: #FFF9EA !important;
  color:#bb8846 !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.form-group label{
  color: #40444C !important;
  font-family: IBM Plex Sans Arabic;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 150%; 
}
.kt-form .form-group-sub .btn.btn-primary{
  padding: 10px !important;
  margin-top: 5px !important;
}
.kt-aside__brand.kt-grid__item{
  background-color: #fff !important;
}

.kt-wizard-v1 .kt-grid__item{
  background: #fff !important;
}
.input-error-tip:before {
  border: 6px solid transparent;
  border-bottom-color: transparent;
}
.form-control:focus{
  border-color: #BB8842;
}
.form-group.row .kt-checkbox-list {
  margin-left: 30px;
  margin-right: 30px;
}
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body {
  padding: 1rem 2.5rem !important;
}

.swal2-styled{
  border-radius: 15px !important;
}
.kt-portlet .kt-portlet__head{
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
}
.ngx-pagination li a{
  display: inline-block;
    background: transparent;
    color: #40444C;
    cursor: default;
    border-radius: 6px !important;
    width:40px !important;
    height:40px !important;
    text-align: center;
    padding-top:10px !important;
    font-size: 16px;
    font-weight: 500;

}
.ngx-pagination .current ,.ngx-pagination a:hover, .ngx-pagination button:hover{
    background: #FFF9EA !important;
    color: #BB8842 !important;
    cursor: default;
    border-radius: 6px !important;
    padding-top:10px !important;
    font-size: 16px;
    font-weight: 500;
    width:40px;
    height:40px;
    text-align: center;

}
app-paginator-v3{
  font-size: 16px;
  font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
color:#626C83;
}
#kt_login_signin_submit{
  opacity: 1 !important;
  cursor: pointer;
}
.kt-link:hover:after{
  border-bottom: none !important;
}
.kt-checkbox > span {
  border-color: #BB8842 !important;
  border-radius: 7px !important;
}
.kt-aside-menu  input{
  line-height: 150%;
  font-size: 16px !important;
  padding: 20px 30px !important;
  border: 1px solid #F1F3F9 !important;
  border-radius: 10px !important;
}
.kt-head{
  padding: 20px 1rem 20px !important;
}
.kt-head.kt-head--skin-dark .kt-head__title{
  padding-bottom: 9px;
}
.kt-head__title .btn{
  margin:0 5px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.router-link-active span,
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.router-link-active span i{
  color:#C69856 !important;
}
.table-striped tbody tr:nth-of-type(odd){
  border-bottom: 1px solid #F1F3F9 !important;
  background: #F9FAFB !important;
}
.lang-login{
  margin-top:20px;
}
.kt-input-icon{
  margin-top: 20px !important;
}
.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link:hover{
  color:#C69856 !important;
}
::selection {
  background: #C69856 !important;
}
.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title{
  font-size: 20px;
}
.kt-aside--minimize .kt-aside__brand .kt-aside__brand-logo .logo-expand {
  display: none !important;
} 

.kt-aside__brand .kt-aside__brand-logo .logo-collapse {
  display: none !important;
} 
.kt-aside--minimize .kt-aside__brand .kt-aside__brand-logo .logo-collapse {
  display: inline-block !important;
  width: 29px;
  height: 23px;
} 
.header-contact{
  margin-top:9px;
}
.kt-notification .kt-notification__item:after{
  display: none;
}

.kt-head.kt-head--skin-dark .kt-head__title{
  text-transform: capitalize;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{
  background: #fff !important;
  color: #464457 !important;
  border:1px solid #F1F3F9 !important;
}
.swal2-actions button{
  padding:10px 40px;
  font-size: 15px !important;
}
.modal-year{
  top:15px !important;
}
.email-code{
  margin-top:20px;
  border:1px solid #E2E6EE;
  border-radius: 13px;
  padding:15px;
}
.email-code input{
  text-align:center !important;
}
.not-sendText{
  color: #40444C;
  text-align: center !important;
  font-size: 16px;
  margin:20px auto;
}
.try-send{
  text-align: center !important;
  color: #C69856 !important;
  font-size: 14px;
  margin:20px auto;
  padding-top: 10px;
}
.confirm-email .kt-login__title{
  margin-top:30px !important;
  padding-top: 10px;
}
.confirm-email .kt-login__actions{
  margin:10px 0 !important;
}
.email-code{
  margin-bottom: 20px;;
}
.confirm-email  #kt_login_signin_submit{
  margin:0 auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single{
  height: 40px !important;
}
.kt-portlet .kt-portlet__body{
  /* overflow-x: scroll; */
}
.select2-container--default.select2-container--focus .select2-selection--single{
  height: 40px !important;
}
.select2-selection__rendered {
  line-height:27px !important;
}
.select2-container .select2-selection--single {
  height: 40px !important;
}
.select2-selection__arrow {
  height: 40px !important;
}
#kt_header_mobile_toggler{
  display: none;
}
.kt-widget28 .kt-widget28__wrapper .nav{
  margin-top: -12rem;
}
.kt-header__topbar-item--search{
  display: none;
}
@media (max-width: 1024px) {
  #kt_header{
  position: relative !important;
}
 
  .btn.btn-section.mb-5{
  margin-bottom: 15px !important;
}
  .header-contact {
    margin-top: 4px;
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {
    height: 51px !important;
}
  .modal-year {
    top: 47px !important;
}
  .kt-header__topbar-item--search{
    display: none;
  }
  .kt-header__topbar-item--search .dropdown-menu{
    text-align: center;
    width: 278px !important;
  }
  .kt-header__topbar-item--search .dropdown-menu .form-group 
{
  margin-bottom: 0px !important;
}
  .kt-portlet__body {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .kt-header-mobile {
    background-color: #ffffff;
    border-bottom: 1px solid #eff0f6;
  }
  .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::after{
    background-color: #959cb6 !important;
  }
  .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i{
   color: #959cb6 !important;

  }
  .kt-header__topbar--mobile-on .kt-header__topbar {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    border-top: 1px solid #ebedf2;
}
.kt-header__topbar--mobile-on .kt-header__topbar {
  margin-top: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kt-header-mobile--fixed .kt-header__topbar {
  position: fixed;
  z-index: 96;
}
.kt-header__topbar {
  background-color: #ebedf2 !important;
}
}
@media (min-width: 1025px) {
  .kt-header--fixed.kt-subheader--fixed.kt-subheader--enabled .kt-wrapper {
      padding-top: 141px !important;
  }
}
.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body {
  margin-top: 0px !important;
}
.kt-widget28 .kt-widget28__visual {
  position: relative;
  min-height: 190px !important;
}
.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head {
  height: 0px !important;
}
.kt-portlet.kt-portlet--head-lg .kt-portlet__head {
  min-height: 0px !important;
}
.head-title{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    background-color: #ffffff;
    margin-bottom: 20px;
    padding:15px;
    border-radius: 15px;
}
 /* New styles  */


 textarea.form-control {
  height: 100px !important;
  width: 100% !important;
}
.icon-date-bg{
  background: #FFF9EA;
  border-radius: 8px;
  padding: 1px 6px 4px;
  gap:8px;
}
.icon-date-bg i{
  color: #C69856;
  font-weight: 700;
  font-size: 21px;

}
.kt-subheader__btn-daterange-date{
  color: #40444C !important;
  font-weight: 400;
  font-size: 16px;
}
.kt-portlet-shadow{
  border: 1px solid #F1F3F9;
}
.lecture-content{
  border: 1px solid #E2E6EE;
  gap:24px;
  padding:16px;
  border-radius: 16px;
  margin-bottom: 20px;
  min-height: 172px;
}
.lecture-content .lecture-image{
  width:120px;
  height:120px;
  border-radius: 8px;
  border: 1px solid #E2E6EE;

}
.lecture-text h2{
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
  font-weight: 600;
  font-size: 20px;
  color: #40444C;
  margin-bottom: 5px;
}
.lecture-text h3{
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;

  font-weight: 400;
  margin-bottom: 5px;
  color: #BB8842;
  font-size: 16px;
}
.lecture-text .btn-brand{
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;

  background: #C69856 !important;
  font-weight: 500;
  font-size: 16px !important;
  color: #FFFFFF !important;
  box-shadow: 0px 1px 2px 0px #1018280D;

}
.lecture-text .btn-no-lecture{
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;

  box-shadow: 0px 1px 2px 0px #1018280D;
  background: #FFF9EA;
  gap:8px;
  padding:10px 18px;
  border-radius: 12px;
  color: #C69856;
  font-size:16px;
  font-weight: 500;

}
.table-followLog thead th{
  color: #40444C;
  font-weight: 500;
  font-size:18px;
}
.kt-header--fixed.kt-subheader--fixed .kt-subheader.st-kt-subheader{
  background:#F9FAFB;
  box-shadow: none;
  padding:30px 15px;
}
.st-kt-subheader .kt-subheader__breadcrumbs-link {
  font-weight:500 !important;
  font-size: 16px !important;
  color: #626C83 !important;
}
.st-kt-subheader .kt-subheader__separator_clash{
  font-weight:500 !important;
  font-size: 20px !important;
  color: #F1F3F9 !important;
  padding: 0 10px;
}
.st-kt-subheader .kt-subheader__breadcrumbs-link--active{
  font-weight:500 !important;
  font-size: 16px !important;
  color: #C69856 !important;
}
.st-kt-content .kt-portlet .kt-portlet__head{
  border-bottom: 0px solid #ebedf2;
}
.st-kt-content  .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title{
  font-size: 24px !important; 
  color: #40444C !important;
}
.st-kt-content .st-points{
  border: 1px solid #FFE1B0;
  border-radius: 16px;
  padding:24px;
  background:#E2C58B url(media/bg/bg-award.svg);
  background-repeat: repeat;
}
.st-kt-content .st-points .st-points-num{
  background:  #BD8B45;
  padding:24px;
  border-radius: 16px;
  text-align: center;
}
.st-kt-content .st-points .st-points-num p{
  color: #40444C;
  font-size: 20px;
  font-weight:600;
}
.btn-no-lesson{
  color: #5d78ff !important;
  background: rgba(93, 120, 255, 0.1) !important;

}
.btn.btn-points{
  border-radius: 16px;
  width:100%;
  background: #FFE1B0;
  padding:12px 16px;
  color:#24272E;
  font-size: 24px;
  font-weight: 600;
}
.award-pic{
  display: flex;
  background:url(media/icons/winner.svg) rgba(255, 255, 255, 0.2) no-repeat;
padding:24px;
border-radius: 16px;

}
.photo-award{
  width: 120px;
  height: 120px;
  border-radius: 100px;
}
.award-name p{
  font-size: 20px;
  font-weight: 600;
  color: #40444C;
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}
.award-name h4{
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
  font-weight: 600;
  font-size: 24px;
  color: #40444C;
}
.st-table thead th{
  font-weight: 500;
  font-size: 16px;
  color: rgba(150, 160, 182, 1);
  padding: 16px 21px !important;
}
.st-table td{
  padding: 5px 21px !important;
  font-weight: 400;
  font-size: 16px;
  color: rgba(98, 108, 131, 1);
}
.st-table td{
  border-top: 1px solid rgba(241, 243, 249, 1) !important;
}
.icon-card img{
  align-content: center;
  display: block;
  margin: 12px auto;
}
.card-lessons{
  border-radius: 16px;
  border: 1px solid #E2E6EE;
  background: #FFF;
  padding:16px;
}
.title-lessons{
  color:  #40444C;
  font-family: "IBM Plex Sans Arabic";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  padding:10px 0;
}
.img-lesson{
  border-radius: 8px;
  height: 224px;
  width: 100%;
  align-self: stretch;
  display:block;
}
.lesson-icon{
  display: inline-block;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #F9D59A;
  background:  #FFF9EA;
  align-content: center;
}
.lesson-icon img{
  display: block;
  align-items: center;
  margin:auto;
}
.btn-show-lesson{
  width:100%;
  padding: 16px 28px;
  justify-content: center ;
  align-items: center !important;
  gap: 12px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #BB8842 !important;
  background:  #FFF !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color:  #BC8943 !important ;
  font-family: "IBM Plex Sans Arabic";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 10px;
}
.btn-show-lesson:hover{
  background:  #BC8943 !important ;
  color:#fff !important;
}
.num-units{
  width: 36px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background:#FFF9EA;
}
.num-unitstext{
  color:  #C69856;
  font-family: "IBM Plex Sans Arabic";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding-right: 5px;
}
.btn-lesson.btn-show-lesson{
  width: 44%;
  display: inline-block !important;
  margin: 5px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon svg, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon svg{
  margin: 6px auto !important;
  display: block;
  width: 24px !important;
  height:20px !important ;
}
.btn-year{
  margin-top: 15px;
}
.btn-show-alllessons{
  color:#BC8943;
  border-radius: 12px;
  border: 1px solid  #BB8842;
  background:  #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
width: 160px;
padding: 10px 18px;
justify-content: center;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.btn-show-alllessons:hover{
  background:#BC8943 !important;
  color:#fff !important;
}
.btn-show-alllessons:hover svg,.btn-show-alllessons:hover svg path{
  fill:#fff;
  color:#fff;
}
.list-lessons .kt-widget5__title{
  color:  #40444C !important;

font-family: "IBM Plex Sans Arabic";
font-size: 20px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 140%; /* 28px */
}
.list-lessons .num-unitstext{
color:  #626C83 !important;
font-family: "IBM Plex Sans Arabic";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}
.photo-award img{
  width:120px;
  height:120px;
  border-radius: 100px;
}
.st-kt-content .st-points .st-points-num {

  padding-top: 49px;
}
.wizard-kt-form__actions .btn{
  margin-bottom: 50px;
}
.golden-card{

  border-radius: 18px;
  /* background: linear-gradient(172deg, var(--PrimaryA, #E2C58B) -58.82%, var(--PrimaryB, #BD8B45) 94.61%); */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 200px;
  display: flex;
}
.golden-card .kt-widget24,.blue-card .kt-widget24,.brown-card .kt-widget24{
  background-image: url(media/bg/cardpointsBg.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.brown-card{
  border-radius: 18px;
  background: linear-gradient(180deg, #C88544 -27%, #7C542D 100%);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 200px;
  display: flex;
}
.blue-card{
  border-radius: 18px;
  background: linear-gradient(359deg, #9DACBE 0.63%, #BBCCE1 135.26%);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 200px;
  display: flex;
}
.golden-card .kt-widget24
,.blue-card .kt-widget24
,.brown-card .kt-widget24 {
  padding: 20px 10px;
}
.golden-card .kt-widget24 .kt-widget24__details .kt-widget24__info .kt-widget24__title
,.blue-card .kt-widget24 .kt-widget24__details .kt-widget24__info .kt-widget24__title
,.brown-card .kt-widget24 .kt-widget24__details .kt-widget24__info .kt-widget24__title{
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
padding-top: 11px;
}
.golden-card .kt-widget24__stats
,.blue-card .kt-widget24__stats
,.brown-card .kt-widget24__stats{
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.10);
  padding: 10px 9px;
  color:#fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 27px */
} 
.num-pointsCard{
  color:  #FFF;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 48px */
}
.card-detaillsPoints{
  padding-top: 17%;
}
.point-text{
  color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
#news-slider .owl-carousel .owl-nav button.owl-prev,#news-slider .owl-carousel .owl-nav button.owl-next,#news-slider .owl-carousel button.owl-dot{
  border-radius: 50px !important;
  background: #FFF !important;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06) !important;
}
/* #kt_aside_menu a[routerlinkactive="router-link-active"]{
  background-color: red;
} */
/* .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.kt-menu__toggle:hover{
  background:  #BD8B45;
 } */
 .kt-menu__link.kt-menu__toggle:hover span{
  color:#BD8B45 !important;
 }
  .btn.btn-section{
  display: inline-block;
padding: 16px 16px 16px 24px;

border-radius: 16px;
border: 1px solid  #E6C082;
background:  #fff;
color:  #40444C;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 140%;
 }
 .btn.btn-section.btn-sec-active{
  display: inline-block;
  padding: 16px 16px 16px 24px;
  border-radius: 16px;
  border: 1px solid  #E6C082;
  background:  #FFF9EA;
  color:  #40444C;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
 }
 .kt-portlet__head-title span{
  color:  #626C83;

 }
.scroll-style::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 10px;
	background-color: #F1F3F9;
}

.scroll-style::-webkit-scrollbar
{
	width: 5px;
	background-color: #F1F3F9;
}

.scroll-style::-webkit-scrollbar-thumb
{
	border-radius: 10px;
  height: 60px !important;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #C69856;
}
.list-skills-check .kt-checkbox.kt-checkbox--success.kt-checkbox--bold > span{
  border-radius: 6px;
  border: 1px solid  #E2E6EE !important;
  background:#FFF;
}
.list-skills-check .kt-checkbox.kt-checkbox--success.kt-checkbox--bold > input:checked ~ span {

    border-radius: 6px;
border: 1px solid  #BB8842 !important;
background:  #D4AE70;
}
.list-skills-check .kt-checkbox.kt-checkbox--success > span:after {
    border: solid #fff;
}
.btn-cancelForm{
    margin:0 15px;
    border-radius: 12px;
    border: 1px solid  #F6B2B2 !important;
    background:  #FFF !important;
    /* Shadow/X Small */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #D64F4F !important;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

@media (max-width:768px) {
   .contact-text-h{
      display:none;
  }
  #kt_header{
  position: relative !important;
}
}

@media (max-width:430px) {

  .contact-text-h{
      display:none;
  }
  .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {
    height: 48px !important;
}
.btn-contact{
  height: 35px;
}
.header-contact {
    margin-top: 9px;
}
.header-contact .btn{
    padding: 0px 7px;
    height: 30px;
}
}
.img-userComment{
  width: 48px;
  height: 48px;
  border: 2px solid rgba(187, 136, 70, 1);
  border-radius: 50%;
}
.date-comment{
  color: rgba(115, 115, 115, 1);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
.userComment-position{
font-weight: 600;
font-size: 16px;
}
.comment-body{
font-weight: 400;
font-size: 20px;
margin-top:20px;
}
.comment-item{
  padding:24px;
}
.kt-wizard-v1 .kt-wizard-v1__wrapper .kt-form.form-wizard-w{
  width:90% !important;
}
.kt-checkbox.kt-checkbox--success.kt-checkbox--solid > span{
  background: #BB8842 !important;
}
.kt-checkbox.kt-checkbox--success > span:after {
    /* border:solid #BB8842 !important; */
}
.note-editor.note-frame .panel-heading.note-toolbar{
  position:static !important;
}
.btn-rejecte{
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.error-content h3{
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    color: rgba(71, 71, 71, 1);
}