/* Validation */
label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
}

.login-page {
    overflow: hidden;
    padding: 0px;
    background-position: center;
}

#logo {
    width: 140px;
    height: 100%
}

.blank {
    float: left;
    color: #2E2E2E;
    font-weight: bold;
}

.input-underline {
    background-color: #F5F3F9;
    color: #2E2E2E;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

#vid {
    display: none;
    background-color: white;
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

#menu {
    z-index: 10000;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    margin: auto 50px;
}

#loginPage {
    padding: 11em 5em;
}

#loginForm {
    /*background: rgba(255, 255, 255, .2);*/
    /*border: 1px solid rgba(255, 255, 255, .3);*/
    /*border-radius: 3px;*/
    padding: 30px;
}

@media screen and (min-width: 1367px) {
    #loginPage {
        padding: 18em 5em;
    }

    #loginForm {
        padding: 30px 100px;
    }
}

#hplaT {
    position: absolute;
    bottom: 0px;
    right: 0px; /* background: rgba(255,255,255,.2); */
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 3px;
    padding: 10px;
    width: 30%;
}

input::-webkit-input-placeholder {
    font-weight: bold;
    color: #999!important;
}
input:-ms-input-placeholder {
    font-weight: bold;
    color: #999!important;
}
input:-moz-placeholder {
    font-weight: bold;
    color: #999!important;
}
input::-moz-placeholder {
    font-weight: bold;
    color: #999!important;
}