/* ----------- Header new ----------------- */

#pnlHeader {
    display: flex;
    align-items: center;
    padding: 0px 8px;
    gap: 8px;
    height: 64px;
}

#pnlHeader #home-button img {
    width: 32px;
}

#pnlHeader #tdName {
    flex-grow: 1;
}

.header_icon_link
{
    vertical-align:middle;
    width:32px;
    margin: 2px;
    cursor:pointer;
    opacity:0.6;
    transition: opacity  0.2s ease-in-out;
}

.header_icon_link:hover {
    opacity:1;
}

#userName img {
    height:42px;
}
      
#lnkHere {
    font-size: larger
}

/* --------- Login -------- */

#pnlLogin {
    width:130px;
}

#pnlLoginMenu {
    text-align:center;
}

#pnlLoginEnter>div {
    margin:4px;
    text-align:center;
    white-space: nowrap;
    font-size: 12pt;
}

#pnlLoginEnter button {
    padding : 4px;
}

#pnlLoginEnter #txtLogin {
    width: 40px;
}

#pnlLoginEnter #txtPass {
    width: 60px;
}

#pnlLogin a {
    font-size:smaller;
}

/* ---------- LOGGED ------------------ */

#pnlLogged {
    width: 80px; white-space:nowrap;
}

#btnContext {
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
    padding:4px;
    cursor:pointer;
}

#userName {
    display:inline-block;
    vertical-align:middle;
}

#userName img {
    vertical-align:middle;
}

#imgDown {
    width:24px;
    height:24px;
    vertical-align:middle;
}

#btnContext {
    transition:background-color 0.2s ease-in-out;
}

#btnContext:hover {
    background-color:rgba(0, 0, 0, 0.36)
}

#userName div {
    color:white;
    line-height:32px;
    vertical-align:middle;
    padding: 0px 4px 0px 4px;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

/* ------- FROM COMMON ------ */

.right_overlay
{
	right: 0px;
	position:absolute;
}

.left_overlay
{
	left:0px;
	position:absolute;	
}

.container
{
	position: relative;
}
    
.metro table,tr,td
{
    border: 1px solid #aaa;
}
    
body
{
    font-family: Segoe UI;
    max-width: 1200px;
    margin: auto;
}