@page {
	size: A4 portrait;
	margin-left: 2.5cm;
	margin-right: 2.5cm;
}
		
.for-print {
	display: none;
}

@media all {
	.page-break	{ 
		display: none;
	}
}
@media print {    
	body { 
        padding: 0px !important;
        margin: 0px !important;
	}
	  
	.page-break	{
		display: block;
	}
	
	#split {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		page-break-inside: avoid;
	}
	
	.no-print, .no-print * {
		display: none !important;
	}
	
	#c1 {
		font-size: 36px !important;
		line-height: 115% !important;
		padding:0px 8px !important;
	}
	
	#firstcol {
		display:inline-block;
	}
	
	#secondcol {
		display:inline-block;
		margin-left: 30px;
		position: relative;
		top: -240px;
	}
	
	.chart-area {
		margin-bottom: 20px !important;
	}

	.sub-title {
		font-weight: normal !important;
		font-size: 26px !important;
		text-transform: capitalize !important;
		border: 2px solid #000000 !important;
		background-color: #efb969 !important;
		width: 100% !important;
		padding-top: 5px !important;
		padding-bottom: 8px !important;
	}
	
	.body-explanation-dark {
		background: #d8e0e6 !important;
	}

	.body-explanation-light {
		background: #e8edf1 !important;
	}
	
	.chart-header {
		font-size: 10px;
		font-weight: normal;
	}
	
	.sub-title-below {
		margin-top: 30px !important;
	}
	
	.sub-footer {
		font-size: 9px;
	}
	.footer-2 {
		height: 0px;
	}
	
	.layerRBP {
		opacity: 0.6 !important;
		filter: alpha(opacity=60) !important;
		fill: #efb969 !important;
	}
}

select {
	-webkit-appearance: menulist;
	/*webkit browsers */
	-moz-appearance: menulist;
	/*Firefox */
	appearance: menulist;
	/* modern browsers */
	border-radius: 0;
}

#c1 {
	margin-top: 20px;
	padding: 0px;
	font-size: 22px;
	font-weight: bold;
	color:#6f828e;
	border: 0.0;
	height: 34px;
	line-height:33px;
	text-transform: capitalize;
}

.hidden { 
	display: none; 
}

div.tooltip {
	color: #222; 
	background: #fff; 
	padding: .1em; 
	text-shadow: #f5f5f5 0 1px 0;
	border-radius: 2px; 
	box-shadow: 0px 0px 2px 0px #a6a6a6; 
	opacity: 0.9; 
	position: absolute;
	font-size: small;
	line-height: 100%;
	z-index:1000;
	width:100px;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  //display: none;
}

.layerRBPMale {
	opacity: 0.8;
	filter: alpha(opacity=80);
	fill: rgb(135,135,134);
	/*fill: rgb(135,135,134) !important;*/
	/*fill: #ff8c00 !important;*/
	/*fill: #c7e9b4 !important;*/
	/*fill: steelblue !important;
	opacity: 0.7 !important;*/
	/*fill: #909497 !important;*/
}

.layerRBPFemale {
	opacity: 0.8;
	filter: alpha(opacity=80);
	fill: rgb(243,146,0);
	/*fill: #ff8c00 !important;*/
	/*fill: #c7e9b4 !important;*/
	/*fill: red !important;
	opacity: 0.7 !important;*/
	/*fill: #909497 !important;*/
}

/* 1 = male, 2 = female */
/* option 0: male - {adult:rgb(135,135,134), ado:rgb(65,65,65)}, female = {adult:rgb(243,146,0), ado:rgb(253,95,0)} */
/* option 1: male - {adult:#3d405b, ado:#878786}, female = {adult:#e07a5f, ado:#f39200} */
/* option 2: male - {adult:#878786, ado:#4d9de0}, female = {adult:#e15554, ado:#f39200} */
/* option 3: male - {adult:#878786, ado:#20bf55}, female = {adult:#6e2594, ado:#f39200} */
/* option 4: male - {adult:#878786, ado:#20bf55}, female = {adult:#f39200, ado:#6e2594} */
.line1, .gline1 {
	stroke: rgb(135,135,134);/*rgb(135,135,134);*/
	fill: none;
	stroke-width: 2.5px;
}
.line2, .gline2 {
    stroke: rgb(243,146,0);/*rgb(243,146,0);*/
    fill: none;
    stroke-width: 2.5px;
}

.area1, .garea1 {
	fill: rgb(135,135,134);/*rgb(175,175,175);*/
	opacity: 0.3;
}
.area2, .garea2 {
  fill: rgb(243,146,0);/*rgb(240,182,94);*/
  opacity: 0.3;
}

.line1ado, .gline1ado {
	stroke: #8B4513;
	fill: none;
	stroke-width: 2.5px;
}
.line2ado, .gline2ado {
    stroke: #6e2594;
    fill: none;
    stroke-width: 2.5px;
}

.area1ado, .garea1ado {
	fill: #8B4513;/*rgb(175,175,175);*/
	opacity: 0.3;
}
.area2ado, .garea2ado {
  fill: #6e2594;/*rgb(240,182,94);*/
  opacity: 0.3;
}

/* .line1 {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.area1 {
  fill: #81F7F3;
  opacity: 0.2;
}

.layerRBP {
	fill: #c9314f;
}

.line2 {
	fill: none;
	stroke: red;
	stroke-width: 1.5px;
}

.area2 {
	fill: #F7BE81;
	opacity: 0.2;
}

.gline1 {
	fill: none;
	stroke: steelblue;
	stroke-width: 2px;
	opacity: 0.5;
}

.garea1 {
	fill: steelblue;
	opacity: 0.2;
}

.gline2 {
	fill: none;
	stroke: red;
	stroke-width: 2px;
	opacity: 0.5;
}

.garea2 {
	fill: red;
	opacity: 0.2;
} */

.legend {
	padding: 5px;
	font: 15px sans-serif;
	background: yellow;
	box-shadow: 2px 2px 1px #888;
}

.axis text {
	font-size: 12px;
}

/* basic positioning */
.clegend {  display: inline;font-size: 12px;
	font-weight: light; z-index:9000;}
.clegend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; 
transform: translate(0px, 3px);
	-webkit-transform: translate(0px, 3px);
	-moz-transform: translate(0px, 3px);
	-o-transform: translate(0px, 3px);
	-ms-transform: translate(0px, 3px);}
	
/* your colors */
.clegend .b1 { background-color: #225ea8 !important;; }
.clegend .b2 { background-color: #41b6c4 !important;; }
.clegend .b3 { background-color: #c7e9b4 !important;; }
.clegend .b4 { background-color: #ffffe0 !important;; }
.clegend .b5 { background-color: #ffb9bb !important;; }
.clegend .b6 { background-color: #ef738b !important;; }
.clegend .b7 { background-color: #c9314f !important;; }	

.clegend .htn1 { background-color: #cd3333 !important;; }
.clegend .htn2 { background-color: #ffa332 !important;; }
.clegend .htn3 { background-color: #add9aa !important;; }
.clegend .htn4 { background-color: #3cb371 !important;; }	

#imagesbar{
	overflow-y: scroll;
	overflow-x: hidden;
}

.sub-title{
	border-bottom: 2px solid #e9a542;
	width: 97%;
	color:#e9a542;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.chart-header{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 20px;
	vertical-align: top;
	width: 100%;
	position: relative;
	left: 2%;
}

.chart-area {
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.sub-footer{
	list-style-type:disc;
	font-size: 11px;
	/*text-align: center;*/
	width: 100%;
}

ul {
	margin-top: 20px;
}

.header-cell {
	width: 11%;
}

.projection-cell {
	width: 16%;
}

.probability-cell {
	width: 12%;
}

.body-explanation-dark {
	font-weight:normal;
	background: #d8e0e6;
	border-bottom: 1px solid #000000;
}

.body-explanation-light {
	font-weight:normal;
	background: #e8edf1;
	border-bottom: 1px solid #000000;
}

.table-header {
	font-weight:bold;
	border-bottom: 1px solid #000000;
}

.fix-top-border {
	border-top: 1px solid #000000;
}

#projection-table {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	border-collapse: collapse;
	width: 650px;
	padding-bottom: 20px;
	text-align: center;
}

#title-country {
	color:#6f828e;
	font-size: 28px;
	font-weight: bold;
}

.page-title {
	margin-bottom: 25px;
}

.topics-sidebar {
    float: left;
    top: 20%;
}

.fixed-cpsb {
    position: fixed;
	top: 70px;
}

a.btn-sidebar {
	width: 175px;
	margin-left: 5%;
}

.btn:focus {
	color: #f9ad19;
}

.btn:hover {
	color: #FFFFFF;
}

.category {
	display:none;
	margin-bottom: 25px;
	margin-top: 15px;
}

.fade-in {
    -webkit-animation: fadeEffect 0.8s;
    animation: fadeEffect 0.8s; /* Fading effect takes 1 second */
}

#bmi-cat, #bmi-cat-1 {
	margin-bottom: 5px;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

#all-charts {
	position: relative;
	left: 20px;
}

.footnotes {
	margin-top: 30px;
}