@charset "UTF-8";

body{
	direction:rtl;
	text-align:right;
	font-family: Arial;
	background-color:rgb(255, 255, 255);
	background: lightblue url("../image/400.png") 
	            no-repeat center  fixed ;
	background-size: cover;
}

.header{
	width:100%;
	margin-bottom:0px;
	overflow:auto;
}

.headertop{
	width:100%;
	height:60px;
	text-align:center;
	align-content:center;
	font-family: Arial;
	background: rgb(132, 224, 255);
}

.wellcome{
	color:black;
	float:left;
	font-size: large;
	margin-top: 25px;
	margin-left: 10px;
	align-content: center;
	background: rgb(128, 255, 0);
	font-family: Arial;
}

.all{
	width:100%;
	margin:0 auto 0 auto;
	border-right:0px solid #aaa;
	border-left:0px solid #aaa;
	border-radius: 12px;
	font-family: Arial;
}

.nav{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	margin-bottom:0px;
	overflow:auto;
	background: rgb(132, 224, 255);
}

.nav li{
	float:right;
	border-radius: 12px;
	background: rgb(132, 224, 255);
}

.nav li a{
	background: rgb(132, 224, 255);
	color:black;
	padding:5px 10px 5px 10px;
	display:block;
	text-decoration:none;
	font-size:18px;
	font-family: Arial;
}

.nav li a:hover{
	background:#0080ff;
	color:#fff;
}

.nav li ul{
	overflow:hidden;
	padding:0;
}

.nav li ul li{
	width:100%;
	border-radius: 0px;
}

.nav li ul li a{
	background: rgb(132, 224, 255);
	padding:5px 10px 5px 10px;
	font-size:18px;
	font-family: Arial;
	margin:0;
}

.nav li ul li:hover{
	background:#0080ff;
	color:#fff;
}

.nav .login{
	float:left;
}

.nav .login a:hover{
	background:green;
	color:#fff;
}

.nav .logout{
	float:left;
}

.nav .logout .btn{
	color:black;
	float:left;	
}

.nav .logout .btn:hover{
	background:red;
	color:#fff;
}

.center{
	align-content:center;
	text-align:center;	
	margin: auto;
}

.mainform
{
	margin: auto;
	font-family: Arial;
}

.formtitle
{
	font-family: Arial;
	margin-bottom: 30px;
}

.panel{	
	align-content:center;
	text-align:center;
	margin: auto;
	font-size:18px;
	font-family: Arial;
	background-color: transparent;
	
	
}

.radiopanel{	
	text-align:right;
	font-size:18px;
	font-family: Arial;
	width:700px;
}

.resultpanel{	
	align-content:center;
	text-align:center;
	margin: auto;
	height:50px;
	width:300px;
	font-size:22px;
	font-family: Arial;
	background-color: green;
	
}

.linkbutton{
	font-family: Arial;
	font-size:22px;
	color:black;
	background:#00ffff;
	cursor:pointer;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
 	border:100px;
 	font-style:normal;
 	font-weight: bold;
}

.errmsg{
	align-content:center;
	text-align:center;
	margin: auto;
	position: center;
	background: red;
	font-family: Arial;
	font-size: large;
}

.successmsg{
	align-content:center;
	text-align:center;
	margin: auto;
	position: center;
	font-family: Arial;
	font-size:x-large;
	
}

.input{
	border-radius: 5px;	
	margin: auto;
	font-size:medium;
	font-weight:normal;
	font-family: Arial;
	padding-right:8px;
	border: solid thin;
	width: 170px;
	height: 20px;
}

.selective{
	border-radius: 5px;	
	margin: auto;
	font-size:smal;
	font-weight:normal;
	font-family: Arial;
	padding-right:8px;
	border: solid thin;
	width: 180px;
	height: 25px;
}

.address{
	border-radius: 5px;	
	margin: auto;
	font-size:medium;
	font-weight:normal;
	font-family: Arial;
	padding-right:8px;
	border: solid thin;
}

.okbutton{
	font-size:20px;
	border:100px;
	color:black;
	background:#00ffff;
	cursor:pointer;
	border-radius: 10px;
	width: 130px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.cancelbutton{
	font-size:20px;
	border:100px;
	color:black;
	background:red;
	cursor:pointer;
	border-radius: 10px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-top: 20px;
}

.okbutton:hover{
	opacity: 0.7;
}
	
.cancelbutton:hover{
	opacity: 0.7;
}

.Table {   
   border-collapse:collapse;
   border:1px solid #000000;
   border-collapse: separate;
   border: medium;
   align-content: center; 
   margin: auto;
   font-size: medium;
   font-family: Arial;
}

.TableHeader {
   text-align:center;
   background:none repeat scroll 0 0 #B5B5B5;
   border-bottom:2px solid #000000; 
   border-top: 2px solid #000000;
   border-left: 2px solid #000000;
   border-right: 2px solid #000000;
   padding:15px;
}

.TableOddRow {
   text-align:center;
   background:none repeat scroll 0 0 #FFFF;	
   border-bottom:2px solid #000000; 
   border-top: 2px solid #000000;
   border-left: 2px solid #000000;
   border-right: 2px solid #000000;
   padding:15px;
}

.TableEvenRow {
   text-align:center;
   background:none repeat scroll 0 0 #D3D3D3;
   border-bottom:2px solid #000000; 
   border-top: 2px solid #000000;
   border-left: 2px solid #000000;
   border-right: 2px solid #000000;
   padding:15px;
}

.footer{
	width: 100%;
	height:55px;
	background: rgb(132, 224, 255);
	color: black;
	margin-bottom: 6px;
	text-align: center;
	line-height: 50px;
	margin: 10px 0 17px 0;
	bottom: 0;
	font-size: small;
	clear:both;
	
	font-family: Arial;
	margin-top: 50px;
}

.social{
	width:100%;
	margin-left:30px;
	float:left;
	text-align: center;
}

.footernav{
	list-style:none;
	margin:auto; 
	padding:0;
	padding-top:5px;
	margin-bottom:0px;
	overflow:auto;
}

.footernav li{
	float:left;
}

.copyright{
	font-family: Arial;
	font-size:large;	
}

.grid-radio{
	font-family: Arial;
	font-size:large;
	padding:10px;
	margin:100px;
	background-color: black;
}

.fa {
	  padding: 10px;
	  font-size: 10px;
	  width: 10px;
	  text-align: center;
	  text-decoration: none;
	  margin: 5px 2px;
	  border-radius: 50%;
}

.fa:hover {
	opacity: 0.7;
}

.fa-twitter {
	  background: #55ACEE;
	  color: white;
}

.fa-telegram {
	  background: #24A1DE;
	  color: white;
}
	
.fa-whatsapp {
	  background: #25D366;
	  color: white;
}

.fa-instagram {
	  background: #E1306C;
	  color: white;
}

.fa-pinterest {
  	background: #cb2027;
 	 color: white;
}

.fa-rss {
	  background: #ff6600;
	  color: white;
}



/**********************************************************
***********************************************************
*/

/*  nemidonam estefade shode ya na*/





.nav li ul{
background:rgba(0,0,0,0.4);
width:160px;
overflow:hidden;
padding:0;
position: absolute;
display:none
}
.nav li:hover ul{
display:block
}

.nav li ul li{
margin:0;
width:100%
}

.nav li ul li a{
margin:0;
background:none
}

.nav li ul li a:hover{
margin:0;
background:rgba(0,0,0,0.5)
}

.hh{
list-style:none;
margin:0;
padding:0;
border-radius: 12px;
background-color:silver;
background-color:silver;
}

ff
{
width: 100%;
height: 50px;
background-color:blue;
color: black;
margin-bottom: 6px;
text-align: center;
line-height: 50px;
margin: 10px 0 17px 0;
font-size: 13px;
clear:both;
}

sizbox
{
	size: 10px;
}





navigi{
list-style:none;
margin:0;
padding:0;
border-radius: 12px;
width: 100%;
height: 50px;
background-color: black;
}



.text-box{
border-radius: 10px;
height:20px;
border:2px;
margin-top:6px;
padding-top:6px;
width:250px;
}

.button{
font-size:18px;
border:100px;
color:black;
background:#00ffff;
cursor:pointer;
border-radius: 5px;
width: 150px;
margin-bottom: 20px;
 
}

/*
.nav .login form{
margin:0
}
.nav .login form .login-text{
height:30px;
line-height:30px;
border:0;
margin-top:4px
}
.nav .login form .login-button{
font-family:"b yekan";
font-size:17px;
border:10;
color: black;
background:silver;
cursor:pointer;
margin-left: 10px;
margin-bottom: 5px;

}
.nav .login form .login-button:hover{
background:#0080ff
}

.nav .logout form{
margin:0;
background: black;
}
.nav .logout form .logout-text{
height:30px;
line-height:30px;
border:0;
margin-top:4px;
background: black;
}
.nav .logout form .logout-button{
font-family:"b yekan";
font-size:17px;
border:10;
color: black;
background:red;
cursor:pointer;
margin-left: 10px;
margin-bottom: 5px;
}
*/