/**
*
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (YV5Y3)
--------------------------------------------------------------------------------------
*
**/

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('IRANSansWeb.eot');
	src: url('IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('IRANSansWeb.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('IRANSansWeb_Bold.eot');
	src: url('IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('IRANSansWeb_Bold.ttf') format('truetype');
}
* {

    margin: 0;
	padding: 0;
	border: 0;
}
@charset "UTF-8";

body {
	background: url(background.png)no-repeat center center fixed;
	-webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   width: 100%;
   height: 100%;
   padding: 0px;
   margin: 0px;
   font-family: IRANSans, arial, sans-serif;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   /*background-color: #dfdfdf;
   background-image: -moz-linear-gradient(top, #dddbd1, #d2dbdc);
   background-image: -webkit-linear-gradient(top, #dddbd1, #d2dbdc);
   background-image: linear-gradient(to bottom, #dddbd1, #d2dbdc);*/
   position: relative;
   color:#ffffff;
}
#login-box{
	max-width: 350px;
	height:450px;
	background-color:rgba(23,18,16,0.5);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
padding: 30px;
	border-radius:5px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
}
#login-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  background: -moz-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  height: 5px;
  border-radius: 5px 5px 0 0;
}
#logout-box{
	max-width: 350px;
	height:450px;
	background-color:rgba(23,18,16,0.5);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
padding: 30px;
	border-radius:5px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
}
#logout-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  background: -moz-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  height: 5px;
  border-radius: 5px 5px 0 0;
}
.log-btn {
  background: rgba(234,171,39,0.95);
  dispaly: inline-block;
  width: 100%;
  padding: 15px;
  font-size: 16px;
  height: 50px;
  color: #fff;
  font-family:IRANSans;
  text-decoration: none;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor:pointer;
  -webkit-appearance: none;
}
.logout-btn{
	text-align:center;
	display:block;
	margin:0 auto;
	width:100%;
	padding: 15px;
	border:none;
	background-color:#ed1c24;
	font-family:IRANSans;
	font-size: 18px;
	border-radius:5px;
	color:#fff;
	margin-top:15px;
	cursor:pointer;
	-webkit-appearance: none;
}
.disconnect{
	float:center;
	padding: 15px 0 8px 0;
	font-family: IRANSans;
	font-weight: 300;
	font-size: 18px;
	color: #ffffff;
	background: #ed1c24;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.form {
  position: relative;
  z-index: 1;
  background: rgba(23,18,16,0.5);
  max-width: 350px;
  margin: 0 auto 100px;
  padding: 30px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: center;
}
.form .thumbnail {
  background: rgba(0,0,0,0.5);
  width: 200px;
  height: 200px;
  margin: 0 auto 30px;
  padding: 75px 0px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  box-sizing: border-box;
}
.form .thumbnail img {
  display: block;
  width: 100%;
}
.form input {
  outline: 0;
  color: #dddddd;
  background: rgba(158,194,219,0.3);
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  outline: 0;
  background: rgba(234,171,39,0.95);
  width: 100%;
  border: 0;
  padding: 15px;
  font-family:IRANSans;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #FFFFFF;
  font-size: 16px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: rgba(234,171,39,0.95);
  text-decoration: none;
}
.form .register-form {
  display: none;
}

.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 25px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #ffffff;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #ffffff;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}
.error-txt{
	text-align:center;
	height: 50px;
	display:block;
	width: 80%;
	font-family:'BYekan';
	padding:10px;
	border:none;
	background: #ed1c24;
	dispaly: inline-block;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	color:#fff;
	margin-top:15px;
	-moz-animation: wrong-log 0.3s;
    -webkit-animation: wrong-log 0.3s;
    animation: wrong-log 0.3s;
	-webkit-appearance: none;
}
.error-txt a{
	font-family:'BYekan',Tahoma;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
/* END Form */
/* Demo Purposes */