* {
  font-family: "Noto Sans Arabic", sans-serif;
  }

body{ font-family: 'Noto Sans Arabic', sans-serif;
  transition: all 0.15s ease-out;
  background-color: #f2f2f2;
}
a{color: #0b6f77; text-decoration: none;}
a:hover{color: #c69a47 !important;}
.countainer-custom{max-width: 1300px;}
.header-bg{background-color: #0b6f77;}
.header-img{background: url("../../img/action.jpg") center; background-repeat: no-repeat; height: 180px;}
.list-style-none{list-style: none;}
.menu li{font-size: .9rem;padding: 5px; margin-left: 5px;}
.menu li:hover{background-color: rgb(27, 27, 27);}
.menu li a{color: white; text-decoration: none;}
.menu-active{color: #c69a47 !important;font-weight: bold;}
.bg-title{background-color: #f9f9f9;}
.bg-title-border{border-bottom: 5px solid;border-color: #f2f2f2;}
/*icons-----------------------------------------------------------------*/
.icon-bg{ transition: 1s;height: 150px;}
.icon-bg-spicial{padding-top: 95px;transition: 0.5s;height: 145px;}
.icon-width{max-width: 200px;}

.bb-icon{background: url(../../img/bb-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.bb-icon:hover{background: url(../../img/bb-icon-white.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.bb-disabled-icon{background: url(../../img/bb-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}

.virtual-learning-icon{background: url(../../img/virtual-learning-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.virtual-learning-icon:hover{background: url(../../img/virtual-learning-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.virtual-learning-disabled-icon{background: url(../../img/virtual-learning-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}

.graduate-sch-icon{background: url(../../img/graduate-sch-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.graduate-sch-icon:hover{background: url(../../img/graduate-sch-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.graduate-sch-disabled-icon{background: url(../../img/graduate-sch-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}

.banner-icon{background: url(../../img/banner-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.banner-icon:hover{background: url(../../img/banner-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.banner-disabled-icon{background: url(../../img/banner-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}

.schedule-icon{background: url(../../img/schedule-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.schedule-icon:hover{background: url(../../img/schedule-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.schedule-disabled-icon{background: url(../../img/schedule-Disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}

.help-icon{background: url(../../img/help-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.help-icon:hover{background: url(../../img/help-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.help-disabled-icon{background: url(../../img/help-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}

.dictionary-icon{background: url(../../img/dictionary-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.dictionary-icon:hover{background: url(../../img/dictionary-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.dictionary-disabled-icon{background: url(../../img/dictionary-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}

.acadimec-icon{background: url(../../img/acadimec-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.acadimec-icon:hover{background: url(../../img/acadimec-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.acadimec-disabled-icon{background: url(../../img/acadimec-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}

.information-icon{background: url(../../img/information-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}
.information-icon:hover{background: url(../../img/information-white-icon.png) center bottom no-repeat #fcfbfb;
padding-top: 25px;border:1px solid #96b1b3;}
.information-disabled-icon{background: url(../../img/information-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
border-radius: 5px;padding-top: 120px;}

.note-icon{background: url(../../img/note-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}
  .note-icon:hover{background: url(../../img/note-white-icon.png) center bottom no-repeat #fcfbfb;
  padding-top: 25px;border:1px solid #96b1b3;}
  .note-disabled-icon{background: url(../../img/note-disabled-icon.png) center center no-repeat; border: 1px dashed #96b1b3;
  border-radius: 5px;padding-top: 120px;}

.favorite{color: #0b6f77;}
.favorite:hover{color: #a2b5b6;}
.favorite-position{position: relative;top: 30px; right:-70px;}
  /*end Icons------------------------------------------------------------*/


  .bg-height{min-height:100px;}
  .center-user{text-align: center;}
  .dropdown-menu-user[data-bs-popper]{top: 65px;right: auto;background: rgba(11, 111, 119, 0.8);
    --bs-dropdown-border-color: none;}
  .dropdown-item-user{color: rgb(212, 212, 212);}
  .search-bg{background: rgba(5, 57, 61, .5);}

.Disabled{color: gray !important;pointer-events: none;cursor: default;}
.st-info-width{width: 100px; border-left: 1px dashed rgba(11, 111, 119, 0.2);}
.custom-tab .nav-link{color: #0b6f77 !important;}
.custom-tab .active{border:none; background-color: #0b6f77 !important;border-bottom:3px solid #c69a47 !important;
  color: #fff !important; transition: 0.5s;} 
  .hr-width {width: 25px;color: #0b6f77;border: 1px solid;}
  .title{font-size: 1.1rem;}

 /*login------------------------*/
 .bg-kfu-green{background-color: #0b6f77;}
 .login-bg{background-image: url("../../img/login-bg.jpg"); background-repeat: no-repeat;background-size: cover;}
 .header-shadow{box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.2);}
 .dean-logo{max-width: 150px;}
 .container-login{max-width: 400px;}
 .bg-login-color{background: rgba(255, 255, 255, 0.75); height: 100vh;}
 .login-title{color: #0b6f77;}
 .text-shadow{text-shadow: 1px 2px 2px rgba(0,0,0,0.20);}
 .hiden-validation{display: none;}
 .alert-bg{background: rgba(248,215,218,0.50);}


 
@media (max-width: 767.98px) {
  .kfu-logo {
   max-width: 150px;
  }
  .favorite-position{position: relative;top: 30px; right:-60px;}
  .custom-tab li.nav-item{width: 100%;}
   /*login------------------------*/
 .dean-logo{max-width: 100px;}
 .container-login{max-width: 100%;}
 .mx-xs-auto{margin-left: auto !important; margin-right: auto !important;}
 .bg-login-color{background-color:none;}
 .login-bg{background-image: none;}
 .xs-border{border: 1px solid #a8b5b6; border-radius: 5px;}
}

  @media (max-width: 1000px) {
    .dropdown-menu-user[data-bs-popper]{left: 10px;}
    .center-user{text-align: inherit;}
    .navbar{--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.5);}
    .navbar-toggler-icon{background: url(../../img/menu.png) center center no-repeat;}
  
}