#head {
    /*position: fixed;*/
    width: 100%;
    /*top: 0px;*/
	/*left: 0px;*/   
    overflow: hidden;
    background-color: #336ca6;
}
.headerBarContentTable {
    display: grid;
    grid-template-columns: 40px 1fr 200px 40px;
    grid-template-rows: 1fr;
    gap: 0px;
    grid-template-areas:
        "HeaderLeftContainer HeaderMiddleContainer HeaderLoginContainer HeaderLogoutContainer";
    /*position: fixed;*/
    width: 100%;
    /*top: 0px;*/
    /*left: 0px;*/
    overflow: hidden;
    background-color: #336ca6;
}
.HeaderBar_ButtonLeft_container {
    grid-area: HeaderLeftContainer;
}
#HeaderBar_Logo {
    grid-area: HeaderMiddleContainer;
    background-position: center;
}

#HeaderBar_logout_container {
    grid-area: HeaderLogoutContainer;
}

#HeaderBar_userinfo_container {
    grid-area: HeaderLoginContainer;
}
.AltHeight {
    height: 4.0em;
    line-height: 4.0em;
}
.headerBarContent {    
    background-color: #336ca6;
    position: relative;
    width: 100%;
}

.logout_text { padding-right: 1em; }
.user_name { padding-right: 1em; }

.ConectatCom {
    float: left;
    background-image: url("../CSS/images/user_white.png");
    padding-top: 4em;
}
.loginName {
    white-space: nowrap;
    font-size: 1.3em;
}

#HeaderBar_ButtonLeft_container {
    display:none;
    max-width: 100px;    
    /*width: 100px;*/
    position: absolute;
}

#HeaderBar_Titol_container {
    /*border: black solid;
    background-color: green;*/
    float: left;
}

#HeaderBar_userinfo_container {
    /*position: relative;*/    
    float: right;
    cursor: pointer;
    display: flex;
    white-space: nowrap;
}

#HeaderBar_logout_container {
    /*border: black solid;
    background-color: blue;*/
    float: right;
    /*width: 100px;*/ 
    cursor: pointer;
    display:block ruby;
}

#HeaderBar_Right_container {
    position: absolute;
    right: 0px;
}

.Header_icon
{    
    text-align: center;
    transform: scale(0.6);
}
#Header_icon_Left {
	background-image: url("images/back_white.png");
	background-repeat: no-repeat;	
	background-position: 0em 0em;
	background-attachment: fixed;
}
#Header_icon_Right {
	background-image: url("images/menu_white.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#Header_icon_Logout {	
	background-image: url("images/logout_white.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}