/* Menu customization to match your old application */
.rz-menu {
    background-color: #eae8e8 !important;
    border: none !important;
    padding: 0 !important;
}

    .rz-menu .rz-navigation-item {
        display: inline-block !important;
        margin-right: 0 !important;
    }

    .rz-menu .rz-navigation-item-link {
        padding: 3px 10px !important;
        color: #333 !important;
        font-weight: normal !important;
        border-radius: 0 !important;
    }

        .rz-menu .rz-navigation-item-link:hover {
            background-color: #d9d9d9 !important;
        }

    .rz-menu .rz-submenu {
        border: 1px solid #c8c8c8 !important;
        background-color: white !important;
        padding: 0 !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }

        .rz-menu .rz-submenu .rz-navigation-item {
            display: block !important;
            width: 100% !important;
        }

        .rz-menu .rz-submenu .rz-navigation-item-link {
            padding: 6px 15px !important;
            text-align: left !important;
        }

/* Fix for the button in header */
.header .rz-button.rz-secondary,
div[id="full-page-div"] > div.header .rz-button.rz-secondary {
    background-color: transparent !important;
    color: white !important;
    border: 1px solid white !important;
}

    .header .rz-button.rz-secondary:hover,
    div[id="full-page-div"] > div.header .rz-button.rz-secondary:hover {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

/* Force layout structure */
#full-page-div {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.sub-div.header {
    height: 50px !important;
    background: url('/images/background.jpg') no-repeat !important;
    background-size: cover !important;
}

.sub-div.footer {
    height: 28px !important;
    background-color: #6ca1ff !important;
}

/* Fix for the layout structure */
.sub-sub-div {
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.left-col {
    text-align: left !important;
    padding-left: 5px !important;
}

.right-col {
    text-align: right !important;
    padding-right: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Footer colors */
.footer .left-col,
.footer .right-col {
    color: white !important;
    font-size: 10pt !important;
}

/* User name styling */
.user-name {
    color: white !important;
    font-size: 10pt !important;
    margin-right: 10px !important;
}