:focus {
    outline: none;
}

::-moz-focus-inner {
    border: none;
}

* {

}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-family: 'Open Sans';
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
}

#header {
    text-align: center;
    position: relative;
    width: 200px;
    margin: 1em auto 0 auto;
}

#header img {
    width: 100%;
}

#content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}

div, h1 {
    z-index: 1;
}

div.background {
    height: 100%;
    width: 100%;
    z-index: -10;
    position: absolute;
    left: 0;
    top: 0;
}

.jalonne-logo {
    width: 100%;
    height: 100%;
}

.st0{fill:#F0F0F0;}
.st1{opacity:0.89;}
.st2{fill:#E0E3E9;}
.st3{fill:#899FB6;}

.login-form {
    position: absolute;
    width: 434px;
    height: 556px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.login-form input[type="text"], .login-form input[type="password"] {
    background-color: rgba(77,77,77,0.8);
    font-size: 0.85em;
    width: 180px;
}

.input-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
}

.input-group * {
}

.input-group label {
    margin-bottom: 0.25em;
}

#login-username {
    justify-content: flex-start;
    flex: 0.2 0 0;
}

#login-password {
    justify-content: flex-start;
    flex: 0.2 0 0;
}

#login-submit {
    justify-content: flex-start;
    flex: 0.38 0 0;
    margin-top: -0.25em;
}

#login-footer {
    flex: 0 1 0;
}

#login-footer a {
    color: #1c51af;
}

#login-password input, #login-username input {
    color: white;
}

#login-username *, #login-password *{
    flex: 0 0 0;
}


#login-submit input {
    margin-top: -0.25em;
}

#login-password input, #login-username input {
    padding: 0;
}

@media (orientation: landscape) and (max-height: 420px) {

}

#forgot-username {
    position: absolute;
    top: 33%;
}

#forgot-username * {
    position: relative;
}

#forgot-title {
    position: absolute;
    top: 4%;
}

#forgot-submit {
    position: absolute;
    top: calc(50% - 0.7em);
}

#forgot-footer {
    overflow-wrap: break-word;
    width: 60%;
    position: absolute;
    top: calc(14% + 1em);
    left: calc(50% - 30%);
}

#reset-password {
    position: absolute;
    top: 23%;
}

#reset-password-again {
    position: absolute;
    top: 34%;
}

#reset-password *, #reset-password-again * {
    position: relative;
}

#reset-title {
    position: absolute;
    top: 6%;
}

#reset-submit {
    position: absolute;
    top: calc(50% - 0.7em);
}

#reset-footer {
    overflow-wrap: break-word;
    width: 60%;
    position: absolute;
    top: calc(51% + 1em);
    left: calc(50% - 30%);
}

.hidden {
    display: none;
}