/*********/
/* fonts */
/*********/
@font-face {
	font-family: "Ubuntu-Light";
	src: url("../fonts/Ubuntu-L.ttf");
}
@font-face {
	font-family: "Ubuntu-Bold";
	src: url("../fonts/Ubuntu-B.ttf");
}
@font-face {
	font-family: "Ubuntu-Medium";
	src: url("../fonts/Ubuntu-M.ttf");
}
@font-face {
	font-family: "Ubuntu-Regular";
	src: url("../fonts/Ubuntu-R.ttf");
}


/*******************/
/* petition button */
/*******************/
.btn-petition {
	right: calc(42% + 15px);
	top: 15px;
	position: absolute;
	z-index: 1000;
	color: black;
	border: 1px solid rgba(158, 158, 158, 0.6);
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	line-height: 2;
	font-size: 1rem;
	animation: btn_flash infinite 1s;
}
.btn-petition:active, .btn-petition:hover, .btn-petition:focus {
	color: black;
	background-color: white;
	border: 1px solid rgba(158, 158, 158, 0.6);
}

@-webkit-keyframes btn_flash {
	0% {
		-webkit-box-shadow: 0 0 0 0 #66cc00;
	}
	100% {
		-webkit-box-shadow: 0 0 0 10px #66cc0000;
	}
}
@keyframes btn_flash {
	0% {
		-moz-box-shadow: 0 0 0 0 #66cc00;
		box-shadow: 0 0 0 0 #66cc00;
	}
	100% {
		-moz-box-shadow: 0 0 0 10px #66cc0000;
		box-shadow: 0 0 0 10px #66cc0000;
	}
}


/************/
/* map init */
/************/
#map {
	position: absolute;
	top: 0;
	bottom: 0;
	right:0;
	width: 100%;
	outline: none;
	background-color: #d0cfd4;
}


/****************/
/* intro window */
/****************/
.intro_wrapper {
	color: white;
	height: 100%;
	position: fixed;
	width: 100%;
	right: 0;
	overflow: visible;
	z-index: 2070;
	background: rgba(0, 0, 0, 0.8);
}
.intro_body {
	/*background-color: rgba(0, 0, 0, 0.65);*/
	padding: 1.25em;
	width: 80%;
	max-width: 670px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	max-height: 100%;
	overflow: auto;
}
.intro_header {
	text-align: center;
	line-height: 1.2;
	font-size: 19pt;
	font-family: "Ubuntu-Regular";
	word-break: keep-all;
}
.intro_img_block {
	text-align: center;
	padding: 15px 0;
}
.intro_img {
	max-width: 80%;
	height: auto;
}
.intro_text {
	text-align: center;
	line-height: 1.3em;
	margin-bottom: 0.5rem;
	font-family: "Ubuntu-Light";
	font-size: 13pt;
}
.intro_button {
	padding: 5px;
	text-align: center;
}
.intro_logo {
	background: url(images/logo_gp.svg) no-repeat center;
	width: 100%;
	height: 40px;
	background-size: 180px;
	margin: 10px 0 0 0;
}
.close_intro {
	color: white;
	border: 1px solid white;
	background-color: transparent;
	margin: 5px 0;
	font-size: 13pt;
	padding: 10px 20px;
	font-family: "Ubuntu-Regular";
}
.close_intro:hover {
	color: white;
	transition: all 0.2s;
	-moz-box-shadow: 0 0 0 5px #66cc0080;
	-webkit-box-shadow: 0 0 0 5px #66cc0080;
	box-shadow: 0 0 0 5px #66cc0080;
}

/**************************/
/* holy mother of footers */
/**************************/
.big_footer {
	left: 0;
	bottom: 0;
	position: absolute;
	z-index: 1000;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.7);
	width: 58%;
}
.logos {
	/* -webkit-filter: drop-shadow(0px 3px 7px #222); */
	/* filter: drop-shadow(0px 3px 7px #222); */
	opacity: 0.8;
}
.logo_gmh {
	width: 80px;
	height: 80px;
	background: url(images/logo_gmh_color.svg) no-repeat center;
	background-size: 80px;
}
.logo_greenpeace {
	width: 110px;
	height: 30px;
	background: url(images/logo_gp_color.svg) no-repeat center;
	background-size: 110px;
	margin: 0px 5px;
}
.logo_gee {
	width: 50px;
	height: 35px;
	background: url(images/logo_gee.png) no-repeat center;
	background-size: 35px;
	margin-right: 6px;
}
.big_title {
	width: 100%;
	text-align: center;
	font-size: 14pt;
	padding: 0 12px;
	font-family: "Ubuntu-Light";
	/*border-left: 1px solid rgba(158, 158, 158, 0.3);*/
}


/*******************/
/* loading spinner */
/*******************/
.spinner_wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 3000;
	background-color: rgba(255, 255, 255, 0.7);
}
.spinner {
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: rgb(33, 150, 243);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/***********/
/* sidebar */
/***********/
.no_info_available {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: "Ubuntu-Light";
	font-size: 20pt;
	text-align: center;
}
.sidebar_chevron {
	display: none;
}
.sidebar {
	color: white;
	height: 100%;
	position: fixed;
	width: 42%;
	right: 0;
	overflow: visible;
	z-index: 2020;
}
.sidebar_hidden {
	position: fixed;
	right: calc(-100%);
}
.form_gradient {
	background: rgba(48, 61, 59, 0.95);
	height: 100%;
}
.form {
	background: none;
	/*max-width: 615px;*/
	position: relative;
	max-height: 100%;
	overflow: auto;
	padding: 0 1.4em !important;
	height: 100%;
}
.pre_header {
	display: inline-block;
	padding-bottom: 5px;
}
.top10 {
	font-family: "Ubuntu-Regular";
	font-size: 12pt;
	padding: 0 10px;
	background: -webkit-linear-gradient(1deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	background: -webkit-gradient(linear, 1deg, from(rgb(255, 211, 127), rgb(170, 189, 23) 100%)));
	background: linear-gradient(to right, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	color: rgba(48, 61, 59, 0.95);
	text-transform: uppercase;
	display: inline-block;
}
.top10_num {
	font-family: "Ubuntu-Medium";
	font-size: 23.7pt;
	display: inline-block;
}
.top10_text {
	display: inline-block;
}
.sidebar_close {
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	cursor: pointer;
	position: fixed;
	right: 0;
	margin-right: 20px;
	margin-top: -10px;
	display: inline-block;
	z-index: 1000;
	
	/* v2 below */
	font-size: 3rem;
	margin-top: 3px;
	margin-right: 0px;
	background-color: rgba(255, 255, 255, 1);
	color: gray;
	line-height: .75em;
	padding: 0 0 10px 2px;
	border-radius: 10px 0 0 10px
}
.sidebar_top {
	text-align: center;
	/* padding-bottom: 10px; */
}
.sidebar_header {
	padding-bottom: 10px;
}
.sidebar_title {
	text-align: left;
	line-height: 1;
	font-size: 36pt;
	font-family: "Ubuntu-Light";
	word-break: keep-all;
}
.strong_heading {
	font-family: "Ubuntu-Bold";
	font-size: 14pt;
	padding-bottom: 4px;
}
.third_heading {
	padding-top: 10px;
}


.region_coa {
	display: inline-block;
	padding: 0 .5em;
}
.region_coa > img {
	width: 70px;
}
.sidebar_body {
	word-break: break-word;
}


/********************/
/* sidebar elements */
/********************/
/* legend */
.legend_block {
	text-align: left;
	display: inline-flex;
	flex-flow: row wrap;
}
.legend_el {
	text-transform: uppercase;
	padding-right: 20px;
}
.legend_icon {
	height: 15px;
	width: 15px;
	margin-right: 10px;
	display: inline-block;
	line-height: 2rem;
	border-radius: 20px;
}
.legend_title {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 25px);
	text-transform: uppercase;
	font-size: 12pt;
	font-family: "Ubuntu-Regular";
	word-break: keep-all;
}
.circle_1 { background-color: rgb(255, 255, 190); }
.circle_2 { background-color: rgb(255, 211, 127); }
.circle_3 { background-color: rgb(170, 189, 23); }


/* russia choropleth legend */
.legend_block_title_russia {
	display: none;
}
.russia_show {
	display: none;
}
.circle_rus_1 { background-color: #66cc00; }
.circle_rus_2 { background-color: #86d049; }
.circle_rus_3 { background-color: #9fd470; }
.circle_rus_4 { background-color: #b6d797; }
.circle_rus_5 { background-color: #cbdaba; }
.circle_rus_6 { background-color: #dddddd; }

.legend_block_choro {
	display: flex;
	flex-direction: row-reverse;
}
.legend_el_choro {
	padding-right: 0px;
	flex: auto;
}
.legend_title_choro {
	width: 100%;
	text-align: center;
}
.legend_icon_choro {
	display: flex;
	width: auto;
	border-radius: 0px;
	margin-right: 0;
}


hr.divider {
	margin: 10px 0;
	border-top: 1px dotted white;
}
hr.first_divider {
	margin-bottom: 0;
}
hr.last_divider {
	margin: 0;
}

.generic_text {
	font-size: 14pt;
	font-family: "Ubuntu-Regular";
	padding-bottom: 15px;
	line-height: 1.4em;
}
.gen_text_gradient {
	font-family: "Ubuntu-Bold";
	background: -webkit-linear-gradient(1deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	background: -webkit-gradient(linear, 1deg, from(rgb(255, 211, 127), rgb(170, 189, 23) 100%)));
	background: linear-gradient(to right, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* area block */
.area_block {
	word-break: keep-all;
	width: 30%;
}
.area_el_title {
	font-size: 12pt;
	font-family: "Ubuntu-Regular";
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	word-break: keep-all;
}
.area_el_num {
	font-size: 36pt;
	font-family: "Ubuntu-Medium";
	text-align: center;
	display: inline-block;
}

/* comparison block */
.compare_tbl {
	vertical-align: top;
	text-align: left;
}
.td_areas_change {
	vertical-align:top;
}

/* abandoned area block */
.compare_tbl_ab {
	width: 90%;
	word-break: keep-all;
}
.compare_tbl_ab_num {
	font-weight: bold;
	font-size: 34pt;
	font-family: "Ubuntu-Light";
	background: -webkit-linear-gradient(1deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	background: -webkit-gradient(linear, 1deg, from(rgb(255, 211, 127), rgb(170, 189, 23) 100%)));
	background: linear-gradient(to right, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	line-height: normal;
	padding-right: 10px;
}
.compare_tbl_ab_text {
	font-family: "Ubuntu-Regular";
	text-align: left;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 10px;
}

/* total area block styling */
.compare_tbl_tot {
	word-break: keep-all;
}
.compare_tbl_tot_num {
	font-size: 34pt;
	font-family: "Ubuntu-Light";
	color: white;
	line-height: normal;
	padding-right: 10px;
}
.compare_tbl_tot_text {
	font-family: "Ubuntu-Regular";
	text-align: left;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 10px;
}

/* mobile chart */
.chart_mobile_img {
	vertical-align: top;
	width: 40% !important;
	margin-right: 10px;
	display: inline-block;
}
.chart_mobile_infoblock {
	display: inline-block;
	width: calc(100% - 170px);
}

/* abandoned/total percentage */
.gradient_proc_block {
	display: flex;
	word-break: keep-all;
	align-items: center;
	margin-top: 10px;
}
.gradient_proc_num {
	font-size: 36pt;
	font-family: "Ubuntu-Bold";
	background: -webkit-linear-gradient(-90deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	background: -webkit-gradient(linear, -90deg, from(rgb(255, 211, 127), rgb(170, 189, 23) 100%)));
	background: linear-gradient(to -90deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: normal;
	padding-right: 10px;
}
.gradient_proc_text {
	text-align: left;
	text-transform: uppercase;
	font-family: "Ubuntu-Regular";
}

/* first conditions block */
.hooman_icon {
	width: 11px;
	padding-right: 2px;
}
.log_icon {
	width: 28px;
	height: 28px;
	padding-right: 1px;
}
.div_table{
	width: 100%;
}
.div_table_row {
	display: flex;
	flex-flow: row wrap;
}
.div_table_cell {
	padding: 0px 5px 5px 0px;
	word-break: keep-all;
	vertical-align: top;
	flex: 4 0 0;
}
.div_table_subcell {
	display: flex;
}
.div_tbl_big_num {
	line-height: normal;
	font-size: 30pt;
	font-family: "Ubuntu-Light";
	padding-right: 10px;
	display: inline-block;
	background: -webkit-linear-gradient(1deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	background: -webkit-gradient(linear, 1deg, from(rgb(255, 211, 127), rgb(170, 189, 23) 100%)));
	background: linear-gradient(to right, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: -5px;
}
.div_tbl_big_text_h, .div_tbl_big_text_l {
	font-family: "Ubuntu-Regular";
	text-align: left;
	text-transform: uppercase;
	word-break: keep-all;
	display: inline-block;
	font-size: 10pt;
}
.div_cell_inner {
	display: inline-block;
}
.div_cell_inner_logs {
	display: flex;
	align-items: center;
}
.ppl_one_svg {
	display: inline-flex;
	padding-right: 5px;
	height: 25px;
}
.log_one_svg {
	display: inline-flex;
	padding-right: 5px;
	height: 30px;
}
#ppl1_base, #log_base {
	display: inline-block;
	word-break: keep-all;
}
#log2 {
	padding-bottom: 10px;
	padding-right: 10px;
	flex: 1 0 0;
}
#ppl1, #log {
	padding-bottom: 10px;
	padding-right: 10px;
	flex: 1 0 0;
}

.ppl_base_num, .log_base_num {
	font-size: 10pt !important;
	text-transform: uppercase;
	font-family: "Ubuntu-Light";
	line-height: normal;
}


/* my brand */
.hooman_log_legend {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 15px;
}
.hll_cell {
	display: flex;
	margin-bottom: 10px;
}


/* last conditions block (harvest) */
.last_comp_tbl {
	width: 100%;
	padding-bottom: 10px;
}
.last_comp_tbl_row {
	display: flex;
	flex-direction: row;
}
.last_comp_tbl_cell {
	word-break: keep-all;
	vertical-align: top;
	flex: 4 0 0;
}
.last_comp_tbl_subcell {
	display: inline-block;
}
.last_comp_tbl_text {
	text-align: left;
	text-transform: uppercase;
	word-break: keep-all;
	font-size: 10pt;
	font-family: "Ubuntu-Regular";
	line-height: 22px;
	vertical-align: top;
	display: inline-block;
}
.last_comp_big_num {
	font-size: 33pt;
	font-family: "Ubuntu-Light";
	padding-right: 10px;
	background: -webkit-linear-gradient(1deg, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	background: -webkit-gradient(linear, 1deg, from(rgb(255, 211, 127), rgb(170, 189, 23) 100%)));
	background: linear-gradient(to right, rgb(255, 211, 127), rgb(170, 189, 23) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	line-height: normal;
	margin-top: -5px;
}

/* footer */
.footer_block {
	text-align: left;
	color: #fff;
	font-size: 10pt;
	font-family: "Ubuntu-Light";
	padding-top: 10px;
	padding-bottom: 50px;
}
.footer_el {
	margin: .5em 0em;
}
.footer_el a {
	color: #AABD17;
	text-decoration: underline;
}
.info_question_mark {
	cursor: pointer;
	width: 18px;
	height: 18px;
	border-radius: 20px;
	display: inline-block;
	background-color: white;
	color: black;
	background-image: url(images/info.svg);
	margin-left: 2px;
	vertical-align: bottom;
}


/****************/
/* modal window */
/****************/
.modal {
	position: fixed;
	z-index: 2100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.7);
	font-size: 12pt;
}
.modal h3 {
	margin-top: 0;
	color: rgba(115, 190, 30, 1);
}
.modal_title h2 {
	margin-right: 20px;
	color: rgba(115, 190, 30, 1);
}
.modal a {
	color: rgba(115, 190, 30, 1);
}
.modal a:hover {
	color: rgba(0, 92, 66, 1);
}
.modal_content {
	background-color: #fefefe;
	padding: 20px;
	width: 70%;
	border-radius: 10px;
	margin: 5% auto;
	font-family: "Ubuntu-Regular";
}
.modal_body {
	margin: 2% auto;
}
.modal_footer {
	font-size:smaller;
}
.modal_close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	margin: -15px -10px;
}
.table_icons {
	width: 1%;
}
.table_icons td {
	padding: .5rem;
}
/*************/
/* accordion */
/*************/
.card-header {
	padding: .25rem;
}
.article_title {
	font-weight: bold;
}
.article_names {
	padding: .75em 0;
}
.article_places {
}
/***************/
/* modal logos */
/***************/
.modal_logos_block {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 15px;
}
.modal_logos.logo_gmh {
	width: 120px;
	height: 120px;
	background-size: 120px;
}
.modal_logos.logo_greenpeace {
	width: 150px;
	height: 120px;
	background-size: 150px;
	margin: 0 10px;
}
.modal_logos.logo_gee {
	width: 50px;
	height: 50px;
	background-size: 50px;
	margin: 0 10px 0 5px;
}
.modal_logos.logo_glad {
	width: 90px;
	height: 90px;
	background: url(images/logo_glad.jpg) no-repeat center;
	background-size: 90px;
	margin: 0px 7px;
}
.modal_logos.logo_copenhagen {
	width: 90px;
	height: 100px;
	background: url(images/logo_copenhagen.svg) no-repeat center;
	margin: 0px 10px;
}


/***********************/
/* sidebar shenanigans */
/***********************/
.compare_tbl_block_mobile {
	display: none;
	vertical-align: top;
	word-break: keep-all;
}
.mobile_show {
	display: none;
}

@media screen and (min-width: 1366px) {
	.legend_title {
		font-size: 10pt;
	}
	.legend_el {
		width: 33%;
		padding-right: 10px;
	}
	.area_block {
		width: 33%;
	}
}

@media screen and (max-width: 1365px) {
	.td_areas_change {
		display: inline-block;
	}
	
	hr.first_divider {
		margin-bottom: 10px;
	}
	
	/* font sizes */
	.area_el_num,
	.compare_tbl_ab_num,
	.compare_tbl_tot_num,
	.div_tbl_big_num,
	.last_comp_big_num,
	.gradient_proc_num	{
		font-size: 25pt;
		padding-right: 10px;
	}
	
	.legend_title,
	.area_el_title,
	.compare_tbl_ab_text,
	.compare_tbl_tot_text,
	.gradient_proc_text,
	.ppl_base_text,
	.log_base_text {
		font-size: 10pt;
	}
	
	.ppl_base_num, .log_base_num {
		font-size: 16pt;
	}
	
	.area_el_num {
		padding: 0 10px;
	}
	.gradient_proc_block {
		display: block;
		float: right !important;
	}
	.generic_text {
		font-size: 12pt;
	}
	
	.div_table_subcell {
		display: inline-block;
	}
	
	#ppl1, #log {
		padding-bottom: 10px;
		padding-right: 10px;
		flex: 2 0 0;
	}
}

@media only screen and (max-device-width: 960px) {
	.btn-petition {
		right: 15px;
	}

	.mobile_show {
		display: block;
	}
	.mobile_hide {
		display: none;
	}
	.td_areas_change {
		vertical-align: top;
		display: initial;
	}
	
	/* chart block */
	#ppl1, #log, #log2 {
		display: block;
	}
	.div_table_row {
		display: table-row;
		float: left;
		width: 44%;
	}
	.all_harvest_num {
		padding-right: 0px;
	}
	.font_align_right {
		text-align: right;
	}
	.div_table_body {
		display: table-row-group;
	}
	.div_table_cell {
		display: inline-block;
	}
	.div_tbl_big_text_l {
		text-align: right;
		padding-left: 5px;
	}
	
	/* second comparison block */
	.last_comp_tbl_row {
		display: inline-block;
	}
	.last_comp_tbl_cell {
		display: inline-block;
	}
	.mobile_chart_block {
		display: inline-block !important;
	}
	.mobile_chart_block > div {
		float: left;
		width: 50%;
	}
	
	/* move sidebar to the bottom */
	#wrapper {
		display: flex;
		flex-direction: column;
		overflow: hidden;
		
	}
	.panel-top {
		flex: 0 0 auto;
		padding: 10px;
		height: 150px;
		width: 100%;
		white-space: nowrap;
		background: #838383;
		color: white;
	}
	.splitter {
		flex: 0 0 auto;
		height: 18px;
		cursor: row-resize;
		z-index: 2020;
		background: url(images/splitter.png) center center no-repeat;
		background-color: rgba(48, 61, 59, 0.95);
	}
	
	/* sidebar */
	.sidebar_chevron {
		display: block;
		text-align: center;
		-webkit-filter: drop-shadow(5px 5px 5px #222);
		filter: drop-shadow(5px 5px 5px #222);
	}
	.sidebar {
		width: 100%;
		bottom: 0;
		height: 60%;
		flex: 1 1 auto;
		position: inherit;
	}
	.sidebar_title {
		font-size: 25pt;
	}
	.sidebar_close {
		font-size: 3rem;
		position: fixed;
		right: 0;
		margin-top: 0px;
		margin-right: 0px;
		background-color: rgba(255, 255, 255, 1);
		color: gray;
		line-height: .75em;
		padding: 0 0 10px 2px;
		border-radius: 10px 0 0 10px
	}
	.sidebar_top {
		padding-bottom: 0px;
		height: 0px;
	}
	.sidebar_header {
		padding-bottom: 10px;
		padding-right: 20px;
	}
	
	/* modal */
	.modal_content {
		width: 100%;
		margin: 0;
		border-radius: 0px;
	}
	.modal_close {
		font-size: 2em;
		margin: 0px;
		position: fixed;
		right: 0;
		background-color: white;
		box-shadow: 0 3px 14px rgba(0,0,0,0.4);
		color: #aaa;
		padding: 0px 10px;
		border-radius: 10px 0px 0px 10px;
		z-index: 1000;
	}
	.modal_title h2 {
		font-size: 17pt;
	}
	.card-body {
		padding: .75rem;
	}
	.card-header h5 {
		text-align: center;
	}
	
	/* logos */
	.big_footer {
		margin: 0px 0px 50px 0px !important;
		width: auto;
	}
	.gplogos {
		margin: 0px;
	}
	.logo_greenpeace {
		margin-top: -10px;
	}
	.footer_block {
		padding: 5px 0 30px 0;
		font-size: 9pt;
	}
	
	/* modal logos */
	.modal_logos.logo_greenpeace {
		width: 120px;
		height: 120px;
		background-size: 120px;
		margin: 0 10px 0px 5px;
	}
	/* modifying default libs */
	.leaflet-bottom.leaflet-right {
		right: 0 !important;
		top: 0;
	}
	.leaflet-control-attribution.leaflet-control {
		display: none;
	}
	.leaflet-bottom .leaflet-control-scale {
		margin-right: 0;
	}
	.leaflet-control-scale-line {
		border-bottom: none;
		border-top: 2px solid #777;
	}
	
	
	/* intro window */
	.intro_wrapper {
		background: rgba(0, 0, 0, 0.88);
	}
	.intro_body {
		background-color: transparent;
		padding: 1em .8em;
		width: 100%;
	}
	.intro_img {
		max-width: 90%;
	}
}


/**********************/
/* easy.button styles */
/**********************/
.button-state {
	background-color: white;
	background-size: 30px;
	cursor: pointer;
	height: 30px;
	width: 30px;
}
.info-active {
	background-image: url(images/info.svg);
}
.state-sbs_off, .state-sbs_on {
	background-image: url(images/compare.svg);
}

.leaflet-bar button, .leaflet-bar button:hover {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
}

.leaflet-bar button {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
}

.leaflet-bar button:hover {
	background-color: #f4f4f4;
}

.leaflet-bar button:first-of-type {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.leaflet-bar button:last-of-type {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
}

.leaflet-bar.disabled, .leaflet-bar button.disabled {
	cursor: default;
	pointer-events: none;
	opacity: .4;
}

.easy-button-button .button-state{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.leaflet-touch .leaflet-bar button {
	width: 30px;
	height: 30px;
	line-height: 30px;
}


/**********************************/
/* 'go back' button at the bottom */
/**********************************/
.go_back {
	background: url(images/home.svg)no-repeat;
	background-size: 20px;
	background-position: center;
	height: 30px;
	width: 30px;
	float: left;
}


/*******************************/
/* custom styles for libraries */
/*******************************/
.card-header {
	background-color: rgba(0, 92, 66, 1);
}
.btn-link, .btn-link:hover {
	color: rgba(115, 190, 30, 1);
}

.leaflet-container path { 
	transition: fill .75s;
}
.leaflet-touch .leaflet-bar {
	border: 1px solid gray;
	/* box-shadow: 0 3px 14px rgba(0,0,0,0.4); */
	background-clip: padding-box;
}
.leaflet-touch .leaflet-bar button {
	padding: 0;
}
.leaflet-bottom.leaflet-right {
	right: 42%;
	width: calc(58% - 275px);
}

/* chartjs tooltip */
#chartjs-tooltip {
	z-index: 2080;
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: .25rem;
	font-style: normal;
	font-weight: 400;
}


/*****************************/
/* help_popup + nodata modal */
/*****************************/
.help_popup {
	position: absolute;
	z-index: 2100;
	top: 50%;
	left: 29%;
	transform: translate(-50%,-50%);
	background-color: white;
	padding: 5px;
	text-align: center;
	transition: 1s slow;
	border-radius: 10px;
	width: 50%;
}
.help_popup_text {
	font-family: "Ubuntu-Light";
	padding: 5px;
}

.mdl_nodata {
	position: fixed;
	z-index: 2100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.7);
	font-size: 12pt;
	display: none;
}
.mdl_nodata_content {
	background-color: #fefefe;
	padding: 20px;
	width: 80%;
	border-radius: 10px;
	margin: 5% auto;
	font-family: "Ubuntu-Light";
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}
.mdl_nodata_title {
	font-size: 20pt;
}
.mdl_nodata_body {
	margin-top: 20px;
	font-size: 15pt;
}
.mdl_nodata_close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	margin: -15px -10px;
}