@font-face {
	font-family: WShabnam;
	src: url("../../engine/lib/shabnam-font/Shabnam-FD.eot");
	src: url("../../engine/lib/shabnam-font/Shabnam-FD.eot?#iefix") format("embedded-opentype"), url("../../engine/lib/shabnam-font/Shabnam-FD.woff2") format("woff2"), url("../../engine/lib/shabnam-font/Shabnam-FD.woff") format("woff"), url("../../engine/lib/shabnam-font/Shabnam-FD.ttf") format("truetype");
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: WShabnam;
	src: url("../../engine/lib/shabnam-font/Shabnam-Bold-FD.eot");
	src: url("../../engine/lib/shabnam-font/Shabnam-Bold-FD.eot?#iefix") format("embedded-opentype"), url("../../engine/lib/shabnam-font/Shabnam-Bold-FD.woff2") format("woff2"), url("../../engine/lib/shabnam-font/Shabnam-Bold-FD.woff") format("woff"), url("../../engine/lib/shabnam-font/Shabnam-Bold-FD.ttf") format("truetype");
	font-weight: bold;
	font-display: swap;
}

@font-face {
	font-family: WShabnam;
	src: url("../../engine/lib/shabnam-font/Shabnam-Thin-FD.eot");
	src: url("../../engine/lib/shabnam-font/Shabnam-Thin-FD.eot?#iefix") format("embedded-opentype"), url("../../engine/lib/shabnam-font/Shabnam-Thin-FD.woff2") format("woff2"), url("../../engine/lib/shabnam-font/Shabnam-Thin-FD.woff") format("woff"), url("../../engine/lib/shabnam-font/Shabnam-Thin-FD.ttf") format("truetype");
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: WShabnam;
	src: url("../../engine/lib/shabnam-font/Shabnam-Light-FD.eot");
	src: url("../../engine/lib/shabnam-font/Shabnam-Light-FD.eot?#iefix") format("embedded-opentype"), url("../../engine/lib/shabnam-font/Shabnam-Light-FD.woff2") format("woff2"), url("../../engine/lib/shabnam-font/Shabnam-Light-FD.woff") format("woff"), url("../../engine/lib/shabnam-font/Shabnam-Light-FD.ttf") format("truetype");
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: WShabnam;
	src: url("../../engine/lib/shabnam-font/Shabnam-Medium-FD.eot");
	src: url("../../engine/lib/shabnam-font/Shabnam-Medium-FD.eot?#iefix") format("embedded-opentype"), url("../../engine/lib/shabnam-font/Shabnam-Medium-FD.woff2") format("woff2"), url("../../engine/lib/shabnam-font/Shabnam-Medium-FD.woff") format("woff"), url("../../engine/lib/shabnam-font/Shabnam-Medium-FD.ttf") format("truetype");
	font-weight: 500;
	font-display: swap;
}

html, body {
	height: 100%;
}

a {
	text-decoration: none;
}

a:focus {
	outline: 0;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: WShabnam;
}

#panel {
	background: #ffffff url(images/bg.svg) no-repeat top left / auto 100% fixed;
}

.pointer {
	cursor: pointer;
}

textarea {
	resize: none;
}

#security_code, #verify_code, .number_input {
	appearance: textfield;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
}

.logininput {
	text-align: left;
	font-family: Tahoma;
	direction: ltr;
}

.logininput::placeholder {
	text-align: right;
	font-family: WShabnam !important;
}

.logininput::-webkit-input-placeholder {
	text-align: right;
	font-family: WShabnam !important;
}

.logininput:-moz-placeholder {
	text-align: right;
	font-family: WShabnam !important;
}

.logininput::-moz-placeholder {
	text-align: right;
	font-family: WShabnam !important;
}

.logininput:-ms-input-placeholder {  
   text-align: right;
   font-family: WShabnam !important;
}

.logininput::-ms-input-placeholder {  
   text-align: right;
   font-family: WShabnam !important;
}

.text-justify {
	text-align: justify;
}

.captcha {
	cursor: pointer;
}

footer {
	font-size: 0.9rem;
}

.about {
	background-image: url(images/pattern.png), linear-gradient(to left, #0069d9, #007bff);
	background-attachment: fixed;
}

.card-body p:last-child {
	margin-bottom: 0px;
}

.navbar-brand {
	max-width: 75%;
}

#panel-navbar {
	z-index: 1030;
}

#panel-navbar img {
	width: 30px;
}

#sidebar {
	position: fixed;
	top: 0;
	right: 0;
	overflow-y: visible;
	overflow-x: hidden;
	margin-right: 0;
	transition: all 0.3s;
	background: #FFF;
	border-left: 1px solid rgba(0, 0, 0, 0.125);
	z-index: 999;
}

#sidebar #date {
	text-shadow: 1px 1px 0px #000;
}

#sidebar #date.spring {
	background: url(images/menu-spring.png);
	background-size: cover;
}

#sidebar #date.summer {
	background: url(images/menu-summer.png);
	background-size: cover;
}

#sidebar #date.fall {
	background: url(images/menu-fall.png);
	background-size: cover;
}

#sidebar #date.winter {
	background: url(images/menu-winter.png);
	background-size: cover;
}

#content {
	position: absolute;
	left: 0;
	top: 0;
}

#content-title {
	position: fixed;
	width: -moz-available;
	width: -webkit-fill-available;
	z-index: 4;
}

#overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: ;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.unit-rating {
	list-style: none;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(data:image/gif;base64,R0lGODlhGQBLAOZgAOvq69/e3ufm5uTi49vY2evq6uPg4ff39/Py8u/v7/ilRfTz9P7dSv7fUfmtSv7XQ/aPOf3LXP7FO9fV1fidQf7PQ/7+9f748/7xYf7WSv3GWf7oWfqyTPu0TtTR0f7kUveUQvaSOvWGNf784f70Y/756P3v5fioT/3ANv7iav7emP75sf7Uafm1gv7tpv73k/712P/fefy8U/7ncfioWP/Mmf7mif/QO/7sXf738v7UUf7ngv72gP3kzv7vlP3guvq/df7Zef/MM/u3T/mvU/zYpv76uv7wzfzGcv7yq/743PilTv7w3f7hZf3ixP7dh/vVrPnAmf7uv/7ql/7vuP7uw/u+bf76xP70bP7Xc/q5af786v73nP3kvf/nnP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGAALAAAAAAZAEsAQAf/gGCCg4SFhodgAAYTBAJfj5CRjwIFiGAJkpIJBpadnoUFAR4eFxkPp1QHCKsAAAKWAghJGxs4OBi4GFetn729AhMXEMM9Ah4EyAEAnR5fHc8yMhrTKgkBvtidrZO+igeZmQcEngMLBwMDhgKv3QCPE74DCRYzDacSEij6EhUzX+mdBjxCcI2QAAALsoFBIM5XgW9EHEh0wMGBgovPkFwACAuSAQMFQgXAhCBbAXYKEwWIlIDAMlgLwMn8AqDgIQIIZn4Z50lATEgClH17xDGlUTADUCqsWUJIhQsfyX1TMiUFg6tYrzbYCuOLzUIBDHyJUaFChrNnm3zx8CkAghck/15YQIBpxIoRXo/q3StIgIkoOVx+AjAA4RcTUJZQoHDxohYgP74cUDoowIAcNEJoXrxYgZMC8DyJjRCBRZUvR1SU/kIZUUi+sGMPEruAk9EAQ/MqJIApUgBkyEAWUmRYZyRKhAgbj1TbEk7jBCp1KtBbJnJtOXXytGTgZ4HoYEKVY/1pnezzfN2iO4pbCgxrKXl7uXEjxgFGBy0FCCAgwYESNpwiYAop2OCCBTS91Nc3O2C11VYfRBihD/8gYpkFQeCjYVkV6LBRUTcV4AIDDzZAywZb2NaJT1zggsUKRvBAAgkrEOQJbhbgFdQA/A0lXScL8ILekCkRpmBKYn0BX2lKASzQgggtiHOkJYpMMAECNYCgJQ0mDMTKlL3VcEJjCkxEEQccFFGhIfIwYQUFw4ggwjDDnPBhJ/tdMOZFEnEwRBcCqGjJBF9MQ9qhEWSxU3lfPKGCBS0JcIAFJXyR0Cc0KQNKa0QeFQgAOw==) top left repeat-x;
	margin: 0;
	padding: 0;
}

.unit-rating li {
	float: right;
	margin: 0;
	padding: 0;
}

.unit-rating li a {
	outline: none;
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	z-index: 20;
	position: absolute;
	padding: 0;
	cursor: pointer;
}

.unit-rating li a:hover {
	background: url(data:image/gif;base64,R0lGODlhGQBLAOZgAOvq69/e3ufm5uTi49vY2evq6uPg4ff39/Py8u/v7/ilRfTz9P7dSv7fUfmtSv7XQ/aPOf3LXP7FO9fV1fidQf7PQ/7+9f748/7xYf7WSv3GWf7oWfqyTPu0TtTR0f7kUveUQvaSOvWGNf784f70Y/756P3v5fioT/3ANv7iav7emP75sf7Uafm1gv7tpv73k/712P/fefy8U/7ncfioWP/Mmf7mif/QO/7sXf738v7UUf7ngv72gP3kzv7vlP3guvq/df7Zef/MM/u3T/mvU/zYpv76uv7wzfzGcv7yq/743PilTv7w3f7hZf3ixP7dh/vVrPnAmf7uv/7ql/7vuP7uw/u+bf76xP70bP7Xc/q5af786v73nP3kvf/nnP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGAALAAAAAAZAEsAQAf/gGCCg4SFhodgAAYTBAJfj5CRjwIFiGAJkpIJBpadnoUFAR4eFxkPp1QHCKsAAAKWAghJGxs4OBi4GFetn729AhMXEMM9Ah4EyAEAnR5fHc8yMhrTKgkBvtidrZO+igeZmQcEngMLBwMDhgKv3QCPE74DCRYzDacSEij6EhUzX+mdBjxCcI2QAAALsoFBIM5XgW9EHEh0wMGBgovPkFwACAuSAQMFQgXAhCBbAXYKEwWIlIDAMlgLwMn8AqDgIQIIZn4Z50lATEgClH17xDGlUTADUCqsWUJIhQsfyX1TMiUFg6tYrzbYCuOLzUIBDHyJUaFChrNnm3zx8CkAghck/15YQIBpxIoRXo/q3StIgIkoOVx+AjAA4RcTUJZQoHDxohYgP74cUDoowIAcNEJoXrxYgZMC8DyJjRCBRZUvR1SU/kIZUUi+sGMPEruAk9EAQ/MqJIApUgBkyEAWUmRYZyRKhAgbj1TbEk7jBCp1KtBbJnJtOXXytGTgZ4HoYEKVY/1pnezzfN2iO4pbCgxrKXl7uXEjxgFGBy0FCCAgwYESNpwiYAop2OCCBTS91Nc3O2C11VYfRBihD/8gYpkFQeCjYVkV6LBRUTcV4AIDDzZAywZb2NaJT1zggsUKRvBAAgkrEOQJbhbgFdQA/A0lXScL8ILekCkRpmBKYn0BX2lKASzQgggtiHOkJYpMMAECNYCgJQ0mDMTKlL3VcEJjCkxEEQccFFGhIfIwYQUFw4ggwjDDnPBhJ/tdMOZFEnEwRBcCqGjJBF9MQ9qhEWSxU3lfPKGCBS0JcIAFJXyR0Cc0KQNKa0QeFQgAOw==) right center;
	z-index: 2;
	right: 0;
}

.unit-rating a.r1-unit {
	right: 0;
}

.unit-rating a.r1-unit:hover {
	width: 25px;
}

.unit-rating a.r2-unit {
	right: 25px;
}

.unit-rating a.r2-unit:hover {
	width: 50px;
}

.unit-rating a.r3-unit {
	right: 50px;
}

.unit-rating a.r3-unit:hover {
	width: 75px;
}

.unit-rating a.r4-unit {
	right: 75px;
}

.unit-rating a.r4-unit:hover {
	width: 100px;
}

.unit-rating a.r5-unit {
	right: 100px;
}

.unit-rating a.r5-unit:hover {
	width: 125px;
}

.unit-rating li.current-rating {
	background: url(data:image/gif;base64,R0lGODlhGQBLAOZgAOvq69/e3ufm5uTi49vY2evq6uPg4ff39/Py8u/v7/ilRfTz9P7dSv7fUfmtSv7XQ/aPOf3LXP7FO9fV1fidQf7PQ/7+9f748/7xYf7WSv3GWf7oWfqyTPu0TtTR0f7kUveUQvaSOvWGNf784f70Y/756P3v5fioT/3ANv7iav7emP75sf7Uafm1gv7tpv73k/712P/fefy8U/7ncfioWP/Mmf7mif/QO/7sXf738v7UUf7ngv72gP3kzv7vlP3guvq/df7Zef/MM/u3T/mvU/zYpv76uv7wzfzGcv7yq/743PilTv7w3f7hZf3ixP7dh/vVrPnAmf7uv/7ql/7vuP7uw/u+bf76xP70bP7Xc/q5af786v73nP3kvf/nnP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGAALAAAAAAZAEsAQAf/gGCCg4SFhodgAAYTBAJfj5CRjwIFiGAJkpIJBpadnoUFAR4eFxkPp1QHCKsAAAKWAghJGxs4OBi4GFetn729AhMXEMM9Ah4EyAEAnR5fHc8yMhrTKgkBvtidrZO+igeZmQcEngMLBwMDhgKv3QCPE74DCRYzDacSEij6EhUzX+mdBjxCcI2QAAALsoFBIM5XgW9EHEh0wMGBgovPkFwACAuSAQMFQgXAhCBbAXYKEwWIlIDAMlgLwMn8AqDgIQIIZn4Z50lATEgClH17xDGlUTADUCqsWUJIhQsfyX1TMiUFg6tYrzbYCuOLzUIBDHyJUaFChrNnm3zx8CkAghck/15YQIBpxIoRXo/q3StIgIkoOVx+AjAA4RcTUJZQoHDxohYgP74cUDoowIAcNEJoXrxYgZMC8DyJjRCBRZUvR1SU/kIZUUi+sGMPEruAk9EAQ/MqJIApUgBkyEAWUmRYZyRKhAgbj1TbEk7jBCp1KtBbJnJtOXXytGTgZ4HoYEKVY/1pnezzfN2iO4pbCgxrKXl7uXEjxgFGBy0FCCAgwYESNpwiYAop2OCCBTS91Nc3O2C11VYfRBihD/8gYpkFQeCjYVkV6LBRUTcV4AIDDzZAywZb2NaJT1zggsUKRvBAAgkrEOQJbhbgFdQA/A0lXScL8ILekCkRpmBKYn0BX2lKASzQgggtiHOkJYpMMAECNYCgJQ0mDMTKlL3VcEJjCkxEEQccFFGhIfIwYQUFw4ggwjDDnPBhJ/tdMOZFEnEwRBcCqGjJBF9MQ9qhEWSxU3lfPKGCBS0JcIAFJXyR0Cc0KQNKa0QeFQgAOw==) right bottom;
	position: absolute;
	height: 25px;
	display: block;
	z-index: 1;
}

@media (min-width: 1400px) {
	
	#sidebar {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#sidebar.active {
		margin-right: 0%;
	}
	
	#content {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#content-title {
		top: 56px;
	}
	
	#content-body {
		margin-top: 95px;
		min-height: calc(100vh - 209px);
	}
	
	#overlay.active {
		display: none;
	}

}

@media (min-width: 1200px) and (max-width: 1399px) {
	
	#sidebar {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#sidebar.active {
		margin-right: 0%;
	}
	
	#content {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#content-title {
		top: 56px;
	}
	
	#content-body {
		margin-top: 95px;
		min-height: calc(100vh - 209px);
	}
	
	#overlay.active {
		display: none;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	#sidebar {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#sidebar.active {
		margin-right: 0%;
	}
	
	#content {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#content-title {
		top: 56px;
	}
	
	#content-body {
		margin-top: 95px;
		min-height: calc(100vh - 209px);
	}
	
	#overlay.active {
		display: none;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	#sidebar {
		height: calc(100vh - 64px);
		margin-top: 64px;
	}
	
	#sidebar.active {
		margin-right: 0%;
	}
	
	#content {
		height: calc(100vh - 64px);
		margin-top: 64px;
	}
	
	#content-title {
		top: 64px;
	}
	
	#content-body {
		margin-top: 88px;
		min-height: calc(100vh - 234px);
	}
	
	#overlay.active {
		display: none;
	}
	
}

@media (min-width: 576px) and (max-width: 767px) {
	
	#sidebar {
		height: calc(100vh - 56px);
		margin-top: 56px;
		margin-right: -100%;
	}
	
	#sidebar.active {
		margin-right: 0%;
	}
	
	#content {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#content-title {
		top: 56px;
	}
	
	#content-body {
		margin-top: 84px;
		min-height: calc(100vh - 233px);
	}
	
	#overlay.active {
		display: block;
		opacity: 1;
	}
	
}

@media (min-width: 0px) and (max-width: 575px) {
	
	#sidebar {
		height: calc(100vh - 56px);
		margin-top: 56px;
		margin-right: -100%;
	}
	
	#sidebar.active {
		margin-right: 0%;
	}
	
	#content {
		height: calc(100vh - 56px);
		margin-top: 56px;
	}
	
	#content-title {
		top: 56px;
	}
	
	#content-body {
		margin-top: 77px;
		min-height: calc(100vh - 237px);
	}
	
	#overlay.active {
		display: block;
		opacity: 1;
	}
	
}