@charset "utf-8";
/***
 *
 *
 *
 */
.admin-screen {
    background: #EDEDED;
}
.screen--company-login {
    height: 100vh;
    width: 100vw;
    padding: 2em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.layout--center-middle {
    max-width: 363px;
    width: 100%;
}
@media screen and (max-height: 600px) {
    .screen--company-login {
        height: auto;
    }
}

/***
 *
 *
 *
 */
.component--loginbox {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 1.5px rgba(0,0,0,.5);
    padding: 1.25em;
}
.screen--company-login .custom-logo-link {
    display: block;
    margin: 0 auto 2em;
    max-width: 225px;
}

/***
 *
 *
 *
 */
.screen--company-login .component--formfield {
    margin-top: 1.875em;
}
.screen--company-login input[type=text] {
    margin-top: .3em;
}
.screen--company-login .component--sublinks {
    text-align: center;
    padding-top: .5em;
}
.screen--company-login .component--sublinks a {
    font-size: .8em;
    text-decoration: underline;
}
.note--login {
    text-align: center;
    padding-top: 1em;
    margin: 0 1.8em;
}
.note--login a {
    color: #5B5B5B;
    font-size: .8em;
}