@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: 200; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBELight.eot');
	src: url('/fonts/AkzidenzGroteskBELight?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBELight.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBELight.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBELight.svg#AkzidenzGroteskBELight') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: 200; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBELightItalic.eot');
	src: url('/fonts/AkzidenzGroteskBELightItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBELightItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.svg#AkzidenzGroteskBELightItalic') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: inherit; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBERegular.eot');
	src: url('/fonts/AkzidenzGroteskBERegular?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBERegular.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBERegular.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBERegular.svg#AkzidenzGroteskBERegular') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: inherit; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBELightItalic.eot');
	src: url('/fonts/AkzidenzGroteskBELightItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBELightItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.svg#AkzidenzGroteskBELightItalic') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: bold; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBEMedium.eot');
	src: url('/fonts/AkzidenzGroteskBEMedium?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEMedium.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEMedium.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEMedium.svg#AkzidenzGroteskBEMedium') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: bold; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBEMediumItalic.eot');
	src: url('/fonts/AkzidenzGroteskBEMediumItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEMediumItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEMediumItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEMediumItalic.svg#AkzidenzGroteskBEMediumItalic') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: 800; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBEBold.eot');
	src: url('/fonts/AkzidenzGroteskBEBold?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEBold.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEBold.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEBold.svg#AkzidenzGroteskBEBold') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: 800; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBEBoldItalic.eot');
	src: url('/fonts/AkzidenzGroteskBEBoldItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEBoldItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEBoldItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEBoldItalic.svg#AkzidenzGroteskBEBoldItalic') format('svg');
}
@font-face {
	font-weight: 'normal'; font-style: normal;
	font-family: 'uifont';
	src: url('/fonts/uifont-solid.eot') format('eot'),
		url('/fonts/uifont-solid.woff') format('woff'),
		url('/fonts/uifont-solid.ttf') format('truetype'),
		url('/fonts/uifont-solid.svg#uifont-solid') format('svg');
}

@font-face {
	font-weight: 'normal'; font-style: normal;
	font-family: 'fontawesome';
	src: url('/fonts/fontawesome-webfont.eot') format('eot'),
		url('/fonts/fontawesome-webfont.woff') format('woff'),
		url('/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
}

/* webkit scrollbars */
::-webkit-scrollbar {width: 8px; height: 8px; border-left: 1px solid #ddd;}
::-webkit-scrollbar-track {background: #fff; border-left: 1px solid #ddd;}
::-webkit-scrollbar-thumb {background: #333;}

/* global setup */
* {padding: 0px; margin: 0px; border: 0px; outline: none;} /* reset values */
* {font-smooth: always; -webkit-font-smoothing: subpixel-antialiased; font-size-adjust: none; box-sizing: border-box;}
html, body {height: 100%; width: 100%; overflow: hidden;}
body {font-size-adjust: 1;font-family: 'AkzidenzGrotesk'; font-weight: 600; font-variant: normal; font-size: 12px; line-height: 1.5em; -webkit-font-smoothing: antialiased; color: #000; background-color: #fff;}

a {color: #000;}
a:hover {color: #000; text-decoration: underline;}
a:focus {text-decoration: none; color: inherit;}
a:active {color: #000;}
p {padding: 0 0 1.5em 0;}

.clear {clear: both;}

/* header */
#header {position: relative; height: 80px; padding: 10px 20px 10px 30px; box-sizing: border-box; border-bottom: 2px solid #000;}
#header .header_left {float: left;}
#header .header_right {float: right; text-align: right; color: #666; font-size: 12px; line-height: 1.5em;}
#header .header_right .welcome {color: #000;}
#header .site-name {margin: 0 0 12px 0; font-size: 22px; line-height: 1em; text-transform: uppercase; color: #000; font-weight: 800;}
#header .nav {text-transform: uppercase; letter-spacing: 0.05em;}
#header .nav ul {list-style: none; margin: 0; padding: 0;}
#header .nav ul li {display: inline-block; position: relative;}
#header .nav ul li ul {position: absolute; margin: -1px 0 0 0; display: none; padding: 5px 10px; background: #fff;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1), 0px 0px 1px rgba(0,0,0,0.3);
}
#header .nav ul li a {display: block; color: #666;}
#header .nav ul li span {display: inline-block; padding: 8px 12px 8px 12px; cursor: pointer;}
#header .nav ul li a:hover,
#header .nav ul li > span:hover {color: #000;}
#header .nav ul li > a.sel,
#header .nav ul li > a.sel:hover,
#header .nav ul li.sel > span,
#header .nav ul li.sel > span:hover {color: #999; background-color: #000;}
#header .nav ul li.sel > a:hover {text-decoration: none;}
/* for dropdown */
#header .nav ul li:hover ul {display: block;}
#header .nav ul li ul span {padding: 5px 0;}
#header .nav ul ul li a.sel,
#header .nav ul ul li a.sel:hover {color: #000; background: transparent;}

.sb_filter_select {display: inline-block; text-decoration: none; position: relative;}
.sb_filter_select .sb_filter_label {cursor: pointer; border: 1px solid transparent; padding: 0 8px;}
.sb_filter_select .sb_filter_label:after {display: inline; padding-left: 3px; content: ''; font-family: 'fontawesome'; font-size: 12px; vertical-align: bottom;}
.sb_filter_select .sb_filter_label.sel{border: 1px solid rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.1);
	border-radius: 1em;
}
.sb_filter_label .dropdown_arrow {position: relative; width: 0px; height: 0px; margin-left: 2px; line-height: 0px; font-size: 0px; top: -2px; border: 4px solid transparent; border-top-color: #999;}
.sb_filter_label.sel .dropdown_arrow {top: -5px; border: 4px solid transparent; border-bottom-color: #999;}
.sb_filter_options {display: none; position: absolute; z-index: 5; top: 100%; left: 0px; max-height: 200px; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff; text-align: left; font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 15px;
}
.sb_filter_options.profile_view {max-height: 320px;}
.sb_filter_options.password_change_page {max-height: 350px;}
.sb_filter_options a {display: block; padding: 3px 20px 3px 20px; text-decoration: none; white-space: nowrap; color: #000; overflow: hidden; text-overflow: ellipsis; border-radius: 2px;}
.sb_filter_options.nopad a {padding: 3px 6px;}
.sb_filter_options a:hover {color: #000; background: #eee;}
.sb_filter_options a.sel:before {position: absolute; margin-left: -1.3em; font-family: 'uifont'; content: '\E435';}
.sb_filter_options.nohover a:hover {background: transparent; color: #555;}
.sb_filter_options a.add_new {margin-top: 6px; border-top: 1px solid #e6e6e6;}
.sb_filter_options a.label_filter > span,
.sb_filter_options a.label_filter > div {float: none !important; display: inline-block !important; vertical-align: middle;}

.global_throbber { position: absolute; top: 50%; left: 50%; z-index: 11099; }
#global_loading_throbber .sliderWindowOverlay {z-index: 11000;}
#absolute_indicator {position: absolute; width: 100%; height:2px; top: 0; left: 0; z-index: 99999; background: #eaa24a;}

/* navigation */
#nav {height: 30px; font-size: 14px;}
#nav a {color: #333; text-decoration: none; }
#nav a span {text-transform: uppercase;}
#nav a:hover {color: #888;}
#nav a.sel, #tabs a.sel:hover {color: #333;}

#lbproaccounts_link {position: relative; display: inline-block;}
#lbproaccounts_menu {list-style: none; text-align: left;}
#lbproaccounts_menu li {margin: 0;}
#lbproaccounts_menu li a {display: block; padding: 2px 10px 2px 20px; border-radius: 3px; text-decoration: none; white-space: nowrap; text-align: left !important; border-radius: 2px; overflow: hidden; text-overflow: ellipsis;}
#lbproaccounts_menu li a.sel {color: #000;}
#lbproaccounts_menu li a.sel:before {position: absolute; margin-left: -12px; font-family: 'uifont'; content: '\E435'; font-weight: normal;}
#lbproaccounts_menu li a:hover,
#lbproaccounts_menu li a.sel:hover {color: #000; background: #eee;}

#rightmenu .action-divider,
.contextmenu .action-divider,
.sb_filter_divider,
.user-menu-options .divider {clear: none; display: block; padding: 0px; margin: 0px; background-color: #ddd; height: 1px; font-size: 0%; margin: 4px 10px; border: 0px;}

#user-menu, #alert-menu, #help-menu {position: relative; display: inline-block;}
#user-menu-label, #help-menu-label, .communication_info {cursor: pointer;}
#user-menu-label:after,
#help-menu-label:after,
#select_abbreviation:after {display: inline-block; font-family: 'uifont'; content: '\E242'; margin-top: -1px; font-size: 14px; vertical-align: middle; padding-bottom: 4px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.user-menu-options,
.help-menu-options,
#select_abbreviation_links {z-index: 200; left: auto; right: 0px; max-height: 300px; width: inherit; max-width: 200px;}
.communication_list {z-index: 200; left: auto; right: 0; max-height: 90vh; width: 500px; max-width: 700px;}
.profile_view {z-index: 200; left: 40%; height: 900px; width: 400px;}
.profile_view input.disabled, .password_change_page input.disabled {background-color: #bbb;}
.profile_infor .profile_input input,
.password_group .password_input input {width: 250px;}
.infor_group {padding-bottom: 5px;}
#select_abbreviation_links {width: 200px;}
#user-menu-label.sel + .user-menu-options,
#alert_details_menu.sel + .communication_list,
.profile_view.sel,
.password_change_page.sel,
#help-menu-label.sel + .help-menu-options {display: block;}
.user-menu-options a,
.help-menu-options a {display: block; padding: 2px 10px; text-decoration: none; white-space: nowrap; text-align: left !important; border-radius: 2px;}
.user-menu-options a:hover,
.help-menu-options a:hover,
.communication_info:hover {color: #000 !important; background: #eee;}
.communication_list .communication_details {display: block; padding: 5px 10px 10px; text-align: left !important; border-radius: 2px; color: #333;}
.communication_list .alert_name {font-size: 20px; padding: 8px 0px;}
.communication_list .alert_title {display: flex; justify-content: space-between;}
.communication_title {font-size: 15px; display: flex; justify-content: space-between;}
.communication_list .mark_read_all {padding: 8px 0px; text-transform: capitalize; font-size: 0.95em;}
.communication_list .mark_read_all:hover {text-decoration: underline; background-color: transparent;}
.communication_info {padding: 8px 8px 5px;}
.communication_footer {display: flex; padding-top: 0px; justify-content: space-between; font-weight: 400;}
.communication_date {padding: 3px 0px; color: #999;}
.communication_footer a {padding: 0; text-align: right; color: rgb(11, 151, 233);}
.communication_footer a:hover {text-decoration: underline; color: rgb(11, 151, 233);}
.read_circle {height: 10px; width: 10px; border-radius: 50%; text-align: center; vertical-align: middle; background-color: rgb(11, 151, 233);}
.communication_content {font-weight: 400; color: #000;}
.communication_content p {padding: 5px 0; margin: 0; white-space: pre-wrap; overflow: auto;}
.communication_title .read_circle_hide,
#alert_details_menu .badge_hide {display: none};
#alert_details_menu {position: relative;}
.button_badge {background-color: rgb(234,12, 13); border-radius: 50%; height: 9px; width: 9px; padding: 1px 3px; position: absolute; top: -2px; right: -4px; border: 1px solid #fff;}
.profile_save {top: 45%;left: 45%; background-color: #ddd; padding: 10px 15px; cursor: pointer; transition: 0.5s ease;}
.profile_name {font-size: 15px; color: #000;}
.profile_infor {margin-top: 10px;}
.profile_details {margin: 7px;}
#profile_button {cursor: pointer;}
#profile_message {display: none;}
#profile_message.sel {display: block; position: fixed; top: 0; left: 50%; z-index: 9998; margin: 0; list-style: none; padding: 0; text-align: center; color: #fff; font-size: 12px; line-height: 1.5em; background: transparent; text-align: center;}
ul.messages li {display: block; position: absolute; z-index: 9999; width: 500px; margin: 0 0 0 -250px; padding: 5px 10px; background: #339900;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-o-opacity: 0.8;
	-webkit-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
ul.messages li.error {background: #c81700;}
.profile_title {display: flex; justify-content: space-between;}
.password_change {font-size: 0.9em; cursor: pointer;}
.password_change_page {display: none;}
.password_change_page {z-index: 200; left: 40%; height: 800px; width: 400px;}
.password_change_page .password_input_form {margin-top: 10px; margin-left: 7px;}
.password_group {padding-bottom: 10px;}
.edit_button {margin-top: 5px;}
.password_title {margin-top: 7px; margin-left: 7px; font-size: 15px; color: #000;}
.password_input {display: flex;}
.password_input_form {display: flex; flex-direction: column;}
#pwd_strength_wrap {display: none; float: left; padding: 5px; position: relative; width: 320px; z-index: 201; font-size: 0.8em;}
#pswd_info ul {list-style-type: none; margin: 5px 0 0; padding: 0;}
#pswd_info ul li {padding: 0 0 0 20px;}
#pswd_info ul li.valid {background-position: left -42px; color: green;}
#passwordStrength {display: block; height: 5px; margin-bottom: 10px; transition: all 0.4s ease;}
.strength0 {background: none; width: 0px;}
.strength1 {background: none repeat scroll 0 0 #FF4545; width: 25px;}
.strength2 {background: none repeat scroll 0 0 #FFC824; width: 75px;}
.strength3 {background: none repeat scroll 0 0 #6699CC; width: 100px;}
.strength4 {background: none repeat scroll 0 0 #008000; width: 150px;}