@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');
*, body{
   font-family: 'Almarai', sans-serif;
}
.sub-header-container .navbar {
   box-shadow: none !important;
}
.badge-default{
   border: 1px solid #ddd;
}
body.form{
   background-color: #eee;
}
#sidebar ul.menu-categories ul.submenu > li a{
   margin-right: 5px;
}
[red]{
   color: #f05454;
}
.g{
   padding: 15px;
}
.c{
   margin: 0px auto;
}
.btn{
   box-shadow: none;
}
.dnone{
   display: none;
}
label{
   color: #777 !important;
}
.zLWInq2OE1{
   height: 150px;
   object-fit: cover;
   border-radius: 50% !important;
}
.back-btn{
   padding: 10px;
   border: solid 1px #888;
   cursor: pointer;
}
select[multiple]{
   height: 150px !important;
}
.form-check-label{
   cursor: pointer !important;
}
.g0{
   padding: 5px;
}
.new-control{
   cursor: pointer;
}

#sidebar ul.menu-categories.ps{
   padding-left: 5px;
}
.dropdown-item{
   color: #333;
}
.dropdown-menu{
   border: solid 2px #ddd !important;
}
.q .ans img{
   width: 100%;
   border-radius: 8px 8px 0px 0px;
}
.q .ans.active{
   border: solid 2px #94b4a4;
   border-radius: 8px;
   background-color: #d2f5e3;
}
.q .ans a:hover{
   color: #f05454;
}
.q .ans textarea{
   border-radius: 0px 0px 8px 8px;
}
ajax{
   display: none;
}
.q .ans .img{
   position: relative;
}
.q .ans .img .delete-ans-image{
   position: absolute;
   top: 10px;
   left: 10px;
}
.badge, .btn{
   box-shadow: none !important;
}
.alert{
   font-size: 20px;
}
.alert-default{
   border: 2px solid #999;
   background-color: #fff;
}
.btn.pre{
   background-color: #61b15a;
   border: none;
}
.fQk9kT0dXT{
   border: dashed 2px #ddd;
   border-radius: 8px;
}
.ykZ40XtQFE{
   border: dashed 2px #ddd;
   border-radius: 8px;
   max-height: 300px;
   overflow-y: scroll;
}
.student_search_i:hover{
   background-color: #ddd;
   border-radius: 8px;
   cursor: pointer;
}
.OzqNnLUVWU{
   border: dashed 2px #999;
}
.kNjuMNsVZW{
   border: dashed 2px #999;
   max-height: 200px;
   overflow-y: scroll;
}
.kNjuMNsVZW .student:hover{
   background-color: #eee;
   cursor: pointer;
}
#eDuGULBXoC{
   position: fixed;
   bottom: 15px;
   left: 15px;
   width: 400px;
   z-index: 9999999;
}
#eDuGULBXoC .card{
   box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
   border-radius: 10px;
}