@font-face {
	font-family: "aviny";
	src: url("../fonts/aviny-700.eot");
	src: url("../fonts/aviny-700d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/aviny-700.woff2") format("woff2"), url("../fonts/aviny-700.woff") format("woff"), url("../fonts/aviny-700.ttf") format("truetype");
	font-weight: 700;
}

@font-face {
	font-family: 'IRANSansWeb';
	src: url('../fonts/IRANSansWeb.eot');
	src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.ttf') format('truetype'), url('../fonts/IRANSansWeb.svg#ibik') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: IRANSansWeb;
}

body {
	background: #404040;
	font-family: IRANSansWeb;
	font-size:14px;
}

h1 {
	color: #666;
	text-align: center;
	font-family: aviny;
	font-size: 24px;
	margin-bottom: 30px;
}

hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #404040, rgba(0, 0, 0, 0));
}

.text-area {
	width: 75%;
	padding: 30px 22px;
	background: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:justify;
	direction:rtl;
}

.text-box {
	position: relative;
	margin-bottom: 15px;
}

.text-control {
	width: 100%;
	height: 50px;
	border: none;
	padding: 5px 7px 5px 15px;
	background: #fff;
	color: #666;
	border: 2px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

th, td {
	text-align: right;
	direction:rtl;
	padding: 12px;
}

tr:nth-child(even){
	background-color: #f2f2f2
}

@-moz-keyframes wrong-log {
	0%,
	100% {
		left: 0px;
	}
	20%,
	60% {
		left: 15px;
	}
	40%,
	80% {
		left: -15px;
	}
}

@-webkit-keyframes wrong-log {
	0%,
	100% {
		left: 0px;
	}
	20%,
	60% {
		left: 15px;
	}
	40%,
	80% {
		left: -15px;
	}
}

@keyframes wrong-log {
	0%,
	100% {
		left: 0px;
	}
	20%,
	60% {
		left: 15px;
	}
	40%,
	80% {
		left: -15px;
	}
}

a.register {
	display:block;
	text-align:center;
	text-decoration:none;
}