/* ------------------ Menu button ------------------------------------- */

.headerForm {
    margin-left: 60px;
    margin-top: 16px;
    width: calc(24px + 12px + 170px);
}

.ui-button.menuButton {
    background-color: transparent;
    border: none;
    margin: 2px;

    font-family: VWTextWeb-Regular, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--navy-blue);
}

.ui-button.menuButton:hover {
    background: transparent;
    color: var(--blue-menu-hover-color);
}

body .ui-button.ui-state-hover {
    border-color: var(--blue-menu-hover-color);
}

.ui-button-icon-left.ui-icon.ui-c.imageMenu:hover {
    background-color: var(--blue-menu-hover-color);
}

.ui-state-hover > .imageMenu {
    background-color: var(--blue-menu-hover-color);
}

.ui-button.menuButton:active {
    border-radius: 0;
}

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

/* ------------------- Header line and logo ----------------------------- */

.headerLine {
    width: 100%;
    height: 2px;
    margin: 1.5rem 0;
    background-color: #001e50;
    position: relative;
}

.headerContainerLogo {
    position: absolute;
    top: -22.5px;
    width: 64px;
    height: 64px;
    background: white;
    margin: 0 33% 0 67%;
    text-align: center;
}

/* ------------------------------- Subtitle ---------------------------------- */

body .headerSubtitle {
    width: 50%;
    height: 1.5rem;
    margin-top: 23px;
    margin-left: 120px;

    font-family: VWHeadWeb-Bold, sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--navy-blue);
}

.headerSubtitlePanel {
    position: relative;
}

.iconLockEmbedded {
    margin-left: 8px;
    position: absolute;
}