.login-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #CCC;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../assets/site/login-background_120.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.login-form {
    /*width: 500px;*/
    background-color: #FFF;
    border-radius: 20px !important;
    z-index: 100;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 50%);
    padding: 20px;
    height: fit-content;
    margin-top: 20px;
}

.vendor-logo {
    width: 200px;
    position: fixed;
    bottom: 20px;
    left: calc(50% - 100px);
}

.passwordreset-form {
    width: 500px;
    background-color: #FFF;
    height: 440px;
    position: fixed;
    left: calc(50% - 250px);
    bottom: calc(50% - 220px);
    border-radius: 20px;
    z-index: 100;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
    padding: 20px;
}

.animated {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}