/* CSS Document */


*::selection {background: #CCD9E4;color: #000;}
*::-moz-selection {background:#CCD9E4;color: #000;}
::-webkit-scrollbar {display: none;}
::scrollbar {display: none;}
::-moz-scrollbar {display: none;}
*:not(.mega-menu):not(#pie1):not(#pie2):not(svg):not(path):not(.media-releases-tab):not(.accordion-container) {scroll-behavior:smooth;transition:.4s linear all;-moz-transition:.4s linear all;-webkit-transition:.4s linear all;-ms-transition: .4s linear all;}
body::-webkit-scrollbar {width: 0px; background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */}
@-moz-document url-prefix() {html {scrollbar-width: none;}
}
.clearfix:after, .clearfix:before {display: table;content:" "}
.clearfix:after {clear: both}

html {position: absolute; height: 100%; scrollbar-width: none; -ms-overflow-style: none; /* IE 11 */ width: 100%; scroll-behavior: smooth; overflow-x: hidden; font-size: 62.5%;}
a, a:focus {color: #5D6F77; text-decoration: none; outline: 0;}
a:hover {text-decoration: none; color: #333;}
body, input, select, textarea, button, tspan {font-family: "roboto",sans-serif;}
hr {width: 100%}
input, input:focus, select, select:focus {outline: none; border: 0;}
h1 {text-transform: uppercase;}
h1 span {color: #064181;}
h2 {color: #064181; /*  text-transform: uppercase*/}
h3 {color: #3263AB;font-size: clamp(1.6rem, calc(1.6 / 80 * 100vw), 2.5rem);font-weight: 400;margin: 30px 0;font-family: "roboto",sans-serif;}
h6 {color: #064181;font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.8rem);font-weight: 600;margin: 0px 0;font-family: "roboto",sans-serif;}
b, strong {font-weight: 600;line-height: 1.6;}
sup, sub {vertical-align: baseline;position: relative;top: -0.4em;font-size: 10px;}
sub {top: 0.4em;}

body {
	font-family: "roboto",sans-serif;
	font-weight: 300;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	line-height: 1.6;
	height: 100%; 
	scrollbar-width: none;
	scroll-behavior: smooth;
	margin: 0;
}

p {font-size: 15px;margin-bottom: 15px;line-height: 1.7;font-family: "roboto",sans-serif;font-style: normal;font-weight: 300; color:#5D6F77; margin-top: 0px;}
h4 {color: #3263AB;font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3.5rem);font-weight: 400;margin: 0 0 25px 0;font-family: "roboto",sans-serif;}

section article {
    max-width: 1600px;
    margin: 0 auto;
    padding: 40px 55px;
    box-sizing: border-box;
}

section article.commentary {
    max-width: 1400px;
}

.home header {
    background: url(../img/home-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 720px;
    margin-left: 220px;
}

.highlights header {
	background: url(../img/highlights-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}

.financials header {
	background: url(../img/fin-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}

.commentary header {
	background: url(../img/comm-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}
.downloads header {
	background: url(../img/comm-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}
.dividend header {
	background: url(../img/div-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}

.video header {
	background: url(../img/vid-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}

.downloads header {
	background: url("../img/downloads-banner.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
}

a.trigger {
display: none;
}



p.breadcrumb a {
	text-decoration: none;
	color: #5D6F77!important;
	font-weight: 400;
	font-size: 12px;
}

p.breadcrumb big {
	color: #1D326F!important;
	font-weight: 600;
	font-size: 13px;
}



.side-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background-color: #003c7a;
    color: white;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 0 5px rgba(0,0,0,0.2);
    z-index: 1000;
}

.side-menu .logo {
    padding: 20px;
    text-align: center;
}

.side-menu .logo img {
    max-width: 100%;
}

.side-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.side-menu ul li {
    position: relative;
}

.side-menu ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    color: white;
    text-decoration: none;
    transition: background 0.3s;
}

.side-menu ul li a:hover {
    background-color: rgba(255,255,255,0.1);
}

/* Indicator */
.indicator {
    font-weight: bold;
    font-size: 16px;
    color: white;
}

:root {
  --menu-w: 220px; 
  --panel-w: 260px;
}

/* keep your existing .side-menu but set the width via the variable defined above */
.side-menu { width: var(--menu-w); }

.submenu {
  position: fixed;
  top: 0;
  left: var(--menu-w);
  height: 100vh;
  width: var(--panel-w);
  background: #01B0BF;
  opacity: 0;
  transform: translateX(-16px);
  pointer-events: none;
  transition: transform .28s ease, opacity .28s ease;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 0 8px rgba(0,0,0,.15);
  overflow-y: auto; 
}

.submenu .close-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  background: none;
  border: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.submenu ul { margin: 48px 0 0; padding: 0; list-style: none; }
.submenu li a {
  display: block;
  padding: 12px 16px;
  color: #fff;
  text-decoration: none;
}

.has-submenu.open .submenu {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.downloads-box {
    padding: 20px;
    font-size: 14px;
}

.download-btn {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    background: #0066cc;
    color: white;
    text-decoration: none;
    text-align: center;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.download-btn:hover {
    border: 1px solid #FFF;
	color: #FFF!important;
}

.side-menu div.downloads-box {
    margin-top: auto;
}

.menu-line {
	color: #FFFFFF;
	/* width: 80%; */
}








.contnent {
    margin-left: 220px;
}




 h3.highlights-cont {
    color: #1D326F;
    font-size: clamp(1.6rem, calc(1.6 / 80 * 100vw), 2.5rem);
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    font-family: "roboto", sans-serif;
	border-bottom: 2px solid #E4E6E8;
	padding-left: 70px;
}


.performance-block {
	flex-basis: 15%;
	box-sizing: border-box;
}

.performance-block h5 {
    border-radius: 8px;
    border: 1px solid #3770B6;
    display: inline-block;
    padding: 4px;
    font-size: clamp(1.0rem, calc(1.0 / 80 * 100vw), 1.2rem);
    color: #1D326F;
    font-weight: 500;
    margin-right: 20px;
    margin-bottom: 40px;
}

.performance-block h4 {
    color: #1D326F;
    font-size: clamp(2.8rem, calc(5.8 / 80 * 100vw), 4rem);
    font-weight: 700;
    line-height: 0.6;
    margin-bottom: 30px;
}

.performance-block h4 small {
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
    color: #3770B6;
}


.strip {
	background-image: url("../img/bg-img-1.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 985px;
}

.strip h3 {
	color: #1D326F;
	font-weight: 600;
	margin-top: 0;
}

.button {
    max-width: 88%;
    font-size: 15px;
    font-weight: 600;
    margin-left: 20px;
    box-sizing: border-box;
    background-color: #003C7A;
    border-radius: 0px 20px 20px 0px;
    display: flex;
    justify-content: space-between;
}

.button a {
	color: #FFFFFF!important;
	padding-left: 10px;
	margin: auto 0;
}

.large-heading {
	font-size: 30px;
}

.large-text {
	font-size: 20px;
}


.head-1 {
	padding: 15px;
	font-weight: 600;
	font-size: 22px;
	background-color: #00397C;
	color: #FFFFFF;
}

.head-2 {
	padding: 15px;
	font-weight: 600;
	font-size: 22px;
	background-color: #1970B5;
	color: #FFFFFF;
}

.head-3 {
	padding: 15px;
	font-weight: 600;
	font-size: 22px;
	background-image: linear-gradient(to right, #005995 , #00A1D5);
	color: #FFFFFF;
}

.cont {
	background-color: #E4E6E8;
	padding: 30px;
	margin-bottom: 30px;
}

ul.blue-list {
	color: #1D326F;
	font-weight: 300;
	list-style: none;
	margin-top: 0;
	padding-left: 18px;
}

ul.blue-list li {
	position: relative;
	font-size: 15px;
	/* margin-bottom: 15px; */
	line-height: 1.7;
	font-family: "roboto", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #5D6F77;
	margin-top: 0px;
}

ul.blue-list li::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #5D6F77;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}


.heading {
	font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3rem);
    font-weight: 600;
    color: #1D326F;
	text-transform: none;
}

.intro {
	color: #1F70B5;
	font-weight: 300;
	font-size: 20px;
}

.intro-small {
	color: #313131;
	font-weight: 300;
	font-size: 16px;
}

.highlights-header-1 {
	display: flex;
	background-color: #01B0BF;
    border-radius: 20px 0px 0px 20px;
    position: relative;
    top: 15px;
}

.highlights-header-2 {
	display: flex;
	background-color: #51B2E6;
    border-radius: 20px 0px 0px 20px;
    position: relative;
    top: 15px;
}

.highlights-header-3 {
    display: flex;
    background-color: #1970B5;
    border-radius: 20px 0px 0px 20px;
    position: relative;
    top: 15px;
}

.highlights-header-4 {
	display: flex;
	background-color: #004181;
    border-radius: 20px 0px 0px 20px;
    position: relative;
    top: 15px;	
}

.heighlights-cont-1 {
	background-color: #EBF6F7;
	padding: 15px;
	border-left: 1px solid #01B0BF;
	border-bottom: 1px solid #01B0BF;
	border-right: 1px solid #01B0BF; min-height: 700px;
}

.heighlights-cont-2 {
	background-color: #E7F4FA;
	padding: 15px;	
	border-left: 1px solid #51B2E6;
	border-bottom: 1px solid #51B2E6;
	border-right: 1px solid #51B2E6; min-height: 700px;
} 

.heighlights-cont-3 {
	background-color: #E7F4FA;
	padding: 15px;
	border-left: 1px solid #1970B5;
	border-bottom: 1px solid #1970B5;
	border-right: 1px solid #1970B5; min-height: 700px;
}

.heighlights-cont-4 {
	background-color: #E6F0F6;
	padding: 15px;	
	border-left: 1px solid #004181;
	border-bottom: 1px solid #004181;
	border-right: 1px solid #004181; min-height: 700px;
}

.highlights-header-1 h4, .highlights-header-2 h4, .highlights-header-3 h4, .highlights-header-4 h4 {
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
}






ul.list {padding-left: 18px;margin-bottom: 10px;font-size: 15px;}
ul.list li {font-size: 15px; line-height: 1.7;font-family: "roboto", sans-serif;font-style: normal;font-weight: 300;color: #5D6F77!important;}
ul.list li ul {list-style:none;margin: 0px;padding-left: 15px;}
ul.list li ul li {position:relative;}
ul.list li ul li:before {content:'';position:absolute;top: 13px;left: -15px;display:block;width:7px;height:1px;background: #5D6F77;}


section.forward-bg {
	background-color: #E6F0F6;
}

section.forward-bg h1.heading {
	color: #3364AB;
}




section.comm h2 {
	font-size: 18px;
	font-weight: 400;
	color: #3D3D3C;
}

section.comm h3 {
	font-size: 15px;
	font-weight: 600;
	color: #01B0BF;
	margin-bottom: 15px;
}

.align {
    margin-top: 59px;
}










.finheadergreynoborderbtm {background: #DADDE1;color: #004182;font-weight: bold;border-top: 1px solid #004182;border-bottom: 0px;}	
.borderbtm {border-bottom: 1px solid #004182;}
.finrowbluecie {border-bottom: 2px solid #004282;}
.finheadergreycie {background: #DADDE1;color: #004182;font-weight: bold;border-top: 0px;border-bottom: 2px solid #004182;}
	
.accordion {
    margin-bottom: 15px;
}	
	
h4.expand {
    color: #3263AB;
    font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3.5rem);
    font-weight: 400;
    margin: 0 0 25px 0;
    font-family: "roboto", sans-serif;
}

.expand a, .expand a {
    color: #3263AB;
    text-decoration: none;
}
	
.expand a.open, .expand a.open {
    color: #51B2E6;
}	
	
h4.expand a {
    font-size: 20px;
    margin-bottom: 15px;
    border-top: 1px solid #3263AB;
    padding: 25px 25px 10px 0px;
    position: relative;
    font-weight: 400;
}
	
h4.expand a.open:after {
    content: '-';
    position: absolute;
    border-radius: 50%;
    background: url(../img/menu-trigger.png);
    width: 35px;
    height: 35px;
    background-size: contain;
    text-align: center;
    line-height: 35px;
    color: #fff;
}	










.downloads-col {
flex-basis: 45%;
padding-right: 100px;
box-sizing: border-box;
}

.downloads-row {
display: flex;
padding-top: 25px;
}

.img-col-downloads {
flex-basis: 55%;
}


.downloads-col a.big-link {
display: block;
border: 1px solid #0067B6;
padding: 20px;
position: relative;
color: #0067B6;
padding-left: 90px;
font-size: clamp(1.6rem, calc(1.6 / 80 * 100vw), 3.0rem);
}

.downloads-col a.big-link img {
    position: absolute;
    bottom: -1px;
    right: -17%;
}


.exl-row p a {
font-size: 16px;
}

.downloads-col h4.switch-blue {
padding-left: 90px;
margin-bottom: 55px;
}


.downloads-col a {
position: relative;
padding-left: 90px;
display: block;
font-size: 16px;
color: #0067B6;
margin-bottom: 39px;
}

.downloads-col a:after {
content: '\ee56';
border-radius: 50%;
background: #0067B6;
width: 50px;
height: 50px;
position: absolute;
left: 12px;
font-family: 'icomoon';
top: 50%;
transform: translateY(-50%);
color: #fff;
z-index: 9;
line-height: 50px;
text-align: center;
}

.downloads-col p {flex-basis: 50%;}









.img-responsive{max-width: 100%;display: block;}


/*FONT-WEIGHT RESETS*/
.B100 {font-weight: 100}
.B200 {font-weight: 200}
.B300 {font-weight: 300}
.B400 {font-weight: 400}
.B500 {font-weight: 500}	
.B600 {font-weight: 600}	


/*PADDING RESETS*/
.no-padding  {padding: 0 !important;}
.no-paddingT {padding-top: 0 !important;}
.no-paddingB {padding-bottom: 0 !important;}
.no-paddingL {padding-left: 0 !important;}
.no-paddingR {padding-right: 0 !important;}

.padding-60 {padding: 60px !important;}
.padding-60L {padding-left: 60px !important;}
.padding-60R {padding-right: 60px !important;}
.padding-60T {padding-top: 60px !important;}
.padding-60B {padding-bottom: 60px !important;} 

.padding-30  {padding: 30px !important;}
.padding-30L {padding-left: 30px !important;}
.padding-30R {padding-right: 30px !important;}
.padding-30T {padding-top: 30px !important;}
.padding-30B {padding-bottom: 30px !important;}

.padding-25  {padding: 25px !important;}
.padding-25L {padding-left: 25px !important;}
.padding-25R {padding-right: 25px !important;}
.padding-25T {padding-top: 25px !important;}
.padding-25B {padding-bottom: 25px !important;}

.padding-20  {padding: 20px !important;}
.padding-20L {padding-left: 20px !important;}
.padding-20R {padding-right: 20px !important;}
.padding-20T {padding-top: 20px !important;}
.padding-20B {padding-bottom: 20px !important;}

.padding-15  {padding: 15px !important;}
.padding-15L {padding-left: 15px !important;}
.padding-15R {padding-right: 15px !important;}
.padding-15T {padding-top: 15px !important;}
.padding-15B {padding-bottom: 15px !important;}

.padding-10  {padding: 10px !important;}
.padding-10L {padding-left: 10px !important;}
.padding-10R {padding-right: 10px !important;}
.padding-10T {padding-top: 10px !important;}
.padding-10B {padding-bottom: 10px !important;}

.padding-5  {padding: 5px !important;}
.padding-5L {padding-left: 5px !important;}
.padding-5R {padding-right: 5px !important;}
.padding-5T {padding-top: 5px !important;}
.padding-5B {padding-bottom: 5px !important;}

/*MARGIN RESETS*/
.no-margin  {margin: 0 !important;}
.no-marginT {margin-top: 0 !important;}
.no-marginB {margin-bottom: 0 !important;}
.no-marginL {margin-left: 0 !important;}
.no-marginR {margin-right: 0 !important;}

.margin-100  {margin: 100px !important;}
.margin-100L {margin-left: 100px !important;}
.margin-100R {margin-right: 100px !important;}
.margin-100T {margin-top: 100px !important;}
.margin-100B {margin-bottom: 100px !important;}

.margin-60  {margin: 60px !important;}
.margin-60L {margin-left: 60px !important;}
.margin-60R {margin-right: 60px !important;}
.margin-60T {margin-top: 60px !important;}
.margin-60B {margin-bottom: 60px !important;}

.margin-40  {margin: 40px !important;}
.margin-40L {margin-left: 40px !important;}
.margin-40R {margin-right: 40px !important;}
.margin-40T {margin-top: 40px !important;}
.margin-40B {margin-bottom: 40px !important;}

.margin-30  {margin: 30px !important;}
.margin-30L {margin-left: 30px !important;}
.margin-30R {margin-right: 30px !important;}
.margin-30T {margin-top: 30px !important;}
.margin-30B {margin-bottom: 30px !important;}

.margin-25  {margin: 25px !important;}
.margin-25L {margin-left: 25px !important;}
.margin-25R {margin-right: 25px !important;}
.margin-25T {margin-top: 25px !important;}
.margin-25B {margin-bottom: 25px !important;}

.margin-20  {margin: 20px !important;}
.margin-20L {margin-left: 20px !important;}
.margin-20R {margin-right: 20px !important;}
.margin-20T {margin-top: 20px !important;}
.margin-20B {margin-bottom: 20px !important;}

.margin-15  {margin: 15px !important;}
.margin-15L {margin-left: 15px !important;}
.margin-15R {margin-right: 15px !important;}
.margin-15T {margin-top: 15px !important;}
.margin-15B {margin-bottom: 15px !important;}

.margin-10  {margin: 10px !important;}
.margin-10L {margin-left: 10px !important;}
.margin-10R {margin-right: 10px !important;}
.margin-10T {margin-top: 10px !important;}
.margin-10B {margin-bottom: 10px !important;}

.margin-5  {margin: 5px !important;}
.margin-5L {margin-left: 5px !important;}
.margin-5R {margin-right: 5px !important;}
.margin-5T {margin-top: 5px !important;}
.margin-5B {margin-bottom: 5px !important;}




/*FLEX RESETS*/

.row {display: flex;}

.col-10 {flex-basis: 10%;}
.col-20 {flex-basis: 20%;}
.col-25 {flex-basis: 25%;}
.col-30 {flex-basis: 30%;}
.col-33 {flex-basis: 33%;}
.col-40 {flex-basis: 40%;}
.col-50 {flex-basis: 50%;}
.col-60 {flex-basis: 60%;}
.col-70 {flex-basis: 70%;}
.col-80 {flex-basis: 80%;}
.col-90 {flex-basis: 90%;}
.col-full {flex-basis: 100%;}

.gap-10 {gap: 10px!important;}
.gap-20 {gap: 20px!important;}
.gap-30 {gap: 30px!important;}
.gap-40 {gap: 40px!important;}
.gap-50 {gap: 50px!important;}

/*FLEX RESETS*/


/*FOOTER STYLES*/

footer a.toTop {
position: fixed;
bottom: 100px;
right: 40px;
margin-left: -17px;
height: 30px;
width: 30px;
display: block;
color: #DEEAF3;
background: #004282;
z-index: 999999;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
footer a.toTop:before {content: '';position: absolute;left: 9px;top: 12px;display: block;height: 10px;width: 10px;border-top: 2px solid #DEEAF3;border-left: 2px solid #DEEAF3;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
footer a.toTop:hover { opacity: .6; }

article.footer {
	max-width: 1600px;
    margin: 0 auto;
    padding: 40px 55px;
    box-sizing: border-box;
}

article.footer h4 {
	font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3rem);
	font-weight: 600;
	color: #5D6F77;
}

.footer-accordion {
    width: 100%;
    margin: 10px auto;
}

.footer-item {
    margin-bottom: 5px;
    overflow: hidden;
    background: #fff;
}

.footer-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
	border: 1px solid #1D326F;
}

.header-text {
    color: #1D326F;
    padding: 15px;	
    font-size: 18px;
    font-weight: bold;
}

.footer-content {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    background: #fff;
    color: #333;
	border-top: 0px!important;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.footer-item.active .footer-content {
    max-height: 1500px;
    padding: 15px;
    opacity: 1;
	border-left: 1px solid #1D326F;
    border-right: 1px solid #1D326F;
    border-bottom: 1px solid #1D326F;
}

.icon-bg {
	position: relative;
	width: 60px;
	height: 62px;
	background-color: #1D326F;
}

.icon {
	position: absolute;
	left: 35%;
	top: 25%;
	color: #fff;
	font-size: 20px;
	transition: transform 0.3s ease;
}

.footer-item.active .icon {
    transform: rotate(90deg);
}



/*FOOTER STYLES*/



/*FINANCIALS*/

.fin-tbl tr:hover {background:#F3F3F3; color:#000;} 
tr.no-hover:hover {color:#203263!important;}
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px; margin-top:25px; color:#5D6F77;}
.fin-tbl tr td {padding: 3px 10px 3px 3px; font-size: 15px;}
.fin-tbl th {color:#004181; font-weight:bold; background:#EFF0F1; padding:3px 10px 3px 3px;font-size:15px!important;}

.finhead {background:#004181; color:#FFFFFF; font-weight:bold;}
.finheadergreytop {background:#DADDE1; color:#004181; font-weight:bold; border-bottom:2px solid #004181;}
.finheadergrey {background:#DADDE1; color:#004181; font-weight:bold; border-top:1px solid #004181; border-bottom:2px solid #004181;}
.finthintopblue {border-top:1px solid #004181;}
.finthinwhite {border-bottom:1px solid #FFFFFF;}
.finthicklineblue {border-bottom:3px solid #004181;}
.finthickerlineblue {border-bottom:3px solid #004181;}
.finrowblue {border-top:1px solid #004181; border-bottom:2px solid #004181;}


.finthinline {border-bottom:1px solid #C0C1C3;}
.finthickline {border-bottom: 2px solid #064181;}
.finthinlinegrey {border-bottom:1px solid #C0C1C3;}
.finthicklinegrey {border-bottom:2px solid #C0C1C3;}
.fintop {border-top:1px solid #C0C1C3;}
.fintopleft {border-top:1px solid #C0C1C3; border-left:1px solid #C0C1C3;}
.fintopright {border-top:1px solid #C0C1C3; border-right:1px solid #C0C1C3;}
.finbottom {bottom-top:1px solid #C0C1C3;}
.finbotleft {border-bottom:1px solid #C0C1C3; border-left:1px solid #C0C1C3;}
.finbotright {border-bottom:1px solid #C0C1C3; border-right:1px solid #C0C1C3;}
.finleft {border-left:1px solid #C0C1C3;}
.finright {border-right:1px solid #C0C1C3;}
.finrowright {border-right:1px solid #C0C1C3; border-top:1px solid #C0C1C3; border-bottom:1px solid #C0C1C3;}
.finrowleft {border-left:1px solid #C0C1C3; border-top:1px solid #C0C1C3; border-bottom:1px solid #C0C1C3;}
.finrow {border-top:1px solid #C0C1C3; border-bottom:1px solid #C0C1C3;}


.fin-tbl tr td[width~="5"],
.fin-tbl tr th[width~="5"]{padding: 0;}
.fin-tbl tr td[height~="10"],
.fin-tbl tr th[height~="10"]{padding: 0;}

tr.finthineline td, tr.finthineline th {border-bottom:1px solid #C0C1C3;}
tr.finthicklineblue td, tr.finthicklineblue th {border-bottom:3px solid #064181;}
tr.finthickline td, tr.finthickline th {border-bottom:2px solid #C0C1C3;}
tr.finthineline td, tr.finthineline th {border-bottom:1px solid #C0C1C3;}

a.exl {
display: inline-block;
margin: 5px;
position: relative;
text-align: center;
vertical-align: middle;
float: right;
margin-bottom: 15px;
}

.buttons {
display: block;
position: relative;
min-height: 70px;
margin-bottom: 20px;
margin-top: 20px;
}

table tr.active {
	background-color: #f0f0f0;
}	

.table-row{
	display: flex
}

.table-col{
	position: relative;
	flex-basis: 75%;
	flex-grow: 1;
	transition: .85s linear all;
}	

.graph-col{
	position: relative;
	overflow: hidden;
	flex-basis: 0%;
	flex-grow: 0;
	padding-left: 0;
	transition: .85s linear all!important;
}	

.graph-col.open{
	flex-basis: 25%;
	flex-grow: 0;
	transition: .85s linear all!important;
	padding-left: 60px;
	overflow: visible;
}	

	
.graph-trigger{
	display: inline-block;
	position: relative;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	float: right;
	margin-bottom: 15px;
}

.graph-container{
	min-width: 310px;
	min-height: 400px;
	margin: 0 auto;
	position:sticky;
	top: 0;
	padding-top: 30px;
}













.link {cursor: pointer;}

.fincaption {font-size:12px!important; font-style:italic;}
.caption {font-size:12px!important;}
.switch-blue {color:#004181!important;}
.switch-white {color:#FFFFFF!important;}
.switch-grey {color:#5D6F78!important;}
.switch-turquise {color:#0081AE!important;}
.switch-green {color:#61AF58!important;}
.switch-black {color:#000!important;}
.switch-lblue {color:#1A71B5!important;}
.switch-darkerblue {color:#004181!important;}
.img-vertical-align {vertical-align:bottom!important;}
.switch-purple {color:#7A659E!important;}
.switch-lightblue {color:#00A4B7!important;}
.switch-lighterblue {color:#0082AF!important;}
.switch-lightestblue {color:#007BBD!important;}


