.grey_body {
    background-color: #eeeeee !important;
    min-height: -webkit-fill-available;
    min-height: -moz-available;
}

.white {
    background-color: white;
}

/* -------------------------- navigation  -------------------------- */

#navigation {
    padding:0;
    width:98%;
    margin: 0 1%;
    height: 65px;
}

.nav_left {
    float:left;
}
.nav_left img {
    margin-top: 10px;
}

.nav_right {
    float:right;
}

.nav_right > span, .nav_right > div{
    float:right;
    padding: 15px;
}

/* --------------------------  header full resolution -------------------------- */

#header_wrapper {
    width:100%;
    height:60px;
    top:0px;
    bottom:0px;
    text-align:center;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    color: #555;
    float:left;
    clear:both;
}


#header_container {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

#logo {
    width: 240px;
    height:40px;
    display:block;
    margin:0px;
    margin-top:18px;
    margin-left: 15px;
    padding:0px;
    margin-right:100px;
    float:left;
}
#logo img {
    width: 175px;
    height:23px;
}

div.profile_icon{
    height: 22px;
    width: 22px;
    float:left;
    margin-right:5px;
    background: url(/images/header_icon_id_n.png) no-repeat;
    color: #ccc;
    vertical-align: middle;
}
.profile {

}