@import url('../../../sans/Iransans.css');
@import url('../../../sans/IranianSans.css');
@import url('../../../sans/OpenSans.css');

/* === Typography Styles */

.lh150		{	line-height: 150% !important;	}
.lh180		{	line-height: 180% !important;	}
.lh200		{	line-height: 200% !important;	}
.fs10		{	font-size: 10px !important;	}
.fs12		{	font-size: 12px !important;	}
.fs14		{	font-size: 14px !important;	}
.fs16		{	font-size: 16px !important;	}
.fs18		{	font-size: 18px !important;	}
.fw100		{	font-weight: 100 !important;	}

/* === Farsi Language */

:lang(Fa) {
	font-family: Iransans;
}
:lang(Fa) .fa {
	font-family: FontAwesome;
}
:lang(Fa) .glyphicon {
	font-family: Glyphicons Halflings;
}
:lang(Fa) .sidebar-title {
	font-family: 'IranianSans';
	font-weight: 300 !important;
	font-size:  13px;
}
:lang(Fa) .sidebar-subtitle {
	font-family: 'IranianSans';
	font-weight: 100 !important;
	font-size:  12px;
}

/* === Right Tray */

ul.tray-nav li a:lang(Fa) .fa {
	padding-right: 0px;
	padding-left: 18px;
}
.tray-nav :lang(Fa) {
	font-weight: 100 !important;
	font-size:  13px;
}
.tray450 {
	width: 450px;	
}

/* ============= */

.Farsichin {
	direction: rtl;
}
.Chapchin {
	text-align: left;
}
.Rastchin {
	text-align: right;
}
.pr0 {
	padding-right: 0px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}

/* ===== Account Layout =========== */

body.external-page #main {
  overflow: hidden;
  background: url("/Content/img/pattern1.png") repeat #c6c6c6;
}
body.external-page #content .panel {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.login-title {
	text-align: center;
	direction: rtl;
	font: 600 28px IRANSans, Tahoma;
}
.admin-form .panel-title {
	font-size: 16px !important;
	font-weight: 600 !important;
}
.admin-form .panel-title i {
	font-size: 18px !important;
	margin-right: 3px !important;
	top: 1px !important;
}
body.external-page .login-links {
	color: rgba(0, 0, 0, 0.3) !important;
}
body.external-page #content .admin-form {
    margin: 1% auto 0px !important;
}
body.external-page a.other-options {
	font-size: 11px;
}
body.external-page a.other-options:hover,
body.external-page a.other-options:focus {
	text-decoration: none;
	border-bottom: 1px dotted steelblue;
}
.help-block {
	direction: rtl;
	color: #ff006e;
	padding-top: 2px;
}
.field-validation-error {
	line-height: 220%;
	font-size: 12px;
	color: #ff006e;
}

/* ======================================== */