body { 
	position: relative; 
	font-family: 'Fira Sans', sans-serif; 
	font-weight: 400; 
	font-size: 17px; 
	line-height: 22px; 
	color: #2A2A2A; 
	background-color: #F2F2F2;
}

html, body {
	width: 100%;
	overflow-x: hidden;
}

img { max-width: 100% !important; }

.pointer,
.modalTabChanger,
.openTemplateModal,
.openTechModal,
ul.checkList li {
	cursor: pointer;
}

.helpTextOpener { cursor: help; }
.chart .helpTextOpener { font-size: 24px; }

a, a:link, a:visited, a:hover { color: #0E5A89; text-decoration: none; }

.text-right { text-align: right; }

	
.ugp4 { margin-top: 4px; }
.ugp8 { margin-top: 8px; }
.ugp16 { margin-top: 16px; }
.ugp24 { margin-top: 24px; }
.ugp32 { margin-top: 32px; }
.ugp40 { margin-top: 40px; }
.ugp48 { margin-top: 48px; }
.ugp56 { margin-top: 56px; }
.ugp64 { margin-top: 64px; }
.ugp80 { margin-top: 80px; }
.ugp88 { margin-top: 88px; }
.ugp96 { margin-top: 96px; }
.ugp128 { margin-top: 128px; }

.bgp0{ margin-bottom: 0px; }
.bgp12 { margin-bottom: 12px; }
.bgp16 { margin-bottom: 16px; }
.bgp32 { margin-bottom: 32px; }
.bgp40{ margin-bottom: 40px; }
.bgp48{ margin-bottom: 48px; }
.bgp56{ margin-bottom: 56px; }
.bgp80{ margin-bottom: 80px; }
.bgp120{ margin-bottom: 120px; }


.ugp60 { margin-top: 60px; }
.ugp90 { margin-top: 90px; }
.ugp120 { margin-top: 120px; }
.ugp240 { margin-top: 240px; }

.inGap24 { padding: 24px; }

.bgBrand { background-color: #0E5A89; }
.bgBrandLight { background-color: #c3d8ef; }
.bgBlack { background-color: #212121; }
.bgWhite { background-color: #FFFFFF; }
.bgSuperLightGrey { background-color: #E6E3E3; }
.bgSuperLightGrey { background-color: #F5F5F5; }
.bgSuperSuperLightGrey { background-color: #FCFCFC; }
.bgLightGrey { background-color: #F2F2F2; }
.bgDarkGrey { background-color: #CCCCCC; }

.shadowLight { box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.25); }
.shadowSuperLight { box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.15); }
.smallShadow { box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); }

.brand { color: #0E5A89; }
.black { color: #212121; }
.white, div.white p { color: #FAFAFA; }
.lightGrey { color: #F2F2F2; }
.darkGrey { color: #999999; }

.btnBrand { background-color: #0E5A89; color: #FFFFFF !important;}
.btnGhost { background-color: none; color: #0E5A89; border: 1px solid #0E5A89; }

h1, h2, h3 { font-family: 'Fira Sans', sans-serif; font-weight: 500; color: #2A2A2A; letter-spacing: 0.8px; display: block; margin: 0px; }
h4, h5, h6 { font-family: 'Fira Sans', sans-serif; font-weight: 500; color: #2A2A2A; letter-spacing: 0.2px; display: block; margin: 0px; }

h1 { font-size: 36px; line-height: 40px; margin-bottom: 16px; }
h2 { font-size: 30px; line-height: 34px; margin-bottom: 16px; }
h4 { font-size: 21px; line-height: 24px; margin-bottom: 16px; margin-top: 16px; }
.articleBody h1, .articleBody h2, h3, .techDescription h1, div#overview h1 { font-size: 24px; line-height: 28px; margin-bottom: 12px; }
div#overview h1 {font-size: 21px; margin-top: 32px; display: block; width: 100%; }

h1 small { display: block; margin: 0px; font-size: 28px; line-height: 32px; font-weight: 400; }
h2 small { display: block; margin: 0px;font-size: 26px; line-height: 32px; font-weight: 300; }
h3 small { display: block; margin: 0px; font-size: 20px; line-height: 24px; font-weight: 300; }
h5 small { display: block; margin: 0px; font-size: 18px; line-height: 18px; font-weight: 400; color: #2A2A2A; }

p { font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 17px; line-height: 22px; color: #2A2A2A; }
p.smallGreyText { font-weight: 300; font-size: 12px; line-height: 18px; color: #999999; margin-bottom: 0px; }

div.reference a:link, div.reference a:visited, div.reference  a:hover {
	color: #2a2a2a;
	text-decoration: none;
	border-bottom: dotted 1px #2a2a2a;
}

.btnBrand { background-color: #0E5A89; color: #FFFFFF !important;}
.btnGhost { background-color: none; color: #0E5A89; border: 1px solid #0E5A89; border-radius: 0px; }
.btnGhostWhite, .btnGhostWhite:hover { background-color: none; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 0px; }



a.btnWhite,
a.btnWhite:link,
a.btnWhite:visited,
a.btnWhite:hover,
.btnWhite {	
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #0E5A89 !important;
}

a.btnYellow,
a.btnYellow:link,
a.btnYellow:visited,
a.btnYellow:hover,
.btnYellow {	
	border: 1px solid #f3e66f;
	background-color: #f3e66f;
	color: #0E5A89 !important;
}

.btn {
	padding: 16px 32px;
	border-radius: 3px;
	text-transform: uppercase;
	
}

.btn.fxdWith { min-width: 210px !important;}


#filterPanel {
	background-color: #E5ECF3;
}

.nav-tabs {
	border-bottom: 2px solid #0E5A89;
	padding-bottom: 6px; 
}

.tabSwitcherButton,
.filterPanelSwitcher {
	border: 1px solid #0E5A89;
	border-bottom: none;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	background-color: transparent;
	color: #0E5A89;
	padding: 8px 20px;
	text-decoration: none !important;
	cursor: pointer;
	margin-right: 8px;
}

.tabSwitcherButton.btnBrand,
.filterPanelSwitcher.btnBrand { background-color: #0E5A89; color: #FFFFFF; }




.filterButton {
	cursor: pointer;
	padding: 12px 25px 7px 20px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;

	border: none;
	background-color: #0E5A89;
	color: #FFFFFF;
	font-weight: 300;
}

.openPanel,
.closePanel { display: none; }

.openPanel.open,
.closePanel.open { display: block; }

.slideButton {
	cursor: pointer;
	padding: 7px 25px 7px 25px;
	border: none;
	background-color: #FFFFFF;
	color: #0E5A89;	
}

.slideButton.active { background-color: #0E5A89; color: #FFFFFF;	 }
.slideLeft { border-top-left-radius: 13px; border-bottom-left-radius: 13px; margin-right: 2px; }
.slideRight { border-top-right-radius: 13px; border-bottom-right-radius: 13px; margin-left: 2px; }


.slick-slide { margin-left: 16px; }
.slick-list { overflow: visible !important; }


ul.checkList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 24px;
}
ul.checkList li {
	list-style: none;
	margin: 0px;
	padding: 8px 0px;
}

dl.article-info { display: block; width: 100%; height: 32px; margin-top: -4px; }
dd.parent-category-name,
dd.category-name { display: inline; float: left; margin-right: 8px; }

dd.parent-category-name:after { padding-left: 4px; content: "\00BB"; }


.caseSelect { background-color: #EFEFEF; padding: 24px 12px; padding-top: 24px; cursor: pointer; }


.termsDefTitle {
	padding: 24px 16px;
	line-height: 24px;
	padding-bottom: 24px;
	background-color: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 8px;
	border-radius: 7px;
	cursor: pointer;
	color: #0E5A89;
}

.termsDefDesc {
	background-color: #FFFFFF;
	border-radius: 7px;
	padding: 24px 16px;
	padding-bottom: 24px;
	margin-bottom: 24px;	
}


#floatingHelp {
	display: block;
	position: fixed;
	bottom: 56px;
	right: 56px;
	padding: 12px 8px;
	
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 2px 14px 2px rgba(0,0,0,0.25);
	min-width: 30px;
	min-height: 12px;
	font-size: 34px;
	color: #0E5A89;
	line-height: 28px; 
/*
	bottom: -200px;
	opacity: 0;
*/
	bottom: 56px !important;
	opacity: 1;

	transition: all 1.2s;
	z-index: 500;
}

#floatingHelp.active {
	bottom: 56px !important;
	opacity: 1;
}

#floatingHelp i {
	padding: 0px 8px;
}

#floatingHelp i#scrollTop {
	border-left: 1px dotted #0E5A89;
	padding-left: 8px;
}






/*  BOOTSTRAP OVERRIDES
	================= */

.accordion-item { border: none; }
.accordion-body { padding: 0px !important; }
.form-label { color: #0E5A89; margin-left: 3px; font-size: 14px; }

/*  LEFT MENU
	================= */

ul.nav.menu.mod-list,
ul.category-module.mod-list {
	display: block;
	width: 75%;
	margin: 0px; 
	padding: 0px;
	margin-bottom: 24px;
}

ul.nav.menu.mod-list li,
ul.category-module.mod-list li {
	list-style: none;
	padding: 8px 0px;
	border-top: 1px dotted #0E5A89;
}

ul.nav.menu.mod-list li {padding-top: 12px; padding-bottom: 10px; } 


ul.nav.menu.mod-list li:first-child,
ul.category-module.mod-list li:first-child { border-top: none; }

ul.nav.menu.mod-list a,
ul.nav.menu.mod-list a:link,
ul.nav.menu.mod-list a:visited,
ul.nav.menu.mod-list a:hover { color: #212121; font-size: 21px;  text-decoration: none;}

ul.category-module.mod-list li a.active,

ul.nav.menu.mod-list li.active ul li.current a:link,
ul.nav.menu.mod-list li.active a:link { font-weight: 700; color: #212121; }

ul.nav.menu.mod-list li a.termsDefOpener.active { color: #0E5A89 !important; }

ul.nav.menu.mod-list li ul { margin: 0px; padding: 0px; margin-top: 16px; margin-bottom: 24px; }


ul.nav.menu.mod-list li ul li a,
ul.nav.menu.mod-list li ul li a:link,
ul.nav.menu.mod-list li ul li a:visited,
ul.nav.menu.mod-list li ul li a:hover,

ul.nav.menu.mod-list li.active ul li a,
ul.nav.menu.mod-list li.active ul li a:link,
ul.nav.menu.mod-list li.active ul li a:visited,
ul.nav.menu.mod-list li.active ul li a:hover,

ul.category-module.mod-list a,
ul.category-module.mod-list a:link,
ul.category-module.mod-list a:visited,
ul.category-module.mod-list a:hover { font-size: 18px; font-weight: 400; color: #0E5A89; text-decoration: none; }



#footer ul.nav.menu.mod-list li { border-top: 1px dotted #F8F8F8; padding-top: 8px; padding-bottom: 6px;}
#footer ul.nav.menu.mod-list li:first-child {  border-top: none; }

#footer .rightMenu ul.nav.menu.mod-list { float: right; margin-right: 25px;  }
#footer .rightMenu ul.nav.menu.mod-list li { text-align: right; }


#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover { font-size: 16px; color: #FFFFFF; ext-decoration: none; }

/*  TABLES
	================= */

th.rotatedCell 
{
  vertical-align: bottom;
  text-align: center;
}

th.rotatedCell span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

tr {    
	overflow: hidden;
    height: 24px;
    white-space: nowrap;
}
td { height: 56px; vertical-align: middle; }
/*  FOOTER
	================= */
#footer {
	display: block;
	padding-top: 45px;
	min-height: 300px;
	width: 100%;
	background-color: #0E5A89 !important;
}

#logoGridFooter {
	background-color: #FFFFFF;
	width: 100%;
	display: block;
	min-height: 120px;
	padding-top: 24px;
	padding-bottom: 32px;
}

.footerLogo {
	display: block;
	width: 90%;
	height: auto;
	box-shadow: 0px 2px 16px 6px #EFEFEF;
	border-radius: 7px;
}

/*  NAVBAR
	================= */

#navBar {
	z-index: 900;
	
	background-color: #0E5A89 !important;
	padding-top: 0px;
	padding-bottom: 0px;
}

.navBarMenuButton {
	padding: 0px;
	margin: 0px;
	
	border: none;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 200;
	color: #FFFFFF;
	background-color: #0E5A89;
	cursor: pointer;
}

.navBarMenuButton i { margin-right: 8px; }
.brandText 			{ width: 200px; text-align: right; }
.brandText p 		{color: #FFFFFF; font-size: 24px; font-weight: 600; }
.brandText p small 	{ display: block; font-size: 12px; font-weight: 300; line-height: 16px; padding-top: 8px; }



#headLineHolder {
	background-color: #FFFFFF;
	padding-bottom: 0px;
	padding-top: 88px;
}



.navBarMenuButton {
	padding: 0px 0px 0px 44px;
	margin: 0px;
	

	font-size: 24px;
	font-weight: 200;
	text-transform: uppercase;

	border: none;
	color: #FFFFFF;
	background-color: transparent;
	background-image: url('../images/icons/iconMenu.png');
	background-size: 24px; 
	background-position: left center;
	background-repeat: no-repeat;

	cursor: pointer; 
}

#navbarTitleText {
	font-size: 21px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #F2F2F2;
}


#navBar .noStyle 	{ height: 32px; width: 32px; display: inline; float: left; margin-left: 6px; border: none; color: #FFFFFF; background-color: transparent; background-size: 24px; background-position: left center; background-repeat: no-repeat; }
#navBar .loadCase 		{ background-image: url('../images/icons/iconLoadCase.png'); margin-top: 2px; }
#navBar .saveCase 		{ background-image: url('../images/icons/iconSaveCase.png'); background-size: 28px; }
#navBar .help 			{ background-image: url('../images/icons/iconHelp.png'); background-size: 22px; }
#navBar .info 			{ background-image: url('../images/icons/iconInfo.png'); background-size: 24px; margin-left: 2px; }





/*  MEGA MENU
	================= */

#megaMenu {
	position: fixed;
	overflow: scroll; z-index: 1002;
	top: 0px; left: 0px;
	margin: 0px; padding: 0px;

	padding-bottom: 56px;
	height: 100%;
	width: 100%;

	background-color: #0E5A89;
	box-shadow: 0px 2px 8px 2px rgba(0,0,0, 0.75);

}	


.menuContainer { 
	margin-top: 56px; 
	padding: 16px 24px 16px 0px;

	color: #FFFFFF;

	border: 2px solid #FFFFFF;
	border-left: none;	
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}

.menuContainer > * { color: #FFFFFF !important; }


ul.mmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	margin-bottom: 64px;
	margin-top: 32px;
}

ul.mmenu li {
	width: 100%;
	display: block;
}

ul.mmenu li a,
ul.mmenu li a:link,
ul.mmenu li a:visited,
ul.mmenu li a:hover {
	width: 100%;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 0px;
}



@media only screen and (max-width: 540px) {

	#floatingHelp {	right: 24px; }
	#floatingHelp.active { bottom: 24px !important; }
}