/******************************************************************************************
************************************** LOGIN PAGE *****************************************
******************************************************************************************/

.unauthenticated {
    background-color: rgb(126,149,165);
}

    .unauthenticated #loginbox-container {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
    }

    .unauthenticated #loginbox {
        background-color: #fff;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
        position: relative;
        width: 400px;
    }

        .unauthenticated #loginbox .logo-placeholder {
            padding: 30px 30px 0 30px;
            margin-bottom: 10px;
            position: relative;
        }

            .unauthenticated #loginbox .logo-placeholder #logoLabel {
                font-size: 26px;
                color: #3870b5;
                font-weight: 700;
                position: absolute;
                top: 30px;
                right: 30px;
            }

            .unauthenticated #loginbox .logo-placeholder img {
                max-width: 100%;
            }

        .unauthenticated #loginbox form {
            padding: 0 40px 40px 40px;
        }

        .unauthenticated #loginbox input:focus {
            outline: none;
            box-shadow: none;
            border-color: #dee2e6;
        }

        .unauthenticated #loginbox button {
            color: #fff;
            background-color: #7fa0a0;
            border-color: #768989;
        }

            .unauthenticated #loginbox button:hover {
                color: #fff;
                background-color: #709090;
                border-color: #768989;
            }

    .unauthenticated form label {
        line-height: 38px;
    }