*,
*:after,
*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@font-face{font-weight:normal;font-style:normal;font-family:'ecoicons';src:url("../fonts/ecoicons/ecoicons.eot");src:url("../fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicons.woff") format("woff"), url("../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg");}
.gn-menu-main{margin:0;padding:0;background:white;color:#5f6f81;list-style:none;text-transform:none;font-weight:300;font-family:'Lato', Arial, sans-serif;line-height:60px;-webkit-box-shadow:-4px 8px 5px -6px rgba(0,0,0,0.75);-moz-box-shadow:-4px 8px 5px -6px rgba(0,0,0,0.75);box-shadow:-4px 8px 5px -6px rgba(0,0,0,0.75);}
.gn-menu-main ul{background:none;margin:0;padding:0;color:#fff;list-style:none;text-transform:none;font-weight:300;font-family:'Lato', Arial, sans-serif;line-height:60px;}
.gn-menu-main{position:fixed;top:0;left:0;width:100%;height:60px;font-size:13px;z-index:22;}
.gn-menu-main a{display:block;height:100%;color:#fff;text-decoration:none;cursor:pointer;}
#page-title a{color:#333 !important;}
#page-title a:hover{color:#3D4D69;}
.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a{background:#5f6f81;color:white;}
.gn-menu-main > li{display:block;float:left;height:100%;text-align:center;}
.gn-menu-main li.gn-trigger{position:relative;width:60px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.gn-menu-main > li:last-child{float:left;border-right:none;border-left:1px solid #c6d0da;}
.gn-menu-main > li > a{padding:0 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-main:after{display:table;clear:both;content:"";}
.gn-menu-wrapper{position:fixed;top:60px;bottom:0;left:0;overflow:hidden;width:60px;border-top:1px solid #c6d0da;background:white;-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);transform:translateX(-60px);-webkit-transition:-webkit-transform 0.3s, width 0.3s;-moz-transition:-moz-transform 0.3s, width 0.3s;transition:transform 0.3s, width 0.3s;background:#2e3e4e;}
.gn-scroller{position:absolute;overflow-y:scroll;width:340px;height:100%;background:url(../img/menu_bg.jpg) left bottom no-repeat;}
.gn-menu{border-bottom:1px solid #c6d0da;text-align:left;font-size:14px;}
.gn-menu li:not(:first-child),
.gn-menu li li{background:url(../img/sep.jpg) left bottom repeat-x;line-height:45px;}
.gn-submenu li{overflow:hidden;height:0;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;}
.gn-submenu li a{color:#c1c9d1}
input.gn-search{border:1px solid #ccc;background:url(../img/search_icon.jpg) right center no-repeat;color:#5f6f81;font-weight:300;font-family:'Lato', Arial, sans-serif;padding:3px 25px 5px 3px;border-radius:5px;}
.gn-search::-webkit-input-placeholder{color:#5f6f81}
.gn-search:-moz-placeholder{color:#5f6f81}
.gn-search::-moz-placeholder{color:#5f6f81}
.gn-search:-ms-input-placeholder{color:#5f6f81}
.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder{color:transparent}
input.gn-search:focus{cursor:text}
.no-touch .gn-menu li.gn-search-item:hover input.gn-search{color:white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder{color:white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder{color:white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder{color:white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder{color:white}
.gn-menu-main a.gn-icon-search{position:absolute;top:0;left:0;height:60px;}
.gn-icon::before{display:inline-block;width:60px;text-align:center;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'ecoicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
.gn-scroller .gn-icon::before{display:inline-block;text-align:center;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'ecoicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased;background:#333;border-radius:50%;padding:6px 6px;margin:0px 18px;width:auto;}
.gn-icon-activity{background:url(../img/gn-icon-activity.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-activity:hover{background:url(../img/gn-icon-activity.png) 1% center no-repeat #5f6f81 !important;}
.gn-icon-portfolio{background:url(../img/gn-icon-portfolio.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-portfolio:hover{background:url(../img/gn-icon-portfolio.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-switchaccount{background:url(../img/gn-icon-switchaccount.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-switchaccount:hover{background:url(../img/gn-icon-switchaccount.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-calendar{background:url(../img/gn-icon-calendar.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-calendar:hover{background:url(../img/gn-icon-calendar.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-favourites{background:url(../img/gn-icon-favourites.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-favourites:hover{background:url(../img/gn-icon-favourites.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-users{background:url(../img/gn-icon-users.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-users:hover{background:url(../img/gn-icon-users.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-myprofile{background:url(../img/gn-icon-myprofile.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-myprofile:hover{background:url(../img/gn-icon-myprofile.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-myfiles{background:url(../img/gn-icon-myfiles.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-myfiles:hover{background:url(../img/gn-icon-myfiles.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-company{background:url(../img/gn-icon-company.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-company:hover{background:url(../img/gn-icon-company.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon-help{background:url(../img/gn-icon-help.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
.gn-icon-signout{background:url(../img/gn-icon-signout.png) 1% center no-repeat;padding:0px 0px 0px 35px;}
a.gn-icon-help:hover{background:url(../img/gn-icon-help.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
a.gn-icon-signout:hover{background:url(../img/gn-icon-signout.png) 1% center no-repeat #5f6f81 !important;padding:0px 0px 0px 35px;}
.gn-icon span{width:0;height:0;display:block;overflow:hidden;}
.gn-icon-menu{-webkit-box-shadow:6px 0px 5px -6px rgba(0,0,0,0.75);-moz-box-shadow:6px 0px 5px -6px rgba(0,0,0,0.75);box-shadow:6px 0px 5px -6px rgba(0,0,0,0.75);}
.gn-icon-menu::before{margin-left:-15px;vertical-align:-2px;width:30px;height:3px;background:#5f6f81;box-shadow:0 3px white, 0 -6px #5f6f81, 0 -9px white, 0 -12px #5f6f81;content:'';}
.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before{background:white;box-shadow:0 3px #5f6f81, 0 -6px white, 0 -9px #5f6f81, 0 -12px white;}
.gn-icon-menu.gn-selected::before{background:#5993cd;box-shadow:0 3px white, 0 -6px #5993cd, 0 -9px white, 0 -12px #5993cd;}
.gn-menu-wrapper.gn-open-part .profile-name{display:none;}
.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:2.5%;}
.gn-menu-wrapper.gn-open-all{width:306px;}
.gn-menu-wrapper.gn-open-all .gn-submenu li{height:60px}
@media screen and (max-width:422px){.gn-menu-wrapper.gn-open-all{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:100%;z-index:4444;position:fixed;}
.gn-menu-wrapper.gn-open-all .gn-scroller{width:110%}
}