:root {
    --z-index-menu:9999;
}

body .ui-sidebar.blue-gradient-100 {
    background-image: radial-gradient(circle at -22% -21%, #00437a, #001e50 59%);
    z-index: var(--z-index-menu) !important;
}

body .overviewMenuDialog {
    flex-direction: column;
    box-sizing: border-box;
}

body .ui-sidebar-content.ui-widget-content {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body .overviewMenuCloseButtonContainer {
    -moz-box-flex: 1;
    flex-grow: 0;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 3vw;
    margin-bottom: 48px;
}

.overviewMenuCloseText:hover .ui-button-icon-left.ui-icon.ui-c.icon-close {
    content: none;
    mask: url("/resources/icons/24-px-close.svg") no-repeat left;

    /**
    Needed for browsers like Edge, not needed in Firefox:
     */
    -webkit-mask: url("/resources/icons/24-px-close.svg") no-repeat left;

    background-color: var(--light-blue-hover-color);
    min-width: 24px;
    min-height: 24px;
}

body .overviewMenuMenuItems {
    flex-grow: 1;
    overflow-y: auto;
    box-sizing: border-box;
    padding-inline-start: 8.33vw;
    padding-inline-end: 8.33vw;
}

body .overviewMenuFooter {
    width: 100%;
    padding: 12px 0;
    padding-inline-start: 8.33vw;
    padding-inline-end: 8.33vw;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

body .overviewMenuFooterLeft {
    flex-wrap: wrap;
}

.overviewMenuTextEntry {
    margin-top: 2px;
    margin-bottom: 24px;
}

.overviewMenuLanguages {
    margin-left: calc(40vw - 540px);
}

@media only screen and (max-width: 1350px) {
    .overviewMenuLanguages {
        margin-left: 0;
        left: calc(8.33vw + 16px);
        width: 5rem;
        bottom: 20px;
    }
}

body .overviewMenuText {
    margin: 0 2px 24px;
    font-family: VWHeadWeb-Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
}

body .ui-link.overviewMenuText:hover {
    color: var(--light-blue-hover-color);
}

body .ui-link.overviewMenuText:active {
    border: 1px;
    border-radius: 0;
    color: var(--light-blue-hover-color);
    border-color: var(--light-blue-hover-color);
    box-shadow: none;

    outline: var(--light-blue-hover-color) solid 1px;
    -moz-outline-radius: 0;
}

body .overviewMenuCloseText {
    background-color: transparent;
    border: none;
    font-family: VWTextWeb-Regular, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: white;
    margin: 2px;
}

body .overviewMenuCloseText.ui-button.ui-state-active {
    background: none;
    color: var(--light-blue-hover-color);
}

body .overviewMenuCloseText.ui-button.ui-state-focus {
    border: 1px;
    border-radius: 0;
    border-color: var(--light-blue-hover-color);
    box-shadow: none;

    outline: var(--light-blue-hover-color) solid 1px;
    -moz-outline-radius: 0;
}

.overviewMenuCloseText .ui-button-text {
    margin-left: 18px;
}

body .ui-button.ui-state-hover.overviewMenuCloseText {
    background: transparent;
    color: var(--light-blue-hover-color);
    fill: var(--light-blue-hover-color);
}

body .overviewMenuSmallText {
    margin: 5px;
    font-family: VWTextWeb-Regular, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: white;
}

/* =========== p:link ===================== */

.ui-link.overviewMenuSmallText:hover:not(:focus) {
    color: white;
    background-color: var(--light-link-background-color);
}

.ui-link.overviewMenuSmallText:visited {
    color: white;
    background-color: var(--light-link-background-color);
}

.ui-link.overviewMenuSmallText:active {
    color: white;
    background-color: var(--light-link-background-color);
}

/* ========== p:commandLink ====================== */

.ui-commandlink.overviewMenuSmallText:hover:not(:focus) {
    color: white;
    background-color: var(--light-link-background-color);
}

.ui-commandlink.overviewMenuSmallText:visited {
    color: white;
    background-color: var(--light-link-background-color);
}

.ui-commandlink.overviewMenuSmallText:active {
    color: white;
    background-color: var(--light-link-background-color);
}

/* ================================ */

.overviewMenuSmallText.overviewMenuSelectedText {
    font-weight: bold;
    text-decoration: underline;
}

.ui-commandlink.overviewMenuNotSelectedText {
    /* No hyperlink underline until hovering with the mouse. */
    text-decoration: unset;
}

.ui-hidden-container.dialog.dialog-warning.ui-draggable {
    z-index:calc(var(--z-index-menu) + 1) !important;
}