.login-container {
    position: relative;
    width: 100%;
    height: 97vh;
    background-color: #FFFFFF;
}
.zfe-logo {
    height: 160px;
    width: 160px;
}
.login-container .logo-container {
    position: absolute;
    background-color: transparent;
    width: 164px;
    height: 159px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: scale(20) rotate(90deg);
    transform-origin: center;
    border-radius: 50%;
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: login-logo-container-animation;
    animation-duration: 1200ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-delay: 600ms;
}

.login-container .logo-container .logo {
    opacity: 0;
    animation-name: login-logo-animation;
    animation-delay: 1600ms;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    height: auto;
    width: 100%;
}

.login-container .company-logo {
    position: absolute;
    left: 19px;
    bottom: 0px;
    width: 120px;
    height: 40px;
    animation: login-company-logo-animation;
    animation-delay: 2700ms;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    opacity: 0;
}

.login-container .character-grid {
    position: absolute;
    top: calc(17% + 63px);
    left: calc(50% - 164px - 12px);
    width: 240px;
    height: 180px;
    z-index: 1;
}

.login-container .form-panel {
    position: absolute;
    background-color: transparent;
    z-index: 3;
    top: calc(17% + 164px);
    left: calc((50% - 164px - 12px) + 240px - 40px);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.05);
    padding: 32px 32px 32px 32px;
    overflow: visible;
    width: auto;
    opacity: 0;
    max-width: 460px;
    animation-name: login-form-panel-animation;
    animation-delay: 2700ms;
    animation-duration: 530ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
}

.login-container .form-panel .form-title {
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 1.5px;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 16px;
    white-space: nowrap;
}

.login-container .form-panel input {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}

.login-container .form-panel > * {
    max-width: 0;
    animation-name: login-form-control-animation;
    animation-duration: 600ms;
    animation-delay: 2800ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.login-container .form-panel button.btn {
    opacity: 0;
    animation-name: login-button-animation;
    animation-duration: 600ms;
    animation-delay: 2200ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.login-container .form-panel .form-group:last-of-type {
    margin-bottom: 0;
}

.login-container.login-alternate-1 .content-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 2;
    overflow: hidden;
    animation-name: login-content-panel-animation;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-duration: 670ms;
    animation-delay: 250ms;
    will-change: width;
}

.login-container.login-alternate-1 .logo-container {
    right: 0;
    top: 18%;
    left: auto;
    animation-name: login-logo-container-animation--alt1;
    animation-delay: 720ms;
    animation-duration: 670ms;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
    will-change: transform;
    transform: translateX(100%);
    border-radius: 0;
}

.login-container.login-alternate-1 .logo-container .logo {
    animation: none;
    opacity: 1;
}

.login-container.login-alternate-1 .form-panel {
    top: calc(17% + 164px);
    left: calc(45% - 56px);
    animation-delay: 1890ms;
    animation-duration: 530ms;
}

.login-container.login-alternate-1 .form-panel > * {
    animation-delay: 1990ms;
}

.login-container.login-alternate-1 .character-grid {
    right: 45px;
    left: auto;
}

.login-container.login-alternate-1 .company-logo {
    animation-delay: 1890ms;
}

.login-container.login-no-animation .logo-container {
    animation: none;
    transform: none;
    height: 160px;
    width: 160px;
}

.login-container.login-no-animation .form-panel {
    background-color: #FFFFFF;
    width: auto;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.05);
    opacity: 1;
    animation: none;
    transform: none;
}

.login-container.login-no-animation .form-panel > * {
    max-width: 100%;
    animation: none;
    transform: none;
}

.login-container.login-no-animation .form-panel button.btn {
    opacity: 1;
    animation: none;
    transform: none;
    float: right;
    cursor: pointer;
}

.login-container.login-no-animation .content-panel {
    width: 45%;
    animation: none;
    transform: none;
}

.login-container.login-no-animation .character-grid {
    animation: none;
    transform: none;
}

.login-container.login-no-animation .company-logo {
    opacity: 1;
    animation: none;
}

@keyframes login-logo-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes login-company-logo-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes login-logo-container-animation {
    0% {
        top: 50%;
        left: 50%;
        transform: scale(20) rotate(90deg);
        border-radius: 50%;
    }
    5% {
        top: 15%;
        left: 62.3%;
        transform: scale(1.9) rotate(97deg);
        border-radius: 20%;
    }
    15% {
        top: 16%;
        left: 65.5%;
        transform: scale(0.55) rotate(84deg);
        border-radius: 0;
    }
    30% {
        top: 16%;
        left: 66.1%;
        transform: scale(0.4) rotate(98deg);
        border-radius: 0;
    }
    45% {
        top: 16.5%;
        left: 67%;
        transform: scale(0.37) rotate(121deg);
        border-radius: 0;
    }
    60% {
        top: 16.6%;
        left: 67.3%;
        transform: scale(0.37) rotate(126deg);
        border-radius: 0;
    }
    85% {
        top: 16.6%;
        left: 67.6%;
        transform: scale(0.37) rotate(133deg);
        border-radius: 0;
    }
    100% {
        top: 17%;
        left: 47%;
        transform: scale(1) rotate(0deg);
        border-radius: 0;
    }
}

@keyframes login-form-character-grid-animation {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes login-form-panel-animation {
    0% {
        background-color: #FFFFFF;
        width: 0;
        box-shadow: none;
        opacity: 0;
    }
    60% {
        background-color: #FFFFFF;
        box-shadow: none;
        opacity: 1;
    }
    100% {
        background-color: #FFFFFF;
        width: auto;
        box-shadow: 5px 5px rgba(0, 0, 0, 0.05);
        opacity: 1;
    }
}

@keyframes login-form-control-animation {
    from {
        max-width: 0;
    }
    to {
        max-width: 100%;
    }
}

@keyframes login-graphic-panel-animation {
    from {
        background-position-x: 250px;
    }
    to {
        background-position-x: 0;
    }
}

@keyframes login-content-panel-animation {
    from {
        width: 100%;
    }
    to {
        width: 40%;
    }
}

@keyframes login-button-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes login-logo-container-animation--alt1 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.character-grid {
    display: inline-block;
    pointer-events: none;
    animation-name: login-form-character-grid-animation;
    animation-duration: 1800ms;
}

.character-grid .character-grid-row .character-grid-col {
    display: inline-block;
    font-size: 40px;
    color: #000000;
    font-weight: 700;
    margin: 8px 8px 8px 8px;
    line-height: 20px;
    width: 20px;
}

.character-grid.animated .character-grid-row .character-grid-col {
    transform: scale(0);
    animation-name: character-grow-animation;
    animation-duration: 200ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-play-state: paused;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 0ms;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 30ms;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 60ms;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 90ms;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 120ms;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 150ms;
}

.character-grid.animated .character-grid-row .character-grid-col.character-distance-i {
    animation-delay: 180ms;
}

.character-grid.playing .character-grid-row .character-grid-col {
    animation-play-state: running;
}

.character-grid:not(.playing) .character-grid-row .character-grid-col {
    transform: scale(0);
    animation: none;
}

@keyframes character-grow-animation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@media (max-height: 700px) {
    .login-container.login-alternate-1 .form-panel {
        left: 40%;
        top: 17%;
    }
}

@media (max-width: 700px) {
    .login-container.login-alternate-1 {
        overflow-y: auto;
        height: 100vh;
    }

    .login-container.login-alternate-1:after {
        content: "";
        position: absolute;
        display: block;
        background-color: #FFFFFF;
        width: 48px;
        height: 65%;
        top: 35%;
        right: 0;
        z-index: 1;
    }

    .login-container.login-alternate-1 .content-panel {
        position: static;
    }

    .login-container.login-alternate-1 .content-panel .logo-container {
        right: 32px;
        z-index: 5;
        width: 88px;
        height: 88px;
        padding: 16px;
        top: calc(25% + 32px);
        transform: translateX(0);
        animation: none;
        transform: none;
    }

    .login-container.login-alternate-1 .content-panel .character-grid {
        display: none;
    }

    .login-container.login-alternate-1 .content-panel .company-logo.company-logo-image {
        display: none;
    }

    .login-container.login-alternate-1 .form-panel {
        left: 0;
        max-width: unset;
        width: calc(100% - 48px);
        height: 65%;
        top: 25%;
        padding: 24px 0 24px 48px;
        overflow: visible;
        z-index: 4;
        background-color: #FFFFFF;
        opacity: 1;
        animation: none;
        transform: none;
    }

    .login-container.login-alternate-1 .form-panel > * {
        max-width: 100%;
        animation: none;
        transform: none;
    }

    .login-container.login-alternate-1 .form-panel button.btn {
        opacity: 1;
        animation: none;
        transform: none;
    }

    .login-container.login-alternate-1 .form-panel .form-title {
        white-space: initial;
        text-align: right;
        padding-right: 88px;
        font-size: 30px;
        margin-top: 0;
        margin-left: -16px;
        margin-bottom: 48px;
    }

    .login-container.login-alternate-1 .form-panel .form-flat {
        background-color: #FFFFFF;
        margin-bottom: 24px;
    }

}

@media (max-height: 400px), (max-width: 350px) {
    .login-container .form-panel .form-title {
        font-size: 24px;
    }
}
/* Metric Regular */
@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'Metric';
    src: url(../../../fonts/metric-regular.woff) format('woff');
}

/* Metric Bold */
@font-face {
    font-weight: 700;
    font-family: 'Metric';
    font-style: normal;
    src: url(../../../fonts/metric-bold.woff) format('woff');
}


html {
    font-size: 62.5%;
}

body {
    font-size: 16px;
    font-family: "Metric", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #323435;
    letter-spacing: 0.2px;
    line-height: 19px;
}

*::-moz-selection {
    background: #0073E7;
    color: #FFFFFF;
}

*::selection {
    background: #0073E7;
    color: #FFFFFF;
}

label,
input,
button,
textarea {
    font-family: "Metric", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

select {
    height: 32px;
    width: 100%;
    line-height: 16px;
    font-size: 14px;
    color: #000000;
    background-color: transparent;
    border: solid rgba(101, 102, 104, 0.64);
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding: 7px 0 7px 0;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 0;
    text-align: left;
}

h1 {
    font-size: 48px;
    font-weight: 700;
    font-style: normal;
    margin-top: 24px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

h1 b, h1 strong {
    font-weight: 700;
}

.text-secondary, .text-default {
    color: rgba(0, 0, 0, 0.56);
}

.text-disabled {
    color: #cececf;
}

.text-muted {
    color: #DCDEDF;
}

.uppercase {
    text-transform: uppercase;
}

/* Font icon mappings */
.btn {
    padding: 7px 16px 7px 16px;
    margin: 0 0 0 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 1px;
    border-style: solid;
    border-width: 2px;
    background-image: none;
    line-height: 14px;
    height: 32px;
    min-width: 96px;
    max-width: 288px;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.16s ease-out, border-color 0.16s ease-out, box-shadow 0.16s ease-out;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.btn.btn-icon-only {
    min-width: 32px;
    min-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
}

.btn:focus, .btn:active:focus {
    outline: 0;
    transition: background-color 0.16s ease-out, border-color 0.16s ease-out, box-shadow 0.16s ease-out;
}

.btn:active, .btn.active {
    box-shadow: none;
}

.btn:hover {
    transition: background-color 0.16s ease-out, border-color 0.16s ease-out, box-shadow 0.16s ease-out;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}

.btn:disabled, .btn:disabled:hover, .btn:disabled:active {
    cursor: default;
    pointer-events: none;
}

.btn:not(.btn-icon-only) i + span {
    margin-left: 4px;
    vertical-align: top;
}

.btn + .btn, .btn + .btn-group {
    margin-left: 4px;
}

.btn.pull-right + .btn, .btn.pull-right + .btn-group {
    margin-left: 0;
    margin-right: 4px;
}

.btn-group + .btn, .btn-group + .btn-group {
    margin-left: 4px;
}


.btn.login-button,
.open > .dropdown-toggle.login-button {
    color: #FFFFFF;
    background-color: #0073E7;
    border-color: #0073E7;
}

.btn.login-button:not(.btn-icon-only),
.open > .dropdown-toggle.login-button:not(.btn-icon-only) {
    min-width: 96px;
}

.btn.login-button:focus,
.open > .dropdown-toggle.login-button:focus {
    color: #FFFFFF;
    background-color: #0073E7;
    border-color: #0073E7;
    box-shadow: unset;
    animation: qtm-keyframes-colorAndWaterDrop--primary 0.4s cubic-bezier(0, 0.3, 1, 0.7);
}

.btn.login-button:hover,
.open > .dropdown-toggle.login-button:hover {
    color: #FFFFFF;
    background-color: #0073E7;
    border-color: transparent;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}

.btn.login-button:active, .btn.login-button:focus:active,
.open > .dropdown-toggle.login-button:active,
.open > .dropdown-toggle.login-button:focus:active {
    color: #FFFFFF;
    background-color: #1668C1;
    border-color: transparent;
}

.btn.login-button:hover, .btn.login-button:focus:hover,
.open > .dropdown-toggle.login-button:hover,
.open > .dropdown-toggle.login-button:focus:hover {
    box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}

.btn.login-button:focus:hover:active,
.open > .dropdown-toggle.login-button:focus:hover:active {
    box-shadow: none;
}


/* Font icon mappings */
label, .control-label {
    color: rgba(0, 0, 0, 0.56);
    font-size: 16px;
    font-weight: 400;
}

label:disabled, label .disabled, .control-label:disabled, .control-label .disabled {
    color: #cececf;
}

.has-error label, .has-error .control-label {
    color: rgba(0, 0, 0, 0.56);
}

.has-error label:disabled, .has-error label .disabled, .has-error .control-label:disabled, .has-error .control-label .disabled {
    color: #cececf;
}

.has-warning label, .has-warning .control-label {
    color: rgba(0, 0, 0, 0.56);
}

.has-warning label:disabled, .has-warning label .disabled, .has-warning .control-label:disabled, .has-warning .control-label .disabled {
    color: #cececf;
}

.form-group {
    margin-bottom: 16px;
}

.form-group:last-child {
    margin-bottom: 0;
}

.form-flat .form-group, .form-innerLabel .form-group {
    position: relative;
    margin-top: 32px;
    margin-bottom: 16px;
}

.form-flat .form-group > label, .form-innerLabel .form-group > label {
    position: absolute;
    top: -20px;
    color: rgba(0, 0, 0, 0.56);
    font-size: 14px;
    transition: 0.4s cubic-bezier(0.69, 0.98, 0.23, 1);
    -webkit-transition: 0.4s cubic-bezier(0.69, 0.98, 0.23, 1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.input-top {
    margin-bottom: 16px;
    position: relative;
}

.input-top::after {
    clear: both;
    display: table;
    content: "";
}


/* Font icon mappings */
textarea,
select.form-control,
input[type="email"],
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
    height: 32px;
    width: 100%;
    line-height: 16px;
    font-size: 16px;
    color: #000000;
    background-color: transparent;
    border: solid rgba(101, 102, 104, 0.64);
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding: 7px 0 7px 0;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 0;
    text-align: left;
}

textarea:focus, textarea:focus:hover,
select.form-control:focus,
select.form-control:focus:hover,
input[type="email"]:focus,
input[type="email"]:focus:hover,
input[type="text"]:focus,
input[type="text"]:focus:hover,
input[type="password"]:focus,
input[type="password"]:focus:hover,
input[type="color"]:focus,
input[type="color"]:focus:hover,
input[type="date"]:focus,
input[type="date"]:focus:hover,
input[type="datetime"]:focus,
input[type="datetime"]:focus:hover,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus:hover,
input[type="month"]:focus,
input[type="month"]:focus:hover,
input[type="number"]:focus,
input[type="number"]:focus:hover,
input[type="range"]:focus,
input[type="range"]:focus:hover,
input[type="search"]:focus,
input[type="search"]:focus:hover,
input[type="tel"]:focus,
input[type="tel"]:focus:hover,
input[type="time"]:focus,
input[type="time"]:focus:hover,
input[type="url"]:focus,
input[type="url"]:focus:hover,
input[type="week"]:focus,
input[type="week"]:focus:hover {
    border-color: #0073E7;
    box-shadow: unset;
    outline: none;
}

textarea:hover,
select.form-control:hover,
input[type="email"]:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="range"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover {
    border-color: #656668;
}

textarea:disabled,
select.form-control:disabled,
input[type="email"]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="range"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled {
    color: #cececf;
    border-color: #cececf;
    background-color: transparent;
}


input[type="password"] {
    font-size: 16px;
}

.form-flat textarea,
.form-flat select.form-control,
.form-flat input[type="email"],
.form-flat input[type="text"],
.form-flat input[type="password"],
.form-flat input[type="color"],
.form-flat input[type="date"],
.form-flat input[type="datetime"],
.form-flat input[type="datetime-local"],
.form-flat input[type="month"],
.form-flat input[type="number"],
.form-flat input[type="range"],
.form-flat input[type="search"],
.form-flat input[type="tel"],
.form-flat input[type="time"],
.form-flat input[type="url"],
.form-flat input[type="week"],
.form-innerLabel textarea,
.form-innerLabel select.form-control,
.form-innerLabel input[type="email"],
.form-innerLabel input[type="text"],
.form-innerLabel input[type="password"],
.form-innerLabel input[type="color"],
.form-innerLabel input[type="date"],
.form-innerLabel input[type="datetime"],
.form-innerLabel input[type="datetime-local"],
.form-innerLabel input[type="month"],
.form-innerLabel input[type="number"],
.form-innerLabel input[type="range"],
.form-innerLabel input[type="search"],
.form-innerLabel input[type="tel"],
.form-innerLabel input[type="time"],
.form-innerLabel input[type="url"],
.form-innerLabel input[type="week"] {
    height: 32px;
    width: 100%;
    line-height: 16px;
    font-size: 16px;
    color: #000000;
    background-color: transparent;
    border: solid rgba(101, 102, 104, 0.64);
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding: 7px 0 7px 0;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 0;
    text-align: left;
}

.form-flat textarea:focus, .form-flat textarea:focus:hover,
.form-flat select.form-control:focus,
.form-flat select.form-control:focus:hover,
.form-flat input[type="email"]:focus,
.form-flat input[type="email"]:focus:hover,
.form-flat input[type="text"]:focus,
.form-flat input[type="text"]:focus:hover,
.form-flat input[type="password"]:focus,
.form-flat input[type="password"]:focus:hover,
.form-flat input[type="color"]:focus,
.form-flat input[type="color"]:focus:hover,
.form-flat input[type="date"]:focus,
.form-flat input[type="date"]:focus:hover,
.form-flat input[type="datetime"]:focus,
.form-flat input[type="datetime"]:focus:hover,
.form-flat input[type="datetime-local"]:focus,
.form-flat input[type="datetime-local"]:focus:hover,
.form-flat input[type="month"]:focus,
.form-flat input[type="month"]:focus:hover,
.form-flat input[type="number"]:focus,
.form-flat input[type="number"]:focus:hover,
.form-flat input[type="range"]:focus,
.form-flat input[type="range"]:focus:hover,
.form-flat input[type="search"]:focus,
.form-flat input[type="search"]:focus:hover,
.form-flat input[type="tel"]:focus,
.form-flat input[type="tel"]:focus:hover,
.form-flat input[type="time"]:focus,
.form-flat input[type="time"]:focus:hover,
.form-flat input[type="url"]:focus,
.form-flat input[type="url"]:focus:hover,
.form-flat input[type="week"]:focus,
.form-flat input[type="week"]:focus:hover,
.form-innerLabel textarea:focus,
.form-innerLabel textarea:focus:hover,
.form-innerLabel select.form-control:focus,
.form-innerLabel select.form-control:focus:hover,
.form-innerLabel input[type="email"]:focus,
.form-innerLabel input[type="email"]:focus:hover,
.form-innerLabel input[type="text"]:focus,
.form-innerLabel input[type="text"]:focus:hover,
.form-innerLabel input[type="password"]:focus,
.form-innerLabel input[type="password"]:focus:hover,
.form-innerLabel input[type="color"]:focus,
.form-innerLabel input[type="color"]:focus:hover,
.form-innerLabel input[type="date"]:focus,
.form-innerLabel input[type="date"]:focus:hover,
.form-innerLabel input[type="datetime"]:focus,
.form-innerLabel input[type="datetime"]:focus:hover,
.form-innerLabel input[type="datetime-local"]:focus,
.form-innerLabel input[type="datetime-local"]:focus:hover,
.form-innerLabel input[type="month"]:focus,
.form-innerLabel input[type="month"]:focus:hover,
.form-innerLabel input[type="number"]:focus,
.form-innerLabel input[type="number"]:focus:hover,
.form-innerLabel input[type="range"]:focus,
.form-innerLabel input[type="range"]:focus:hover,
.form-innerLabel input[type="search"]:focus,
.form-innerLabel input[type="search"]:focus:hover,
.form-innerLabel input[type="tel"]:focus,
.form-innerLabel input[type="tel"]:focus:hover,
.form-innerLabel input[type="time"]:focus,
.form-innerLabel input[type="time"]:focus:hover,
.form-innerLabel input[type="url"]:focus,
.form-innerLabel input[type="url"]:focus:hover,
.form-innerLabel input[type="week"]:focus,
.form-innerLabel input[type="week"]:focus:hover {
    border-color: #0073E7;
    box-shadow: unset;
    outline: none;
}

.form-flat textarea:hover,
.form-flat select.form-control:hover,
.form-flat input[type="email"]:hover,
.form-flat input[type="text"]:hover,
.form-flat input[type="password"]:hover,
.form-flat input[type="color"]:hover,
.form-flat input[type="date"]:hover,
.form-flat input[type="datetime"]:hover,
.form-flat input[type="datetime-local"]:hover,
.form-flat input[type="month"]:hover,
.form-flat input[type="number"]:hover,
.form-flat input[type="range"]:hover,
.form-flat input[type="search"]:hover,
.form-flat input[type="tel"]:hover,
.form-flat input[type="time"]:hover,
.form-flat input[type="url"]:hover,
.form-flat input[type="week"]:hover,
.form-innerLabel textarea:hover,
.form-innerLabel select.form-control:hover,
.form-innerLabel input[type="email"]:hover,
.form-innerLabel input[type="text"]:hover,
.form-innerLabel input[type="password"]:hover,
.form-innerLabel input[type="color"]:hover,
.form-innerLabel input[type="date"]:hover,
.form-innerLabel input[type="datetime"]:hover,
.form-innerLabel input[type="datetime-local"]:hover,
.form-innerLabel input[type="month"]:hover,
.form-innerLabel input[type="number"]:hover,
.form-innerLabel input[type="range"]:hover,
.form-innerLabel input[type="search"]:hover,
.form-innerLabel input[type="tel"]:hover,
.form-innerLabel input[type="time"]:hover,
.form-innerLabel input[type="url"]:hover,
.form-innerLabel input[type="week"]:hover {
    border-color: #656668;
}

select.form-control {
    padding-top: 0;
    padding-bottom: 0;
}

select.form-control option {
    padding: 8px 24px 8px 24px;
}

.login-container .logo-container .logo {
    opacity: 0;
    animation-name: login-logo-animation;
    animation-delay: 1600ms;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    height: auto;
    width: 100%;
}

.login-container .company-logo.company-logo-image {
    background-repeat: no-repeat;
    background-size: 120px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3MDAgMjA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MDAgMjA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0yODUuNyw3Ni44YzIuNy0xLjEsNS4xLTIuNCw3LjQtMy45YzMuMi0yLjEsNS45LTQuNyw4LjEtNy41YzIuMi0yLjgsMy45LTYuMSw1LTkuNWMxLjItMy41LDEuNy03LjIsMS43LTExLjENCgkJCWMwLTQuOS0wLjktOS41LTIuNS0xMy42Yy0xLjctNC4yLTQuNC03LjgtOC4xLTEwLjhjLTMuNi0yLjktOC4zLTUuMi0xMy44LTYuOWMtNS41LTEuNi0xMi4yLTIuNC0xOS44LTIuNGgtMzUuNXYxMTMuOWgyNC4yVjgyLjENCgkJCWg2LjljMi4xLDAsMy4yLDAuMywzLjcsMC42YzAuOCwwLjQsMS41LDEuMSwyLjIsMi4ybDIzLjIsMzUuM2MxLDEuNiwyLjMsMi44LDMuOCwzLjZjMS41LDAuOSwzLjQsMS4zLDUuNSwxLjNoMjJsLTI5LjYtNDMuNg0KCQkJQzI4OC43LDc5LjcsMjg3LjMsNzguMSwyODUuNyw3Ni44eiBNMjUyLjMsMzAuOGgxMS4yYzcuMSwwLDEyLjQsMS40LDE1LjcsNC4xYzMuMywyLjcsNC44LDYuNCw0LjgsMTEuNGMwLDIuNS0wLjQsNC45LTEuMiw3DQoJCQljLTAuOCwyLjEtMiwzLjktMy43LDUuNGMtMS43LDEuNS0zLjgsMi43LTYuNCwzLjZjLTIuNywwLjktNS45LDEuNC05LjUsMS40aC0xMC45VjMwLjh6Ii8+DQoJCTxwYXRoIGQ9Ik0zODIuNiw1My40Yy0zLjUtMy42LTcuOC02LjUtMTIuOC04LjRjLTUtMi0xMC41LTMtMTYuNi0zYy02LDAtMTEuNiwxLTE2LjYsMi45Yy01LDItOS4zLDQuOC0xMi45LDguNA0KCQkJYy0zLjUsMy42LTYuMyw4LjEtOC4zLDEzLjNjLTEuOSw1LjItMi45LDExLTIuOSwxNy4zYzAsNi40LDEsMTIuMywyLjksMTcuNGMxLjksNS4yLDQuNyw5LjcsOC4zLDEzLjRjMy42LDMuNyw3LjksNi42LDEyLjksOC41DQoJCQljNSwyLDEwLjYsMi45LDE2LjYsMi45YzYsMCwxMS42LTEsMTYuNi0zYzUtMiw5LjMtNC44LDEyLjgtOC41YzMuNS0zLjcsNi4zLTguMiw4LjItMTMuNGMxLjktNS4yLDIuOS0xMSwyLjktMTcuNA0KCQkJYzAtNi4zLTEtMTIuMi0yLjktMTcuM0MzODguOCw2MS41LDM4Ni4xLDU3LDM4Mi42LDUzLjR6IE0zNjYuMSwxMDIuM2MtMi44LDMuOS03LDUuOC0xMi45LDUuOGMtNiwwLTEwLjMtMS45LTEzLjEtNS44DQoJCQljLTIuOS00LTQuNC0xMC4xLTQuNC0xOC4xYzAtNy45LDEuNS0xNC4xLDQuNC0xOC4yYzIuOC00LDcuMS01LjksMTMuMS01LjljNS45LDAsMTAuMSwxLjksMTIuOSw1LjhjMi45LDQuMSw0LjMsMTAuMiw0LjMsMTguMg0KCQkJQzM3MC40LDkyLjIsMzY5LDk4LjMsMzY2LjEsMTAyLjN6Ii8+DQoJCTxwYXRoIGQ9Ik00NTguNCwxMDEuMmMtMS42LDAtMywwLjUtNC4zLDEuNWMtMC45LDAuNy0yLDEuNS0zLjIsMi40Yy0xLjEsMC44LTIuNiwxLjYtNC4zLDIuMmMtMS42LDAuNi0zLjgsMS02LjYsMQ0KCQkJYy0yLjcsMC01LjItMC41LTcuMy0xLjVjLTIuMS0xLTMuOS0yLjUtNS40LTQuNWMtMS41LTItMi43LTQuNi0zLjUtNy42Yy0wLjgtMy4xLTEuMy02LjctMS4zLTEwLjZjMC0zLjgsMC40LTcuMywxLjItMTAuMw0KCQkJYzAuNy0yLjksMS45LTUuNCwzLjQtNy41YzEuNS0yLDMuMy0zLjUsNS41LTQuNmMyLjItMS4xLDQuOS0xLjYsNy45LTEuNmMyLjQsMCw0LjQsMC4zLDUuOSwwLjhjMS42LDAuNSwzLDEuMiw0LjIsMS44DQoJCQljMS4yLDAuNywyLjMsMS40LDMuMiwxLjljMS4yLDAuOCwyLjUsMS4yLDMuOCwxLjJjMS40LDAsMi42LTAuMywzLjUtMWMwLjctMC41LDEuMy0xLjIsMi0ybDUuOS04LjJsLTEuMS0xLjENCgkJCWMtMy43LTMuNy03LjgtNi41LTEyLjQtOC41Yy00LjYtMi0xMC0zLTE2LjEtM2MtNi40LDAtMTIuMSwxLjEtMTcsMy4yYy01LDIuMS05LjIsNS4xLTEyLjUsOC45Yy0zLjQsMy44LTUuOSw4LjMtNy43LDEzLjQNCgkJCWMtMS43LDUuMS0yLjYsMTAuNi0yLjYsMTYuNmMwLDYuNiwxLDEyLjYsMi45LDE3LjhjMS45LDUuMiw0LjYsOS43LDcuOSwxMy4zYzMuMywzLjYsNy4zLDYuNCwxMS44LDguM2M0LjUsMS45LDkuMywyLjksMTQuNCwyLjkNCgkJCWMyLjgsMCw1LjctMC4yLDguNi0wLjZjMi45LTAuNCw1LjgtMS4yLDguNS0yLjJjMi43LTEsNS40LTIuNCw4LTQuMmMyLjYtMS43LDUtMy45LDcuMi02LjVsMS0xLjJsLTYuMy04DQoJCQlDNDYyLjMsMTAyLDQ2MC42LDEwMS4yLDQ1OC40LDEwMS4yeiIvPg0KCQk8cGF0aCBkPSJNNTIzLjksODAuOWMtMC40LTAuNS0wLjgtMC45LTEuMi0xLjRjMC40LTAuNCwwLjgtMC43LDEuMi0xLjFjMS0wLjksMS45LTIsMi44LTMuMWwyNi45LTMyLjFoLTIxLjINCgkJCWMtMS45LDAtMy41LDAuNC00LjgsMS4xYy0xLjEsMC43LTIuMiwxLjYtMy4yLDIuOGwtMTkuNCwyNGMtMC44LDEtMS40LDEuNC0xLjcsMS41Yy0wLjMsMC4xLTAuOSwwLjMtMi4xLDAuM2gtMS42VjguMmgtMjIuNnYxMTcNCgkJCWgyMi42Vjg5LjRoMi40YzEuNiwwLDIuNCwwLjIsMi42LDAuNGMwLjIsMC4xLDAuOCwwLjUsMS41LDEuNmwxOS45LDI5LjZjMSwxLjUsMi4yLDIuNiwzLjUsMy4yYzEuMywwLjYsMi44LDEsNC42LDFoMjAuNQ0KCQkJbC0yOC4xLTQwLjlDNTI1LjYsODMuMSw1MjQuNyw4Miw1MjMuOSw4MC45eiIvPg0KCQk8cGF0aCBkPSJNNjE5LjIsODhjMC45LTAuNCwxLjctMSwyLjItMS45YzAuNS0wLjgsMC44LTEuNywwLjktMi45YzAuMS0xLDAuMi0yLjMsMC4yLTMuOGMwLTUuOC0wLjktMTEuMS0yLjYtMTUuNw0KCQkJYy0xLjgtNC42LTQuMy04LjYtNy40LTExLjhjLTMuMi0zLjItNy01LjctMTEuNC03LjNjLTQuMy0xLjYtOS4xLTIuNS0xNC4zLTIuNWMtNi4xLDAtMTEuNiwxLjEtMTYuNSwzLjJjLTQuOSwyLjEtOSw1LjEtMTIuNCw4LjcNCgkJCWMtMy40LDMuNi02LDgtNy44LDEyLjljLTEuOCw0LjktMi43LDEwLjItMi43LDE1LjdjMCw3LjEsMSwxMy40LDMuMSwxOC44YzIuMSw1LjQsNC45LDEwLjEsOC42LDEzLjdjMy42LDMuNyw4LDYuNSwxMi45LDguNA0KCQkJYzQuOSwxLjksMTAuMiwyLjgsMTUuOCwyLjhjMi44LDAsNS44LTAuMiw4LjgtMC42YzMtMC40LDYuMS0xLjIsOS0yLjJjMi45LTEsNS44LTIuNCw4LjUtNC4yYzIuNy0xLjcsNS4yLTMuOSw3LjQtNi41bDEtMS4yDQoJCQlsLTYuNC04Yy0wLjYtMC44LTEuMy0xLjQtMi4xLTEuOGMtMC44LTAuNS0xLjgtMC43LTIuOS0wLjdjLTEuNSwwLTMsMC40LTQuNSwxLjNjLTEuMiwwLjctMi43LDEuNS00LjMsMi4zDQoJCQljLTEuNSwwLjgtMy40LDEuNi01LjUsMi4yYy0yLDAuNi00LjUsMS03LjMsMWMtNS43LDAtMTAuMi0xLjctMTMuNi01LjFjLTMuMS0zLjEtNS04LTUuOC0xNC41aDQ2LjMNCgkJCUM2MTcuNSw4OC40LDYxOC40LDg4LjMsNjE5LjIsODh6IE01NzAuNiw3My40YzAuOS00LjIsMi42LTcuNiw1LTEwYzIuOC0yLjgsNi41LTQuMSwxMS42LTQuMWMyLjUsMCw0LjcsMC40LDYuNSwxLjINCgkJCWMxLjgsMC44LDMuMywxLjksNC41LDMuNGMxLjIsMS40LDIuMSwzLjEsMi43LDVjMC40LDEuNCwwLjcsMi45LDAuOCw0LjVINTcwLjZ6Ii8+DQoJCTxwYXRoIGQ9Ik02NzQuOCwxMDcuNWwtMC4xLTAuMWMtMC41LTAuNy0xLTEuMi0xLjUtMS42Yy0xLjMtMS0zLjItMS4xLTQuOS0wLjFjLTAuNCwwLjMtMC45LDAuNS0xLjUsMC44Yy0wLjUsMC4zLTEuMSwwLjUtMS44LDAuOA0KCQkJYy0wLjYsMC4yLTEuNCwwLjMtMi4zLDAuM2MtMS41LDAtMi42LTAuNS0zLjUtMS40Yy0wLjktMS0xLjQtMi41LTEuNC00LjVWNjEuMWgyMC42VjQzLjloLTIwLjZWMTkuM2gtMTEuNg0KCQkJYy0xLjUsMC0yLjgsMC40LTMuOSwxLjJjLTEuMSwwLjgtMS44LDItMi4xLDMuNWwtMy43LDIwLjFsLTEyLjgsMi4xdjkuMWMwLDEuOSwwLjYsMy4zLDEuNyw0LjRjMS4xLDEsMi40LDEuNSwzLjksMS41aDYuMXY0MS44DQoJCQljMCw3LjIsMiwxMyw2LDE3LjJjNCw0LjIsOS43LDYuMywxNyw2LjNjNCwwLDcuOS0wLjYsMTEuNi0xLjhjMy44LTEuMiw3LjEtMy4xLDEwLjEtNS41bDEuMi0xTDY3NC44LDEwNy41eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZD0iTTI1My42LDE2Ni42Yy0wLjIsMC40LTAuNSwwLjYtMC45LDAuNmMtMC4zLDAtMC43LTAuMi0xLjItMC41Yy0wLjUtMC4zLTEuMS0wLjctMS45LTEuMmMtMC44LTAuNC0xLjgtMC44LTIuOS0xLjINCgkJCWMtMS4yLTAuMy0yLjYtMC41LTQuMy0wLjVjLTEuNSwwLTIuOSwwLjItNC4xLDAuN2MtMS4yLDAuNC0yLjMsMS0zLjIsMS43Yy0wLjksMC43LTEuNiwxLjYtMi4xLDIuNWMtMC41LDEtMC43LDItMC43LDMNCgkJCWMwLDEuMywwLjMsMi40LDEsMy4zYzAuNywwLjksMS42LDEuNiwyLjcsMi4yYzEuMSwwLjYsMi4zLDEuMSwzLjcsMS42YzEuNCwwLjQsMi44LDAuOSw0LjMsMS4zYzEuNSwwLjQsMi45LDAuOSw0LjMsMS41DQoJCQljMS40LDAuNSwyLjYsMS4yLDMuNywyYzEuMSwwLjgsMiwxLjgsMi43LDNjMC43LDEuMiwxLDIuNiwxLDQuM2MwLDEuOC0wLjMsMy41LTEsNS4xYy0wLjcsMS42LTEuNiwyLjktMi45LDQuMQ0KCQkJYy0xLjIsMS4yLTIuOCwyLjEtNC42LDIuN2MtMS44LDAuNy0zLjksMS02LjIsMWMtMi45LDAtNS41LTAuNS03LjYtMS40Yy0yLjEtMC45LTQtMi4yLTUuNy0zLjdsMS0xLjRjMC4xLTAuMiwwLjMtMC40LDAuNS0wLjUNCgkJCWMwLjItMC4xLDAuNC0wLjIsMC43LTAuMmMwLjQsMCwwLjgsMC4yLDEuMywwLjdjMC41LDAuNCwxLjIsMC45LDIuMSwxLjVjMC45LDAuNSwxLjksMSwzLjIsMS41YzEuMywwLjQsMi45LDAuNyw0LjcsMC43DQoJCQljMS44LDAsMy4zLTAuMiw0LjctMC43YzEuMy0wLjUsMi41LTEuMiwzLjQtMnMxLjYtMS44LDItM2MwLjUtMS4xLDAuNy0yLjMsMC43LTMuNmMwLTEuNC0wLjMtMi42LTEtMy41Yy0wLjctMC45LTEuNi0xLjctMi43LTIuNA0KCQkJYy0xLjEtMC42LTIuMy0xLjItMy43LTEuNmMtMS40LTAuNC0yLjgtMC45LTQuMy0xLjNjLTEuNS0wLjQtMi45LTAuOS00LjMtMS41Yy0xLjQtMC41LTIuNi0xLjItMy43LTJjLTEuMS0wLjgtMi0xLjgtMi43LTMNCgkJCWMtMC43LTEuMi0xLTIuNi0xLTQuNGMwLTEuNSwwLjMtMi45LDEtNC4zYzAuNi0xLjQsMS42LTIuNiwyLjgtMy42YzEuMi0xLDIuNi0xLjksNC40LTIuNWMxLjctMC42LDMuNi0wLjksNS44LTAuOQ0KCQkJYzIuNiwwLDQuOCwwLjQsNi44LDEuMWMyLDAuNywzLjgsMS45LDUuNSwzLjRMMjUzLjYsMTY2LjZ6Ii8+DQoJCTxwYXRoIGQ9Ik0zMDMuMywxNjAuN2MzLDAsNS43LDAuNSw4LjEsMS41YzIuNCwxLDQuNCwyLjUsNiw0LjRjMS42LDEuOSwyLjksNC4xLDMuNyw2LjhjMC45LDIuNywxLjMsNS42LDEuMyw4LjkNCgkJCWMwLDMuMy0wLjQsNi4yLTEuMyw4LjljLTAuOSwyLjYtMi4xLDQuOS0zLjcsNi44Yy0xLjYsMS45LTMuNiwzLjMtNiw0LjNjLTIuNCwxLTUuMSwxLjUtOC4xLDEuNXMtNS43LTAuNS04LjEtMS41DQoJCQljLTIuNC0xLTQuNC0yLjUtNi00LjNjLTEuNi0xLjktMi45LTQuMS0zLjctNi44Yy0wLjktMi42LTEuMy01LjYtMS4zLTguOWMwLTMuMywwLjQtNi4zLDEuMy04LjljMC45LTIuNywyLjEtNC45LDMuNy02LjgNCgkJCWMxLjYtMS45LDMuNi0zLjMsNi00LjRDMjk3LjcsMTYxLjIsMzAwLjMsMTYwLjcsMzAzLjMsMTYwLjd6IE0zMDMuMywyMDAuNmMyLjUsMCw0LjctMC40LDYuNS0xLjNjMS45LTAuOSwzLjQtMi4xLDQuNy0zLjcNCgkJCWMxLjItMS42LDIuMi0zLjUsMi44LTUuOGMwLjYtMi4zLDAuOS00LjgsMC45LTcuNmMwLTIuOC0wLjMtNS4zLTAuOS03LjZjLTAuNi0yLjMtMS42LTQuMi0yLjgtNS44Yy0xLjItMS42LTIuOC0yLjktNC43LTMuNw0KCQkJYy0xLjktMC45LTQtMS4zLTYuNS0xLjNzLTQuNywwLjQtNi41LDEuM2MtMS45LDAuOS0zLjQsMi4xLTQuNywzLjdjLTEuMiwxLjYtMi4yLDMuNi0yLjgsNS44Yy0wLjYsMi4zLTAuOSw0LjgtMC45LDcuNg0KCQkJYzAsMi44LDAuMyw1LjMsMC45LDcuNmMwLjYsMi4zLDEuNiw0LjIsMi44LDUuOGMxLjIsMS42LDIuOCwyLjgsNC43LDMuN0MyOTguNywyMDAuMiwzMDAuOCwyMDAuNiwzMDMuMywyMDAuNnoiLz4NCgkJPHBhdGggZD0iTTM1NS42LDIwMy4ydi0zNy41bC01LjktMC40Yy0wLjgtMC4xLTEuMi0wLjQtMS4yLTEuMXYtMS42aDcuMXYtNS4zYzAtMi40LDAuMy00LjUsMC45LTYuM2MwLjYtMS44LDEuNS0zLjMsMi42LTQuNQ0KCQkJYzEuMS0xLjIsMi41LTIuMSw0LjEtMi43YzEuNi0wLjYsMy4zLTAuOSw1LjItMC45YzAuOSwwLDEuNywwLjEsMi42LDAuMmMwLjksMC4yLDEuNywwLjQsMi4zLDAuN2wtMC4xLDEuOWMwLDAuNC0wLjMsMC42LTAuOCwwLjYNCgkJCWMtMC4zLDAtMC44LDAtMS40LTAuMWMtMC42LTAuMS0xLjMtMC4xLTIuMS0wLjFjLTEuNCwwLTIuNiwwLjItMy44LDAuNmMtMS4yLDAuNC0yLjIsMS4xLTMsMmMtMC44LDAuOS0xLjUsMi4xLTIsMy41DQoJCQljLTAuNSwxLjQtMC43LDMuMi0wLjcsNS4zdjUuMmgxMy42djNoLTEzLjV2MzcuNkgzNTUuNnoiLz4NCgkJPHBhdGggZD0iTTQxNS44LDIwMy45Yy0yLjgsMC01LTAuOC02LjYtMi40Yy0xLjYtMS42LTIuNC00LTIuNC03LjN2LTI4LjZoLTZjLTAuMywwLTAuNi0wLjEtMC44LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjcNCgkJCXYtMS42bDcuMi0wLjVsMS0xNWMwLTAuMywwLjEtMC41LDAuMy0wLjdjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjNoMS45djE2SDQyNHYzaC0xMy4ydjI4LjRjMCwxLjIsMC4xLDIuMSwwLjQsMw0KCQkJYzAuMywwLjgsMC43LDEuNSwxLjIsMmMwLjUsMC41LDEuMSwwLjksMS44LDEuMmMwLjcsMC4zLDEuNSwwLjQsMi4zLDAuNGMxLDAsMS45LTAuMSwyLjYtMC40YzAuNy0wLjMsMS40LTAuNiwxLjktMQ0KCQkJYzAuNS0wLjQsMS0wLjcsMS4zLTFjMC4zLTAuMywwLjYtMC40LDAuOC0wLjRjMC4yLDAsMC40LDAuMSwwLjcsMC40bDEuMSwxLjhjLTEuMSwxLjItMi40LDIuMS00LjEsMi44DQoJCQlDNDE5LjIsMjAzLjYsNDE3LjUsMjAzLjksNDE1LjgsMjAzLjl6Ii8+DQoJCTxwYXRoIGQ9Ik00NDguOSwxNjEuNGgzLjFjMC40LDAsMC43LDAuMSwxLDAuM2MwLjMsMC4yLDAuNCwwLjQsMC41LDAuN2wxMC42LDMzLjFjMC4yLDAuNiwwLjQsMS4zLDAuNSwxLjkNCgkJCWMwLjEsMC42LDAuMiwxLjIsMC4zLDEuOGMwLjEtMC42LDAuMy0xLjIsMC41LTEuOGMwLjItMC42LDAuNC0xLjIsMC42LTEuOWwxMS4yLTMzLjNjMC4yLTAuNiwwLjYtMC45LDEuMi0wLjloMS42DQoJCQljMC42LDAsMSwwLjMsMS4yLDAuOWwxMS4xLDMzLjNjMC40LDEuMywwLjgsMi41LDEsMy43YzAuMS0wLjYsMC4yLTEuMiwwLjQtMS44YzAuMS0wLjYsMC4zLTEuMiwwLjUtMS45bDEwLjYtMzMuMQ0KCQkJYzAuMi0wLjcsMC43LTEsMS40LTFoMi45bC0xNCw0MS45aC0yLjljLTAuNCwwLTAuOC0wLjMtMS0wLjlsLTExLjUtMzRjLTAuMS0wLjQtMC4zLTAuOC0wLjQtMS4zYy0wLjEtMC40LTAuMi0wLjgtMC4zLTEuMw0KCQkJYy0wLjEsMC40LTAuMiwwLjgtMC4zLDEuM2MtMC4xLDAuNC0wLjIsMC44LTAuNCwxLjNsLTExLjYsMzRjLTAuMiwwLjYtMC41LDAuOS0xLDAuOWgtMi44TDQ0OC45LDE2MS40eiIvPg0KCQk8cGF0aCBkPSJNNTYyLjgsMjAzLjJjLTAuOCwwLTEuNC0wLjQtMS42LTEuMmwtMC42LTUuM2MtMS4yLDEuMS0yLjMsMi4xLTMuNCwzcy0yLjMsMS43LTMuNiwyLjNjLTEuMiwwLjYtMi42LDEuMS00LDEuNA0KCQkJYy0xLjQsMC4zLTMsMC41LTQuNywwLjVjLTEuNCwwLTIuOC0wLjItNC4yLTAuNmMtMS4zLTAuNC0yLjUtMS4xLTMuNi0xLjljLTEtMC45LTEuOS0yLTIuNS0zLjNjLTAuNi0xLjQtMC45LTMtMC45LTQuOQ0KCQkJYzAtMS44LDAuNS0zLjQsMS41LTQuOWMxLTEuNSwyLjYtMi44LDQuNy00YzIuMS0xLjEsNC45LTIsOC4zLTIuN2MzLjQtMC43LDcuNC0xLjEsMTIuMi0xLjJWMTc2YzAtMy45LTAuOC02LjktMi41LTguOQ0KCQkJYy0xLjctMi4xLTQuMS0zLjEtNy40LTMuMWMtMiwwLTMuNywwLjMtNS4yLDAuOGMtMS40LDAuNi0yLjYsMS4yLTMuNiwxLjljLTEsMC43LTEuOCwxLjMtMi40LDEuOWMtMC42LDAuNi0xLjEsMC44LTEuNiwwLjgNCgkJCWMtMC42LDAtMS0wLjMtMS4zLTAuOGwtMC43LTEuMmMyLjItMi4yLDQuNS0zLjgsNi45LTVjMi40LTEuMSw1LjItMS43LDguMi0xLjdjMi4yLDAsNC4yLDAuNCw1LjksMS4xczMuMSwxLjcsNC4yLDMuMQ0KCQkJYzEuMSwxLjMsMS45LDIuOSwyLjUsNC44YzAuNiwxLjksMC44LDQsMC44LDYuM3YyNy4zSDU2Mi44eiBNNTQ2LDIwMWMxLjYsMCwzLjEtMC4yLDQuNS0wLjVjMS40LTAuNCwyLjYtMC44LDMuOC0xLjUNCgkJCWMxLjItMC42LDIuMy0xLjQsMy4zLTIuM2MxLTAuOSwyLTEuOCwzLTIuOFYxODNjLTQsMC4xLTcuNCwwLjQtMTAuMywwLjljLTIuOSwwLjUtNS4yLDEuMi03LjEsMmMtMS45LDAuOC0zLjIsMS44LTQuMSwzDQoJCQljLTAuOSwxLjItMS4zLDIuNS0xLjMsNGMwLDEuNCwwLjIsMi42LDAuNywzLjZjMC41LDEsMS4xLDEuOSwxLjgsMi41YzAuOCwwLjcsMS42LDEuMSwyLjcsMS41QzU0My44LDIwMC45LDU0NC45LDIwMSw1NDYsMjAxeiIvPg0KCQk8cGF0aCBkPSJNNTk3LjcsMjAzLjJ2LTQxLjloMi4xYzAuNSwwLDAuOCwwLjEsMSwwLjNjMC4yLDAuMiwwLjMsMC41LDAuNCwxbDAuMyw4LjhjMS4zLTMuNCwzLjEtNi4xLDUuNC04YzIuMi0xLjksNS0yLjksOC4zLTIuOQ0KCQkJYzEuMywwLDIuNCwwLjEsMy41LDAuNGMxLjEsMC4zLDIuMSwwLjcsMywxLjJsLTAuNSwyLjhjLTAuMSwwLjQtMC40LDAuNy0wLjgsMC43Yy0wLjIsMC0wLjQtMC4xLTAuNy0wLjINCgkJCWMtMC4zLTAuMS0wLjctMC4yLTEuMi0wLjRjLTAuNS0wLjEtMS0wLjMtMS43LTAuNGMtMC43LTAuMS0xLjQtMC4yLTIuMy0wLjJjLTMuMiwwLTUuOCwxLTcuOCwyLjljLTIsMi0zLjcsNC44LTQuOSw4LjV2MjcuMg0KCQkJSDU5Ny43eiIvPg0KCQk8cGF0aCBkPSJNNjYxLjUsMTYwLjdjMi40LDAsNC41LDAuNCw2LjUsMS4yYzIsMC44LDMuNywyLDUuMiwzLjZjMS41LDEuNiwyLjYsMy41LDMuNSw1LjdjMC44LDIuMywxLjIsNC45LDEuMiw3LjgNCgkJCWMwLDAuNi0wLjEsMS0wLjMsMS4zcy0wLjUsMC4zLTAuOSwwLjNoLTMwLjJ2MC44YzAsMy4xLDAuNCw1LjksMS4xLDguM2MwLjcsMi40LDEuOCw0LjQsMy4xLDZjMS4zLDEuNiwzLDIuOCw0LjksMy42DQoJCQljMS45LDAuOCw0LDEuMiw2LjQsMS4yYzIuMSwwLDMuOS0wLjIsNS41LTAuN2MxLjUtMC41LDIuOC0xLDMuOS0xLjZjMS4xLTAuNiwxLjktMS4xLDIuNS0xLjZjMC42LTAuNSwxLjEtMC43LDEuMy0wLjcNCgkJCWMwLjQsMCwwLjYsMC4xLDAuOCwwLjRsMS4xLDEuM2MtMC43LDAuOC0xLjYsMS42LTIuNywyLjRjLTEuMSwwLjctMi4zLDEuNC0zLjcsMS45Yy0xLjQsMC41LTIuOCwwLjktNC40LDEuMg0KCQkJYy0xLjYsMC4zLTMuMSwwLjUtNC43LDAuNWMtMi45LDAtNS41LTAuNS03LjgtMS41Yy0yLjQtMS00LjQtMi40LTYuMS00LjRjLTEuNy0xLjktMy00LjItMy45LTdjLTAuOS0yLjgtMS40LTUuOS0xLjQtOS41DQoJCQljMC0zLDAuNC01LjgsMS4zLTguM2MwLjktMi41LDIuMS00LjcsMy43LTYuNmMxLjYtMS44LDMuNi0zLjMsNS45LTQuM0M2NTUuOCwxNjEuMiw2NTguNSwxNjAuNyw2NjEuNSwxNjAuN3ogTTY2MS41LDE2My43DQoJCQljLTIuMiwwLTQuMSwwLjMtNS44LDFjLTEuNywwLjctMy4yLDEuNi00LjQsMi45Yy0xLjIsMS4zLTIuMywyLjgtMyw0LjVjLTAuOCwxLjgtMS4zLDMuNy0xLjUsNS45aDI3LjZjMC0yLjItMC4zLTQuMy0wLjktNg0KCQkJYy0wLjYtMS44LTEuNS0zLjMtMi42LTQuNXMtMi41LTIuMi00LTIuOEM2NjUuMiwxNjQsNjYzLjQsMTYzLjcsNjYxLjUsMTYzLjd6Ii8+DQoJPC9nPg0KCQ0KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE4OS45MTg5IiB5MT0iNDEuMzE2IiB4Mj0iMjAuODM5OCIgeTI9Ii0xMjcuNzYzMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDU1LjI0OTkpIj4NCgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0QyNTdGQyIvPg0KCQk8c3RvcCAgb2Zmc2V0PSIwLjE0NiIgc3R5bGU9InN0b3AtY29sb3I6I0I3MkRDRCIvPg0KCQk8c3RvcCAgb2Zmc2V0PSIwLjMxNiIgc3R5bGU9InN0b3AtY29sb3I6Izk5MDA5OSIvPg0KCQk8c3RvcCAgb2Zmc2V0PSIwLjQ0MDciIHN0eWxlPSJzdG9wLWNvbG9yOiM4NDEyQjciLz4NCgkJPHN0b3AgIG9mZnNldD0iMC43NTYyIiBzdHlsZT0ic3RvcC1jb2xvcjojNTAzRUZGIi8+DQoJPC9saW5lYXJHcmFkaWVudD4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNC4xLDkyYy0xLjQtMC40LTIuNi0xLjMtMy4zLTIuNmMtMC43LTEuMy0wLjktMi44LTAuNS00LjJjMC40LTEuNCwxLjMtMi42LDIuNi0zLjNDNCw4MS4yLDUuNSw4MSw3LDgxLjQNCgkJbDUwLDEzLjR2MGMzLjEsMC45LDYuNCwwLjksOS42LDAuMWwwLjMtMC4xYzMtMC45LDUuOC0yLjYsOC00LjhsMCwwbDgwLjQtODAuNGMxLTEsMi40LTEuNiwzLjktMS42czIuOSwwLjYsMy45LDEuNg0KCQljMSwxLDEuNiwyLjQsMS42LDMuOWMwLDEuNS0wLjYsMi45LTEuNiwzLjlMODIuNiw5Ny44bDAsMGMtMy42LDMuNi04LDYuMi0xMi44LDcuNmMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xDQoJCWMtNSwxLjMtMTAuMywxLjMtMTUuMy0wLjF2MEw0LjEsOTJ6IE0yMi43LDczLjRsMjUuNiw2LjljNSwxLjQsMTAuMywxLjQsMTUuMywwLjFjNS0xLjMsOS42LTQsMTMuMi03LjdsMzIuOC0zMi44DQoJCWMxLTEsMS42LTIuNCwxLjYtMy45YzAtMS41LTAuNi0yLjktMS42LTMuOWMtMS0xLTIuNC0xLjYtMy45LTEuNnMtMi45LDAuNi0zLjksMS42TDY4LjksNjQuOGMtMi40LDIuNC01LjMsNC4xLTguMyw0LjkNCgkJYy0zLDAuOC02LjMsMC44LTkuNi0wLjFsLTI1LjYtNi45Yy0wLjctMC4yLTEuNC0wLjMtMi4yLTAuMmMtMC43LDAuMS0xLjQsMC4zLTIuMSwwLjdjLTAuNiwwLjQtMS4yLDAuOC0xLjYsMS40DQoJCWMtMC40LDAuNi0wLjgsMS4yLTEsMmMtMC4yLDAuNy0wLjIsMS40LTAuMSwyLjJjMC4xLDAuNywwLjMsMS40LDAuNywyLjFjMC40LDAuNiwwLjksMS4yLDEuNSwxLjZDMjEuMyw3Mi45LDIyLDczLjMsMjIuNyw3My40eg0KCQkgTTEyMi42LDE5N2wtMTMuNC01MGMtMC45LTMuMS0wLjktNi40LTAuMS05LjZsMC4xLTAuM2MwLjktMywyLjUtNS44LDQuOC04bDgwLjQtODAuNGMxLTEsMS42LTIuNCwxLjYtMy45YzAtMS41LTAuNi0yLjktMS42LTMuOQ0KCQljLTEtMS0yLjQtMS42LTMuOS0xLjZjLTEuNSwwLTIuOSwwLjYtMy45LDEuNmwtODAuMyw4MC40Yy0zLjYsMy41LTYuMiw4LTcuNiwxMi44YzAsMC4xLTAuMSwwLjMtMC4xLDAuNGMtMS4zLDUtMS4zLDEwLjMsMC4xLDE1LjMNCgkJaDBsMTMuNCw1MGMwLjQsMS40LDEuMywyLjYsMi42LDMuM2MxLjMsMC43LDIuOCwwLjksNC4yLDAuNWMxLjQtMC40LDIuNi0xLjMsMy4zLTIuNkMxMjIuNywxOTkuOSwxMjIuOSwxOTguNCwxMjIuNiwxOTdMMTIyLjYsMTk3DQoJCXogTTE0MS4xLDE3OC40bC02LjktMjUuNmMtMC45LTMuMS0wLjktNi40LTAuMS05LjZsMC4xLTAuM2MwLjktMywyLjYtNS44LDQuOC04bDMyLjgtMzIuOGMxLTEsMS42LTIuNCwxLjYtMy45DQoJCWMwLTEuNS0wLjYtMi45LTEuNi0zLjljLTEtMS0yLjQtMS42LTMuOS0xLjZjLTEuNSwwLTIuOSwwLjYtMy45LDEuNmwtMzIuOCwzMi44Yy0zLjYsMy42LTYuMiw4LTcuNiwxMi44YzAsMC4xLTAuMSwwLjMtMC4xLDAuNA0KCQljLTEuMyw1LTEuMywxMC4zLDAuMSwxNS4zaDBsNi45LDI1LjZjMC4yLDAuNywwLjUsMS40LDEsMS45YzAuNCwwLjYsMSwxLjEsMS42LDEuNGMwLjYsMC40LDEuMywwLjYsMiwwLjdjMC43LDAuMSwxLjQsMCwyLjEtMC4xDQoJCWMwLjctMC4yLDEuNC0wLjUsMS45LTFjMC42LTAuNCwxLjEtMSwxLjQtMS42YzAuNC0wLjYsMC42LTEuMywwLjctMkMxNDEuNCwxNzkuOCwxNDEuMywxNzkuMSwxNDEuMSwxNzguNEwxNDEuMSwxNzguNHoNCgkJIE0xODMuOCwxMi4zTDE2LjYsMTc5LjVjLTEsMS0xLjYsMi40LTEuNiwzLjljMCwxLjUsMC42LDIuOSwxLjYsMy45YzEsMSwyLjQsMS42LDMuOSwxLjZjMS41LDAsMi45LTAuNiwzLjktMS42TDE5MS42LDIwLjINCgkJYzEtMSwxLjYtMi40LDEuNi0zLjljMC0xLjUtMC42LTIuOC0xLjYtMy45Yy0xLTEtMi40LTEuNi0zLjktMS42QzE4Ni4yLDEwLjgsMTg0LjgsMTEuMywxODMuOCwxMi4zeiBNNTAuNiwxMTQuMmwtMzUsMzUNCgkJYy0xLDEtMS42LDIuNC0xLjYsMy45YzAsMS41LDAuNiwyLjksMS42LDMuOWMxLDEsMi40LDEuNiwzLjksMS42YzEuNSwwLDIuOS0wLjYsMy45LTEuNmwzNS0zNWMwLjUtMC41LDAuOS0xLjEsMS4yLTEuOA0KCQljMC4zLTAuNywwLjQtMS40LDAuNC0yLjFjMC0wLjctMC4xLTEuNC0wLjQtMi4xYy0wLjMtMC43LTAuNy0xLjMtMS4yLTEuOGMtMC41LTAuNS0xLjEtMC45LTEuOC0xLjJjLTAuNy0wLjMtMS40LTAuNC0yLjEtMC40DQoJCWMtMC43LDAtMS40LDAuMS0yLjEsMC40QzUxLjcsMTEzLjIsNTEuMSwxMTMuNiw1MC42LDExNC4yTDUwLjYsMTE0LjJ6IE04MS45LDE0NS41bC0zNSwzNWMtMSwxLTEuNiwyLjQtMS42LDMuOQ0KCQljMCwxLjUsMC42LDIuOSwxLjYsMy45YzEsMSwyLjQsMS42LDMuOSwxLjZjMS41LDAsMi45LTAuNiwzLjktMS42bDM1LTM1YzEtMSwxLjYtMi40LDEuNi0zLjljMC0xLjUtMC42LTIuOC0xLjYtMy45DQoJCWMtMS0xLTIuNC0xLjYtMy45LTEuNkM4NC40LDE0My45LDgzLDE0NC41LDgxLjksMTQ1LjV6Ii8+DQoJPGc+DQoJCTxwYXRoIGQ9Ik02NzIuMywxMy45YzAtMS4zLDAuMi0yLjUsMC41LTMuN2MwLjMtMS4yLDAuOC0yLjMsMS40LTMuM2MwLjYtMSwxLjMtMiwyLjItMi44YzAuOC0wLjgsMS44LTEuNiwyLjgtMi4yDQoJCQljMS0wLjYsMi4xLTEuMSwzLjMtMS40YzEuMi0wLjMsMi40LTAuNSwzLjctMC41YzEuMywwLDIuNSwwLjIsMy43LDAuNWMxLjIsMC4zLDIuMywwLjgsMy4zLDEuNGMxLDAuNiwyLDEuMywyLjgsMi4yDQoJCQljMC44LDAuOCwxLjYsMS44LDIuMiwyLjhjMC42LDEsMS4xLDIuMSwxLjQsMy4zYzAuMywxLjIsMC41LDIuNCwwLjUsMy43YzAsMS4zLTAuMiwyLjUtMC41LDMuN2MtMC4zLDEuMi0wLjgsMi4zLTEuNCwzLjMNCgkJCWMtMC42LDEtMS4zLDItMi4yLDIuOGMtMC44LDAuOC0xLjgsMS42LTIuOCwyLjJjLTEsMC42LTIuMSwxLjEtMy4zLDEuNGMtMS4yLDAuMy0yLjQsMC41LTMuNywwLjVjLTEuMywwLTIuNS0wLjItMy43LTAuNQ0KCQkJYy0xLjItMC4zLTIuMy0wLjgtMy4zLTEuNGMtMS0wLjYtMi0xLjMtMi44LTIuMmMtMC44LTAuOC0xLjYtMS44LTIuMi0yLjhjLTAuNi0xLTEuMS0yLjEtMS40LTMuMw0KCQkJQzY3Mi41LDE2LjQsNjcyLjMsMTUuMiw2NzIuMywxMy45eiBNNjc0LjIsMTMuOWMwLDEuMSwwLjEsMi4yLDAuNCwzLjJjMC4zLDEsMC43LDIsMS4yLDIuOWMwLjUsMC45LDEuMSwxLjcsMS45LDIuNQ0KCQkJYzAuNywwLjcsMS41LDEuNCwyLjQsMS45YzAuOSwwLjUsMS44LDAuOSwyLjksMS4yYzEsMC4zLDIuMSwwLjQsMy4yLDAuNGMxLjcsMCwzLjItMC4zLDQuNy0wLjlzMi43LTEuNSwzLjgtMi42DQoJCQljMS4xLTEuMSwxLjktMi40LDIuNi0zLjhjMC42LTEuNSwwLjktMy4xLDAuOS00LjdjMC0xLjEtMC4xLTIuMi0wLjQtMy4zYy0wLjMtMS0wLjctMi0xLjItMi45cy0xLjEtMS43LTEuOS0yLjUNCgkJCWMtMC43LTAuNy0xLjUtMS40LTIuNC0xLjljLTAuOS0wLjUtMS44LTAuOS0yLjktMS4yYy0xLTAuMy0yLjEtMC40LTMuMi0wLjRjLTEuNywwLTMuMiwwLjMtNC43LDFjLTEuNSwwLjYtMi43LDEuNS0zLjgsMi42DQoJCQljLTEuMSwxLjEtMS45LDIuNC0yLjUsMy45QzY3NC41LDEwLjcsNjc0LjIsMTIuMyw2NzQuMiwxMy45eiBNNjgzLjQsMTUuNnY2LjdoLTNWNS41aDUuNWMyLjIsMCwzLjgsMC40LDQuOCwxLjJzMS42LDIsMS42LDMuNQ0KCQkJYzAsMS4yLTAuMywyLjItMSwzcy0xLjcsMS40LTMsMS43YzAuMiwwLjEsMC40LDAuMywwLjYsMC41YzAuMiwwLjIsMC4zLDAuNCwwLjQsMC43bDQuMyw2LjNoLTIuOGMtMC40LDAtMC43LTAuMi0wLjktMC41DQoJCQlsLTMuOC01LjdjLTAuMS0wLjItMC4yLTAuMy0wLjQtMC40Yy0wLjItMC4xLTAuNC0wLjEtMC43LTAuMUg2ODMuNHogTTY4My40LDEzLjVoMi4yYzAuNywwLDEuMy0wLjEsMS44LTAuMg0KCQkJYzAuNS0wLjEsMC45LTAuMywxLjItMC42YzAuMy0wLjMsMC41LTAuNiwwLjYtMC45YzAuMS0wLjQsMC4yLTAuOCwwLjItMS4zYzAtMC41LTAuMS0wLjktMC4yLTEuMmMtMC4xLTAuNC0wLjMtMC42LTAuNi0wLjkNCgkJCWMtMC4zLTAuMi0wLjYtMC40LTEuMS0wLjVjLTAuNC0wLjEtMS0wLjItMS42LTAuMmgtMi41VjEzLjV6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); }

.login-container.login-alternate-1 .form-panel {
    top: calc(18% + 164px);
    left: calc(45% - 56px);
    animation-delay: 1890ms;
    animation-duration: 530ms;
}
.alert.alert-danger, .alert.alert-error {
    color: #E5004C;
    background-color: transparent; }
.alert.alert-danger::before, .alert.alert-error::before {
    content: url("../images/errorIcon.png");
    width:16px;
    height:16px;
}
.alert.alert-danger .alert-link, .alert.alert-error .alert-link {
    color: inherit; }
.alert {
    min-height: 24px;
    font-size: 14px;
    padding: 0 0 0 24px;
    border: none;
    border-radius: 0;
    margin-bottom: 16px;
    text-align: left;
    width: 100%;
    color: #656668;
    font-weight: 400; }
.alert::before {
    height: 16px;
    width: 16px;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 2px;
    margin-left: -24px;
    display: inline-block;
    float: left;
}
.alert.alert-success::before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzFBQUM2MDsiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHBvaW50cz0iNywxMi40MTQgMy4yOTMsOC43MDcgNC43MDcsNy4yOTMgNyw5LjU4NiAxMS4yOTMsNS4yOTMgMTIuNzA3LDYuNzA3ICIvPg0KPC9zdmc+DQo="); }
.alert.alert-success .alert-link {
    color: inherit; }

@keyframes zfe-spinner {
    to {transform: rotate(360deg);}
}

@-webkit-keyframes zfe-spinner {
    to {-webkit-transform: rotate(360deg);}
}

.zfe-spinner {
    visibility: hidden;
    min-width: 30px;
    min-height: 30px;
}

.zfe-spinner:before {
    content: 'Loading…';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: -13px;
    margin-left: -13px;
}

.zfe-spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #03ade0 ;
    animation: zfe-spinner .6s linear infinite;
    -webkit-animation: zfe-spinner .6s linear infinite;
}

.login-spinner {
    position: relative;
}

.logout-spinner {
    position: absolute;
    top: 5px;
    left: 100%;
    margin-left: 10px;
}
@media (max-height: 700px) {
    .login-container.login-alternate-1 .form-panel {
        left: 40%;
        top: 17%; } }

@media (max-width: 700px) {
    .login-container.login-alternate-1 {
        overflow-y: auto;
        height: 100vh; }
    .login-container.login-alternate-1:after {
        content: "";
        position: absolute;
        display: block;
        background-color: #FFFFFF;
        width: 48px;
        height: 65%;
        top: 35%;
        right: 0;
        z-index: 1; }
    .login-container.login-alternate-1 .content-panel {
        position: static; }
    .login-container.login-alternate-1 .content-panel .logo-container .zfe-logo {
        right: 32px;
        z-index: 5;
        width: 88px;
        height: 88px;
        padding: 16px;
        top: calc(25% + 32px);
        transform: translateX(0);
        animation: none;
        transform: none;
    }
    .login-container.login-alternate-1 .content-panel .character-grid {
        display: none; }
    .login-container.login-alternate-1 .content-panel .company-logo.company-logo-image {
        display: none; }
    .login-container.login-alternate-1 .form-panel {
        box-shadow: none;
        left: 0;
        max-width: unset;
        width: calc(100% - 48px);
        height: 50%;
        top: 25%;
        padding: 24px 0 24px 48px;
        overflow: visible;
        z-index: 4;
        background-color: #FFFFFF;
        opacity: 1;
        animation: none;
        transform: none; }
    .login-container.login-alternate-1 .form-panel > * {
        max-width: 100%;
        animation: none;
        transform: none; }
    .login-container.login-alternate-1 .form-panel button.btn {
        opacity: 1;
        animation: none;
        transform: none; }
    .login-container.login-alternate-1 .form-panel .form-title {
        white-space: initial;
        text-align: left;
        padding-right: 88px;
        font-size: 30px;
        margin-top: 0;
        margin-left: -16px;
        margin-bottom: 48px; }
    .login-container.login-alternate-1 .form-panel .form-flat {
        background-color: #FFFFFF;
        margin-bottom: 24px; }
    .login-container.login-alternate-1 .graphic-panel {
        height: calc(25% + 64px);
        width: 100%;
        background-position-x: 0;
        background-attachment: unset;
        animation: none;
        transform: none; } }

@media (max-height: 400px), (max-width: 500px) {
    .login-container.login-alternate-1 .form-panel .form-title {
        font-size: 22px;
        margin-top: 4px; } }

@keyframes character-grow-animation {
    from {
        transform: scale(0); }
    to {
        transform: scale(1); } }

.button-notification {
    line-height: 60px;
    text-align: center;
}

.notification-error{
    line-height: 40px;
    text-align: center;
}

.header {
    margin: 0 0 15px;
    text-align: center;
    padding-top:15%;
}