.modal-box label{
    display: none;
    font-size: .8em;
}

.modal-box .error-label{
    font-size: .8em;
    color: red;
}

.modal-box .error-label ul{
    font-size: inherit;
    margin: .2em 0;
}

.modal-box input{
    border: 0;
    width: 100%;
    padding: .5rem 1rem;
    margin: .2rem 0;
    box-sizing: border-box;
    outline: none;
    border-radius: .5em;
    background-color: rgba(0,0,0,.05);
}

.input-box label{
    display: block;
    margin-bottom: .3rem;
    font-weight: bold;
}

.modal-box input:active, .modal-box input:focus{
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.input-box{
    padding: .3em 0;
}

.modal{
    height: 100%;
}

.modal-body{
    margin: 0 auto;
    max-width: 650px;
    margin-top: 10em;
    margin-top: 10vh;
    background: url("/img/splash.png");
    background-size: cover;
    border-radius: .5em;
    box-shadow: 0 0 30px 10px rgba(0,0,0,.1);
}

.divider{
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 1em 0;
}

.text-left{
    text-align: right;
}

.b-transition-white{
    padding: 0 0 0 150px;
    background: linear-gradient(to right, rgba(255,255,255,.1) 0, rgba(255,255,255,1) 250px);
    border-radius: .5em;
}

.padd3{
    padding: 3em;
    background-color: white;
    border-radius: .5em;
}

.margintop1{
    margin-top: 1em;
}

.login-only .registration{
    display: none;
}

.login{
    display: none;
}

.login-only .login{
    display: block;
}

.modal-box input.wrong-input{
    border: 1px solid red;
}

.passwordlost{
    padding: 0 0 .5em 0;
    font-size: .8em;
}

@media (max-width: 750px){
    .b-transition-white{
        padding: 0;
    }
}