/* CSS Document */
  
 #nvbartop{
    background:#127F89 ;
    width: 100%;
    margin: 0px auto;
     border:  #A8E3E5 ;
 } 
 
 #lo{
    background:#B9DBDE ;
 } 
   #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:#fefefe;/* لون الخلفية للموقع كامل*/
	direction: rtl;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #e8e8e8;
	border-radius: 20px;
	padding-top: 0px;
	margin:70px;
	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:#ececec;
 border: 5px solid #cadae5 ;
 border-radius:10px;
 width:95%;

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


 	}

	#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:Tahoma, Geneva, sans-serif;
 font-size:18px;
 }
input[type=text]:hover{
background:#60CFD9;
Border:2px solid #0000FF; 
	 font-size:18px;
font-family:Tahoma, Geneva, sans-serif;

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

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

}


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

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

}

textarea
{
	
 border:solid #60CFD9;
background: #BEE6FD;
margin:10px;
 border-radius:10px;
 width:280px;
 height:300px;
 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:Tahoma, Geneva, sans-serif;
 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%);		
}



#td{
	background:#d4e8f5;
	border:solid #A8E3E5;
	border-radius:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:36px;
	width:5%;
text-align: center;
margin-top:-57px ;
margin-bottom:20px;
margin-right:10px;
	}

#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:#EDEDED;
	 
	border:solid #A8E3E5;
	border-radius:10px;
	
	font-family:Devnia;
	font-size:16px;
	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:16px;
	text-align:center;
	
	}
	#Teacher_td{
		background:#E9E9E9;
	 
		padding-bottom:30px;

	
	font-family:Devnia;
	font-size:16px;
	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:16px;
	text-align:center;
height: 80px;
width: 100px;

	}
	#td133:hover {
	background:#BEE6FD;
	border:solid #A8E3E5;
	border-radius:12px;
	
	font-family:Devnia;
	font-size:16px;
	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:16px;
	text-align:center;
height: 80px;
width: 100px;

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

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

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


	}
	#td11:hover {
	background:#BEE6FD;
	border:solid #A8E3E5;
	border-radius:12px;
	
	font-family:Devnia;
	font-size:16px;
	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:#d4e8f5;
	border:solid #A8E3E5;
	border-radius:30px;
	font-family:Devnia;
	font-size:20px;
	width:35%;
text-align: center;

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

	}
    
.outt2{
	background:#d4e8f5;
	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:#fafaf9;
	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: Devnia;
  font-size: 16px;

	}
	#p_dd:hover {
	background:#C5E5FC;
	

	}
    
 
	#table100 {
  background: #FF0000;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 16px;
  
  color: #FFFFFF;
}
   #tablee100 {
  background: #660033;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 16px;
  color: #000000;
}
#table101 {
  background: #FFFF00;
  text-align: center;
   border-color: #000000;
  font-family: Devnia;
  font-size: 16px;
  color: #000000;
}


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

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

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

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

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


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