@import url(http://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

body{
	margin: 0;
	padding: 0;
	background: #fff;

	color: #fff;
	font-family: Arial;
	font-size: 12px;
}

.body{
	position: absolute;
	
	width: 100%;
	height: 100%;
	/*background: url('/Content/Website/img/slide8.jpg') right bottom no-repeat;*/
    /*background: url('/Content/Admin/img/demo/signin-bg-3.jpg') bottom center no-repeat;*/
	background-size: cover;
	-webkit-filter: blur(5px);
	z-index: 0;
}

.grad{
	position: absolute;
	
	width: 100%;
	height: 100%;
	/*background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));*/ 
	z-index: 1;
	opacity: 0.7;
    direction:rtl;
}

.header{
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 315px);
	z-index: 2;
}

.header div{
	float: right;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 35px;
	font-weight: 200;
}

.header div span{
	color: #5379fa !important;
}

.login{
	position: absolute;
	top: calc(50% - 75px);
	left: calc(50% - 60px);
	height: 150px;
	width: 350px;
	padding: 10px;
	z-index: 2;
}

.login input[type=text]{
	width: 300px;
	height: 35px;
	background: #fff6;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #0b0a0a;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
    text-align:right;
}

.login input[type=password]{
	width: 300px;
	height: 35px;
	background: #fff6;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #0b0a0a;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;
    text-align:right;
}

.login input[type=button]{
	width: 300px;
	height: 40px;
	background: #fff;
	border: 1px solid #fff;
    border-bottom: 2px solid #f88a0e;
	cursor: pointer;
	border-radius: 2px;
	color: #383127;
	font-family: BYekan;
	font-size: 16px;
	font-weight: 400;
	padding: 6px;
	margin-top: 10px;
}

.login input[type=button]:hover{
	opacity: 0.8;
}

.login input[type=button]:active{
	opacity: 0.6;
}

.login input[type=text]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=password]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=button]:focus{
	outline: none;
}

::-webkit-input-placeholder{
   color: rgba(255,255,255,0.6);
}

::-moz-input-placeholder{
   color: rgba(255,255,255,0.6);
}

.top-bar{
position: relative;
width: 100%;
z-index: 999;
font-family: byekan;
font-size: 17px;
background-color: #ededed;
color: #1b418f;
text-align: center;
padding: 14px;
box-shadow: 0px 4px 9px 0px black;
border-bottom: solid 2px #ff7e00;
}