div.header-separator {
    width: 4px;
}  

div.header-block {
    display: flex;
    padding: 0px 0px 0px 10px;
}

div.header-logo {
    padding: 0px 10px 0px 0px;      
}  

.logo {
    width:160px;
    min-width:50px;  
    max-width:160px; 
}

div.logo-text {
    background-color: rgb(13, 77, 0);
    color:white;
    text-align: center;
    white-space: nowrap;
    padding: 2px 0px 2px 0px;
    margin: 5px 0px 0px 0px;
    align-content: flex-end;
    border: 0px solid white;
    font-weight: 600;
}

div.header-image-container {
    background-image:url('/static/img/head_background.jpg');
    width: 100%; 
    margin: 0 auto; 
    display: flex;
    align-items: center;
    border: 0px solid white;
    justify-content: space-between;
    align-content: center;
} 

svg.user-account-wrapper {
    margin: 10px 10px 0px 0px;
    width: 48px;
    height: 48px;
}   

div.user-account-access {
    text-align: center;
    padding: 0px 10px 0px 10px;
    margin: 0px 10px 0px 0px;
    white-space: nowrap;
    display: inline-block;
}

div.user-account {
    text-align: right;
    white-space: nowrap;
    display: inline-block;    
    float: right;
    height: 100%;
}

div.user-account-menu {
    position: absolute;
    top: 75px; 
    right: 10px; 
    display: none;
    z-index: 10000;
}

div.user-account-menu:hover {
    display: inline-block;
}

div.user-account:hover + .user-account-menu {
    display: inline-block;
}

div.user-account-admin {
    text-align: right;
    white-space: nowrap;
    display: inline-block;    
    float: right;
    height: 100%;
}

div.user-account-menu-admin {
    position: absolute;
    top: 65px; 
    right: 0px; 
    display: none;
    z-index: 10000;
}

div.user-account-menu-admin:hover {
    display: inline-block;
}

div.user-account-admin:hover + .user-account-menu-admin  {
    display: inline-block;
}

div.user-actual-menu {
    border: 1px solid #aaaaaa; 
    background-color: #ffffff;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
}


div.user-actual-menu-item {
    text-align: left;
}

hr.mobile_menu_separator {
    color:rgb(255, 255, 255);
    border-width: 0px;       
    margin-top: 1px;
    margin-bottom: 0px;    
}

.button_square_menu {
    padding: 5px 8px 2px 8px;
    margin: 5px 0px 0px 5px; 
    border: 1px solid transparent;    
    border-radius: 4px;             
    color: white;
    background-color: rgba(20, 68, 0, 0.7);
    stroke: white;  
} 

.button_square_menu:hover {
    cursor: pointer;
    stroke:rgb(161, 255, 107);        
    border: 1px solid rgb(161, 255, 107);    
}

a.header-link {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    color:white;
    text-decoration: none;
    padding-top: 0px;    
}  

a.header-link:visited {
    color:white;
} 

a.header-link:link {
    color:white;
} 

div.header-text {
    background-color: rgb(13, 77, 0);
    text-align: center;
    color:white;
    padding: 2px 10px 2px 10px;
    vertical-align: middle;
    margin-top: 1px;
    white-space: nowrap;
}