@font-face {
	font-family: 'IRANSans';
	src: url("../fonts/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb(FaNum).woff2") format("woff2"), url("../fonts/IRANSansWeb(FaNum).woff")format("woff"), url("../fonts/IRANSansWeb(FaNum).ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}
html, body {
	direction: rtl;
	font-family: 'IRANSans' !important;
	font-size: 15px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: #f9f9f9;
	width: 100%;
	height: 100%;
}
.modal-open .modal{
	text-align: right;
}
.error_alert{
	display: none;
}
.custom-control-label::before{
	left: calc(44%);
}
.custom-control-label::after{
	left: calc(44%);
}
text, tspan{
	font-family: 'IRANSans';
	font-size: 13px;
}
.clifton .items .table th, .clifton .items .table td{
	border-top: none !important;
}
.clifton .clifton-next-ques{
	display: none;
}
.clifton .items{
	border: 2px solid #ccc;
	padding: 8px;
	margin: 16px 0px;
	/* opacity: 0.5; */
	cursor: pointer;
	/* filter: blur(1px); */
	background: #eaeaea;
}
.clifton .items.active{
	opacity: 1;
	border: 3px solid #454792;
	box-shadow: 0px 0px 10px #ccc;
	filter: blur(0px);
	background: #fff;
}
.clifton .items.active .clifton-next-ques{
	display: inherit;
}
.clifton-error{
	display: none;
}
.clifton .items .custom-control-label::before, .custom-control-label::after{
	margin: auto;
}
.form_title{
	background: #f0f0f0;
	padding: 8px;
	margin: 10px 0px;
}
.shop-page .title{
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #f1f0f0;
	padding: 10px;
	height: 60px;
}
.ltr{
	direction: ltr;
	text-align: right;
}
.shop-page .description{
	font-size: 13px;
	color: #666464;
	text-align: justify;
}
.orange-btn{
	display: inline-block;
	padding: 4px;
	width: 100%;
	color: #ffffff !important;
	text-transform: capitalize;
	background-color: #ef6836 !important;
	border: 1px solid #ef6836;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	margin-top: 15px;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.maxError, .minError{
	display: none;
}
a {
	text-decoration: none !important;
	color: #222;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
.rtl {
	direction: rtl;
}
.bottomlines {
	width: 100%;
	display: block;
	height: 3px;
	background: #ebebeb;
	position: relative;
}
.bottomlines span {
	width: 18%;
	display: inline-block;
	background: #333;
	height: 3px;
	position: absolute;
	right: 0;
	transform: skewX(-45deg);
}
.bottomlines span:nth-child(2) {
	right: 21.2%;
	background: #7fa9de;
}
.bottomlines span:nth-child(3) {
	right: 41.4%;
	background: #10b45b;
}
.bottomlines span:nth-child(4) {
	right: 61.6%;
	background: #ffc001;
}
.bottomlines span:nth-child(5) {
	right: 81.8%;
	background: #f73132;
}
.important {
	color: #f73132;
}
.notimportant {
	color: #10b45b;
}
/*------ header -----*/
header {
	height: auto;
	position: relative;
}
header .headerlogo {
	display: inline-block;
	text-align: right;
	width: 100%;
	margin-top: 25px;
}
header .headerlogo .logo {
	position: relative;
	transform: translateY(-25%);
	margin-left: 20px;
	width: 100px;
}
header .logotitle {
	display: inline-block;
	text-align: right;
}
header .logotitle .headertitle {
	font-size: 22px;
	display: block;
	margin: 35px auto;
	margin-bottom: 10px;
}
header .logotitle .headertitle a:hover {
	color: #222;
}
header .userbuttonbox {
	width: 220px;
	float: left;
	position: relative;
}
header .userbuttonbox .userbutton {
	padding: 10px;
	display: inline-block;
	background: #ebebeb;
	text-align: center;
	font-size: 14px;
	margin-top: 80px;
	transition: all 0.3s;
	margin-bottom: 10px;
}
header .userbuttonbox .userbutton:hover {
	cursor: pointer;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
header .userbuttonbox .userbutton .fa {
	font-size: 18px;
}
header .userbuttonbox .userdrop {
	width: 220px;
	height: auto;
	padding: 10px;
	background: #fff;
	position: absolute;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	display: none;
	left: 0;
	top: 92%;
	z-index: 100;
	text-align: center;
	line-height: 30px;
}
header .userbuttonbox .userdrop li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	transition: all 0.3s;
}
header .userbuttonbox .userdrop li:last-child {
	border-bottom: none;
}
header .userbuttonbox .userdrop li a {
	font-size: 13px;
}
header .userbuttonbox .userdrop li a span {
	margin-left: 5px;
	float: right;
	position: relative;
	top: 10px;
	right: 5px;
	color: crimson;
}
header .userbuttonbox .userdrop li:hover {
	cursor: pointer;
	background: rgba(250,250,250,0.8);
}
/*------ main -----*/
main {
	margin: 50px auto;
	margin-bottom: 20px;
}
main.page {
	margin-top: 0;
}
main .maincontent {
	background: #ffffff;
	width: 100%;
	padding: 20px;
	text-align: right;
}
main .maincontent .maintitle {
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 30px;
}
main .maincontent .maintext {
	font-weight: 500;
	line-height: 30px;
	font-size: 14px;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom: 3px solid #f9f9f9;
	padding-bottom: 40px;
	margin-bottom: 40px;
	text-align: justify;
}
main .maincontent .maintitle span {
	font-size: 20px;
	margin-left: 10px;
}
main .maincontent .maintitle.tip span {
	font-size: 22px;
}
main .maincontent .tipitems li {
	line-height: 40px;
	display: block;
	text-align: justify;
}
main .maincontent .tipitems li.tipimg {
	text-align: left;
}
main .maincontent .tipitems li.tipimg img {
	max-width: 380px;
	width: 100%;
	margin-left: 25px;
}
main .maincontent .startbox {
	width: 90%;
	margin: 20px auto;
	max-width: 350px;
	background: #f9f9f9;
	padding: 20px;
	position: relative;
}
main .maincontent .startbox .bottomlines {
	position: absolute;
	top: 0;
	right: 0;
}
main .maincontent .startbox .bottomlines span {
	transform: skewX(0deg);
}
main .maincontent .startbox form label {
	line-height: 40px;
	font-size: 14px;
}
main .maincontent .startbox form select {
	text-align: left;
}
main .maincontent .startbox form button {
	width: 100%;
	margin: 20px auto;
}
/*------ main test-----*/
main .testcontent .counttest {
	margin: 25px auto;
	display: block;
	background: #f9f9f9;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
main .testcontent .testbox {
	width: 98%;
	margin: 20px auto;
	max-width: 700px;
}
main .testcontent .testbox .form-group {
	margin: 0;
}
main .testcontent .testbox .form-group .custom-control {
	display: inline;
	
}
/* main .testcontent .testbox .form-group .custom-control label span {
	opacity: 0;
} */
main .testcontent .testbox .table td:nth-child(2) {
	width: 120px;
}
main .testcontent .testbox .table td:nth-child(3) {
	width: 120px;
}
main .testcontent .testbox .pagechange {
	display: block;
	text-align: center;
}
main .testcontent .testbox .pagechange a {
	padding: 5px;
	background: #e6e6e6;
	display: inline-block;
}
main .testcontent .testbox .pagechange b {
	width: 60px;
	text-align: center;
	display: inline-block;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	top: 10px;
}
main .testcontent .allpage {
	margin: 25px auto;
	padding-top: 25px;
	border-top: 3px solid #f9f9f9;
	text-align: center;
}
main .testcontent .allpage a{
	color: #8f8f8f;
}
main .testcontent .allpage li {
	display: inline-block;
	width: 31px;
	line-height: 31px;
	border: 1px solid #e6e6e6;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
	height: 31px;
	color:#bebebe;
}
main .testcontent .allpage li.active {
	background: #2E3192;
}
main .testcontent .allpage li.active a {
	color: #fff;
}
/*------ login -----*/
.login .loginbox {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	max-width: 400px;
	margin: 30px auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	border-radius: 4px;
}

.personnel .login-btn{
	background: #EF6836;
	border: 1px solid #a2360d;
	padding: 8px;
}
.personnel .login .loginbox .loginheader {
	height: 60px;
	line-height: 40px;
	padding: 10px;
	font-size: 20px;
	background: #EF6836;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #121338;
	border: 1px solid #EF6836;
}
.login-btn{
	background: #2E3192;
	padding: 8px;
}
.login .loginbox .loginheader {
	height: 60px;
	line-height: 40px;
	padding: 10px;
	font-size: 20px;
	background: #2e3192;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #121338;
	border: 1px solid #2e3192;
}
.login .loginbox .loginheader span {
	float: left;
	margin: 15px;
}
.login .loginbox .loginboxitems {
	width: 92%;
	margin: 15px auto;
	height: auto;
	border-radius: 5px;
	padding-bottom: 10px;
}
.login .loginbox .loginboxitems .loginheader {
	background: #d9edf6;
	color: #418bca;
	height: 50px;
	line-height: 50px;
	padding-top: 0;
	font-size: 16px;
}
.login .loginbox .loginboxitems .form-group {
	width: 90%;
	margin: 10px auto;
}
.login .loginbox .loginboxitems .securitycodebox {
	height: 80px;
	width: 95%;
	margin: 0 auto;
	line-height: 80px;
}
.login .loginbox .loginboxitems .securitycodebox a {
	color: #418bca;
}
.login .loginbox .loginboxitems .securitycodebox .securityimg {
	height: 70px;
	margin: 5px auto;
	display: inline-block;
	width: 70%;
	background: #333;
	margin-left: 10px;
	position: relative;
	float: right;
}
.login .loginbox .loginboxitems .securitycodebox .securityimg img {
	width: 100%;
	position: absolute;
	top: 0;
	height: 70px;
}
.login .loginbox .loginboxitems button {
	width: 90%;
	display: block;
	margin: 10px auto;
}
.login .loginbox .alert {
	width: 92%;
	margin: 0 auto;
}
.login .loginbox .alert-success {
	text-align: justify;
	line-height: 30px;
}
.login .loginbox .custom-control {
	width: 92%;
	margin: 20px auto;
	text-align: right;
}
.login .loginbox .remmeber {
	width: 92%;
	margin: 10px auto;
	font-size: 14px;
	color: #418bca;
	display: block;
}
.login .loginbox .alert-light {
	width: 92%;
	margin: 20px auto;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.2);
	display: block;
}
.modal-title {
	width: 100%;
	text-align: center;
}
.modal-dialog {
	max-width: 700px !important;
}
.modal-body {
	line-height: 35px;
	font-size: 13px;
}
.firstway {
	margin: 20px auto;
}
.secway {
	margin: 20px auto;
}
/*------ footer -----*/
footer {
	text-align: center;
	font-size: 12px;
	padding-bottom: 10px;
	color: #999999;
}

.eq-according li{
	background: #F9F9F9;
	border: 2px solid #ebebeb;
	margin: 8px 0px;
	cursor: pointer;
	opacity: 0.6;
}
.eq-according .custom-control-label::before ,.eq-according .custom-control-label::after {
    right: 0;
}
.eq-according .custom-radio .custom-control-input:checked~.custom-control-label::before{
	background-color: #e24251;
}
.eq-according .custom-radio span{
	font-size: 13px;
}
.eq-according label span {
    margin-right: 21px;
}
.eq-according li .title{
	padding: 15px;
}
.eq-according li .content{
	display: none;
	font-weight: normal;
	padding:15px;
	background: #2E3192;
	color: #fff;
}
.eq-according li.active{
	box-shadow: 0px 0px 6px #ccc;
	border: 2px solid #2e3192;
	opacity: 1;
}
.eq-according li.active .title .la-angle-left{
	transform: rotate(270deg);
}
.eq-according li.active .title{
	font-weight: bold;
}
.eq-according li.active .content{
	display: block;
}
.eq-according li:hover{
	font-weight: bold;
}
main .testcontent .testbox .eq-according .form-group .custom-control{
	width: auto;
	display: inline;
}
@media (max-width: 770px){
	main .testcontent .testbox .eq-according .form-group .custom-control{
		width: 32.333333%;
		display: inline-block;
	}
}
@media (max-width: 460px){
	main .testcontent .testbox .eq-according .form-group .custom-control{
		width: 49%;
		display: inline-block;
	}
}
@media (max-width: 350px){
	main .testcontent .testbox .eq-according .form-group .custom-control{
		width: 100%;
		display: inline-block;
	}
}

/*---------- width<768px ---------------*/
@media only screen and (max-width: 767px) {
header .userbuttonbox .userbutton {
	margin: 20px auto !important;
	display: block;
}
header .userbuttonbox {
	float: none;
	margin: 20px auto;
}
header .headerlogo .logo {
	width: 70px;
}
main .testcontent .testbox .pagechange b {
	font-size: 25px;
	width: 30px;
}
}

/*---------- width<450px ---------------*/
@media only screen and (max-width: 450px) {
header .headerlogo .logo {
	width: 75px;
}
header .logotitle .headertitle {
	font-size: 14px;
}
header .logotitle img {
	width: 142px;
}
main .maincontent .startbox {
	padding: 5px;
}
.login .loginbox .loginboxitems .securitycodebox .securityimg {
	float: none;
	margin: 5px auto;
	display: block;
}
.login .loginbox .loginboxitems .securitycodebox {
	height: auto;
	line-height: 40px;
}
.login .loginbox .alert-success {
	font-size: 13px;
}
.login .loginbox .loginboxitems .loginheader {
	font-size: 13px;
}
.login .loginbox .loginboxitems .securitycodebox a {
	display: block;
	text-align: center;
}
}