/* CSS Document navbarCollapse */
  #navbarCollapse{
    background:#fefefe ;
    width: 100%;
    margin: 0px auto;
     border:  #A8E3E5 ;
 }  
 #nvbartop{
    background:#127F89 ;
    width: 100%;
    margin: 0px auto;
     border:  #A8E3E5 ;
 } 
 
 #lo{
    background:#7ebc12 ;
 } 
   #tdll{
background-image: url('roor/lefttop.gif');
background-repeat: repeat-x;
height: 178px;

 }
 /*الشعار الذي بالوسط
 */   
    #tdcc{
    background-image: url('roor/center.png');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height: 178px;
width: 172px;
float: right;
 }    
/******************************************flash1***********************************الحضور والانصراف*/
      #flash1{
    background-image: url('roor/flash1.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height: 52px;
width:52px;

 }
   
   
   
   
   
   /* البصمة*/
   #button9come1{
    background-image: url('roor/bsma.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height: 85px;
width:85px;

 }     
     #button9come2{
    background-image: url('roor/bsma.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height:85px;
width:85px;

 } 
    #button9come12{
    background-image: url('roor/bsma.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height:85px;
width:85px;

 }     
     #button9come22{
    background-image: url('roor/bsma.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height:85px;
width:85px;

 }  
    #button9come13{
    background-image: url('roor/bsma.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height:85px;
width:85px;

 }     
     #button9come23{
    background-image: url('roor/bsma.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-repeat: no-repeat; 
height:85px;
width:85px;

 }  
 /**************************************************************************** /*/
  /*/* الصورة الرئيسية في اليمين*/
     #tdrr{
    background-image: url('roor/rtop.png');


background-repeat: no-repeat;
height: 170px;
width: 545px;
float: right;

 } 
 
 
body{
	background:#fff;/* لون الخلفية للموقع كامل*/
	direction: rtl;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	font-family:Devnia;
	font-size:20px;
	text-align:center;
}
@font-face{
	font-family:'Devnia';
	src: url("GESSUniqueBold.otf")
	}


 /**/
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot);
  src: url(themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff2) format('woff2'),
       url(themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff) format('woff'),
       url(themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.ttf) format('truetype');
}
	table{
background:#efefef;
width:75%;
 border: 5px solid #008000 ;   
 border-radius:10px;
  margin-left: auto;
    margin-right : auto;
 position: static ;
  font-family:Devnia;
 font-size:20px;
text-align: center;



 	}
	tr{
	width:75%;
 border: 1px solid #008000 ;
 border-radius:3px;
 text-align: center;
 align-items: center;
    justify-content: center;
}
td{
    border: 0.1px outset #fff ;

	}

 	
	#table123{
background:#ececec;
 border: 5px solid #60CFD9 ;
    border-radius:5px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:20px;
    width:30%;
text-align: center;
margin:0px auto;
padding-bottom:10px;
margin-bottom:30px;


 	}
#button_smal
{

 border:solid #60CFD9;
margin:17px;
 border-radius:10px;
 width:50px;
 height:30px;
  font-family:Devnia;
 font-size:18px;
}
#input_smal
{
 background: #BEE6FD;
 border:solid #60CFD9;
margin:10px;
 border-radius:10px;
 width:50px;
 height:30px;
	font-family:Devnia;
 font-size:18px;
 }

input[type=text],[type=password]
{
 background: #BEE6FD;
 border:solid #60CFD9;
margin:10px;
 border-radius:10px;
 width:250px;
 height:30px;
	font-family:Devnia;
 font-size:18px;
 }
input[type=text]:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
	 font-size:18px;
font-family:Devnia;

}
input[type=number]
{
 background: #BEE6FD;
 border:solid #60CFD9;
margin:10px;
 border-radius:10px;
 width:250px;
 height:30px;
	font-family:Devnia;
 font-size:18px;
 }
input[type=text]:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
	 font-size:18px;
font-family:Devnia;

}
input[type=number]:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
	 font-size:18px;
font-family:Devnia;

}


input[type=date]
{
 background: #BEE6FD;
 border:solid #60CFD9;
margin:10px;
 border-radius:10px;
 width:250px;
 height:30px;
	font-family:Devnia;
 font-size:18px;
 }
input[type=text]:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
	 font-size:18px;
font-family:Devnia;

}
input[type=date]:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
	 font-size:18px;
font-family:Devnia;

}

textarea
{
	
 border:solid #60CFD9;
background: #BEE6FD;
margin:10px;
 border-radius:10px;
 width:280px;
 height:100px;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:18px;
 }
 
#message
{
	
 border:solid #60CFD9;
background: #BEE6FD;
margin:10px;
 border-radius:10px;
 width:280px;
 height:50px;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:18px;
 }
 
 
 
 
textarea:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
}




input[type=button]
{

 border:solid #60CFD9;
margin:17px;
 border-radius:10px;
 width:200px;
 height:30px;
  font-family:Devnia;
 font-size:18px;
}
input[type=button_small]
{

 border:solid #60CFD9;
margin:15px;
 border-radius:10px;
 width:70px;
 height:30px;
  font-family:Devnia;
 font-size:18px;
 text-align: center;
}

input[type=submit]
{

 border:solid #60CFD9;
margin:5px;
 border-radius:8px;
 width:280px;
 height:30px;
  font-family:Devnia;
 font-size:14px;
 	background: #D9EEE9; 
	background: linear-gradient(top, #D9EEE9 0%, #1DAC85 100%);  
	background: -moz-linear-gradient(top, #D9EEE9 0%, #1DAC85 100%); 
	background: -webkit-linear-gradient(top, #D9EEE9 0%,#1DAC85 100%);
   
		
}
#submit:hover{		background: #104042;
			background: linear-gradient(top, #4f5964 0%, #1DF485 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #1DF485 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#1DF485 40%);
            
            }
    
input[type=file]
{

 border:solid #60CFD9;
margin:5px;
 border-radius:8px;
 width:280px;
 height:30px;
  font-family:Devnia;
 font-size:14px;
 
   	background: #D9EEE9; 
	background: linear-gradient(top, #D9EEE9 0%, #1DAC85 100%);  
	background: -moz-linear-gradient(top, #D9EEE9 0%, #1DAC85 100%); 
	background: -webkit-linear-gradient(top, #D9EEE9 0%,#1DAC85 100%);		
}





#dverr{
	background:#F00;
	border:solid #A8E3E5;
	border-radius:8px;
font-family:'Devnia';
	font-size:20px;
	width:50%;
text-align: center;
margin:0px auto;

	}
	
#dvtrue{
	background: #0C6;
	border:solid #A8E3E5;
	border-radius:8px;
font-family:'Devnia';
	font-size:20px;
	width:50%;
text-align: center;
margin:0px auto;

	}
	#ex{
		width:45px;
		height:45px;
margin-top:-75px ;
margin-right:1010px;
		
		}
		.badge-mini .avatar {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    margin-left: 5px;
    vertical-align: middle;
    float: none; }
.avatar {
       text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  margin-left: 20px;
  float: right; }
  
	
	.badge-mini .avatar {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    margin-left: 5px;
    vertical-align: middle;
    float: none; }


  #dvef{
    background: #396FAF;
    border:solid #000;
    border-radius:5px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:20px;
    width:50%;
text-align: center;
margin:0px auto;
padding-bottom:10px;
margin-bottom:30px;
 
    }
	#Teacher{
		background:#fff;
	 
	border:solid #A8E3E5;
	border-radius:10px;
	
	font-family:Devnia;
	font-size:20px;
	text-align:center;
	width:80%;
	padding-bottom:30px;
	padding-top:30px;
	padding-right:30px;
	padding-left:30px;
	
	


	}
	#save_d{
		background:#F00;
	font-family:Devnia;
	font-size:20px;
	text-align:center;
	
	}
	#Teacher_td{
		background:#c8f6bd;
	 
		padding-bottom:30px;

	
	font-family:Devnia;
	font-size:20px;
	text-align:center;
	
	


	}
   
   #td133{
    background-image: url('roor/lo133.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-attachment: fixed;
	
	font-family:Devnia;
	font-size:20px;
	text-align:center;
height: 80px;
width: 100px;

	}
	#td133:hover {
	background:#BEE6FD;
	border:solid #A8E3E5;
	border-radius:12px;
	
	font-family:Devnia;
	font-size:20px;
	text-align:center;
	

	} 
    
    
    
    
    
#td1{
    background-image: url('roor/lo.gif');
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/
background-attachment: fixed;
	
	font-family:Devnia;
	font-size:20px;
	text-align:center;
height: 80px;
width: 100px;

	}
	#td1:hover {
	background:#BEE6FD;
	border:solid #A8E3E5;
	border-radius:12px;
	
	font-family:Devnia;
	font-size:20px;
	text-align:center;
	

	}
    #td11{
    background:#ACD5D5;
/**	background:#148691;/* لون الازرار العلوية */
/*	border:solid #A8E3E5;/* اطار الازرار العلوية*/
/*	border-radius:10px;*/

	
	font-family:Devnia;
	font-size:20px;
	text-align:center;


	}
	#td11:hover {
	background:#BEE6FD;
	border:solid #A8E3E5;
	border-radius:12px;
	
	font-family:Devnia;
	font-size:20px;
	text-align:center;


	}
    
    
    
    
#nvbar{
	background:#B0C5E0;
	border:solid #A8E3E5;
	border-radius:10px;
	  font-family:Devnia;
	font-size:36px;
	width:90%;
text-align: center;
margin-top:-60px ;
margin-bottom:20px;
margin-right:10px;
	}
	
		a{
		text-decoration:none;
		color:#00C;
		
	
	}
	
	#td2{
	background:#d4e8f5;
	border:solid #A8E3E5;
	border-radius:10px;
	font-family:Devnia;
	font-size:20px;
	width:30%;
text-align: center;
margin-top:-30px ;




	}
    	#td20{
	background:#d4e8f5;
	border:solid #A8E3E5;
	border-radius:10px;
	font-family:Devnia;
	font-size:20px;
	width:50%;
text-align: center;
margin-top:-30px ;




	}
    
    
    
		#td3{
	background:#d4e8f5;
	border:solid #A8E3E5;
	border-radius:30px;
	font-family:Devnia;
	font-size:20px;
	width:35%;
text-align: center;
margin-top:-40px ;
margin-right:20px;
	}
	#elect{
	background: #C5E5FC;
 border:solid #60CFD9;
margin:10px;
 border-radius:10px;
 width:250px;
 height:30px;
font-family:Devnia;
 font-size:18px;
text-align: center;

	}
		#birth{
	background: #C5E5FC;
 border:solid #60CFD9;
margin:1px;
 border-radius:10px;
 width:70px;
 height:30px;
font-family:Devnia;
 font-size:18px;
text-align: center;

	}	
.out1{
	background:#fafaf9;
	border:solid #fffad6;
	border-radius:5px;
	font-family:Devnia;
	font-size:20px;
	width:35%;
text-align: center;

margin: 0px auto;
margin-bottom :10px;

	}
.out{
	background:#fafff9;
	border:solid #A8E3E5;
	border-radius:10px;
	font-family:Devnia;
	font-size:20px;
	width:75%;
text-align: center;
 align-items: center;
    justify-content: center;
margin: 5px auto;
margin-bottom :10px;

	}
    
.outt2{
	background:#fafff9;
	border:solid #A8E3E5;
	border-radius:30px;
	font-family:Devnia;
	font-size:20px;
	width:75%;
text-align: center;

margin: 0px auto;
margin-bottom :10px;

	}   
       .out2{
	background:#fafff9;
	border:solid #fffad6;
	border-radius:5px;
	font-family:Devnia;
	font-size:20px;
	width:75%;
text-align: center;

margin: 0px auto;
margin-bottom :10px;

	} 
    
    
    
/* 

.dl{

margin-right: 100px;

	
}

*/




#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


/*---------------------------------------

	EXAMPLES
التغيير هنا
-----------------------------------------*/


        #test {
     width: 600px;
padding: 30px; 
    display:none;


    background: #FFF;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

#p_d{
	
	background:#d4e8f5;
	border:solid #A8E3E5;
	border-radius:20px;
	font-family:Devnia;
	font-size:20px;
	width:50%;
text-align: center;

margin: 0px auto;
margin-bottom :10px;

	}
	#p_d:hover {
	background:#C5E5FC;
	

	}
	
    #p_dd{
	
	background:#d4e8f5;
  text-align: center;
   border-color: #000000;
  font-family: Simplified Arabic;
  font-size: 20px;

	}
	#p_dd:hover {
	background:#C5E5FC;
	

	}
    
 /*احمر*/
	#table100 {
  background: #FF0000;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  
  color: #FFFFFF;
}
/*عنابي*/
   #tablee100 {
  background: #660033;
  text-align: center;
   border-color: #000000;
  font-family:Devnia;
  font-size: 20px;
  color: #000000;
}
/*  اصفر*/
#table101 {
  background: #FFFF00;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}


/*اخضر زيتي*/
#table102 {
  background: #92D050;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}
/* ازرق نيلي غامق جنزي*/
#table103 {
  background: #0070C0;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}
#table160 {
  background: #4EC5E0;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}
#table104 {
  background: #00FFFF;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}

/*اخضر فسفوري*/
#table105 {
  background: #00FF00;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}

    /*متقلب لونين*/
 #table10522 {
  background: #d4e8f5;
  text-align: center;
   border-color: #000000;
  font-family:Devnia;
  font-size: 20px;
  color: #000000;
  
}
  /*	
	#table10522:hover {
	background:#C5E5FC;
	  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;

	} 
ازرق*/
#table106 {
  background: #0066FF;  
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #FFFFFF;
}

#table107 {
  background: #FFFFFF;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}


/*اخضر داكن*/
#table_head1 {
  background: #60CFD9;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 20px;
  color: #000000;
}

.loader {
  width: 50px;
  height: 50px;
  position: relative;
  
}
.loader::before , .loader::after{
  content: '';
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  width: 50em;
  height: 50em;
  background-image:
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0),
    radial-gradient(circle 10px, #7ff777 100%, transparent 0);
  background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em,
                       13em -13em, -13em -13em, 13em 13em, -13em 13em;
    background-repeat: no-repeat;
  font-size: 0.5px;
  border-radius: 50%;
  animation: blast 1s ease-in infinite;
}
.loader::after {
  font-size: 1px;
  background: #099922;
  animation: bounce 1s ease-in infinite;
}

@keyframes bounce {
  0% , 100%{ font-size: 0.75px }
  50% { font-size: 1.5px }
}
@keyframes blast {
  0% , 40% {
    font-size: 0.5px;
  }
  70% {
    opacity: 1;
    font-size: 4px;
  }
   100% {
     font-size: 6px;
    opacity: 0;
  }
}