@font-face {
	font-family: 'Acumin Pro';
	font-style: normal;
	font-weight: normal;
	src: local('Acumin Pro'), url('../fonts/Acumin-RPro.woff')
		format('woff');
}

html body {
	height: 100%;
	width: 100%
}

body {
	background-color: rgb(245, 245, 245);
	min-width: 100%;
	position: absolute;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 12px;
	letter-spacing: 0.02em;
}

.wrapper {
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

.navbar-default {
	background-color: transparent;
	border: none;
	min-height: 80px;
	z-index: 1040;
}

.header {
	height: 100px;
	overflow: hidden;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background-color: transparent;
	font-size: 11px;
	font-style: italic;
	text-align: right;
	padding-right: 5px;
	color: #999;
}

.input-group-addon-theme {
	color: #999 !important;
}

#particles-js {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #ddd;
	background-image: url('');
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
}

#login-btn, #next-btn {
	margin-left: 15px;
	width: 100%;
	border-radius: 2px;
	box-shadow: 0px 2px 5px #aaa;
	background: #1a74ba;
	color: #fff;
}

#username, #pwd, #mod {
	border: none !important;
	box-shadow: none !important;
	border-bottom: 1.4px solid #1a74ba !important;
}

#login-btn:focus, #remember-btn:focus {
	outline: none;
}

#remember-btn.active {
	color: #00c7d2;
}

.form-control::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

#prod_img {
	margin: 30px auto;
}

.noPadding {
	padding: 0px;
}

#reset-password-btn {
	float: right;
}

header .navbar-brand {
	color: #fff;
	height: 45px;
	margin: 0 auto;
	text-align: center;
	width: auto;
	width: 100%;
	padding: 0px;
	margin-left: -15px;
	margin-bottom: 55px;
}

.block-header {
	width: 60%;
	color: #fff;
	text-align: left;
	float: right;
	height: 100%;
	background-color: #1a74ba;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%232194f0'/%3E%3Cstop offset='1' stop-color='%231a74ba'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%231e84d5'/%3E%3Cstop offset='1' stop-color='%231a74ba'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
}

.block-header h1,  .block-header h4{
	font-size: 22px;
	line-height: 1.17em;
	margin: 0;
	font-weight: 300;
	letter-spacing: 0.10em;
}

.block-header small {
	font-size: 16px;
	font-weight: 300;
	color: #eee;
}

.navbar-brand>span {
	float: left;
	font-size: 24px;
	margin-top: 6px;
}

.navbar-brand>small {
	float: left;
	font-size: 11px;
	margin-left: -60px;
	margin-top: 30px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover
	{
	color: #fff;
}

.header-sec {
	padding: 35px;
	margin-top: 60px;
	margin-left: 20px;
	height: 75%;
}

.footer-sec {
	width: 100%;
	text-align: right;
	padding: 10px;
}

.footer-sec small {
	cursor: pointer;
}

.login-form {
	padding: 40px !important;
	float: left;
	width: 40%;
	height: 100%;
	position: relative;
}

.nav {
	font-size: 11px;
}

.input-group-addon {
	color: #1a74ba;
	background-color: #fff;
	border-color: #ccc none #ccc #ccc;
	border-width: 1px 0 1px 1px;
	border-style: solid none solid solid
}

.error-block {
	font-size: 11px !important;
	margin-bottom: 10px;
	margin-top: -8px !important;
	padding-left: 20px;
	color: #e74c3c;
}

.has-error {
	border-color: #e74c3c
}

#common-error {
	margin-bottom: 0;
	margin-left: -35px;
	margin-top: 15px;
}

.form-group {
	margin-bottom: 20px !important;
}

.main {
	height: 60%;
	padding-top: 120px;
}

.noLeftPadding {
	padding-left: 0px !important;
}

.showhidepwd {
	right: 0px;
	position: absolute;
	padding: 8px;
	z-index: 999;
	top: 20px;
	cursor: pointer;
}

#password-input-field {
	position: relative;
}

#pwd {
	padding-right: 20px;
}

.forgot-password-link {
	font-size: 11px;
	cursor: pointer;
	color: #999
}

#newPassword, #confirmPassword {
	height: 30px;
	font-size: 12px;
}

.progress {
	margin-bottom: 0px;
}

#pwd-criteria span {
	color: #999;
	margin-left: 5px;
}

#pwd-criteria input {
	vertical-align: sub;
}

.waiting-cursor-container {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 40000;
	top: 0;
	background: #eee;
	opacity: 0.5;
}

.waiting-cursor {
	width: 100px;
	height: 100%;
	margin: auto auto;
	color: #1a74ba;
	top: 50%;
	position: relative;
}

.waiting-cursor i {
	font-size: 3em;
	text-align: center;
	margin: auto;
	display: block;
	width: auto;
}

.waiting-cursor small {
	font-size: 17px;
	text-align: center;
	display: block;
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		padding-top: 30px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 100%;
		height: 100%;
	}
	.block-header {
		height: 250px;
		width: 100%;
	}
}

@media only screen and (max-width: 600px) and (orientation: landscape) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		padding-top: 30px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 100%;
		height: 100%;
	}
	.block-header {
		height: 250px;
		width: 100%;
	}
}

@media only screen and (min-width: 600px) and (orientation: portrait) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 120px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 50%;
		height: 100%;
	}
	.block-header {
		width: 50%;
	}
}

@media only screen and (min-width: 600px) and (orientation: landscape) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 30px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 50%;
		height: 100%;
	}
	.block-header {
		width: 50%;
	}
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 120px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 50%;
		height: 100%;
	}
	.block-header {
		width: 50%;
	}
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 120px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 50%;
		height: 100%;
	}
	.block-header {
		width: 50%;
	}
}

@media only screen and (min-width: 992px) and (orientation: portrait) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 120px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 40%;
		height: 100%;
	}
	.block-header {
		width: 60%;
	}
}

@media only screen and (min-width: 992px) and (orientation: landscape) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 120px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 40%;
		height: 100%;
	}
	.block-header {
		width: 60%;
	}
}

@media only screen and (min-width: 1200px) {
	.innerpane {
		margin: 0px auto;
		background-color: #fff;
		margin-bottom: 50px;
		margin-left: 12px;
		margin-right: 12px;
		height: 500px;
		border-radius: 4px;
	}
	.main {
		height: 60%;
		padding-top: 120px;
	}
	.login-form {
		padding: 40px !important;
		float: left;
		width: 40%;
		height: 100%;
	}
	.block-header {
		width: 60%;
	}
}

/* @media only screen and (max-width : 320px) { */
/* 	.navbar-default { */
/* 		min-height: 60px; */
/* 	} */
/* 	.navbar-brand { */
/* 		padding: 5px 10px !important; */
/* 	} */
/* 	.main { */
/* 		padding-top: 115px; */
/* 	} */
/* 	.block-header h1 { */
/* 		font-size: 15px; */
/* 	} */
/* 	.block-header h1 small { */
/* 		font-size: 12px; */
/* 	} */
/* 	.login-form { */
/* 		width: 100% !important; */
/* 		height: auto !important; */
/* 	} */
/* 	.block-header { */
/* 		width: 100%; */
/* 		height: 250px; */
/* 	} */
/* 	.innerpane { */
/* 		margin: 0px auto; */
/* 		background-color: #fff; */
/* 		margin-bottom: 50px; */
/* 		margin-left: 12px; */
/* 		margin-right: 12px; */
/* 		height: 500px; */
/* 		border-radius: 4px; */
/* 	} */
/* 	.login-form { */
/* 		padding: 40px !important; */
/* 		float: left; */
/* 		width: 40%; */
/* 		height: 100%; */
/* 	} */
/* 	.footer { */
/* 		text-align: center; */
/* 		font-size: 0.8em; */
/* 	} */
/* } */

/* @media only screen and (min-width : 321px) and (max-width : 480px) { */
/* 	.block-header h1 { */
/* 		font-size: 17px; */
/* 	} */
/* 	.block-header h1 small { */
/* 		font-size: 12px; */
/* 	} */
/* 	.login-form { */
/* 		width: 100% !important; */
/* 		height: auto !important; */
/* 	} */
/* 	.block-header { */
/* 		width: 100%; */
/* 		height: 250px; */
/* 	} */
/* 	.innerpane { */
/* 		margin: 0px auto; */
/* 		background-color: #fff; */
/* 		margin-bottom: 50px; */
/* 		margin-left: 12px; */
/* 		margin-right: 12px; */
/* 		height: 500px; */
/* 		border-radius: 4px; */
/* 	} */
/* 	.login-form { */
/* 		padding: 40px !important; */
/* 		float: left; */
/* 		width: 40%; */
/* 		height: 100%; */
/* 	} */
/* 	.footer { */
/* 		text-align: center; */
/* 		font-size: 0.9em; */
/* 	} */
/* } */

/* @media only screen and (min-width : 480px) and (max-width : 640px) { */
/* 	.navbar-default { */
/* 		min-height: 60px; */
/* 	} */
/* 	.navbar-brand { */
/* 		padding: 5px 10px !important; */
/* 	} */
/* 	.main { */
/* 		padding-top: 115px; */
/* 	} */
/* 	.block-header h1 { */
/* 		font-size: 20px; */
/* 	} */
/* 	.block-header h1 small { */
/* 		font-size: 12px; */
/* 	} */
/* 	.login-form { */
/* 		width: 51% !important; */
/* 	} */
/* 	.block-header { */
/* 		width: 49%; */
/* 	} */
/* 	.innerpane { */
/* 		margin: 0px auto; */
/* 		background-color: #fff; */
/* 		margin-bottom: 50px; */
/* 		margin-left: 12px; */
/* 		margin-right: 12px; */
/* 		height: 500px; */
/* 		border-radius: 4px; */
/* 	} */
/* 	.footer { */
/* 		text-align: center; */
/* 		font-size: 0.8em; */
/* 	} */
/* } */

/* @media only screen and (min-width : 768px) and (max-width : 1024px) { */
/* 	.innerpane { */
/* 		margin: 0px auto; */
/* 		background-color: #fff; */
/* 		margin-bottom: 50px; */
/* 		margin-left: 20px; */
/* 		margin-right: 20px; */
/* 		height: 500px; */
/* 		border-radius: 2px; */
/* 	} */
/* 	.main { */
/* 		padding-top: 150px; */
/* 	} */
/* } */

/* @media only screen and (min-width : 1025px) and (max-width > 1920px) { */
/* 	.innerpane { */
/* 		margin: 0px auto; */
/* 		background-color: #fff; */
/* 		margin-bottom: 50px; */
/* 		margin-left: 140px; */
/* 		margin-right: 140px; */
/* 		height: 500px; */
/* 		border-radius: 4px; */
/* 	} */
/* 	.main { */
/* 		padding-top: 150px; */
/* 	} */
/* 	.block-header h1 { */
/* 		font-size: 34px; */
/* 	} */
/* 	.block-header h1 small { */
/* 		font-size: 14px; */
/* 	} */
/* } */

/* 	.innerpane { */
/* 		margin: 0px auto; */
/* 		background-color: #fff; */
/* 		margin-bottom: 50px; */
/* 		margin-left: 140px; */
/* 		margin-right: 140px; */
/* 		height: 500px; */
/* 		border-radius: 4px; */
/* 	} */
/* 	.main { */
/* 		padding-top: 150px; */
/* 	} */
/* 	.block-header h1 { */
/* 		font-size: 34px; */
/* 	} */
/* 	.block-header h1 small { */
/* 		font-size: 14px; */
/* 	} */