html,body
{
	float:right;
	direction:rtl;
	font-family: 'iransans';
	width:100%;
}

.content-wrapper {
	width:100%
}

.login_page, body.error {
    background: url(../img/loginBg.png) repeat scroll 0 0 / auto #9D10D2;
	padding-top:3%
}

.login_form {
	background: rgba(255, 255, 255, 0.47);
	width: 40%;
	text-align: center;
	margin-right: 30%;
	position: relative;
	border-radius: 8px;
	padding: 30px 15px;
}

.main-page-logo img {
    width: 100%;
    text-align: center;
}

.main-page-logo {
    width: 30%;
    margin-right: 35%;
    margin-bottom: 15px;
}

.login_form input {
    background: rgba(255, 255, 255, 0.49);
	min-width: 170px;
}


@media (max-width: 768px) 
{
	.login_form 
	{
		width: 70%;
		margin-right: 15%;
	} 
}

@media (max-width: 480px) 
{
	.login_form 
	{
		width: 95%;
		margin-right: 2.5%;
	} 
	.main-page-logo {
		width: 60%;
		margin-right: 20%;
	}
}