/**
 * SeAT login page layout
 */
@media all {

    html,
    body {
        height: auto;
    }

    .login-page,
    .register.body {
        color: rgb(255, 255, 255);
        background-image: url(https://tocaia-corp-images-us-east-1-730335302951.s3.us-east-1.amazonaws.com/wallpaper.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .login-box,
    .register-box {
        width: 360px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        background: rgba(48, 48, 48, .8);
        transform: translate(-50%, -50%);
        border: 5px solid #ecf0f1;
        border-radius: 40px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .login-logo,
    .register-logo {
        font-size: 35px;
        font-weight: 300;
        text-align: center;
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
        padding: 0;
        content: url(https://tocaia-corp-images-us-east-1-730335302951.s3.us-east-1.amazonaws.com/logo_222x222.png);
    }

    .login-logo::before,
    .register-logo::before {
        display: block;
        width: 128px;
        height: 128px;
        margin: 0 auto;
        border-radius: 50%;
        margin-bottom: 50px;
    }

    .login-box-body,
    .register-box-body {
        background: transparent;
        padding: 20px;
        border-top: 0;
        color: inherit;
    }
}