#years_map {
	position: relative;
	float: right;
	right: 0;
	width: 30%;
}

.rating {
	background: url("../images/country_layer.png") 50% 0 no-repeat;
}

.rating thead tr:first-child th:nth-child(1) {
	/* visibility: collapse; */
	color: #f0f2fc !important
}

.rating thead tr:first-child th:nth-child(1),
.rating thead tr:first-child th:nth-child(2) {
	background-color: #f0f2fc;
	color: #34495e;
}

thead tr th {
	background: #0169be;
}

thead tr th.sorting_asc {
	background: #0179d8;
}

.tables-button-list button {
	margin-bottom: 0;
}

.tables-button-list {
	display: flex;
	justify-content: flex-end;

}

.country_name {
	background-color: transparent;
	font-size: unset;
	font-family: 'Segoe UI';
	font-weight: 600;
}

.table1-title,
.table2-title,
.table3-title {
	margin-top: 20px;
}

.pages_text {
	margin-bottom: 2em;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	padding: 0;
}

.pages_text .text {
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	font-weight: 600;
	color: #34495e;
	margin: 0;
	padding: 0;
}

/* for mobile change direction */
@media screen and (max-width: 1024px) {
	.pages_text {
		flex-direction: column;
	}

	.pages_text .text {
		text-align: center;
	}

	#years_map {
		margin-top: 2em;
		width: 100%;
	}


}

.mobile_info {
	display: none;
}

.year_title,
.year_year {
	padding: 0.5em 10%;
}

.year_year:before {
	padding: 0;
	margin: 3px 0;
}

.text {
	width: 35%;
}


tr td div {
	background-color: #fbc02d;
}

tr td span {
	/* position:absolute;
	top:0.5em;
	left:1em;
	width:100%;
	height:100%;
	z-index:2; */
}

.button {
	background-color: #0169be;
}

.button.active {
	background-color: #0179d8;
}


thead tr:last-child th {
	/* border-left:1px solid #166db3;
    border-bottom:1px solid #166db3;
    border-right:1px solid #166db3;
    color:#ffffff;
	background:url("../images/pattern_country.jpg") repeat; */
	color: white
}


.leaflet-interactive {
	opacity: 0.3 !important;
}

progress:after {
	content: attr(value)'%';
}

.myProgress {
	color: #34495e;
	vertical-align: middle;
	background-image: unset !important;
	background-color: #f5b927 !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	opacity: 1;
}

.myProgress span {
	padding: 0 10px;

}

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

	.text,
	#years_map,
	table {
		/* display:none; */
	}

	.mobile_info {
		display: block;
		width: 40%;
		margin: 10% auto;
		min-width: 300px;
		line-height: 1.3em;
		color: #34495e;
		text-align: center;
	}

	.icon-blocking:before {
		display: block;
		color: #fbc02d;
		font-size: 55px;
		margin: 0 0 0.25em 0;
	}

}