/*/////////////////////////////////////////////////////////
	ANNUAL REPORT SIDEBAR NAVIGATION MENU
////////////////////////////////////////////////////////*/

#annual-report-nav-wrapper {
	margin: 0;
	padding: 0;
	border-right: 1px solid #656565;
	background-color: #263238;
	box-shadow: 1px -1px 4px -1px rgba(0,0,0,.2);
}

.region-annual-report-menu  ul.menu  li {
	background-color: #263238;
	border-bottom: 1px solid #656565;
}

.region-annual-report-menu  ul.menu  li.active {
	background-color: #2196F3;
}

.region-annual-report-menu  ul.menu  li.active a.active {
	color: #FFF;
	/* background-color: #49c2f1; */
}

.region-annual-report-menu  ul.menu  li.open a.active,
.region-annual-report-menu  ul.menu  li.open a:hover,
.region-annual-report-menu  ul.menu  li.open a:focus {
	color: #FFF;
	background-color: #49c2f1;
}

.region-annual-report-menu ul.menu li a:after {
	font-family: 'Material Icons';
	content: "chevron_right";
	-webkit-font-feature-settings: 'liga';
	position: absolute;
	font-size: 1.35rem;
	right: 5px;
}

.region-annual-report-menu  ul.menu  li  a {
	color: #FFF;
	font-size: 1.35rem;
	padding: 15px;
}

.region-annual-report-menu  ul.menu  li  a:hover, .nav li  a:hover,
.region-annual-report-menu  ul.menu  li  a:hover, .nav li a:focus,
.region-annual-report-menu  ul.menu  li  a:hover, .nav li a:active {
	background-color: #49c2f1;
	color: #FFF;
}

.region-annual-report-menu  ul.menu ul.dropdown-menu {
	position: static;
	float: none;
	border-radius: 0;
	border: none;
	box-shadow: none;
	margin: 0;
	padding-left: 30px;
	background-color: #263238;
}

.region-annual-report-menu  ul.menu ul.dropdown-menu li,
.region-annual-report-menu  ul.menu ul.dropdown-menu li a:hover,
.region-annual-report-menu  ul.menu ul.dropdown-menu li a:active,
.region-annual-report-menu  ul.menu ul.dropdown-menu li a:focus {
	background: none;
	border: none;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT CONTENT BASE STYLES
////////////////////////////////////////////////////////*/

body {
	background-color: #FFF!important;
	color: #263238;
  font-size: 10px;
}

body > div.main-container.container-fluid > div > section {
  padding: 0;
}

body > div.main-container.container-fluid > div > section > ul.menu.tabs--primary.nav.nav-tabs,
ul.menu.action-links {
  /* display: none; */
}

.page-header {
  margin-top: 25px;
  display: none;
}

.navbar {
  padding: 5px;
}

.navbar-brand {
  font-size: 1.4rem;
}

#navbar-collapse > nav > ul.menu > li > a {
  font-size: 1.2rem;
}

.region-content {
  margin-top: 0;
}

h1 {
  color: #175B7D;
  font-size: 2.8rem;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 30px;
}

h2 {
	font-size: 2.2rem;
	font-weight: 300;
	margin-top: 30px;
	color: #263238;
}

h3 {
	color: #2196F3;
  font-size: 2.0rem;
  font-weight: 300;
}

h4 {
	color: #2196F3;
  font-size: 1.6rem;
}

.annual-report-content p,
.annual-report-content div,
.annual-report-content ul,
.annual-report-content ol {
	font-size: 1.4rem;
	line-height: 1.6;
}

.annual-report-content address {
	font-size: 1.2rem;
}

.layout-margin--large {
	margin: 30px;
}

.layout-padding--large {
	padding: 30px;
}

.margin-top--large { margin-top: 30px; }
.margin-left--large { margin-left: 30px; }
.margin-bottom--large { margin-bottom: 30px; }
.margin-right--large { margin-right: 30px; }

.padding-top--large { padding-top: 30px; }
.padding-left--large { padding-left: 30px; }
.padding-bottom--large { padding-bottom: 30px; }
.padding-right--large { padding-right: 30px; }

.margin-top--extra-large { margin-top: 60px; }
.margin-left--extra-large { margin-left: 60px; }
.margin-bottom--extra-large { margin-bottom: 60px; }
.margin-right--extra-large { margin-right: 60px; }

.padding-top--extra-large { padding-top: 60px; }
.padding-left--extra-large { padding-left: 60px; }
.padding-bottom--extra-large { padding-bottom: 60px; }
.padding-right--extra-large { padding-right: 60px; }

.report-year-bar {
	border-bottom: 1px solid #DDD;
}

.report-year-chip {
	background-color: #DDD;
	padding: 8px 12px;
	border-radius: 12px;
	display: inline-block;
}

.report-year-chip-text {
	font-size: 1.2rem;
}

.report-year-bar-text {
	padding-bottom: 5px;
	font-size: 1.4rem;
}

.annual-report-section-fixed {
	height: 100%;
}

.annual-report-fixed-gutter {
	margin-left: -15px;
	padding-left: 15px;
}

.annual-report-sub-navigation a {
	border-radius: 0;
	background-color: #175B7D;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}

.annual-report-sub-navigation a:hover,
.annual-report-sub-navigation a:focus,
.annual-report-sub-navigation a:target {
	color: #FFF;
	opacity: 0.85;
}

.checkbox-list {
	list-style: none;
	padding-left: 15px;
}

.checkbox-list li {
	color: #175B7D;
	font-size: 1.4rem;
	padding: 10px 0;
}

.checkbox-list li i {
	vertical-align: middle;
	margin-right: 10px;
}

.header-logo {
	display: inline-block;
	max-width: 85px;
	margin-right: 15px;
}

.annual-report-content {
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
}

.annual-report-content:after {
	display: table;
	content: "";
	clear: both;
}

.annual-report-main-content {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
}

.annual-report-sidebar {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
}

.annual-report-sidebar + .annual-report-sidebar {
	margin-top: 15px;
}

.annual-report-section-header h1 {
	color: #0D47A1;
	font-weight: 300;
}

.annual-report-section-header h4 {
	color: #FFF;
}

.annual-report-sidebar-logo {
	padding: 15px;
	//border-bottom: 1px solid #DDD;
}

.annual-report-sidebar-text {
	padding: 15px;
}

.useful.menu-links-header {
	color: #FFF;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 15px;
	margin-top: 0;
	border-bottom: 1px solid #DDD;
}

.useful.menu-links {
	list-style: none;
	padding-left: 0;
}

.useful.menu-links li {
	border-bottom: 1px solid #DDD;
	padding: 8px 15px;
}

.useful.menu-links li:first-child {
	padding-top: 0;
}

.useful.menu-links li:last-child {
	border-bottom: none;
}

.footer {
	margin-top: 0;
}

.annual-report-filters-wrapper {
	background-color: #F1F1F1;
}

.data-nav-section {
	display: none;
}

.help-text {
	color: #888;
}

.annual-report-data-explanation {
	color: #FFF;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.annual-report-data-explanation p {
	font-size: 1.6rem;
	color: #FFF;
}

.annual-report-data-explanation h5 {
	//text-decoration: underline;
	text-transform: uppercase;
	font-size: 1.6rem;
	//font-weight: 300;
}

.first-letter:first-letter {
	float: left;
	font-size: 2.2rem;
	background-color: #FFF;
	padding: 5px 10px;
	margin: 0 10px 0 0;
	border-radius: 5px;
}

.first-letter-white:first-letter { color: #FFF; }
.first-letter-cyan:first-letter { color: #4AC9BC; }
.first-letter-green:first-letter { color: #23b578; }
.first-letter-purple:first-letter { color: #5C6BC0; }
.first-letter-orange:first-letter { color: #FB8C00; }
.first-letter-slate:first-letter { color: #607D8B; }
.first-letter-red:first-letter { color: #F44336; }
.first-letter-slate:first-letter { color: #607D8B; }
.first-letter-blue:first-letter { color: #2196F3; }
.first-letter-pink:first-letter { color: #F06292; }

.bg-white { background-color: #FFF; }
.bg-light-gray { background-color: #F5F5F5; }
.bg-light-black { background-color: #555; }
.bg-black { background-color: #222; }
.bg-cyan { background-color: #4AC9BC; }
.bg-green { background-color: #23b578; }
.bg-purple { background-color: #5C6BC0; }
.bg-orange { background-color: #FB8C00; }
.bg-slate { background-color: #607D8B; }
.bg-blue { background-color: #2196F3; }
.bg-pink { background-color: #F06292; }


button.bg-cyan, a.bg-cyan { border: 1px solid #4AC9BC; }
button.bg-green, a.bg-green { border: 1px solid #23b578; }
button.bg-purple, a.bg-purple { border: 1px solid #5C6BC0; }
button.bg-orange, a.bg-orange { border: 1px solid #FB8C00; }
button.bg-slate, a.bg-slate { border: 1px solid #607D8B; }
button.bg-blue, a.bg-blue { border: 1px solid #2196F3; }
button.bg-pink, a.bg-pink { border: 1px solid #F06292; }

a.bg-cyan:hover,
a.bg-cyan:active,
a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:active,
button.bg-cyan:focus {
	background-color: #43a299;
}

a.bg-green:hover,
a.bg-green:active,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:active,
button.bg-green:focus {
	background-color: #3ecc90;
	color: #FFF;
}

a.bg-purple:hover,
a.bg-purple:active,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:active,
button.bg-purple:focus {
	background-color: #5C6BC0;
}

a.bg-orange:hover,
a.bg-orange:active,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:active,
button.bg-orange:focus {
	background-color: #FB8C00;
}

a.bg-slate:hover,
a.bg-slate:active,
a.bg-slate:focus,
button.bg-slate:hover,
button.bg-slate:active,
button.bg-slate:focus {
	background-color: #78909C;
}

a.bg-blue:hover,
a.bg-blue:active,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:active,
button.bg-blue:focus {
	background-color: #2196F3;
}

a.bg-pink:hover,
a.bg-pink:active,
a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:active,
button.bg-pink:focus {
	background-color: #F06292;
}

.text-white { color: #FFF; }
.text-cyan { color: #4AC9BC; }
.text-green { color: #23b578; }
.text-purple { color: #5C6BC0; }
.text-orange { color: #FB8C00; }
.text-slate { color: #607D8B; }
.text-blue { color: #2196F3; }
.text-pink { color: #F06292; }
.text-red { color: #F44336; }
.text-yellow { color: #FFFF00; }

.graph-title {
	font-size: 2.0rem;
}

.legend-text {
	margin-right: 8px;
}

.legend-circle {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #222;
	-webkit-border-radius: 50%;
  	-moz-border-radius: 50%;
  	border-radius:50%;
	margin-right: 5px;
}

.legend-circle-hollow {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 2px solid #222;
	-webkit-border-radius: 50%;
  	-moz-border-radius: 50%;
  	border-radius:50%;
	margin-right: 5px;
}


.date-filters-submit-btn {
	margin-top: 20px;
	color: #FFF;
	border-radius: 5px;
	padding: 8px;
}

.axis-dark line{
  stroke: #FFF;
}

.axis-dark path{
  stroke: #FFF;
}

.axis-dark text{
  fill: #FFF;
}


.storyline-tabber {
	list-style: none;
	padding-left: 0;
	background-color: #F5F5F5;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
  	border-radius: 8px;
}

.storyline-tab:first-of-type {
	-webkit-border-top-left-radius: 8px;
  	-moz-border-top-left-radius: 8px;
  	border-top-left-radius: 8px;
  	-webkit-border-bottom-left-radius: 8px;
  	-moz-border-bottom-left-radius: 8px;
  	border-bottom-left-radius: 8px;
}

.storyline-tab {
	display: inline-block;
	padding: 15px;
	margin-right: -5px;
	background-color: #F5F5F5;
	color: #0D47A1;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-top-color: transparent;
	cursor: pointer;
}

.storyline-tab:not(:first-of-type):hover,
.storyline-tab:not(:first-of-type):active,
.storyline-tab:not(:first-of-type):focus {
	background-color: #E9E9E9;
}

.storyline-tab-active{
	background-color: #FFF;
	border-top-color: transparent;
	color: #0D47A1;
	font-weight: 600;
}

.disclaimer {
	color: #FFF;
	position: absolute;
	bottom: 15px;
	padding: 15px;
}

.disclaimer a {
	color: #49c2f1;
}


.disclaimer a:hover,
.disclaimer a:active,
.disclaimer a:focus {
	color: #95d8f2;
}

.footer {
	display: none;
}

.useful-links-list {
	list-style: none;
	padding-left: 15px;
}

.useful-links-list li a i {
	vertical-align: middle;
	margin-right: 5px;
}


/*/////////////////////////////////////////////////////////
	ANNUAL REPORT MONITORING REPORT CONTENTS STYLES
////////////////////////////////////////////////////////*/

.annual-report-monitoring-content {
	background-color: #FAFAFA;
}

.annual-report-monitoring-left-section {
	background-color: #FFF;	
	border-right: 1px solid #DDD;
	box-shadow: 0 2px 4px -2px rgba(55,55,55,.2), 0 4px 5px 0 rgba(55,55,55,.14), 0 1px 10px 0 rgba(55,55,55,.12);
	/* height: 100vh; */
}

.annual-report-monitoring-right-section {
	/* background-color: #FAFAFA; */
}

.annual-report-monitoring-sub-section {
	border-radius: 4px;
	border: 1px solid #DDD; 
	background-color: #FFF;
}

.prf-list {
	list-style: none;
	padding-left: 15px;
	margin-top: 15px;
}

#prf-activities-map,
#monitoring-program-map {
	width: 100%;
	height: 70vh;
}

.annual-report-card-title {
	font-size: 1.8rem;
}

.annual-report-card-img {
	margin-left: auto;
	margin-right: auto;
}

.annual-report-card-secondary-title {
	font-size: 1.4rem;
	color: #656565;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT TABLE OF CONTENTS STYLES
////////////////////////////////////////////////////////*/

.ccbwqa-members-list {
	padding-left: 20px;
	font-size: 1.4rem;
}

.ccbwqa-members-list li {
	margin-top: 5px;
}

.toc-list {
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1.5px solid #DDD;
}

.toc-list li {
	margin-bottom: 10px;
}

.toc-list li a {
	color: #848484;
	font-size: 1.4rem;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT INTRODUCTION STYLES
////////////////////////////////////////////////////////*/

.annual-report-intro-container h4 {
	color: #0D47A1;
}

.annual-report-intro-container p {
	font-size: 1.6rem;
	line-height: 1.5;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT FUNDING STYLES
////////////////////////////////////////////////////////*/

.funding-legend {
	text-align: center;
}

.funding-legend-item {
	display: inline-block;
	margin: 8px;
}

.funding-legend-rect {
	margin-left: auto;
	margin-right: auto;
}

.funding-legend-text {
	font-size: 1.2rem;
	margin-top: 10px;
	text-transform: capitalize;
}

.timeline-step-shapes {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 10%;
}

.timeline-step-content {
  display: inline-block;  
  vertical-align: middle;
  width: 89%;
  max-width: 400px;
}

.timeline-step-content img {
  max-width: 300px;
}

.timeline-step-dot {
  border:4px solid cornflowerblue;
  height: 45px;
  width: 45px;
  display: inline-block;
  line-height: 35px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
  border-radius: 100%!important;
  -webkit-border-radius: 100%!important;
  -moz-border-radius: 100%!important;
  margin-top: -2px;
  text-align: center;
}

.timeline-step-line {
  width: 10px;
  height: 375px;
  background: cornflowerblue;
  margin-left: auto;
  margin-right: auto;
  margin-top: -5px;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT D3 STYLES
////////////////////////////////////////////////////////*/

.d3-line {
	fill: none;
}

.d3-tooltip-card {
  opacity: 0;
  background-color: rgba(20,20,20,0.9);
  color: #FFF;
  border-radius: 4px;
  border: 1px solid #444;
  position: absolute;
  margin: 5px;
  padding: 15px;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2);
}

.d3-tooltip-title {
  font-size: 1.45rem;
  margin-bottom: 5px;
}

.d3-tooltip-value {
  font-size: 1.45rem;
  margin-bottom: 5px;
}

.d3-tooltip-legend,
.d3-tooltip-value {
  display: inline-block;
}

.d3-tooltip-legend {
  vertical-align: middle;
  width: 25px;
  height: 4px;
  margin-right: 5px;
}


/*/////////////////////////////////////////////////////////
	ANNUAL REPORT POPULATION STYLES
////////////////////////////////////////////////////////*/

.pop-map-img {
	max-height: 400px;
}

.pop-map-figure-title {
	color: #175B7D;
	font-size: 2rem;
}

.pop-map-legend {
	list-style: none;
	padding-left: 0;
}

.legend-box {
	width: 40px;
	height: 20px;
	vertical-align: middle;
	margin-right: 0.8rem;
	border: 1px solid #858585;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT USGS FLOW GRAPH STYLES
////////////////////////////////////////////////////////*/

.usgs-gages-chips {
	font-size: 1.3rem;
}

.data-nav {
	list-style: none;
	padding-left: 0;
}

.data-nav li {
	color: #AAA;
	padding: 4px;
}

.data-nav li.active {
	color: #43a299;
	font-weight: bold;
}

.data-nav li:hover {
	cursor: pointer;
	color: #43a299;
}

.data-nav-inline li {
	display: inline-block;
}

/* .iframe-wrapper iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
} */


/*/////////////////////////////////////////////////////////
	ANNUAL REPORT Chlorophyll A STYLES
////////////////////////////////////////////////////////*/


.graph-tooltip-section i {
	font-size:24px;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
}

.graph-tooltip-value {
	font-size: 2.0rem;
	font-weight: 700;
}

.graph-tooltip-date {
	font-size: 1.9rem;
	font-weight: 300;
	color: #555;
	padding-right: 8px;
	border-right: 1px solid #DDD;
}

.grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

.grid path {
  stroke-width: 0;
}

.graphic-placeholder {
	background-color: #dee3ec;
	width: 100%;
	height: 350px;
}


body > div.main-container.container-fluid > div > section > ul.menu.tabs--primary.nav.nav-tabs {
	/* display: none; */
}

.action-links {
	/* display: none; */
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT CCR INFLOW GRAPH STYLES
////////////////////////////////////////////////////////*/

.ccr-inflow-graph-tooltip-section i {
	font-size:24px;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
}

.ccr-inflow-graph-tooltip-section .graph-tooltip-value {
	font-size: 1.4rem;
	font-weight: 700;
	display: block;
}

.ccr-inflow-graph-tooltip-section .graph-tooltip-date {
	font-size: 1.6rem;
	font-weight: 300;
	color: #555;
	padding-right: 8px;
	border-right: none;
	border-bottom: 1px solid #DDD;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT POPULATION SECTION STYLES
////////////////////////////////////////////////////////*/

.graph-map-legend .legend-group {
	padding: 8px;
}

.graph-map-legend .legend-group .legend-box {
	border: 1px solid #858585;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
}

.color-class-1 { background-color: #ffffd1; }
.color-class-2 { background-color: #fff0ab; }
.color-class-3 { background-color: #ffde81; }
.color-class-4 { background-color: #fd9852; }
.color-class-5 { background-color: #fc5f40; }
.color-class-6 { background-color: #c41b3c; }
.color-class-7 { background-color: #8c183b; }

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT BOARD STYLES
////////////////////////////////////////////////////////*/
.board-table {
  font-size: 1.3rem;
}

.board-table th {
  background-color: #175B7D;
  color: #FFF;
}

.board-table th:nth-child(1),
.board-table td:nth-child(1) {
	width: 10%!important;
}

.board-table th:nth-child(2),
.board-table th:nth-child(3),
.board-table td:nth-child(2),
.board-table td:nth-child(3) {
	width: 45%!important;
}


.board-table .subheader {
	background-color: #444;
	color: #FFF;
	font-weight: bold;
}

.board-table .county-seats {
	background-color: #f0f4ff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.board-table .municipal-seats {
	background-color: #defaff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.board-table .other-seats {
	background-color: #eaeaea;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT MODEL RESERVOIR STYLES
////////////////////////////////////////////////////////*/
.model-bg-1 {
	width: 100%;
	height: 125px;
	background-color: #08AEEA;
	background-image: -webkit-linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
	background-image: -moz-linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
	background-image: -o-linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
	background-image: linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
}

.model-bg-2 {
	width: 100%;
	height: 125px;
	background-color: #21D4FD;
	background-image: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
	background-image: -moz-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
	background-image: -o-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
	background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}

.model-bg-3 {
	width: 100%;
	height: 125px;
	background-color: #8EC5FC;
	background-image: -webkit-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
	background-image: -moz-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
	background-image: -o-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
	background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

.model-bg-4 {
	width: 100%;
	height: 125px;
	background-color: #FEE140;
	background-image: -webkit-linear-gradient(153deg, #FEE140 0%, #FA709A 100%);
	background-image: -moz-linear-gradient(153deg, #FEE140 0%, #FA709A 100%);
	background-image: -o-linear-gradient(153deg, #FEE140 0%, #FA709A 100%);
	background-image: linear-gradient(153deg, #FEE140 0%, #FA709A 100%);
}

.model-bg-5 {
	width: 100%;
	height: 125px;
	background-color: #a18cd1;
	background-image: -webkit-linear-gradient(0deg, #a18cd1 0%, #fbc2eb 100%);
	background-image: -moz-linear-gradient(0deg, #a18cd1 0%, #fbc2eb 100%);
	background-image: -o-linear-gradient(0deg, #a18cd1 0%, #fbc2eb 100%);
	background-image: linear-gradient(0deg, #a18cd1 0%, #fbc2eb 100%);
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT INTERACTIVE NOTIFICATIONS STYLES
////////////////////////////////////////////////////////*/

.ar-interactive-notification {
	width: 300px;
	background-color: #263238;
	color: #fff;
	box-shadow: 0 2px 4px -2px rgba(55,55,55,.2), 0 4px 5px 0 rgba(55,55,55,.14), 0 1px 10px 0 rgba(55,55,55,.12);
	border-radius: 4px;
	position: fixed;
	z-index: 1200;
	right: 45px;
	bottom: 25px;
}

.ar-interactive-notification h3 {
	color: #fff;
	font-weight: 500;
}

.ar-interactive-notification ul {
	padding-left: 15px;
}

.ar-interactive-notification p,
.ar-interactive-notification li {
	font-size: 1.6rem;
	color: #fff;
}

.ar-interactive-notification button {
	color: #252525;
}

/*/////////////////////////////////////////////////////////
	ANNUAL REPORT KEY TAKEAWAYS STYLES
////////////////////////////////////////////////////////*/

.ar-key-takeaways-list {
	list-style: none;
	margin-top: 3rem;
	text-align: right;
	margin-right: 1.5rem;
}

.ar-key-takeaways-list li {
	margin-top: 1rem;
}

.ar-key-takeaways-list li a {
	color: #848484;
	text-decoration: none;
	font-size: 1.8rem;
	padding: 1rem 1rem;
}

.ar-key-takeaways-list li a:hover {
	background-color: #f5f5f6;
	border-radius: 0.4rem;
}

.ar-key-takeaways-list li a.active {
	color: #2196F3;
}

.ar-key-takeaways-text-wrapper h3 {
	font-weight: 400;
}

.ar-key-takeaways-link-title {
	font-size: 1.8rem!important;
	font-weight: 400;
	margin-top: 2rem;
	margin-bottom: 1rem;
}