body
{
    
}

#login-vertical-bar
{
    /*margin: 0px 0px;*/
    background-color: rgba(0,0,0,.40);
    padding: 50px;
    height: 100vh;
    /*box-shadow: 0px 0px 50px 0px #000000;*/
    padding-top: 100px;
}


#login-container
{
    background-color: rgba(200,200,200,.75);
    padding:30px;
    box-shadow: 0px 0px 50px 1px #000000;
}

#login-container-logo
{
    /*background-color: #ffffff;*/
    padding: 5px;
}

#login-container-logo,
#login-container-submit
{
    text-align: center;
}

#login-container-error p
{
    color: red;
    font-style: italic;
}

#login-container-form input
{
    padding: 10px;
    background: white !important;
}

#login-container-form button
{
    color: white;
    width: 100%;
    background: rgba(33, 65, 140, 1);
}

#login-container-form button:hover
{
    background: rgba(33, 65, 140, .75)
}

.form-group label
{
    color: white;
}

.form-group.is-focused label
{
    color: yellow !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

#dierresystems_logo
{
    background-color: #555555 !important;
    height: 50px;
}