* {
	box-sizing: border-box;
	position: relative;
}
html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0
}
/* Typography */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
	font-weight: 700;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	font-weight: 700;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	font-weight: 700;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
	font-weight: 700;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body, #search, select, input, textarea {
	font-family: "Lato", sans-serif;
}
.group:after {
	content: "";
	display: block;
	clear: both;
}
.page {
	position: relative;
	width: 100%;
	height: 100%;
}
.container {
	position: relative;
	max-width: 1200px;
	margin: auto;
}
.content {
	padding: 12px;
}
/* Header and Nav */
header {
	background-color: #383C45;
	position: fixed;
	height: 55px;
	width: 100%;
	border-bottom: solid 3px #DD1F2B;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.75);
	z-index: 100;
}
.footer {
	text-align: center;
	border-top: solid 3px #DD1F2B;
	background-color: #171C27;
	color: #FFF;
}
.bp-logo {
	display: inline-block;
	max-width: 150px;
	padding: 12px;
}
.bp-logo img {
	width: 100%;
	height: auto;
}
header h1 {
	display: inline-block;
	margin: 3px;
	color:#53565E;
	text-transform: uppercase;
	vertical-align: top;
	padding: 6px;
}
h3, .user-header span {
	display: block;
	margin: 2px auto;
	font-size: 20px;
	font-weight: 700;
}
nav {
	display: none;
}
section {
	position: absolute;
	top: 55px;
	left: 0;
	height: calc(100% - 55px);
	width: 100%;
	background-color: #A5AAB7;
}
/*Buttons and Inputs*/
#login, .button {
	display: inline-block;
	margin: 6px;
	border-radius: 10px;
	padding: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
	background-color: #42559D;
	color: #FFF;
	cursor: pointer;
	width: 230px;
	text-align: center;
}
.button {
	background-color: #3EA671;
}
.system-button {
	position: relative;
	padding-left: 50px;
}
.system-button:before {
	position: absolute;
	display: block;
	content: "";
	box-sizing: content-box;
	border-radius: 50%;
	top: 6px;
	left: 8px;
	width: 25px;
	height: 25px;
	background-size: 25px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlNJREFUeNrsWYttwjAQJYgB3A28QcME0AlKJygbFCaATpB2AugEsAHpBNAJyAZkg/ROcqQjxY5/oUjck6xIDvGL7YvvvaPXYzA6QuLzUFVVK7hI0lVCmydJUnT6ttVljF3G6P/XUjPx7RJDEAnNLeEyzsBAMNMM9qh5ZAHPpJp7a6tPDT+NKi6WHFw3R1yoFgN4jh9inNNSE0DTTpfa8FkUHFxMHIO4tOxjMBjsnf6ozAm0kfJPeHB8Q9t25p1QeUI7GURdZpC/3qQrS0W5j0auZnomV+ngqD4aK7GJRUwHTXV7D+3Y9jsX0gndQwcjkIWmRfrmXy16LCfpMY2Wj2FgG5lqJWXvT/okLcGCLu+VVHhyy5gQaq+3qhpUukRzFsmi7p1mjN+uq8s3YNgMTNMe16R5ogHce4L2oLn3bipT9D0PlVStyA7aydWwhUT1ojGL7FrEIqTiE0J88DmtgokhduYNspdrnly1zCl9JM8ggBhn/WN5mnkRy0sFMoKxplY98hUAm0hH5snnkDiGkvocLgzGHbhFFPdweTP8BF3jh5PG8vBPOuyizphoMF39WRI1OrQU/xeJZIsXtsXENS3KSCozdSWOFSClz3JPyZJhRUC21UcaQbjy3eclGUSQ6J41yJZ0LzGyXSLcRLwjqfLsj2o6Q91zMTSXsOxjf8zETMzEt0NcGlxjJ24RjZlAVQFX9MJS1S3RK69VAqEv8BxKTAfDtPhZS5+GQzyo5IB9Y5L8C++9UBV3X8MmQ4gFya+2OLYVyl1UZmqbAuv9Z1D8CjAATjEO6EtYgqsAAAAASUVORK5CYII=);
}
.system-button:hover {
	color: #FFF;
}
.system-button:hover:before {
	background-color: rgba(255, 255, 255, 0.0);
}
.add-button {
	color: #3EA671;
}
.add-button:before {
	background-color: #3EA671;
	background-position: 0 0;
	border: solid 3px #3EA671;
}
.add-button:hover {
	background-color: #3EA671;
}
.save-button {
	color: #42559D;
}
.save-button:before {
	background-color: #42559D;
	background-position: 0 -25px;
	border: solid 3px #42559D;
}
.save-button:hover {
	background-color: #42559D;
}
.trash-button {
	color: #CE2d2E;
}
.trash-button:before {
	background-color: #CE2d2E;
	background-position: 0 -50px;
	border: solid 3px #CE2d2E;
}
.trash-button:hover {
	background-color: #CE2d2E;
}
.system-button:active {
	-webkit-box-shadow: inset 0px 30px 8px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 30px 8px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 30px 8px 0px rgba(0, 0, 0, 0.4);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}
.yoink, input[type="radio"] {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.radio-box {
	margin: 6px auto;
	display: inline-block;
}
.radio-label {
	position: relative;
	padding-left: 30px;
}
.radio-label:before {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAsCAYAAABhVUjwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNpiYBhqgBHG2L59hwGQ6qeCmYWenh4XWJAEBNjZ2R2ERUTINvHtmzcMP3/+FACxkQ1mYGNjY5CSkiLb4M+fPoEMBrOZaBXGowaPGjxq8KjBA2owSrH5+fNnhjOnTzOMgtFaGlFLf/j4yeHipatkm6ivp80gwM+HWUt/+PCR4cChY2QbLC8nAzJ4NEuPGjxq8KjBI6WWVpCXZaivLh6hdR5AgAEAWs8p2Haf9DUAAAAASUVORK5CYII=);
}
.radio-label:hover {
	opacity: 0.8;
}
input[type="radio"]:checked ~ .radio-label:before {
	background-position: center bottom;
}
select, .radio-label {
	cursor: pointer;
}
select {
	display: block;
	margin-bottom: 6px;
	width: 100%;
	max-width: 250px;
	padding-right: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 30px;
	background-size: 30px;
	background-color: #EBECED;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKpJREFUeNrs1sEJhDAQheEgFmBJetMytoMtZUuwC71pCZZiCfsuwh6WXTMzisL/YMgp5IMkk6SkDMM4qep0wRTp4gEIECBAgAABArw3sMydoH/jU0PlWPPVde16GFCZVZMR+cjBmbZYCywaGtVqwPWnnEED0oRzXZIMpBnnvsU7kC5cSJv5gXTjwvrgF2QILrRRfyDDcNY++A+58BYDBAgQIECAAAFueQswACozMN7LiihfAAAAAElFTkSuQmCC);
}
select:hover, select:active {
	background-color: #CCCCCC;
}
.welcome-container {
	position: absolute;
	width: 50%;
	height: calc(100% -55px);
	min-height: calc(100% -55px);
	text-align: center;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #FFF;
}
.weclome-title{
	width:100%;
	text-align: center;
}
.welcome-container img{
	width:100%;
	max-width:300px;
}
.form-container {
	position: absolute;
	width: 50%;
	height: 2000px;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #a5aab7;
}
.loginForm {
	padding: 64px 12px;
	border-radius: 12px;
	max-width: 600px;
	text-align: left;
}
.loginForm h2 {
	text-align: center;
	text-transform: uppercase;
	margin: 4px auto;
}
.bp-logo-login {
	width: 150px;
}
.input {
	position: relative;
	display: block;
	padding-top: 36px;
}
.input label {
	position: absolute;
	text-transform: capitalize;
	top: 0;
	left: 0;
	font-size: 20px;
	line-height: 36px;
}
input[type="text"], input[type="password"] {
	position: relative;
	padding: 8px;
	border: none;
	display: block;
	width: calc(100% - 50px);
	margin-left: 50px;
}
.input:before {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	top: 31px;
	left: 0;
	background-size: 40px;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1xJREFUeNrsml1ymzAQgDHj93IE+wbkBC0nsP3Wl4zxUx9jn8C9QYbHPplMXvoW9wQmJyg3CL0BvUFX7eJRd4TQLyYz2hkNMRHoY3e12hVEUZAgQYJ4lZlKp8/3X1I4rB2P3Xx//la6AvwJh9SDgu4AspZ1iBVvlHqyYDLUYa55Q/a0B0uoLbRctfNcwbwL7mcLJqkkfZmfbqHPRtLnE/eT/V0Zmxhuxp70TUM7j2wyEQiZHKHvyUiDcGGCAw5pmME8QFtgY3KC8w0cX0GbXwdukUPf174ZHQ9MjETR0ddkIi3QfCtFTa5sZ/F1YNTsVeDJz3DY9UyoTHD+g85s1gaEdqGQLOgK+lYA3wp8eq8zoCogCy0tZ3oRZAdaimInwvETonQJ2JmrD/Lv/0FjS2jM3Es+XorgsJ99HOR8rYaBGOQFfaaDzNCUFde3cQGn7YO4bmaK5raGM5kkypAu4IwAVSBdwRkDcpAFCewMck/gGlM4K0DU0lGw+jwKgvtpVECBCc+cua+Bmqy3p1EAe/xrQ3ySncvIEmgEGTuA23E+ucQ0vjtX2kLGLuC4idPSGsMWUhVwaxM2bCBVAXPbmCaCdLoWc0nBk0ZK35ftuCuaBHHu4qH8bLVNjNVbPdIOR2GqwQzNkXiEK/n0LEiQIEGCvDOZ2VyMVdwa0zG6G1Zj2l/YrBQzC7g9Fk0qyyDLYA50M8kbICabueZlTIuboV19a0AJXI3tF7SP0b8NTFFadadj8rmBWXNBeXmgmkH/3JPaOcHSIXOuQRzwjfjcYPqP2fcLuW6n8pZJt+ykeWGlUptg4kvfrTz4qIvpRrduVce7QErevzgB5J2+NohtT4L6xs/eTDTwdkhSEY4G+HuspS6OJi4B0Hs2g7taq+j/TwKaSPx2SSYJmRgNFuylLImYeUgKTLY9etfnWAKXjgDXafZo4oPrEV1t4SKbyWSfAxikbZeelMw83VLIWroBG9VsZZQwgzP9gr7E2gm/tbk9IOaJov3mFBPcm2sw1UjRJreStFMArCUgP24OiMvURgBZupjJTkyM8bEg53aTCTPvJd06Y4bS6hRUo60k3NtOp6IDuLV4BaaVIKgCNoLCfVI+eDbImk2l0AbE+JYZ1sCqwhSwwS/ogniRPwIMAO2WbuRYyHGfAAAAAElFTkSuQmCC);
}
.input:nth-child(2):before {
	background-position: 0 -40px;
}
.input:nth-child(3) {
	padding-top: 0;
	margin: 24px auto;
}
.input:nth-child(3):before {
	display: none;
}
.hide {
	display: none;
}

.remember {
     margin:8px 0;
     display:flex;
     align-items:center;
     justify-content:center;
     align-content:center
}

.remember input[type='checkbox'] {
     width:15px;
     height:15px;
     margin:0;
     padding:0;
     border:0;
     outline:0;
     margin-right:8px
}

       .txtPassword{
           -webkit-text-security:square;
       }


       .txtPassword:hover{
           -webkit-text-security:none;
       }


.outputSecurityQuestions {
     margin:20px;
     padding:20px;
     font-size:12px;
     padding-bottom:100px
}

.outputSecurityQuestions h3{
     font-size:15px;
     text-align:center
}

.outputSecurityQuestions input{
     margin:0 auto !important;
     width:100% important;
     outline:none
}

.secQ {
     border-radius:8px;
     padding:15px 5px;
     background-color:gray;
     margin-top:25px
}

.qcheck {
     text-align:center;
     padding:5px;
     margin-top:15px
}

#LOGIN_MESSAGE {
     padding:20px
}


#frameLoader {
     position:absolute;
     opacity:0;
     left:-9999px;
     top:-9999px;
     display:none;
     width:1px;
     height:1px;
}


#QuestionResults {
     font-size:14px;
     text-align:center
}


.javascriptRequired{
     position:fixed;
     width:300px;
     height:100px;
     display:flex;
     align-items:center;
     justify-content:center;
     align-content:center;
     z-index:999999;
     top:0; left:0; right:0; bottom:0;
     margin:auto;
     text-align:center;
     background-color:tan;
     font-weight:bold;

}