.header { height: 83px; background: #505050; position: relative;z-index: 355;}
.header ul {margin:0; padding:0;}
.header a:hover {text-decoration: none !important;}
.header *:focus,
.header *[tabindex]:focus {outline:thin dotted #dddddd;}
[tabindex]:focus {outline:thin dotted #333333;}

.header .profile-menu > li > a { 
	display: inline-block; 
	vertical-align: top; 
	cursor: pointer;
	color: #fff;
	padding: 3px 0 2px 20px;
	border-left: 1px solid #6b6b6b;
	font-weight:bold;	
    font-size: 12px;
}
.header .profile-menu a > * { display: inline-block; vertical-align: middle; }
.header .profile-menu > li { position: relative; display: inline-block; height: 59px; vertical-align: top; padding: 18px 10px;}

.header .main-dropdown-inner, .page-header-links .main-dropdown-inner { font-size: 12px; position: absolute; top: 60px; display: none; z-index: 300; box-shadow: 0 0 8px -2px #000;}
.header .main-dropdown-inner li { width: 272px; margin-top: -1px; border: 1px solid #f1f1f1; }
.header .main-dropdown-inner li.submenu-level2 { position: relative; }
.header .main-dropdown-inner li.submenu-level2:after { position: absolute; top: 18px; right: 12px; width: 0; height: 0; content: ''; border-width: 4.5px 0 4.5px 5px; border-style: solid; border-color: transparent transparent transparent black; }
.header .main-dropdown-inner li.submenu-level2:focus,
.header .main-dropdown-inner li.submenu-level2:hover { background: #ccc; }
.header .main-dropdown-inner li.submenu-level2:focus:after,
.header .main-dropdown-inner li.submenu-level2:hover:after { position: absolute; top: 18px; right: 12px; width: 0; height: 0; content: ''; border-width: 4.5px 0 4.5px 5px; border-style: solid; border-color: transparent transparent transparent #ccc; }
.header .main-dropdown-inner li.submenu-level2 > ul { position: absolute; top: 0; left: 270px; display: none; }
@media screen and (max-width: 1700px) { .header .main-dropdown-inner li.submenu-level2 > ul { position: absolute; top: 0; right: 270px; left:auto; display: none; } }
.header .main-dropdown-inner li a { font-weight: bold; display: block; margin: 0; padding: 13px; color: #000; font-size:15px;font-weight:bold;background: #fff;}
.header .main-dropdown-inner li a:focus,
.header .main-dropdown-inner li a:hover { color: #000; background: #f1f1f1; }
.header .main-dropdown-inner li.ico-drop > a {position: relative;padding-left:40px;}
.header .main-dropdown-inner li.ico-drop > a em {position: absolute;left:10px;top:13px;width:17px;height:25px;background: url("/converis/javax.faces.resource/images/profile/dd-sprite.png.xhtml?ln=intern&converis_version=6%2E20%2E0") no-repeat;}
.header .main-dropdown-inner li.ico-drop > a img {position: absolute;left:8px;top:12px;}
.header .main-dropdown-inner li.ico-drop > a img.profileimage {width: 20px;margin: -4px 0 0 2px;display:block;}
.header .main-dropdown-inner li.ico-drop.view-profile-icon-dd > a em {background-position: -58px 0px;}
.header .main-dropdown-inner li.ico-drop.switch-role-icon-dd > a em {background-position: -58px 0px;}
.header .main-dropdown-inner li.ico-drop.research-portal-icon-dd > a em {background-position: -38px 0px;}
.header .main-dropdown-inner li.ico-drop.settings-icon-dd > a em {background-position: -17px 0px;}
.header .main-dropdown-inner li.ico-drop.sign-out-icon-dd > a em {background-position: 1px 0px;}

.header .right-part { font-size: 12px; position: absolute; top: 24px; right: 19px; height: 59px; z-index: 10; background: #505050; padding-left:10px;}
.header .right-part:before{
    position: absolute;
    content: '';
    left: -10px;
    top: 0px;
    width: 10px;
    height: 59px;
    box-shadow: inset -10px 0px 10px -3px #505050;
    display: block;
}

.header .user-menu-dropdown { display: inline-block; vertical-align: middle; cursor: pointer;}
.header .user-menu-dropdown > a { color: #fff; border-left: 1px solid #6b6b6b; padding: 5px 0 2px 20px; cursor: pointer;}
.header .user-menu-dropdown > ul { position: absolute; top: 52px; }
.header .user-menu-dropdown > ul li a { color: #000; word-wrap: break-word;}
.header .user-menu-dropdown > ul li a * {display: inline-block !important;vertical-align: middle;}

.header .right-part > ul > li { line-height: 20px; position: relative; display: inline-block; height: 59px; padding: 20px 10px; vertical-align: middle; }
.header .right-part > ul > li a {font-weight: bold;}
.header .right-part label {font-size: 12px;}

.header .right-part ul li > a.help-link {cursor: pointer; color:#fff; padding: 2px 0px 0px 20px; border-left: 1px solid #6b6b6b;}
.header .right-part ul li > a.help-link .triangle-icon {margin-right:-4px;}
.header .right-part ul li:first-child > a.help-link {border-left: none;}
.header .right-part .rolename {font-weight:normal;}

.header .searchbox { padding-left: 18px !important; margin-right: -4px; cursor: pointer;}
.header .searchbox.closed-searchbox {position: relative;}
.header .searchbox.closed-searchbox::after {content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(51, 51, 51, 0.01);;z-index: 55;}
.header .searchbox.openinput input { display: inline-block; }
.header .searchbox label { font-weight: bold; height: 25px; color: #fff; }
.header .searchbox input { background:#3c3c3c; display: none; height: 20px; margin-left: 15px; vertical-align: top; color: #fff; outline: none; margin-top: -1px; box-shadow: none !important;border: 1px solid transparent; line-height: 1; padding-bottom: 0; /* padding-bottom:4px;padding-top: 4px; */}
.header .searchbox * { display: inline-block; vertical-align: middle; }
.header .searchbox em { position: absolute; top: 24px; left: 0; width: 12px; height: 12px; background: url("/converis/javax.faces.resource/images/profile/main-sprite.png.xhtml?ln=intern&converis_version=6%2E20%2E0") no-repeat; }
.header .searchbox #search-action {display: none !important;}
.header .searchbox a {line-height: 20px;padding-top:1px;}

.header .notify { padding-right: 16px !important; }

.header .notify em {
    display: inline-block;
    width: 15px;
    height: 18px;
    vertical-align: middle;
    background: url("/converis/javax.faces.resource/images/profile/main-sprite.png.xhtml?ln=intern&converis_version=6%2E20%2E0") no-repeat -18px -1px;
    cursor: pointer;
}
.header .notify em:before{content:"";width:50px;height:20px;left: -11px;top:19px; display: block;position: absolute;  border-left: 1px solid #6b6b6b; }

.header .notify .count { font-size: 10px; font-weight: bold; line-height: 15px; position: absolute; top: 20px; right: 0; display: block; width: 15px; height: 15px; cursor: pointer; text-align: center; color: #000000; border-radius: 15px; background: #ff5722;}

.header .notify .notify-popover { position: absolute; top: 45px; right: 0; display: none; width: 300px; margin-top: 6px; border: 1px solid #f1f1f1;  background:#fff;box-shadow: 0 0 8px -2px #000;}
.header .notify .notify-popover:after { position: absolute; top: -10px; right: 9px; width: 0; height: 0; content: ''; border-width: 0 14px 17px 14px; border-style: solid; border-color: transparent transparent #fff transparent;}
.header .notify .notify-popover h3 { font-size: 15px; padding: 10px; color:#000;}
.header .notify .notify-popover .notify-more { position: relative; padding: 10px 60px 10px 10px; border-top: 1px solid #f1f1f1; min-height: 40px;}
.header .notify .notify-popover .notify-more a { font-size: 14px; position: absolute; right: 10px;  color: #005a84; }
.header .notify .notify-popover .notify-more a:hover { text-decoration: underline; }
.header .notify .notify-popover .notify-more span {font-size:14px;color:#333; }
.header .notify .notify-popover ul li { position: relative; padding: 10px; padding-right: 20px; border-top: 1px solid #f1f1f1; }
.header .notify .notify-popover ul li a { font-size: 14px; color: #005a84; }
.header .notify .notify-popover ul li a:hover { text-decoration: underline; }
.header .notify .notify-popover ul li span.close-notify-icon { font-size: 10px; position: absolute; top: 20px; right: 10px; cursor: pointer; color: #ccc; width:13px;height:13px;border-radius: 12px;color:#fff;text-align: center;line-height: 12px;background: #0081bc;background: -moz-linear-gradient(top,  #0081bc 0%, #005e8a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0081bc), color-stop(100%,#005e8a));background: -webkit-linear-gradient(top,  #0081bc 0%,#005e8a 100%);background: -o-linear-gradient(top,  #0081bc 0%,#005e8a 100%);background: -ms-linear-gradient(top,  #0081bc 0%,#005e8a 100%);background: linear-gradient(to bottom,  #0081bc 0%,#005e8a 100%);opacity: 0.9;}
.header .notify .notify-popover ul li span.close-notify-icon:focus,
.header .notify .notify-popover ul li span.close-notify-icon:hover { opacity: 1;}
.header .notify .notify-popover ul li .notify-info { font-size: 12px; color:#666;display: inline-block; padding: 0 10px; vertical-align: middle; border-left: 1px solid #ccc; }
.header .notify .notify-popover ul li .notify-info:first-child { padding-left: 0; border: none; }
.header .user-link {
	display:inline-block;
	max-width:280px;
	height:22px;
	margin-right: 35px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding-top:2px !important;
}

.header .user-menu-dropdown {
	padding-top:18px !important
}

.header .user-link .triangle-icon {
	position:absolute;
	top:28px;
	right:10px;
}

.header .profilelink{
    display: block;
    height: 40px;
}
.header .profileimage{
    width: 34px;      
    border: 1px solid hsl(0, 0%, 75%);
    color: #808080; 
    margin: 0 10px 0 0px;
}

.headerLogo {
	 float:left;
	 display:inline-block;
	 height:59px;
	 vertical-align:middle;
	 padding-right:10px;
}

.headerLogo .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.headerLogo img {
	vertical-align:middle;
    max-width:300px;
    max-height:59px;
    padding: 0 20px 0 20px;
}

.languageSelection {
    position: relative;
}

.languageMenu {
	position:absolute;
	top:0px;
	right:0px;
}

.languageMenu > li a {
	color:#fff;
	border-left: 1px solid #6b6b6b;	
    font-weight: bold;
    font-size: 12px;
}

.languageMenu > li {
    display: inline;

	position: relative;
	display: inline-block;
	height: 59px;
	vertical-align: top;
	padding: 21px 0px;
}
.languageMenu li:first-child a {
	border-left: none;
}
.v2 .header .languageMenu .main-dropdown-inner{
	right:20px;
}
.mark-ban-navBar {
    position:relative;
    height:24px;
    background:#001a24;
    outline:0;
    padding-left: 20px;
}
.mark-ban-nav-list {
    font-size:0;
    margin-left:20px;
    outline:0
}
.mark-ban-nav-item{
    display:inline-block;
    vertical-align:top;
    position:relative
}
.mark-ban-nav-link {
    margin-top:0;
    display:inline-block;
    padding:3.5px 10px;
    color:#fff!important;
    vertical-align:top;
    text-decoration:none;
    font-size:13px
}
.mark-ban-nav-link:focus {
    box-shadow:0 0 4px 2px #fff;
    -webkit-box-shadow:0 0 4px 2px #fff;
    -moz-box-shadow:0 0 4px 2px #fff;
    outline:0 solid #f8f8f8!important;
    border:0 solid #f8f8f8!important;
    text-decoration:none
}
.mark-ban-nav-item:hover .mark-ban-nav-link {
    position:relative;
    margin:0;
    color:#FFF;
    background-color:#849eb7;
    z-index:57;
    text-decoration:none
}