@font-face {font-family: DroidKufi-Regular; src: url('./bootstrap/fonts/DroidKufi-Regular.ttf') format("ttf");}
@font-face {font-family: Lalezar-Regular; src: url('./bootstrap/fonts/Lalezar-Regular.ttf') format("ttf");}
@font-face {font-family: Jomhuria-Regular; src: url('./bootstrap/fonts/Jomhuria-Regular.ttf') format("ttf");}
@font-face {font-family: aeAlArabiyaRegular; src: url('./bootstrap/fonts/aeAlArabiyaRegular.ttf') format("ttf");}
@font-face {font-family: alarabiya; src: url('./bootstrap/fonts/alarabiya.ttf') format("ttf");}

/************************************/
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    
     h2{ font-size: 110%;}
     h3{ font-size: 100%; }
     
     .header .log-right {      
			padding: auto;
	  	 	margin-top: 0px;
	  	 	visibility:hidden;
	  	 	height: 3%;
  	 		}
  	 		
  	 .infobar {
  	 height: 175px;
  	 padding-bottom:100px;
  	 }		
  	 .infobar .btn{ font-size: 80%;}		
  	 
	.infobar .list-group{visibility:hidden;}
	
	.infobar #infobar-pict {visibility:hidden;}
	
	.main-menu .menu-btn {font-size: 80%;}
	
	.main-menu img{
	 width:100px;
	 height: 100px;	
	}
}
/*****************************************/

.svidd {
	position: absolute	;
	/*position: absolute;*/
	vertical-align:middle;
	align-items: center;
	display: flex;
	top: 30%;        
	left: 40%;        
	
	
}


html, body {
    margin: 0;
    padding: 0;
  
 }

#infobar-pict {
width: 70%;
}

.profile-img {
	
	size: 10%;
	
}

.header {
    margin-top: 0.5px;
    text-align: center;
    background-color: #191970;
    color: #ffffff;
    font-family: 'alarabiya', sans-serif; 
    padding-bottom: 1%;
    border-radius: 10px;
  	 
	}
.notif-bar {

	text-align: center;
	color: #339933;
    font-size: 10%;
    font-family: bold;
    border-bottom: 2px solid  #007a99;
    border-top: 2px solid  #007a99;
    border-left: 2px solid  #007a99;
    border-right: 2px solid  #007a99;
    margin-top: 0.5%;
    background-color: #fffAAA;
    border-radius: 10px;
    font-family: 'aeAlArabiyaRegular',sans-serif; 
  }
	
.imgb {

	 margin-left: 20%;
    
}

/* ---------- infobar ------------- */
.infobar {
margin-top: 0.5%;
background-color: #00a799;
text-align: center;
font-family: 'aeAlArabiyaRegular',sans-serif; 
border-radius: 10px;
padding-bottom:1%;

}

#infobar-pict {
padding-top: 3%;
padding-left: 20%;
}


.list-group {
 padding-top: 15px;
 font-size: 130%;
   
   }
   

#infobar-config {
 padding-top: 20px; 

}

.main-menu {

 	margin-top: 0.5%;	
 	padding: 1% 1% 1% 1%;
	background-color: #fffaaa;
 	border-radius: 10px;
	max-height: auto;
	text-align: center;	
	font-style: bold;
	font-family: 'aeAlArabiyaRegular',sans-serif; 

}


/* ----------- Modals ------------- */
.modal-footer {
 background-color: #ebffff;
 text-align: center;
 font-family: 'aeAlArabiyaRegular',sans-serif; 
 
}

.modal-header {
color: #fffaaa;	
text-align: center;
background-color: #29a3a7;
font-size: 130%;
font-style: bold;
font-family: 'aeAlArabiyaRegular',sans-serif; 
}
.modal-content {
font-family: 'aeAlArabiyaRegular',sans-serif; 
font-size: 15px;

}
.modal-body1 {
	
max-height: auto;
overflow-y: auto;
	
}
.modal-body-question {
height:auto;
}
.file-upload  {

    height: 200px;
	overflow-y: auto;
}


/* ----------- fin Modals ------------- */

.bg-lightgray
{
    background-color:LightGray;
}



.img-click {

cursor:pointer ;
color:#000aaa;
font-family: bold;
border-bottom: thick solid #FFFFFF;
}

.img-click:hover {
	border-bottom-color: #007a07;	
	}

.log-right {
	margin-right:auto;
	margin-top: 7%;
	width:100px;
}
.monlgn {
  background-color: red;
  padding: 1px 2px;
  
}

.labelbut {
  background-color: #f0f00f;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px ridge black;
  font-size: 1.5rem;
  height: auto;
}
.labelb {
  background-color: #66ffaa;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px ridge black;
  font-size: 1.5rem;
  height: auto;
}
.labeltst {
  text-align: center;
}
.error {
  color:#ff00aa;
	font-size: 2.5rem;
}

.navbar-v{
	color:#ffffff;
	font-style: bold; 
	font-family: "Arial";
}
.scrollbar {
    background-color: #F5F5F5;
    
    height: 500px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-top: 4px;
    width: auto;
    overflow-y: scroll;
	border: 2px solid #aab000;
	
}

.scrollbarC {
    background-color: #F5F5F5;
    
    height: 200px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-top: 4px;
    width: auto;
    overflow-y: scroll;
	
	border: 2px solid #ffffff;
	
}

.navbar-inv {
	background-color: #2E8B57;
	border-radius: 10px;
	font-size: 2 rem;
	color:#ffffff;
	font-style: bold;
	font-family: "Arial";
} 
.footer {
	margin-top: 1%;
	text-align: center;
	background-color: #2E8B57;
	color: #ffffff;
	font-family: 'aeAlArabiyaRegular',sans-serif; 
	border-radius: 10px;
}
.btn-pri {
    background-color: #2E8B57;
    color:#DCDCDC;
 }
.btn-primaryo {
    background-color: #ffffff;
    color:#aaaaaa;
 }