body
{
    background: #000;
    padding: 0px;
    margin: 0px;
    font-family: iransans;
    font-size: 13px;
    font-weight: 300;
    background: #eeeeee;
    background-image: url('../image/login.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.btn
{
	font-family:iransans;
	padding:5px 25px;
	text-align:center;
	text-decoration:none;
	border-radius:2px;
	font-size:13px;
	font-weight:300;
	color:#fff;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
	float:right;
	cursor:pointer;
	margin-bottom:0px;
	outline:none;
	border:1px solid #646871;
	background-color:#646871
}

.btn:hover
{
    border: 1px solid #4E5158;
    background: #4E5158;
}



ul.form-control
{
	width:100%;
	min-height:0;
	height:auto;
	overflow:auto;
	list-style-type:none;
	padding:0;
	margin:0 auto
}

ul.form-control li
{
	width:100%;
	min-height:0;
	height:auto;
	overflow:auto;
	margin-bottom:5px
}

.control
{
	width:100%;
	min-height:0;
	height:auto;
	overflow:auto
}

.control-title
{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:right;
	font-size:13px;
	font-weight:400
}

.control-content
{
	width:100%;
	min-height:0;
	height:auto;
	overflow:auto;
	text-align:right;
	padding-bottom:5px;
	overflow-x:hidden
}


input.txtSingleLine
{
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #E6E6E6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333;
    float: right;
    outline: none;
    font-family: iransans;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    direction: rtl;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    box-sizing: border-box;
}

select.ddl
{
	width:100%;
	box-sizing:border-box;
	font-family:iransans;
	font-size:12px;
	font-weight:300;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#FCFCFC;
    border: 1px solid #E6E6E6;
	color:#333;
	outline:none;
    height: 35px;
    line-height: 35px;
	padding:0 10px;
	float:right;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-ms-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	text-align:right;
	direction:rtl
}

.txtMultiLine
{
	width:100%;
	min-width:100%;
	max-width:100%;
	min-height:100px;
	max-height:100px;
	padding:10px 10px 7px;
    background: #FCFCFC;
    border: 1px solid #E6E6E6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color:#333;
	float:right;
	outline:none;
	font-family:iransans;
	font-family:iransans;
	font-size:12px;
	font-weight:300;
	text-align:right;
	direction:rtl;
	box-sizing:border-box
}

.modal
{
	position:fixed;
	z-index:999;
	height:100%;
	width:100%;
	top:0;
	background:rgba(0,0,0,0.7);
	margin:auto!important;
	top:0;
	left:0
}

.center
{
	z-index:1000;
	margin:200px auto;
	padding:10px;
	width:200px;
	height:100px;
	background-color:#fff;
	border-radius:5px;
	opacity:1;
	-moz-opacity:1
}

.center-top
{
	width:50px;
	height:50px;
	margin:0 auto
}

.center-bottom
{
	width:100%;
	height:40px;
	margin-top:5px
}

.center-bottom p
{
	text-align:center !important;
	height:20px;
	line-height:20px;
	font-size:13px;
	direction:rtl;
}

.loader
{
	margin:0 auto;
	margin-top:10px;
	font-size:5px;
	position:relative;
	text-indent:-9999em;
	border-top:2px solid #ddd;
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:3px solid #c6a38a;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:load8 1.1s infinite linear;
	animation:load8 1.1s infinite linear
}

.loader,.loader:after
{
	border-radius:50%;
	width:40px;
	height:40px
}

@-webkit-keyframes load8 {
	0%
	{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	
	100%
	{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

@keyframes load8 {
	0%
	{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	
	100%
	{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}



#login-logo
{
	width:173px;
	min-height:0;
	height:auto;
	overflow:auto;
	margin:0 auto;
	margin-top:30px;
	padding-bottom:20px;
}

#login-logo img
{
	width:100%;
	height:auto;
	border:0;
	border-radius:3px;
	
}

#login
{
    width: 420px;
    min-height: 0px;
    height: auto;
    overflow: auto;
    margin: 15px auto 15px;
    background: #eeeff1;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}




#login-title
{
	width:100%;
	min-height:100px;
	height:auto;
	overflow:auto;
	border-radius:3px;
	font-family:iransans;
	font-size:15px;
	font-weight:400;
	background-color:#fff;
	box-sizing:border-box;
	padding:10px 25px;
	border-radius:3px 3px 0 0;
	position:relative;
}



#login-title h2
{
	text-align:right;
	font-size:16px;
	margin-bottom:10px;
	font-weight:400;
	color:#666;
	margin-top:10px;
	width:calc(100% - 70px);
	float:right;
}

#login-title p
{
	font-size:14px;
	text-align:right;
	font-weight:400;
	color:#999;
	width:calc(100% - 70px);
	float:right;
}

#login-title img
{
    width:50px;
    height:50px;
    border:0px;
    position:absolute;
    left:25px;
    top:25px;
}

#login-bottom
{
	width:100%;
	box-sizing:border-box;
	min-height:0px;
	height:auto;
	overflow:auto;
	border-radius:0 0 3px 3px;
	padding:15px 15px;
	direction:rtl;
}


.btn-wide
{
	width:100%!important
}


.link
{
	outline:none!important;
	text-decoration:none;
	color:#333;
	font-size:12px;
	font-weight:400
}

.link i
{
	color:gray;
	margin-left:5px;
	width:15px
}


.btn-forget-password
{
    border: 1px solid #c7c7c7;
    font-family: iransans;
	padding:5px 25px;
    text-align: center;
    text-decoration: none;
	border-radius:2px;
	font-size:13px;
	font-weight:300;
    color: #808080;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    float: right;
    cursor: pointer;
    box-sizing: border-box;
    background: #dddddd;
    outline: none;
}

.btn-forget-password:hover
{
  background: #c7c7c7;

}




.validation
{
	color:#f02222;
	font-family:iransans;
	font-size:12px;
	font-weight:200;
	text-align:left;
	float:left
}

span.required
{
	font-family:Verdana;
	font-size:12px;
	color:Red
}