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