:root {
    /* Parameters */
    --havasv2-header-height: 100px;
    --havasv2-header-margin-left: 5px;
    --havasv2-header-margin-right: 5px;
    --havasv2-header-bkg-color: #E6E6E6;
    --havasv2-header-icon-size: 26px;
    --havasv2-header-icon-margin-bottom: 4px;
    --havasv2-header-column-gap-1: 20px;
    --havasv2-header-column-gap-2: 3px;
    --havasv2-header-text-size: 1.1rem;
    --havasv2-header-text-color: #7F7F7F;
    --havasv2-header-logo-1-url: url("/resources/havas/havasv2_havaslogo1.png");
    --havasv2-header-logo-2-url: url("/resources/havas/havasv2_havaslogo2.png");
    --havasv2-header-user-icon-url: url("/resources/havas/havasv2_loggedinuser.png");
    --havasv2-header-home-icon-url: url("/resources/havas/havasv2_homebutton.png");
    --havasv2-header-home-hover-icon-url: url("/resources/havas/havasv2_homebutton_hover.png");
    --havasv2-header-logout-icon-url: url("/resources/havas/havasv2_logoutbutton.png");
    --havasv2-header-logout-hover-icon-url: url("/resources/havas/havasv2_logoutbutton_hover.png");
}

.HavasV2_Header_Main {
    width: 100%;
    height: var(--havasv2-header-height);
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--havasv2-header-bkg-color);
    position: fixed;
}

.HavasV2_Header_Left {
    height: 100%;
    flex: 1;
    background-image: var(--havasv2-header-logo-1-url);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: var(--havasv2-header-margin-left);
}

.HavasV2_Header_Middle {
    height: 100%;
    flex: 1;
    background-image: var(--havasv2-header-logo-2-url);
    background-repeat: no-repeat;
    background-position: center center;
}

.HavasV2_Header_Right {
    flex: 1;
    margin-right: var(--havasv2-header-margin-right);
}

.HavasV2_Header_LogoutForm {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: var(--havasv2-header-column-gap-1);
}

    .HavasV2_Header_LogoutForm,
    .HavasV2_Header_LogoutForm a {
        font-size: var(--havasv2-header-text-size);
        color: var(--havasv2-header-text-color);
    }

.HavasV2_Header_UserContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: var(--havasv2-header-column-gap-2);
}

.HavasV2_Header_UserIcon {
    min-width: var(--havasv2-header-icon-size);
    width: var(--havasv2-header-icon-size);
    height: var(--havasv2-header-icon-size);
    background-image: var(--havasv2-header-user-icon-url);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--havasv2-header-icon-size);
    background-color: unset;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: var(--havasv2-header-icon-margin-bottom);
    padding: 0px;
    border: none;
}

.HavasV2_Header_LogOutButton {
    min-width: var(--havasv2-header-icon-size);
    width: var(--havasv2-header-icon-size);
    height: var(--havasv2-header-icon-size);
    background-image: var(--havasv2-header-logout-icon-url);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--havasv2-header-icon-size);
    background-color: unset;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: var(--havasv2-header-icon-margin-bottom);
    padding: 0px;
    border: none;
}

    .HavasV2_Header_LogOutButton:hover {
        background-image: var(--havasv2-header-logout-hover-icon-url);
    }

a.HavasV2_Header_HomeLink {
    min-width: var(--havasv2-header-icon-size);
    width: var(--havasv2-header-icon-size);
    height: var(--havasv2-header-icon-size);
    background-image: var(--havasv2-header-home-icon-url);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--havasv2-header-icon-size);
    background-color: unset;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: var(--havasv2-header-icon-margin-bottom);
    padding: 0px;
    border: none;
}

    a.HavasV2_Header_HomeLink:hover {
        background-image: var(--havasv2-header-home-hover-icon-url);
    }

.HavasV2_Header_SiteMapContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: var(--havasv2-header-column-gap-2);
}

.HavasV2_PreloadedHoverImages {
    width: 0px;
    height: 0px;
}

.HavasV2_PreloadedHoverImage_Home {
    background-image: var(--havasv2-header-home-hover-icon-url);
}

.HavasV2_PreloadedHoverImage_LogOut {
    background-image: var(--havasv2-header-logout-hover-icon-url);
}


/* //TODO to be reviewed; do we need these css rules anymore? */

.ParentImageClass {
    display: block;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.sf-splitter.Blueberry .splitbar {
    background-color: #c7c7c7;
    border-color: #c7c7c7;
}

#downloadExcel {
    background-image: url('/resources/havas/download_excel.png');
}

.excelView {
    background-image: url('/resources/havas/view_pdf.png');
}

#viewItemsContainer {
    text-align: center;
}

#DashBoardsTableContainer1 {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

#DashBoardsTableContainer2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

#ulViewContainer {
    margin-left: -3em
}

.divClientHeader {
    display: none;
}

#divMiddleClientContent {
    padding-top: 60px;
}