﻿.publichome {
    overflow: hidden;
    position: relative;
}

    .publichome h1 {
        font-size: 1.5rem;
    }

    .publichome .drawer-container {
        display: flex;
        background-color: #000
    }

    .publichome .drawer-login {
        position: relative;
        background-color: #0C0C0C;
        color: white;
    }

        .publichome .drawer-login.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open,
        .publichome .drawer-login.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
            width: 28%;
            min-width: 380px;
        }

    .publichome .btn-int-deloitte {
        background-color: #007CB0;
        color: #ffffff;
        border-radius: 0;
    }

        .publichome .btn-int-deloitte:hover,
        .publichome .btn-int-deloitte:focus-visible {
            background-color: #005587;
        }

    .publichome .btn-ex-deloitte {
        color: #ffffff;
        border-color: #ffffff;
        border-radius: 0;
    }

        .publichome .btn-ex-deloitte:hover,
        .publichome .btn-ex-deloitte:focus-visible,
        .publichome .mud-button-root.mud-button-text:hover,
        .publichome .mud-button-root.mud-button-text:focus-visible {
            background: rgba(0, 0, 0, 0.2) !important;
            font-weight: 500 !important;
        }

            .publichome .mud-button-root.mud-button-text:hover .mud-button-icon-end,
            .publichome .mud-button-root.mud-button-text:focus-visible .mud-button-icon-end {
                color: #005587 !important;
            }

        .publichome .btn-ex-deloitte:hover,
        .publichome .btn-ex-deloitte:focus-visible {
            border-color: #005587 !important;
        }

    .publichome .back-btn {
        color: #FFFFFF !important;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .publichome .back-btn:hover {
            background: rgba(0, 0, 0, 0.2) !important;
            font-weight: 500 !important;
        }

    .publichome .input-login {
        flex: 0 !important;
    }

        .publichome .input-login .mud-input-control-input-container .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-roo {
            color: #ffffff !important;
        }

        .publichome .input-login .mud-input-label {
            color: #ffffff !important;
            background-color: #000000cf !important;
        }

    .publichome .vltn-image-public {
        margin: 10%;
        border-radius: 50%;
        object-fit: cover;
        border: 50px solid #0C0C0C;
        aspect-ratio: 1 / 1;
    }
