@charset "utf-8";
/* 

 Bayan panel;
 
 code and design by : mohammad hasan khosh taher moghadam;
 
 make a difference :);
 
 version : 1.0;
 
*/
@font-face {
  font-family: 'BYekan';
  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'BRoya';
  src: url('fonts/BRoya.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BRoya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BRoya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#7ca5ae;
	background-image:url(img/bg1.jpg);
	background-size:cover;
	background-attachment: fixed;
	background-repeat:no-repeat;
	direction:rtl;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none}
.cls {clear:both;}
/*user panel code:)*/
.repeat {
	
	background-image:url(img/line-smooth.png);
	background-repeat:repeat-x;
	height:8px;
	margin-top:20px
	}
#main-user {
	width:980px;
	margin:auto;
	margin-top:10px;
	}
#header-user {
	
	
	}
	
#header-user .right-hd{
	float:right;
	width:320px;
	height:0px;
	font:18px 'BRoya',tahoma;
	box-shadow:0px 0px 4px 0px #aaa;
	-moz-box-shadow:0px 0px 4px 0px #aaa;
	-webkit-box-shadow:0px 0px 4px 0px #aaa;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	opacity:0;
	overflow:hidden;
	position:relative
}
#header-user .right-hd img {position:absolute;margin:5px;}
#header-user .right-hd p {margin-top:7px;margin-left:10px;text-align:left;}
#header-user .left-hd{
	float:left;
	width:620px;
	font-size:20px;
	font-family:'BRoya',tahoma;
	overflow:hidden;
	}
#header-user .left-hd ul{
	
	float:right;
	height:45px;
	box-shadow:0px 0px 4px 0px #aaa;
	-moz-box-shadow:0px 0px 4px 0px #aaa;
	-webkit-box-shadow:0px 0px 4px 0px #aaa;
	background-color:#FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	overflow:hidden;
	
	}
#header-user .left-hd ul li {
	
	float:right;
	display:inline-block;
	border-left:1px solid #8f7f70;

	
	}
#header-user .left-hd ul li:last-child {border-left:0}
#header-user .left-hd ul li a {
		
	display:block;
	color:#8f7f70;
	text-decoration:none;
	height:33px;
	padding-top:12px;
	padding-right:7px;
	padding-left:7px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
#header-user .left-hd ul li a:hover {
	background-color:#f8f3f0
	}
#header-user .left-hd ul li a>i {
	font-size:20px;
	margin:5px;
	display:inline;
	}
#header-user .left-hd a#head-btn{
	text-decoration:none;
	
	color:#fff;
	display:inline-block;
	background-color:#f8d347;
	padding-top:12px;
	padding-right:15px;
	padding-left:15px;
	margin-right:4px;
	height:33px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	
	}
#header-user .left-hd a#head-btn:hover {
	box-shadow:inset 0px 0px 10px 0px #555;
	-moz-box-shadow:inset 0px 0px 10px 0px #555;
	-webkit-box-shadow:inset 0px 0px 10px 0px #555;
	
	}
#header-user .left-hd a#head-btn:last-child {background-color:#ff6c60;padding-right:15px;
	padding-left:15px;}
	
.main-user {
	
	width:980px;
	margin-top:20px;
	position:relative
		 
	}
.tabs {
		
	float:right;
	background-color:#fff;
	width:120px;
	font:14px 'BYekan',tahoma;
	text-align:center;
	border-radius:20px 0px 0px 20px;
	-moz-border-radius:20px 0px 0px 20px;
	-webkit-border-radius:20px 0px 0px 20px;
	overflow:hidden;
		
		}
		
.msl {
			
	width:0;
	height:0;
	border:20px solid #fff;
	border-left:0;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	position:absolute;
	right:120px;
			
			
			}
.msl1 {top:21px}
.msl2 {top:103px}
.msl3 {top:185px}
.msl4 {top:267px}
.msl5 {top:349px}
.msl6 {top:431px}
.msl7 {top:513px}
.msl8 {top:595px}
.msl9 {top:677px}
.msl10 {top:758px}
.tabs ul li{
	
	border-bottom:1px dotted #8f7f70;
	background-color:#fff;
	color:#a09b97;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;

    
	
	}
.tabs ul li#us-tab1 {border-right:4px solid #6ccac9}
.tabs ul li#us-tab2 {border-right:4px solid #ff6c60}
.tabs ul li#us-tab3 {border-right:4px solid #f8d347}
.tabs ul li#us-tab4 {border-right:4px solid #a9d86e}
.tabs ul li#us-tab5 {border-right:4px solid #57c8f2}
.tabs ul li#us-tab6 {border-right:4px solid #ff6c60}
.tabs ul li#us-tab7 {border-right:4px solid #f8d347}
.tabs ul li#us-tab8 {border-right:4px solid #a9d86e}
.tabs ul li#us-tab9 {border-right:4px solid #57c8f2}
.tabs ul li#us-tab10 {border-right:4px solid #ff6c60}
.tabs ul li:last-child {border-bottom:0;}
	
.tabs ul li:hover{
	
	background-color:#f1f2f7
	
	}
	.tabs ul li a{
		
		display:block;
		color:#a09b97;
		height: 61px;
		padding-top:20px;

		
		
		}
.tabs ul li a>i{
	
	display:block;
	font-size:20px;
	color:#908071;
	
	}
	
	
.main-user .content-user {
	
	float:left;
	width:830px;
	font:20px 'BRoya',tahoma;
	
	
	}
	
.main-user .content-user table,td,tr {
	border:1px solid #000;
	margin:auto;
	padding:5px;
	margin-top:10px;
	text-align:center;
		}
.main-user .content-user h1{margin-right:10px;}
		
.us-tab1,.us-tab2,.us-tab3,.us-tab4,.us-tab5,.us-tab6,.us-tab7,.us-tab8,.us-tab9,.us-tab10{
	background-color:#fff;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.headthis {width:100%;height:10px;background-image:url(img/stripe.png);color:#fff;}

.footer 
		{
	width:980px;
	margin:auto;
	height:60px;
	background-color:#fff;
	border-radius:5px;
	margin-top:20px;
	margin-bottom:20px;
	font:14px arial;
	color:#000;
	direction:ltr;
	position:relative;
	overflow:hidden;
		}
.footer>p{
	padding:22px;
	display:inline;
	float:left
			}

.footer .ft-right {float:right;}		
.footer .ft-right>p {
	font:18px 'BRoya',tahoma;
	margin-top:12px;
			}
.footer  i {
	 margin:10px;
	 float:right;
	 background-color:#57c8f2;
	 padding:5px;
	 border-radius:20px;
	 color:#fff;
			 
			 
			 }
		/*setting*/
#setting,.light{
	position:fixed;
	width:100%;
	height:100%;
	z-index:999;
	top:0;
	left:0;
	display:none;
			}
.light {
				
	background-color:#444;
	opacity:0.7
				}
.box {
					
	position:relative;
	top:100px;
	z-index:9999;
	width:0px;
	height:200px;
	margin:auto;
	box-shadow:0px 0px 10px 0px #444;
	-moz-box-shadow:0px 0px 10px 0px #444;
	-webkit-box-shadow:0px 0px 10px 0px #444;
	background-color:#FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	overflow:hidden;
    font:20px 'BRoya',tahoma;
					}
.box .close{
						
	float:left;
	background-color:#f0ad4e;
	color:#fff;
	padding:3px;
	font:20px tahoma;
	cursor:pointer
						}
/*login style*/
						
.login-box {
	
	width:450px;
	margin: auto;
	box-shadow:0px 0px 10px 0px #555;
	-moz-box-shadow:0px 0px 10px 0px #555;
	-webkit-box-shadow:0px 0px 10px 0px #555;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	overflow:hidden;

	
	}	
.imig img {
		
	width:106px;
	height:160px;
	display:block;
	margin:auto;
	padding:10px;
	margin-bottom:20px;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	
	
		
		}
.imig img:hover {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);

	}
.imigmain img {
		
	width:336px;
	height:390px;
	display:block;
	margin:auto;
	padding:10px;
	margin-bottom:20px;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	
	
		
		}
.imigmain img:hover {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);

	}
.login-boxmain h1 {
	
	margin-top:10px;
	font:25px 'BRoya',tahoma;
	text-align:center;
	color:#8d8070;
	
	}	
.login-boxmain p{
	
	font:18px 'BRoya',tahoma;
	direction:rtl;
	text-align:center;
	line-height:25px;
}
.login-boxmain{
	width:600px;
	margin: auto;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	overflow:hidden;
	padding:10px;
}
.login-boxmain .mainlinks{
	
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.login-boxmain .mainlinks a.link {
	
	border:1px solid;
	padding-right:5px;
	padding-left:5px;
	font:20px 'BYekan',tahoma;
	color:#000000;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 0px 7px 0px #CCCCCC;
}
.login-boxmain .mainlinks a.linkp {
	
	border:1px solid;
	padding-right:8px;
	padding-left:8px;
	font:20px 'BYekan',tahoma;
	color:#000000;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 0px 7px 0px #CCCCCC;
}

.login-boxmain .mainlinks a:hover{
	background-color:#3CF;
}
		
.login-box h1 {
	
	margin-top:10px;
	font:20px 'BRoya',tahoma;
	text-align:center;
	color:#8d8070;
	
	}


.login-box form {
		
		margin-top:10px;
	
		
		}
	
.login-box form input {
	display:block;
	margin:auto;
	margin-top:10px;
	font:18px 'BRoya',tahoma;
	width:300px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
		
		}

.login-box form .bg-sub2 {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	background-color:#f8f3f0;
	color:#e55f3c;
	font:14px 'BYekan',tahoma;
	text-align:center;
	
	}
.login-box form input[type="submit"]{
	background-color:#f0ad4e;
	border:2px solid #eea236;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:none;
	cursor:pointer;
	
	}
.login-box form input {
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding-right:4px;
	border:1px solid #f0ad4e;
	color:#8d8070;
	box-shadow:inset 0px 0px 5px 0px #eaeaea;
	
	}
.login-box form label {
	display:block;
	margin:auto;
	margin-top:10px;
	font:18px 'BRoya',tahoma;
	width:300px;
	color:#8d8070;
}
		/*admin panel code:)*/