body{
	display:none;
}

.data{
	background:url("../images/country_layer.png") 50% 100px no-repeat;
}

.pages_text{
	margin:0 0 3em 0;
}

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

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

.year_year:before{
    padding:1% 0 0 0;
}

.text span{
	display:list-item;
	list-style-position:inside;
	float:left;
	margin:0 0 0 2em;
	width:1em;
}

.data_table, .data_table_bottom{
	width:60%;
	margin:0 auto;
	text-align:center;
}

.data_table_mob, .table_mob_bot{
	display:none;
}

.data_table_bottom{
	margin:1em auto 0;
}

table tbody tr:nth-child(even){
    background-color:transparent;
}

thead th{
	text-align:center !important;
	background:url("../images/pattern_light.jpg") repeat;
	border:1px solid #027de2;
}

tbody{
	background:transparent !important;
}

tr td{
	background:rgba(255,255,255,0.4);
	border:1px solid #cce2f3;
}

tr td:first-child{
	background:url("../images/pattern_country.jpg") repeat;
	width:25%;
	color:#ffffff;
	border:1px solid #0273cc;
}

table tr td:nth-child(2), table tr td:last-child{
	width:37.5%;
}

thead th, .data_table_bottom tr td:first-child{
	color:#ffffff;
}

tbody{
	background:transparent !important;
	text-align:center;
}

tbody td{
	text-align:center !important;
}

td a{
	position:relative;
	bottom:-0.15em;
	padding:0.2em;
}

.icon-pdf2{
	color:#e74c3c;
}

.icon-xlsx{
	color:#2ecc71;
}

.icon-csv{
	color:#9b59b6;
}

td .icon-pdf2:hover, td .icon-pdf2:focus, td .icon-pdf2:active{
	color:#e74c3c;
}

td .icon-xlsx:hover, td .icon-xlsx:focus, td .icon-xlsx:active{
	color:#2ecc71;
}

td .icon-csv:hover, td .icon-csv:focus, td .icon-csv:active{
	color:#9b59b6;
}

@media screen and (max-width:1440px){
	.data_table, .data_table_bottom{
		width:80%;
	}
}

@media screen and (max-width:1024px){
	.data_table, .data_table_bottom{
		width:100%;
	}

	.text{
		float:none;
	}

	#years_map{
		float:none;
		width:45%;
		margin:2em 0 0 0;
	}
}

@media screen and (max-width:640px){
	.data_table, .data_table_bottom{
		display:none;
	}

	.data_table_mob, .table_mob_bot{
		width:100%;
		display:block;
	}

	.table_mob_bot{
		margin:0 0 2em 0;
	}
	
	.data_table_mob tbody{
		display: none;
	}
	.data_table_mob tbody.active{
		display:block;
	}

	table tr td:first-child{
		background:url("../images/pattern_light.jpg") repeat;
    	width:50%;
    }

    table tr td:last-child{
    	width:50%;
    }

    table th{
    	color:#ffffff;
    	text-align:center;
    	padding:1em;
		background:url("../images/pattern_country.jpg") repeat;
		transition:background 0.5s;
		position:relative;
		cursor:pointer;
	}

	table th.pattern{
		background:url("../images/pattern_light.jpg") repeat;
		transition:background 0.5s;
	}

	th.icon-down:before{
		position:absolute;
		right:5%;
	    top:1.3em;
	    font-size:14px;
	}

	.pages_text{
	    margin:0 0 2em 0;
	}

	#years_map{
		width:100%;
	}

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

	.select_year{
		padding:0 5%;
	}

	.text{
		text-align:left;
	}

	.text div + div{
		margin:0 0 0 2em;
	}

	.text div span{
		margin:0;
	}

	thead tr{
		position:relative;
	}

	thead th{
		padding:0 !important;
	}

	thead th > div:first-child{
	    padding: 0.3em 2em 0.3em 1em;
	}

	.table_list{
		display:none;
		position:absolute;
		top:100%;
		left:-1px;
		width:calc(100% + 2px);
		z-index:1;
		-webkit-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.17);
		-moz-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.17);
		box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.17);
	}

	.table_list div{
		border-bottom:1px solid #0273cc;
		padding:0.5em;
		background:url("../images/pattern_country.jpg") repeat;
	}

	.table_list div:last-child{
		border-bottom:0;
	}
}