html, body {
    height: 100%;
}
body {
    margin: 0;
}

h2 {
    font-family: "Open Sans";
	letter-spacing: .3px;
	font-size: 16px;
    color: #5C6373;
    font-weight: bold;
    margin: 30px 0px 5px 0px;
}

h2:hover {
    cursor: default;
}

a, label {
    font-size: 13px;
    font-family: "Open Sans";
    color: #5B6372
}

.footer {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.container {
    text-align: center;
}

a.link {
	color: #1FAFF3;
	text-decoration: none;
}
a.link:hover {
    color: #1FAFF3;
    cursor: pointer;
}

a.link-regular {
    text-decoration: none;
}

a.link-regular:hover {
    cursor: pointer;
}

input:focus, input:active, select {
	outline: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
::selection {
  background-color: #b8e4ff; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background-color: #b8e4ff; /* Gecko Browsers */
}

.login-box-outer {
    height: 847px;
}

.login-brand-logo-box {
    padding-top: 80px;
}

.login-brand-logo {
	margin-bottom: 46px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjQ1IiB2aWV3Qm94PSIwIDAgMTgwIDQ1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTIwLjMwNjQgMTEuNzYzNEgyMC4yNzY2VjIwLjkwODdIMjAuMzA2NEMyMi4yMDk2IDIwLjkwODcgMjQuMDM0OCAyMS42NjQ4IDI1LjM4MDUgMjMuMDEwNUMyNi43MjYzIDI0LjM1NjIgMjcuNDgyMyAyNi4xODE1IDI3LjQ4MjMgMjguMDg0NkMyNy40ODIzIDI5Ljk4NzggMjYuNzI2MyAzMS44MTMgMjUuMzgwNSAzMy4xNTg3QzI0LjAzNDggMzQuNTA0NSAyMi4yMDk2IDM1LjI2MDUgMjAuMzA2NCAzNS4yNjA1SDIwLjI3NjZWNDQuNDAyNUgyMC4zMDY0QzIyLjQ0OTMgNDQuNDAyNSAyNC41NzEyIDQzLjk4MDQgMjYuNTUxIDQzLjE2MDRDMjguNTMwOCA0Mi4zNDAzIDMwLjMyOTcgNDEuMTM4NCAzMS44NDQ5IDM5LjYyMzFDMzMuMzYwMiAzOC4xMDc5IDM0LjU2MjEgMzYuMzA5IDM1LjM4MjIgMzQuMzI5MkMzNi4yMDIyIDMyLjM0OTQgMzYuNjI0MyAzMC4yMjc1IDM2LjYyNDMgMjguMDg0NkMzNi42MjQzIDI1Ljk0MTcgMzYuMjAyMiAyMy44MTk4IDM1LjM4MjIgMjEuODRDMzQuNTYyMSAxOS44NjAzIDMzLjM2MDIgMTguMDYxNCAzMS44NDQ5IDE2LjU0NjFDMzAuMzI5NyAxNS4wMzA5IDI4LjUzMDggMTMuODI4OSAyNi41NTEgMTMuMDA4OUMyNC41NzEyIDEyLjE4ODggMjIuNDQ5MyAxMS43NjY3IDIwLjMwNjQgMTEuNzY2N1YxMS43NjM0WiIgZmlsbD0iIzIxMjMyMiIvPgogICAgPHBhdGggZD0iTTE2LjMxNzkgMzIuNjM1OUgxNi4zNDc3VjIzLjUwMDVIMTYuMzE3OUMxNC40MTQ3IDIzLjUwMDUgMTIuNTg5NSAyMi43NDQ1IDExLjI0MzggMjEuMzk4N0M5Ljg5ODAyIDIwLjA1MyA5LjE0MTk5IDE4LjIyNzcgOS4xNDE5OSAxNi4zMjQ2QzkuMTQxOTkgMTQuNDIxNCA5Ljg5ODAyIDEyLjU5NjIgMTEuMjQzOCAxMS4yNTA0QzEyLjU4OTUgOS45MDQ2OCAxNC40MTQ3IDkuMTQ4NjQgMTYuMzE3OSA5LjE0ODY0SDE2LjM0NzdWMEgxNi4zMTc5QzExLjk5MDEgNi40NDg5MWUtMDggNy44Mzk2IDEuNzE5MjEgNC43Nzk0IDQuNzc5NDJDMS43MTkyIDcuODM5NjMgMCAxMS45OTAyIDAgMTYuMzE4QzAgMjAuNjQ1NyAxLjcxOTIgMjQuNzk2MyA0Ljc3OTQgMjcuODU2NUM3LjgzOTYgMzAuOTE2NyAxMS45OTAxIDMyLjYzNTkgMTYuMzE3OSAzMi42MzU5WiIgZmlsbD0iIzIxMjMyMiIvPgogICAgPHBhdGggZD0iTTY0LjI1ODggMTEuODI5Nkg2OS41MzE0VjMyLjYwMjZINjQuMjU4OFYxMS44Mjk2Wk02OS41MzE0IDYuNTAzOTVDNjkuNTMxNCA1Ljk4MDI0IDY5LjM3NjEgNS40NjgyOSA2OS4wODUyIDUuMDMyODRDNjguNzk0MiA0LjU5NzM5IDY4LjM4MDcgNC4yNTggNjcuODk2OCA0LjA1NzU4QzY3LjQxMyAzLjg1NzE3IDY2Ljg4MDYgMy44MDQ3MyA2Ni4zNjY5IDMuOTA2OUM2NS44NTMzIDQuMDA5MDcgNjUuMzgxNSA0LjI2MTI2IDY1LjAxMTEgNC42MzE1OEM2NC42NDA4IDUuMDAxOSA2NC4zODg2IDUuNDczNzIgNjQuMjg2NSA1Ljk4NzM2QzY0LjE4NDMgNi41MDEwMSA2NC4yMzY3IDcuMDMzNDIgNjQuNDM3MiA3LjUxNzI3QzY0LjYzNzYgOC4wMDExMSA2NC45NzcgOC40MTQ2NyA2NS40MTI0IDguNzA1NjJDNjUuODQ3OSA4Ljk5NjU4IDY2LjM1OTggOS4xNTE4OCA2Ni44ODM1IDkuMTUxODhDNjcuNTg1OCA5LjE1MTg4IDY4LjI1OTMgOC44NzI5IDY4Ljc1NTkgOC4zNzYzMkM2OS4yNTI0IDcuODc5NzQgNjkuNTMxNCA3LjIwNjIyIDY5LjUzMTQgNi41MDM5NVoiIGZpbGw9IiMyMTIzMjIiLz4KICAgIDxwYXRoIGQ9Ik0xMDMuNTI0IDExLjY5MzlDMTA5LjUwMiAxMS42OTM5IDExMy41NzMgMTYuMTc4OCAxMTMuNTczIDIyLjczOTFWMjMuOTAwOEg5OC42Nzg1Qzk5LjAwOTUgMjYuNDM2MiAxMDEuMDQ1IDI4LjU1MTMgMTA0LjQ1MSAyOC41NTEzQzEwNi4zMTggMjguNTUxMyAxMDguNTE5IDI3LjgwNjUgMTA5LjgwNiAyNi41NjUzTDExMi4xMjMgMjkuOTcxMkMxMTAuMTM3IDMxLjc5ODMgMTA2Ljk3MyAzMi43NTQ4IDEwMy44NDkgMzIuNzU0OEM5Ny43NDUxIDMyLjc1NDggOTMuMTM3NyAyOC42NDM5IDkzLjEzNzcgMjIuMjA2MkM5My4xNDQzIDE2LjM4NzQgOTcuNDIwNyAxMS42OTM5IDEwMy41MjQgMTEuNjkzOVpNOTguNTgyNSAyMC4zMzI4SDEwOC40NjZDMTA4LjM0IDE4LjQyMjkgMTA3LjAxMyAxNS44ODc2IDEwMy41MjQgMTUuODg3NkMxMDAuMjQ0IDE1Ljg4NzYgOTguODMwNyAxOC4zMzY5IDk4LjU4MjUgMjAuMzMyOFoiIGZpbGw9IiMyMTIzMjIiLz4KICAgIDxwYXRoIGQ9Ik0xMzAuNjUyIDIwLjEyNDNDMTMwLjY1MiAxNy4zNDA2IDEyOS4xOTYgMTYuMzg3NCAxMjYuOTU1IDE2LjM4NzRDMTI2LjA2MiAxNi4zOTcyIDEyNS4xODMgMTYuNjE2NCAxMjQuMzkgMTcuMDI3NUMxMjMuNTk3IDE3LjQzODUgMTIyLjkxMSAxOC4wMjk4IDEyMi4zODcgMTguNzU0VjMyLjYzNTdIMTE3LjExNVYxMS44MTY0SDEyMi4zODdWMTQuNzk1M0MxMjMuMjY2IDEzLjgwMTQgMTI0LjM0OSAxMy4wMDk1IDEyNS41NjMgMTIuNDc0MUMxMjYuNzc2IDExLjkzODggMTI4LjA5MSAxMS42NzI2IDEyOS40MTggMTEuNjkzOUMxMzMuODIgMTEuNjkzOSAxMzUuOTM4IDE0LjE4NjMgMTM1LjkzOCAxOC4wODg3VjMyLjYzNTdIMTMwLjY1MlYyMC4xMjQzWiIgZmlsbD0iIzIxMjMyMiIvPgogICAgPHBhdGggZD0iTTE2OS45NTEgMTEuNjkzOUMxNzUuOTI5IDExLjY5MzkgMTgwIDE2LjE3ODggMTgwIDIyLjczOTFWMjMuOTAwOEgxNjUuMTA1QzE2NS40MzYgMjYuNDM2MiAxNjcuNDcyIDI4LjU1MTMgMTcwLjg3OCAyOC41NTEzQzE3Mi43NDUgMjguNTUxMyAxNzQuOTQ2IDI3LjgwNjUgMTc2LjIzMyAyNi41NjUzTDE3OC41NSAyOS45NzEyQzE3Ni41NjQgMzEuNzk4MyAxNzMuNCAzMi43NTQ4IDE3MC4yNzUgMzIuNzU0OEMxNjQuMTcyIDMyLjc1NDggMTU5LjU2NCAyOC42NDM5IDE1OS41NjQgMjIuMjA2MkMxNTkuNTcxIDE2LjM4NzQgMTYzLjg0MSAxMS42OTM5IDE2OS45NTEgMTEuNjkzOVpNMTY1LjAwOSAyMC4zMzI4SDE3NC44OTNDMTc0Ljc2NCAxOC40MjI5IDE3My40NCAxNS44ODc2IDE2OS45NTEgMTUuODg3NkMxNjYuNjcxIDE1Ljg4NzYgMTY1LjI1OCAxOC4zMzY5IDE2NS4wMDkgMjAuMzMyOFoiIGZpbGw9IiMyMTIzMjIiLz4KICAgIDxwYXRoIGQ9Ik00NS4zNjU4IDI2Ljc3MDZDNDYuMzk1MiAyNy4zMTY3IDQ5LjMzNzcgMjguNTcxMiA1MS44MTM1IDI4LjU3MTJDNTMuODI2IDI4LjU3MTIgNTQuOTM4MSAyOC4wMTg0IDU0LjkzODEgMjYuNzcwNkM1NC45MzgxIDI1LjM2MDUgNTMuNjE0MiAyNC43NDQ5IDUxLjMzMDMgMjQuMjg4MUM0Ny44ODEzIDIzLjYyNjIgNDMuMjA0NCAyMi40Mzc5IDQzLjIwNDQgMTcuNjY4M0M0My4yMDQ0IDE0LjMwNTQgNDUuNDc4MyAxMS43OCA1MS44MTAyIDExLjc4QzU0LjYzMzcgMTEuNzg5MiA1Ny4zOTkgMTIuNTgzNCA1OS43OTcxIDE0LjA3MzdMNTcuNjY4OCAxNy42NDg0QzU1Ljk1MyAxNi40NDkyIDUzLjkxMzUgMTUuNzk5NCA1MS44MjAyIDE1Ljc4NUM0OS43OTc4IDE1Ljc4NSA0OC42NzI0IDE2LjQ5IDQ4LjY3NTcgMTcuNjUxOEM0OC42NzU3IDE4LjkzOTMgNDkuODMwOSAxOS4zODk1IDUxLjc5NyAxOS42ODA3QzU1LjI2OTEgMjAuMTk3MSA2MC40MDI4IDIxLjc5OTEgNjAuNDAyOCAyNi43ODM4QzYwLjQwMjggMzAuNDI0NyA1Ny4zNTc3IDMyLjY0NTcgNTEuNzk3IDMyLjY0NTdDNDguMzExNiAzMi42NDU3IDQ0Ljg3NTkgMzEuNTk2NCA0My4xOTEyIDMwLjQ2NzdMNDUuMzY1OCAyNi43NzA2WiIgZmlsbD0iIzIxMjMyMiIvPgogICAgPHBhdGggZD0iTTc1LjE4OCAyNi43NzA2Qzc2LjIxNDEgMjcuMzE2NyA3OS4xNiAyOC41NzEyIDgxLjYzNTggMjguNTcxMkM4My42NDQ5IDI4LjU3MTIgODQuNzU3IDI4LjAxODQgODQuNzU3IDI2Ljc3MDZDODQuNzU3IDI1LjM2MDUgODMuNDMzMSAyNC43NDQ5IDgxLjE0OTIgMjQuMjg4MUM3Ny43MDM2IDIzLjYyNjIgNzMuMDIzNCAyMi40Mzc5IDczLjAyMzQgMTcuNjY4M0M3My4wMjM0IDE0LjMwNTQgNzUuMjk3MyAxMS43OCA4MS42MjkyIDExLjc4Qzg0LjQ1MjggMTEuNzg4IDg3LjIxODQgMTIuNTgyMyA4OS42MTYgMTQuMDczN0w4Ny40ODc3IDE3LjY0ODRDODUuNzcyMSAxNi40NDg4IDgzLjczMjQgMTUuNzk5IDgxLjYzOTEgMTUuNzg1Qzc5LjYxNjcgMTUuNzg1IDc4LjQ5MTMgMTYuNDkgNzguNDk0NyAxNy42NTE4Qzc4LjQ5NDcgMTguOTM5MyA3OS42NDk4IDE5LjM4OTUgODEuNjE5MiAxOS42ODA3Qzg1LjA4OCAyMC4xOTcxIDkwLjIyNSAyMS43OTkxIDkwLjIyNSAyNi43ODM4QzkwLjIyNSAzMC40MjQ3IDg3LjE4MzIgMzIuNjQ1NyA4MS42MTkyIDMyLjY0NTdDNzguMTMwNiAzMi42NDU3IDc0LjY5ODIgMzEuNTk2NCA3My4wMTM0IDMwLjQ2NzdMNzUuMTg4IDI2Ljc3MDZaIiBmaWxsPSIjMjEyMzIyIi8+CiAgICA8cGF0aCBkPSJNMTQxLjYxMiAyNi43NzA2QzE0Mi42NDEgMjcuMzE2NyAxNDUuNTg0IDI4LjU3MTIgMTQ4LjA2MyAyOC41NzEyQzE1MC4wNzIgMjguNTcxMiAxNTEuMTg0IDI4LjAxODQgMTUxLjE4NCAyNi43NzA2QzE1MS4xODQgMjUuMzYwNSAxNDkuODYgMjQuNzQ0OSAxNDcuNTc2IDI0LjI4ODFDMTQ0LjEzIDIzLjYyNjIgMTM5LjQ1IDIyLjQzNzkgMTM5LjQ1IDE3LjY2ODNDMTM5LjQ1IDE0LjMwNTQgMTQxLjcyNCAxMS43OCAxNDguMDU2IDExLjc4QzE1MC44OCAxMS43ODggMTUzLjY0NSAxMi41ODIzIDE1Ni4wNDMgMTQuMDczN0wxNTMuOTE1IDE3LjY0ODRDMTUyLjE5OSAxNi40NDg4IDE1MC4xNTkgMTUuNzk5IDE0OC4wNjYgMTUuNzg1QzE0Ni4wNDQgMTUuNzg1IDE0NC45MTggMTYuNDkgMTQ0LjkyMiAxNy42NTE4QzE0NC45MjIgMTguOTM5MyAxNDYuMDc3IDE5LjM4OTUgMTQ4LjA0MyAxOS42ODA3QzE1MS41MTUgMjAuMTk3MSAxNTYuNjQ5IDIxLjc5OTEgMTU2LjY0OSAyNi43ODM4QzE1Ni42NDkgMzAuNDI0NyAxNTMuNjA3IDMyLjY0NTcgMTQ4LjA0MyAzMi42NDU3QzE0NC41NTcgMzIuNjQ1NyAxNDEuMTIyIDMxLjU5NjQgMTM5LjQzNyAzMC40Njc3TDE0MS42MTIgMjYuNzcwNloiIGZpbGw9IiMyMTIzMjIiLz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-size: 170px 45px;
	display: inline-block;
	height: 45px;
	width: 170px;
}

.btn-submit[disabled] {
    opacity: 0.65;
}

.btn-submit {
    background-color: #ffcb05;
	font-family: "Open Sans";
	font-size: 13px;
	text-align: center;
	color: #3a4356;
	border: 0px;
	border-radius: 4px;
	width: 73px;
	height: 28px;
	letter-spacing: .3px;
}

.btn-submit[disabled]:hover {
    cursor: default;
    background-color: #ffcb05;
}

.btn-submit:hover, .btn-submit:active:hover, .btn-submit:focus:hover  {
	background-color: #f2b900;
    color: #3a4356;
    cursor: pointer;
	border: none;
	outline: none;
	box-shadow: none;
}
.btn-submit:active, .btn-submit:active:focus, .btn-submit:focus {
	background-color: #ffcb05;
	color: #3a4356;
	border: none;
	outline: none;
	box-shadow: none;
}

.hint-box-icon {
    display: -ms-inline-grid;
}

.form-control-box {
    display: -ms-inline-grid;
}

.info-icon {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAXxJREFUSA3tlLFKA0EQhmcOgpDW1IKFb5DKwqcQBI02Hpc+RBsbGxsV+xzaKAqCT2FhFZ/AQrCObUACN86/xxXZmU0jIkiuWXb2m/135+ZfouX37yvAi24oInxQHO3ouEskXZ2uMssnEY+Z+eG2vHjUURbtkRTYz4frQtUTiW6R8XlrJXte67QnH5NpZ/ZVbUklx8QqSdn23fXle0rEFQibi7wQ86idbZyVZX8Wb1AUo9a0ejshkb4eYXORyFwuytLLB6+9fHg6t5CYgAOPPA/J4iBqjrLg5PHa3uHA1Dtwyoe8OEHnRgA/FDX3ynJ/c2VOCQ583QhWwQigW/BDLUrk3QBczUvXyzECaEV0iwenYuCR560bAfQ5WtGDUzHwtT8sYQRgIvS5RdORmuexRxgBOBQmQp97CXEMHHjkxWuYGwHYHw4NJooyvC4KnPIhL+JdAT1JsD8cChOlboJ4MCOcrM8F8pz9yfR1A/3qW9SIwP4/fU2bvZbj31XgG5Rs0DLnmt2wAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
    position: absolute;
    margin-left: 170px;
}

.tooltip-box {
    color: #5B6372;
	display: none;
	position: absolute;
	text-align: left;
	padding: 8px 10px 8px 8px;
	height: 46px;
	width: 246px;
    box-shadow: 0 0 5px 1px rgba(58,67,86,0.2);
    background-color: white;
	z-index: 1000;
}

.input-login-box {
    margin-top: 20px;
    width: 87%;
    display: inline-block;
}

.input-container > input {
    background-color: black;
}

.login-controls-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 70px;
    margin-left: 29px;
    margin-right: 29px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .login-controls-container {
        margin-top: 45px;
    }
}

.link-seperator {
    margin-left: 4px;
    opacity: 0.5;
}

.login-link-box > a {
    margin-top: 6px;
}

.online-login-box > .login-link-box {
    text-align: center;
}

.input-lower-login-box {
    margin-left: 20px;
    margin-right: 30px;
}
.input-lower-left-box {
    text-align: left;
}
.input-lower-right-box {
    text-align: right;
}

.online-login-box {
    margin-top: 10px;
}

.online-login-box > .login-controls {
    position: absolute;
    margin-top: 62px;
    margin-left: 350px;
}
.offline-login-box > .login-link-box {
    float: left;
    margin-top: 30px;
}

.offline-login-box > .login-controls {
    float: right;
    margin-top: 7px;
    margin-right: 23px;
}

.login-box {
    margin: auto;
    font-family: "Open Sans";
    width: 456px;
    height: 364px;
    box-shadow: 0 0 5px 1px rgba(58,67,86,0.2);
    border-radius: 6px;
    padding: 8px 10px;
}

.login-control-box {
	border-bottom: 1px solid;
	border-color: #d7d7d7;
    margin: 25px 0px;
}

.login-control {
    width: 100%;
	border: none;
	box-shadow: none;
	text-align: center;
	font-family: "Open Sans";
	font-size: 13px;
	height: 22px;
}
.login-control:focus {
	border: none;
	box-shadow: none;
	text-align: center;
	font-family: "Open Sans";
	font-size: 13px;
}

.offline-login-header-box {
    margin: 16px 0px 16px 5px;
    text-align: left;
    display: flex;
}

.left-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAALdJREFUSA1j/A8EDDQETDQ0G2z0qAUEQ3g0iIZYED1/+Zohs7Ce4catewRdDlcAysnEgM+fv/wvKG/5f/jYGWKUw9UQlYr+/PnL0Dt5LoO1hTGDjaUx3HHEMBhBVhFSOGXWEgYZKXGGAB9XQkox5InyQUZSJMPFy9cZ1mzYgWEAQQF4YBFgkBsHDATMRZF+9uLV/4yCuv/Xb95FEcfHISoOCAYDHgVExQEe/QSlRi0YDSKCIUBQAQB6IjlL0sVyDAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	height: 24px;
    width: 24px;
    display: block;
}

.left-arrow:hover {
    cursor: pointer;
}

.offline-hint-box {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 3px;
    padding: 5px;
    text-align: left;
    border-radius: 5px;
    color: #6E7785;
}

.offline-hint-box > label {
    font-size: 13px;
}

.offline-hint-box > b > label {
    font-size: 13px;
}

#offlineKey {
    resize: none;
    height: 95px;
    width: 415px;
    font-family: "Open Sans";
    font-size: 13px;
    border: none;
}

.offline-key-textarea-box {
    height: 100px;
    width: 418px;
    margin-left: 8px;
    border: 1px solid #EDEEF1;
    padding: 5px;
}

#offlineKey:focus {
    outline: none;
}

.offline-hint-box > label> b {
    font-size: 13px;
}

.offline-id-box {
    padding: 4px;
    font-size: 14px;
    border: none;
    width: 255px;
    color: #1FAFF3;
}

.offline-id-box:hover {
    cursor: pointer;
}

.error-message {
    position: absolute;
}

.online-login-box > .error-message {
    margin-left: 20px;
    margin-top: 15px;
}

.offline-login-box > .error-message {
    margin-left: 5px;
}

.error-message > label {
    color: #FD5451;
    margin-left: 6px;
}

.error-mssage-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAXdJREFUSA3tVbGqwlAMPbd9IgiCP+AfODo4ughO4urg4O/4BQ6Co6uf4CioOImCo+gsOAmvzbvJxfJabzo87fbO0jbJyWlzk9SQBQrElzf344F4uQRtNqDzGbjfgWoVpl6HaTYRtNtAueylZo0m+wW0WiGazUC3WzY2eTa1GsLRCKbVSmzaTUogXiwQzeda7Is9HAwQ9Psv9t+G4Pkgb+5JHna7KE2nCIfDZ2hy5ZdhXh6cgK05l8WHoNeT+gedjs/teJavQQTkQLWaVyqOG0XeHHxWzNcgAtwtGuh6FRddLlqIdJvmdALcigpovxcPHQ5KBFwrK153BtznCmi9Fg/tdkqENefwnYAdIg10OoG2W9DxqIVIE2hOEeAJ1cCb5Hs8BsWxFiITrjmdgB3/d8DrQ4MI8G7h8fchaDRQmkzAVx+YJ7vJ57Q2EeDFxbvlLxBezuIrfBelBPgLCt2mSYmK/B8kIh+6cYf8oWS+NP8CvqqkbIWX6AchVaut6sHWBAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
}

.activated-login-box {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    width: 100%;
    position: relative;
    top: -350px;
}

.activated-login-box > .login-details {
    font-size: 22px;
}

.activated-login-box > .login-link-box {
    margin-top: 200px;
}

.loading-box {
    padding-top: 160px;
}

.loading.spin {
    animation: spin 1s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIzIDIzIj4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGZpbGw9IiNEM0QzRDMiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTExLjUgMTlhNy41IDcuNSAwIDEgMCAwLTE1IDcuNSA3LjUgMCAwIDAgMCAxNXptMCAxYTguNSA4LjUgMCAxIDEgMC0xNyA4LjUgOC41IDAgMCAxIDAgMTd6Ii8+ICAgICAgICA8cGF0aCBmaWxsPSIjMzVEN0JFIiBkPSJNNy44OTIgMTguMDU5QTcuNSA3LjUgMCAxIDAgMTEuNTMyIDRsLjAwMS0xYTguNSA4LjUgMCAxIDEtNC4zMjIgMTUuODIgMS41IDEuNSAwIDEgMSAuNjgxLS43NjJ6Ii8+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}