@font-face {
	font-family: IRANSans;
	src: url("fonts/woff2/IRANSansWeb.woff2"); 
}
@font-face {
	  font-family: IRANSans_FaNumeric;
	  src: url("fonts/woff2/IRANSansWeb_FaNumeric.woff2");
}
*{
	direction: rtl !important;
	text-align: right !important;
	font-family: IRANSans;
	font-size: 9pt;
	box-sizing: border-box !important; 
}
body {
	background: #f0f4f3 !important;
	padding: 20px 0;	
}
.login-logo {
	margin-top: 15px;
	width: 440px;
	text-align: center;
	margin-bottom: 25px;
}
.login-logo img {
	width: 18rem;
	margin: auto;
	display: block;
}
.login-content {
	width: 440px;
	margin-right: auto;
	margin-left: auto;
}
.login-form {
	background: #dedee0 !important;
	border: none !important;
	border-radius: 0 30px 0 30px !important;
	box-shadow: none;
	padding: 35px 20px;	
}
input {
	direction: ltr;
}
.login-form-header {
	text-align: center !important;
	font-size: 18px !important;
	color: #456259 !important;	
}
.login-form-username-caption {
	display: inline-block;
	margin-bottom: .5rem;
	width: 11em;
	margin-top: 10px;	
}
.login-form-password-caption {
	display: inline-block;
	margin-bottom: .5rem;
	width: 11em;
	margin-top: 10px;	
}
.login-form-domain-caption {
	display: inline-block;
	margin-bottom: .5rem;
	width: 11em;
	margin-top: 10px;
}
.login-form-username-input input {
	border-right: 6px solid #68C4A7 !important;
	background: white;
	padding: .55rem 1rem;
	border: 1px solid #edf2f9;
	  border-right-color: rgb(237, 242, 249);
	  border-right-style: solid;
	  border-right-width: 1px;
	transition: all 0.3s;
	border-radius: 4px !important;
	color: #53535f !important;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;	
}
.login-form-username-input span {
	font-size: 8pt;
}
.login-form-username-input input:hover{
	border-color: #446259;
	border-right-color: rgb(68, 98, 89);
	background-color: #e6edeb;	
}
.login-form-password-input input {
	border-right: 6px solid #68C4A7 !important;
	background: white;
	padding: .55rem 1rem;
	border: 1px solid #edf2f9;
	  border-right-color: rgb(237, 242, 249);
	  border-right-style: solid;
	  border-right-width: 1px;
	transition: all 0.3s;
	border-radius: 4px !important;
	color: #53535f !important;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;	
}
.login-form-password-input span {
	font-size: 8pt;
}
.login-form-password-input input:hover{
	border-color: #446259;
	border-right-color: rgb(68, 98, 89);
	background-color: #e6edeb;	
}
.login-form-domain-select select {
	border-right: 6px solid #68C4A7 !important;
	background: white;
	padding: .55rem 1rem;
	border: 1px solid #edf2f9;
	border-right-color: rgb(237, 242, 249);
	border-right-style: solid;
	border-right-width: 1px;
	transition: all 0.3s;
	border-radius: 4px !important;
	color: #53535f !important;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
}

.login-form-domain-select span {
	font-size: 8pt;
}

.login-form-domain-select select:hover {
	border-color: #446259;
	border-right-color: rgb(68, 98, 89);
	background-color: #e6edeb;
}

.login-form-portal-select select {
	border-right: 6px solid #68C4A7 !important;
	background: white;
	padding: .55rem 1rem;
	border: 1px solid #edf2f9;
	border-right-color: rgb(237, 242, 249);
	border-right-style: solid;
	border-right-width: 1px;
	transition: all 0.3s;
	border-radius: 4px !important;
	color: #53535f !important;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
}

.login-form-portal-select span {
	font-size: 8pt;
}

.login-form-portal-select select:hover {
	border-color: #446259;
	border-right-color: rgb(68, 98, 89);
	background-color: #e6edeb;
}

.login-form-loginbutton {
	margin-top: 2rem;
}
.login-form-loginbutton input {
	width: 100%;
	text-align: center !important;
	background: #456259 !important;
	color: white !important;
	height: 33px;
	transition: 0.3s;
	border: none !important;
	border-radius: 4px;	
}
.login-form-loginbutton input:hover{
	background: #618378 !important;	
	cursor: pointer;
}
.login-form-passwordtoggle-input {
	margin-top: 10px;
}
.login-form-message {
	margin-top: 5px;
	font-size: 8pt;
}