.loginpage {
    overflow: hidden;
    position: relative;
}

    .loginpage h1 {
        font-size: 1.5rem;
    }

    .loginpage .userSubtitle {
        color: #868686;
    }

    .loginpage .drawer-container {
        display: flex;
        background-color: #000
    }


    .loginpage .drawer-login {
        position: relative;
        background-color: #0C0C0C;
        color: white;
    }

        .loginpage .drawer-login.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open,
        .loginpage .drawer-login.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
            width: 28%;
            min-width: 380px;
        }

    .loginpage .btn-int-deloitte {
        background-color: #007CB0;
        color: #ffffff;
        border-radius: 0;
    }

        .loginpage .btn-int-deloitte:hover {
            background-color: #005587;
        }

    .loginpage .btn-ex-deloitte {
        color: #ffffff !important;
        border-color: #ffffff !important;
        border-radius: 0;
    }

        .loginpage .btn-ex-deloitte:hover,
        .loginpage .btn-ex-deloitte:focus-visible {
            background: rgba(0, 0, 0, 0.2) !important;
            font-weight: 500 !important;
            border-color: #005587 !important;
        }

    .loginpage .back-btn {
        color: #FFFFFF !important;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .loginpage .back-btn:hover {
            background: rgba(0, 0, 0, 0.2) !important;
            font-weight: 500 !important;
        }

    .loginpage.dialog .mud-dialog-content .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
        border-color: #007CB0;
    }

    .loginpage.dialog .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
        color: #005980;
    }

    .loginpage.dialog .mud-dialog-actions {
        display: flex;
        justify-content: center;
    }

        .loginpage.dialog .mud-dialog-actions button {
            width: 25%;
        }

            .loginpage.dialog .mud-dialog-actions button:focus-visible {
                background: #005587 !important;
            }

.switch-client.dialog .mud-dialog-actions {
    display: flex;
    justify-content: center;
}

.loginpage .vltn-image-public {
    margin: 10%;
    border-radius: 50%;
    object-fit: cover;
    border: 50px solid #0C0C0C;
    aspect-ratio: 1 / 1;
}