body{
    background:#cacaca!important;
}
.login-container {
    width: 350px;
    min-width: 350px;
    padding-left: calc((100vw - 350px) / 2);
    padding-top: 100px;
}
.login-form {
    background-color: white;
    min-width: 350px;
    border-radius: 1px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 60%);
    box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 60%);
}

.login-img {
    max-width: 100%;
    height: auto;
    width: 300px;
    margin: auto;
    display: flex
}

.unauthorize-container {
    width: 600px;
    min-width: 600px;
    padding-left: calc((100vw - 600px) / 2);
    padding-top: 100px;
}

.unauthorize-form {
    background-color: white;
    min-width: 600px;
    border-radius: 1px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 60%);
    box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 60%);
}

.unauthorize-img {
    max-width: 100%;
    height: auto;
    width: 600px;
    margin: auto;
    display: flex
}
#form-container{
    width:100vw;
    height:100vh;
    z-index:9999;
}
#bg-image-form {
    background-image: url("/lib/img/metropol.jpg");
    width: 100vw;
    height: 100vh;
    opacity: 0.3;
    position:absolute;
    z-index:-1
}