html { 
	
}

body { 
	/*border: 1px solid #cecece;*/
	padding:1px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	overflow:hidden;
}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #ffffff;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.15);
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: rgba(0,0,0,0.30);
}
::-webkit-scrollbar-track:active {
  background: rgba(0,0,0,0.30);
}


::-webkit-scrollbar-corner {
  background: transparent;
}



.leaflet-control-container { 
	visibility:hidden;
}
#header { 
	display:block;
	width:100%;
	height:50px;
	background-color: #017eae;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
#header h1 { 
	color:white;
	font-size:22px;
	padding:0 60px 0 20px;
	margin:0;
	display:table-cell;
	vertical-align:middle;
	height:50px;
}

#toolbar #map-button.hilite {
	background: url(../images/button-map-on.png) center center no-repeat;	
}
#toolbar #list-button.hilite {
	background: url(../images/button-list-on.png) center center no-repeat;	
}
#toolbar #stat-button.hilite {
	background: url(../images/button-stat-on.png) center center no-repeat;	
}



#main { 
	overflow:hidden;
	background: white  top repeat-x;
}

#filters { 
	position: absolute;
	top:50px; 
	left:-500px; 
	bottom: 40px;
	z-index:1000;
	
}

#button-expand { 
	position:absolute;
	top:0;
	right:0;
	width:50px;
	bottom:0px;
	background-color:#444;
}

a.button.filter { 
	width:50px;
	height:50px;
	text-decoration:none;
	display:block;
	z-index:6;
	background:#444 url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M1 0l9 15.094v5.906l4 3v-8.906l9-15.094h-22zm18.479 2l-2.981 5h-8.996l-2.981-5h14.958z'/%3E%3C/svg%3E") center center no-repeat;
}
#button-expand.opened a.button.filter { 
	background:white url("data:image/svg+xml,%3Csvg fill='%23444' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M1 0l9 15.094v5.906l4 3v-8.906l9-15.094h-22zm18.479 2l-2.981 5h-8.996l-2.981-5h14.958z'/%3E%3C/svg%3E") center center no-repeat;
}

#button-expand a span, #button-expand a.opened span  {
    display:none;
}

#button-expand a:hover span {
    position: absolute;
    z-index: 665;
    top: -999px;
    display: block;
    padding: 10px;
    background-color: #404040;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    min-width: 100px;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    top: -9994px;
    right: -9955px;
}

#button-expand label { 
	color:white;
	margin: 0 0 0 10px;
	transform: rotate(-90deg);
	transform-origin: left top 0;
	float: left;
	font-weight:bold;
	font-size:24px;
	display:block;
	width: 300px;
	z-index:3;
	position:absolute;
	top: 60%;
}
#plugin-control { 
	display:block;
	width:50px;
	border-top:1px solid white;
	border-bottom:1px solid white;
}


#plugin-control a {
	display:block;
	width:50px;
	height:50px;
	font-size:0;
}
#plugin-control a.selected, #plugin-control a:hover {
	background-color:rgba(153,153,153,1);
}
a.button.map {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAWCAYAAAA8VJfMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACtUlEQVRIx62VT0iUURTF76hpCaaIhmGJTgs3goUIEZSSrty4SEQMA0VsE0K00AiiBBERBiPQiNrEIEigoG0EEZeCLnSji4Y0CcJSsQxEGvu18Ax8Pp+o4Nu875577jnv39wxO8UAaoBPwBb7Y0txzWl0TmqWCkRlNAc8B1o0zwmPAqlnaToAxIFmxeVAA1CuuFn5gbMyLNVOOoGLwCQHx6TwTsWlZ2HaC/wG0oC3wC5wH7ikeVd4mni9pzWoBV4D+QFsHJjW96Z7hDr6TX1PA+OBXL70aoM1SY5vh5k9MrMY0ANkmVmymcVPuO6/ZpYMZAE9ZhaTXsdRu8wB9oBuIKJj2wA+AN+B0DHHGwK+6RVvCI9Ibw/I8Zk26SEUKy4EXgTwO8c8pFuKH6iuUDrFwpt8psNAzIOnAT+BjwHswE9GWFR3ft6jEQOGXTBF3aXfwRuBH8ATrfbmEVdzA/gHPBW/0cn3Sz8lCFZKtNohR4A14ALwBVhyd6JuNQ+sircGRBxOtfQrg2AfsO22MWAUmNH3bT2I9w7nlQTvKp4BRj0L2wb6guASMOI5tnlgKBA/k8FjxQ8VvwxwhoB5j9YIsJQIwips8RB/Ad2BOKSfEMAb7XwICAU43cAvj1aL6sIGtOsR5DmkbJFaHfwcMKbcmOdKWpXLdvA8+bQbMAHMelZWpuIqTy5Dd5nhyVWprsyTmwUmksyswvZbV5HDScTLdnhcN7N2ze5YduoThkW231IrksyszcyumNki0AWkixc2sz0zW/UIX9V82ZNbVV1YZulAl5ktyqctsYpMHVcc+ArUsf/vsaJ8rjrQO2DFaYMrwhuAXPFXVF8nvbj0Mw8tESgBpiS2ri6yEDD4DAwC94BrmgeFJ8aC6tYVTwEldtwA6oEd4I96ajNQcExNgXhR1e0A9T7ufy82XBZ4rbs/AAAAAElFTkSuQmCC') center center no-repeat;	
}
a.button.list {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABJ0lEQVRIx72UvUpDQRCFvwO3sJEIAbG8iKCNIFY2PoGkF2x8BcEiYGOZPIClYAp7S19AMKBYiKCksbAQQQyIgj9wbPZKcm/gFrvkVMPZYT52dmaxPXRVlyRUBjSADtAP3jawkRoC0Jd0BmB7rYDYPgK2Ihk3WU3CKTCIhNzLtoEP4CeYM8C3pEbKdp0DCyX/OhVgapLtFtAs+QNJFykhBj4Zf5MnSUupIMV07YyM8CGwG+ImsBrJeKsb4X2gHQl5LyDztvMQz40kHADdSMgXtn8n/F13kYXHlAHLwGzJf0kJmYpku011428lHaeEGHgAnoOXA0jKU0GK6epIOoHKniwCLUARjMe6PdkE9iIv8g9Ztz0M8UpxKqkH9KL7Zft1wp5cRRce0R88ZpZnHtHIrgAAAABJRU5ErkJggg==') center center no-repeat;	
}
a.button.charts {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAA/klEQVRYw+2UsWoCQRRFzwta2AXSCzbZVhLIB6QS7MQP8AfSp1vs7NNa+AOCpLKys7ARv8HKRrCyvSlcYVlXjcusZs2c8s2bx+FxZ8DjKRqSGpK2OmQrqXHpvFIGhzawBHqJ+md0Ns5boASszGyQ2Ewny7yHDAJO8QLOBSSVJc2UzjDZnyWE5wiANyBk91r2vAAf1xDYz/w2s0VsM5s0gfvLQPEFJA2PJHgmqexaIC2ELeALmMdqVaDLLuG5CwBMzGwU20o9EnD+av5eBrzAvxM4lup3SY/AK1ABnqJ6E6gBz5L6iTsBYFEPQChpHTuv/sroxEfkgumtN+7xHPADdePfOCRbTj0AAAAASUVORK5CYII=') center center no-repeat;	
}

#lookup-container {
	padding-left:10px;
	background-color:white; 
	display:block;
	margin-left:10px;
	height:30px;
	width:290px;
	border:1px solid #cecece;
	border-right:none;
	margin-bottom:10px;
	width:204px;
	float:left;
}
#lookup { 
	padding: 10px 35px 10px 10px;
    margin: 20px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 90%;
    box-sizing: border-box;
    background-color: #f9f9f9;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E");
    background-position: 96% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
}
#lookup:focus {
    outline: none;
}
#button-lookup { 
	float:left;
	margin-top:0;
	margin-left:0;
	height:32px;
	width:28px;
	border:1px solid #cecece;
	border-left:none;
	background: white url(../images/search.png) center center no-repeat; 
	cursor:pointer;
}
#button-lookup.locked { 
	background: white url(../images/spinner.gif) center center no-repeat; 
}
#clear-container { 
	clear:both;
	text-align:right;
}
#button-clear { 
	color:#017eae;
	text-decoration:none;
	font-size:14px;
}
#embed-content { 
	padding:0 20px 20px 20px;
	background-color: white;
	width:450px;
	height:100%;
	box-sizing:border-box;
	overflow-x:none;
	overflow-y:auto;
	display:none;
}
#filters-content { 
	padding:0 20px;
	background-color: white;
	width:450px;
	height:100%;
	box-sizing:border-box;
	overflow-x:none;
	overflow-y:auto;
}
#filters-content .expander {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:24px;
	height:24px;
	float:right;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='26' width='26' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath transform='rotate(-90 11.405006408691408,13.599085807800293) ' stroke='null' id='svg_1' fill='%23017eae' d='m10.413818,17.504291l-5.509152,-5.509152c-0.505221,-0.505221 -0.505221,-1.331738 0,-1.836384l0.459814,-0.460389c0.504072,-0.504646 1.331163,-0.504646 1.835809,0l4.204429,4.204429l4.205003,-4.204429c0.504646,-0.504646 1.331738,-0.504646 1.835809,0l0.459814,0.460389c0.505221,0.504646 0.505221,1.331163 0,1.836384l-5.510302,5.509152c-0.270716,0.271291 -0.634544,0.391992 -0.990325,0.371875c-0.355781,0.020117 -0.719035,-0.100584 -0.9909,-0.371875z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
	
}
#filters-content .expander.opened {
	
	background:url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='26' width='26' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath stroke='null' id='svg_1' fill='%23017eae' d='m10.413818,18.066948l-5.509152,-5.509152c-0.505221,-0.505221 -0.505221,-1.331738 0,-1.836384l0.459814,-0.460389c0.504072,-0.504646 1.331163,-0.504646 1.835809,0l4.204429,4.204429l4.205003,-4.204429c0.504646,-0.504646 1.331738,-0.504646 1.835809,0l0.459814,0.460389c0.505221,0.504646 0.505221,1.331163 0,1.836384l-5.510302,5.509152c-0.270716,0.271291 -0.634544,0.391992 -0.990325,0.371875c-0.355781,0.020117 -0.719035,-0.100584 -0.9909,-0.371875z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
}
#filters-content h2 > .expander {
	top: 16px;
}
#filter-control li > .expander {
	top: 6px;
}
#filter-control ul {
	margin:0;
	padding:0;
}
#filter-control li {
	list-style-type: none;
	font-size:14px;
	border-top: 1px dashed white;
	padding-left:0;
	margin-bottom:10px;
	clear:both;
}
#filter-control li h2 {
	padding: 15px 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    color: #017eae;
    font-size: 24px;
	position:relative;
}
#filter-control ul ul { 
	padding: 0 0 10px 0px;
    margin: 0;
	width:100%
} 
#filter-control ul ul ul{ 
	padding: 10px 0 0 10px;
   
} 
#filter-control li ul li {
	list-style-type: none;
	font-size:14px;
	border-top: none;
	padding-left:10px;
	position:relative;
}
#filter-control label {
	padding: 10px 0 10px 10px;
    display: inline-block;
    cursor: pointer;
    
}
#filter-control input[type="checkbox"] ~ label  {
	padding: 10px 0 10px 35px;
    display: block;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 2v20h-20v-20h20zm2-2h-24v24h24v-24z'/%3E%3C/svg%3E") transparent left 8px no-repeat;
}
#filter-control input[type="checkbox"] ~ label.checked {
	background: url("data:image/svg+xml,%3Csvg fill='%23444' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0v24h24v-24h-24zm10.041 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591z'/%3E%3C/svg%3E") transparent left 8px no-repeat;
}

#filter-control li ul li label.single { 
	width: 100%;
	margin-bottom:6px;
	margin-top:10px;
}
#filter-control li ul li span.value-display {
	display:block;
	float:right;
	width:160px;
	text-align:right;
	margin-right:10px;
	margin-top:5px;
}

#filter-control select { 
	float:right;
	margin-right:10px;
	border: 1px solid #ccc;
    border-radius: 5px;
	padding: 10px 35px 10px 10px;
}
#filter-control input[type=checkbox] {
    position: absolute;
    left: -9999px;
}
#filter-control li ul li input[type=range] {
		clear:both;
		width:240px;
		margin-left:10px;
}
#filter-control li ul li input[type=range] {
	float:right;
	margin-right:10px;
	margin-top:5px;
}
#filter-control textarea { 
	height:200px;
	padding: 10px 35px 10px 10px;
    margin: 20px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 90%;
    box-sizing: border-box;
    background-color: #f9f9f9;
	resize:none;
}
#filter-control span.right { 
	float: right;
}
#filter-control input[type=number] { 
	padding: 10px;
    margin: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f9f9f9;
	width:80px;
}
#link-container {
    clear: both;
    text-align: center;
    font-size: 0.8em;
    color: #666;
    margin: 0;
    padding: 0;
}
#footer { 
	z-index:1001;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:40px;
	background-color:white;
	border: 1px solid #cecece;
	font-size:12px;
}
#data-info { 
	position:absolute;
	bottom:5px;
	left: 10px;
	font-size:12px;
	height:22px;
}
#legend { 
	position:absolute;
	right:10px;
	top:60px;
	width: 232px;
	height:32px;
	background-color:white;
	border:1px solid #cecece;
	padding-left:10px;
	border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
#legend span {
	display: inline-block;
    font-size: 14px;
    padding: 9px 10px 8px 29px;
}
#legend span.partner { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='141.732' height='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath stroke='%23000000' fill='%2355cc55' id='svg_1' d='m95.35,50.645c0,13.98 -11.389,25.322 -25.438,25.322c-14.051,0 -25.438,-11.342 -25.438,-25.322c0,-13.984 11.389,-25.322 25.438,-25.322c14.052,-0.001 25.438,11.337 25.438,25.322m26.393,0c0,-27.971 -22.777,-50.645 -50.877,-50.645c-28.098,0 -50.877,22.674 -50.877,50.645c0,12.298 4.408,23.574 11.733,32.345l39.188,56.283l39.761,-57.104c1.428,-1.779 2.736,-3.654 3.916,-5.625l0.402,-0.574l-0.066,0c4.33,-7.454 6.82,-16.096 6.82,-25.325'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position: left center;
    background-size: 24px;

}
#legend span.coordinator { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='141.732' height='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath stroke='%23000000' fill='%23cc5555' id='svg_1' d='m95.35,50.645c0,13.98 -11.389,25.322 -25.438,25.322c-14.051,0 -25.438,-11.342 -25.438,-25.322c0,-13.984 11.389,-25.322 25.438,-25.322c14.052,-0.001 25.438,11.337 25.438,25.322m26.393,0c0,-27.971 -22.777,-50.645 -50.877,-50.645c-28.098,0 -50.877,22.674 -50.877,50.645c0,12.298 4.408,23.574 11.733,32.345l39.188,56.283l39.761,-57.104c1.428,-1.779 2.736,-3.654 3.916,-5.625l0.402,-0.574l-0.066,0c4.33,-7.454 6.82,-16.096 6.82,-25.325'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position: left center;
    background-size: 24px;
}
#legend span.site {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='141.732' height='141.732' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath stroke='%23000000' fill='%23017eae' id='svg_1' d='m95.35,50.645c0,13.98 -11.389,25.322 -25.438,25.322c-14.051,0 -25.438,-11.342 -25.438,-25.322c0,-13.984 11.389,-25.322 25.438,-25.322c14.052,-0.001 25.438,11.337 25.438,25.322m26.393,0c0,-27.971 -22.777,-50.645 -50.877,-50.645c-28.098,0 -50.877,22.674 -50.877,50.645c0,12.298 4.408,23.574 11.733,32.345l39.188,56.283l39.761,-57.104c1.428,-1.779 2.736,-3.654 3.916,-5.625l0.402,-0.574l-0.066,0c4.33,-7.454 6.82,-16.096 6.82,-25.325'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position: left center;
    background-size: 24px;
}

#spread { 
	position:absolute;
	bottom:5px;
	right:310px;
	left: 100px;
	text-align:center;
	height:22px;
	
}
#spread a { 
	text-decoration:none;
	color:#006c9b;
}
#credits { 
    text-align: center;
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
}
#credits a { 
	text-decoration:none;
	color:#006c9b;
}
#credits .copyrights {
    position: absolute;
    left: 10px;
    right: 160px;
    top: 12px;
}

#credits .easme { 
    background: url(../images/ue.png) 10px center no-repeat;
    padding-left: 40px;
    position: absolute;
    right: 20px;
    top: 12px;
}


.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
#map { 
 position: absolute;
    bottom: 30px;
    top: 50px;
    width: 100%;
	background-color:rgb(181, 208, 208);
}
#list { 
	position: absolute;
	top:50px;
	left:0;
	right:0;
	bottom: 40px;
	border: 1px solid rgba(201,201,201,1.00);
	overflow-y: hidden;
}
#list-selector {
	position:absolute;
	right:30px;
	top:14px;
	text-align:right;
	padding: 0;
	
	border:1px solid #cecece;
	overflow:hidden;
	border-radius:5px;
}
#list-selector a {
	display:inline-block;
	padding:8px 12px 8px 12px;
	text-decoration:none;
	font-size: 16px;
	color:#0069a3;
	background-color:white;
	border-right:1px solid #cecece;
	overflow:hidden;
	margin-bottom:-4px;
}
#list-selector a.selected {
	
	background-color:#017eae;
	color:white;
}


#list-selector a#button-list-dl { 
	font-size: 0;
	width: 34px;
	height: 34px;
	padding: 0;
	overflow:hidden;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23888%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23888%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-color: #fff;
	background-position: center center;
	border:none;
}

#lists { 
	overflow-y: scroll;
	position: absolute;
	top:0px;
	left:50px;
	right:0;
	bottom: 0;
}
#beneficiary-list .item, #project-list .item {
	font-size: 14px;
	color: black;	
	padding: 7px 10px 8px 10px;
	margin:0;
	border-bottom: 1px dotted rgb(1,126,174);
	

}

#beneficiary-list .item a, #project-list .item a {
	color: rgb(1,126,174);	
	text-decoration:none;
}
#beneficiary-list .item .beneficiary-name {
	display:inline-block;
	width:64%;	
	vertical-align:top;
}
#beneficiary-list .item .beneficiary-city {
	display:inline-block;
	width:33%;	
}
#project-list .item .project-acronym {
	display:inline-block;
	width:20%;	
	vertical-align:top;
}
#project-list .item .project-title {
	display:inline-block;
	width:79%;
	vertical-align:top;
}
#project-list .item .project-phase {
	display:block;
	width:15%;	
	float:left;
}
#beneficiary-sheet { 
	position:absolute;
	left:0;
	right:0;
	top:40px;
	bottom:0;
	visibility:hidden;
	background-color:white;
	overflow-y: scroll;
	padding: 20px 20px 20px 60px;
}
#beneficiary-sheet h1 { 
	font-size:24px;
	color:rgb(1,126,174);
	margin-top:30px;
}
#beneficiary-sheet .direct-link { 
	position:absolute;
	top:55px;
	right:10px; 
}
#beneficiary-sheet .direct-link a { 
	color:rgb(1,126,174);
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
#beneficiary-sheet .website { margin-bottom:10px; } 
#beneficiary-sheet a.close-button {
	display:block;
	width:24px;
	height:24px;
	background:url(../images/button-close-blue.png) center center no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
#beneficiary-sheet .website a { 
	text-decoration:none;
	
	color:rgb(1,126,174);
	font-size:16px;
	font-weight:bold;

} 
#beneficiary-sheet div  {
	clear:both;
	padding-top:5px;

}
#beneficiary-sheet div label {  
	font-weight:bold;
	
	padding-right:10px;
}
#marker-sheet { 
	position:absolute;
	right:0;
	top:50px;
	bottom:40px;
	left:60%;
	background-color: white;
	overflow-y:scroll; 
	border-left: 1px solid #ccc;
	min-width:320px;
	    z-index: 1000;
}
#marker-sheet a.close-button {
	display:block;
	width:24px;
	height:24px;
	background:url(../images/button-close-blue.png) center center no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
#marker-sheet-content { 
	margin-top:20px;
	padding: 20px 20px 20px 60px;
	color:rgb(1,126,174);
	font-size:14px;
}
#marker-sheet h1  {
	font-size:18px;
	font-weight:normal;
}
#marker-sheet a  {
	text-decoration:none;
	
	font-weight:bold;
}
#marker-sheet div  {
	clear:both;
	padding-top:2px;
	cursor:default;
}
#marker-sheet div label {  
	font-weight:bold;
	padding-right:10px;
}
#mobile-menu { display:none; }
#stats { 
	position:absolute;
	top:50px;
	left:50px;
	right:0;
	bottom:35px;
}
#dashboard { 
    position: absolute;
    top: 50px;
    left: 50px;
    right: 0;
    bottom: 40px;
    text-align: center;
}
#dashboard-selection { 
	color:rgba(102,102,102,1);
	display:block; 
	height:120px;
	margin: 40px 20px 10px 20px;
	font-size:17px;
	font-weight:normal;
	
}

#graph { 
	position:absolute;
	top:40px;
	left:30px;
	right:0;
	bottom:30px;
}
.dashboard {
  margin: 20px 20px 20px 100px; 
}
.dashboard .chart1 { 
  display: block;
  height: 480px;
  width: 100%
}

#disclaimer h1{ 
	font-size:18px;
}

#disclaimer { 
    position: absolute;
    bottom: 120px;
    right: 120px;
    top: 120px;
    left: 120px;
    background-color: white;
    border: 1px solid #cecece;
    border-bottom: 1px solid white;
    color: black;
    padding: 20px;
    font-size: 14px;
    z-index: 1002;
    display: none;
    overflow-y: scroll;
}

#embed { 
	position:absolute;
	bottom:41px;
	right:240px;
	
	width:360px;
	background-color:white;
	border: 1px solid #cecece;
	border-bottom:1px solid white;
	color:black;
	padding:20px;
	font-size:11px;
	z-index:1003;
	display: none;
}

#embed label {  
	display:block;
	padding: 5px 0 5px 0;
	font-weight:bold;
	font-size:12px;
}

#embed textarea {  
	width:100%;
	resize:none;
	height:90px;
}
#embed-options {
	display:none;
}

#desktop-link { 
	display:none;
}

#embed-width, #embed-height { 
	width: 64px;
}
#embed INPUT[type=checkbox] { 
	clear:left;
}
#embed-stat-options { 
margin-left:30px;
}

#button-zoom-in, #button-zoom-out, #button-pin, #button-money, #button-heat { 
	display:block;
	width:46px;
	height:46px;
	border: 1px solid #cecece;
	background:white;
	padding: 0;
	position:absolute;
	top: 102px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	line-height:40px;
	
}
#button-zoom-in {
	right:10px;
	cursor:pointer;
	border-radius: 50%;
	box-sizing:border-box;
	
	
}

#button-zoom-out { 
	right:58px;
	cursor:pointer;
	border-radius: 50%;
	box-sizing:border-box;
}

#button-pin { 
	right:206px;
	width:46px;
	height:46px;
	border: 1px solid #ccc;
    padding: 0;
    border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
    overflow: hidden;
	cursor:pointer;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 7.001c0 3.865-3.134 7-7 7s-7-3.135-7-7c0-3.867 3.134-7.001 7-7.001s7 3.134 7 7.001zm-1.598 7.18c-1.506 1.137-3.374 1.82-5.402 1.82-2.03 0-3.899-.685-5.407-1.822-4.072 1.793-6.593 7.376-6.593 9.821h24c0-2.423-2.6-8.006-6.598-9.819z'/%3E%3C/svg%3E");
	background-position:center center;
	background-repeat:no-repeat;
}

#button-money { 
	right:159px;
	width:46px;
	height:46px;
	border: 1px solid #ccc;
    padding: 0;
    border-top-right-radius: 5px;
	border-bottom-right-radius:5px;
    overflow: hidden;
	cursor:pointer;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.728 20.517c-3.488 0-5.613-2.461-6.443-5.517h6.715l.333-2h-7.398c-.059-.664-.064-1.335-.014-2h7.746l.333-2h-7.755c.786-3.106 2.855-5.626 6.154-5.626 1.133 0 2.391.203 3.836.62l.765-3.162c-1.854-.552-3.616-.832-5.244-.832-5.959 0-9.541 4.152-10.594 9h-2.162l-.333 2h2.203c-.049.666-.051 1.334-.007 2h-2.53l-.333 2h3.145c1.033 4.848 4.664 9 11.085 9 1.5 0 3.004-.276 4.476-.821l-.883-3.23c-1.048.378-2.088.568-3.095.568z'/%3E%3C/svg%3E");
	background-position:center center;
	background-repeat:no-repeat;
}


#button-pin.selected {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23444' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 7.001c0 3.865-3.134 7-7 7s-7-3.135-7-7c0-3.867 3.134-7.001 7-7.001s7 3.134 7 7.001zm-1.598 7.18c-1.506 1.137-3.374 1.82-5.402 1.82-2.03 0-3.899-.685-5.407-1.822-4.072 1.793-6.593 7.376-6.593 9.821h24c0-2.423-2.6-8.006-6.598-9.819z'/%3E%3C/svg%3E");	
}

#button-money.selected { 
	background-image: url("data:image/svg+xml,%3Csvg fill='%23444' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.728 20.517c-3.488 0-5.613-2.461-6.443-5.517h6.715l.333-2h-7.398c-.059-.664-.064-1.335-.014-2h7.746l.333-2h-7.755c.786-3.106 2.855-5.626 6.154-5.626 1.133 0 2.391.203 3.836.62l.765-3.162c-1.854-.552-3.616-.832-5.244-.832-5.959 0-9.541 4.152-10.594 9h-2.162l-.333 2h2.203c-.049.666-.051 1.334-.007 2h-2.53l-.333 2h3.145c1.033 4.848 4.664 9 11.085 9 1.5 0 3.004-.276 4.476-.821l-.883-3.23c-1.048.378-2.088.568-3.095.568z'/%3E%3C/svg%3E");
}

#marker-sheet .website { 
	margin-bottom:6px;
}
#marker-sheet .website  a { 
	font-size:14px;
	color:rgb(1,126,174);	
}

#dashboard-title { 
	color:rgb(1,126,174);
	display:block; 
	
	margin: 40px 20px 10px 20px;
	font-size:24px;
	font-weight:bold;
}
#marker-sheet .direct-link  { 
	position:absolute;
	
	right:50px;
	top:13px;
}

#marker-sheet .direct-link a { 
	color:rgb(1,126,174);
}
#embed-control { 
	display:inline-block;
	width:50px;
	height:50px;
	font-size:0;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpolygon fill='%23ffffff' stroke='%23ffffff' points='30,13.917 19,7 19,10 27,15 19,20 19,23 30,15.959 ' id='_x3E_'/%3E%3Cpolygon fill='%23ffffff' stroke='%23ffffff' points='0,13.917 11,7 11,10 3,15 11,20 11,23 0,15.958 ' id='_x3C_'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
	border-bottom: 1px solid white;
	cursor:pointer;
}
#button-expand a:hover {
	background-color: rgba(255,255,255, 0.3);
}
#help-button { 
	display:inline-block;
	width:50px;
	height:50px;
	font-size:0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTlFNkJGRDlCNjU5MTFFNkIwM0Y4OEYwNDJDRTkxRDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTlFNkJGREFCNjU5MTFFNkIwM0Y4OEYwNDJDRTkxRDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OUU2QkZEN0I2NTkxMUU2QjAzRjg4RjA0MkNFOTFEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OUU2QkZEOEI2NTkxMUU2QjAzRjg4RjA0MkNFOTFEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phixon4AAAJ2SURBVHja1JfPSxtBFMc3iaXFm4SQi8SSi0mv7TFpe4jeRCpExD8gQk7Si+dgLz3VU6H9A0rxsnrOpa1ePTYmJgbxJIge9WLcfgfeyONlZnd2DUgffJLN7vs1My87b1JBEHhPKVMJbFKgAl6BLN27Ah1wCOKNSM2AA89BDfwAN4FdbkinRjaRvl2C10E3iC9dsg31nwqpgQLYAR8Mzw5pyq/od5aWpGLQ9cEmOI+zBCUwECPqgHVQCBlRgXQ6wnZAPp2W4CUYCgctkHesF490W8LHkHxHJrAvDJdjBJYsC1/7UQnUhcGSpSh3hV4bNCxJLAndui2BF6Anpl06+xZR+W1LEnw5ehRrLIEFUXByzbcc/35blprghblgSsBnCisGJ9dipDOWZbu2zMIK0/FlAhn28B7khHFRzMBr8bwtkjAlkCPfWqZ4Au/Yg98Jqv3UYQYUv5jee3UvTe+jEns3dWNsJTOgDYrs3ucQ/R67nlcfafYq9djO5iI1cErfWr5HJMB9Z5Nux3rku/StZYMSSNQPjGUWIUUR/A04crAbm+m0Yd1LjjOgZegY/GHdeT3o7TgD7vQGCfLgcsLdVw5csEE/UzH1jxHYYy1X1aEAA0bDIYEqC76nB5xmCl/Z9SeahUmJ8rVtisUTOAAndF0GzQkm0KSOyaMYB7aOyGU79qjp5NIIefvJ7Xg1qiHxHZNwQQb3/4uWTFE2JKH28zUwGxJ4lnT+GoKX47blc+CLpS3/A45FW64K962lLf8IzpKejFRh9hMcTPqy4JKejBTTYBH8BLchQW9JZ5FsvMecjGySoRNQWRxOj+nENIp10n3q4/k/AQYAvBFmvsCSTQUAAAAASUVORK5CYII=') center center no-repeat;
}

.list-limit { 

	border:1px solid #EFBD61;
	background-color:#FEF3CB;
	text-align:center;
	padding: 16px 32px 16px 32px;
}

.list-limit a { 

}
#marker-sheet a.beneficiary-link,#marker-sheet a.project-link { 
	font-weight: normal;
}
.selector { 
	text-align:right;
	margin-right:12px;
}
.selector a { 
	text-decoration:none;
	color:#017eae;
}

/* <<< List export menu  */

.list-export-menu { 
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	position: absolute;
	z-index: 2;
	opacity: 0.5;
	color: #000;
	top: 80px;
    right: 80px;
}

.list-export-menu, .list-export-menu.active {
	opacity: 1;
}

.list-export-menu-top-right > ul > li > ul:after {
	content: "";
	position: absolute;
	top: 13px;
	left: 100%;
	z-index: 1000;
	border-top: 7px solid transparent;
	border-left: 7px solid #fff;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.list-export-menu-top-right > ul > li > ul > li:first-child > a:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 100%;
	z-index: 1001;
	border-top: 8px solid transparent;
	border-left: 8px solid #e2e2e2;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.list-export-menu-top-right {
	top: 32px;
	right: 20px;
}

.list-export-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.list-export-menu li {
	position: relative;
	display: block;
	z-index: 1;
}
.list-export-menu li > ul {
	position: absolute;
	display: none;
	border: 1px solid #e2e2e2;
	margin-top: -1px;
	background: #fff;
}

.list-export-menu li > a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 12px 12px;
	z-index: 2;
	white-space: nowrap;
	border-bottom: 1px solid #f2f2f2;
}
.list-export-menu li:last-child > a {
	border-bottom: none;
}
.list-export-menu li > a > img {
	border: none;
}

.list-export-menu li:hover > ul,
.list-export-menu li.active > ul {
	display: block;
}
.list-export-menu li:hover > a,
.list-export-menu li.active > a {
	color: #fff;
	background-color: #636363;
}

.list-export-menu-top-right li:hover > ul,
.list-export-menu-top-right li.active > ul {
	top: 0;
	right: 100%;
}

.list-export-menu li:last-child > a {
    border-bottom: none;
}

.list-export-menu .export-main > a, .list-export-menu .export-drawing > a, .list-export-menu .export-delayed-capturing > a {
	display: block;
	overflow: hidden;
	text-indent: -13333337px;
	width: 36px;
	height: 36px;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23888%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23888%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-color: #fff;
	background-position: center;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	border-radius: 18px;
	margin: 8px 8px 0 10px;
}

.list-export-menu .export-main:hover, .list-export-menu .export-main.active {
	padding-bottom: 100px;
}
/* >>> List export menu  */

/* <<< instance selector */
#instance-selector {
	position: absolute;
	z-index: 1002;
	top: 1px;
    right: 1px;
	background-color:rgba(0,0,0,0.3)
}

#instance-selector ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#instance-selector li {
	position: relative;
	display: block;
	z-index: 1;
}
#instance-selector li > ul {
	position: absolute;
	display: none;
	border: 1px solid #e2e2e2;
	margin-top: -1px;
	background: #fff;
	z-index: 2;
	right:0;
}
#instance-selector li > a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 12px 12px;
	z-index: 2;
	white-space: nowrap;
	border-bottom: 1px solid #f2f2f2;
}
#instance-selector li:last-child > a {
	border-bottom: none;
}
#instance-selector li:hover > ul,
#instance-selector li.active > ul {
	display: block;
}
#instance-selector li.active > a {
	color: #fff;
	background-color: rgb(1,126,174);
}
#instance-selector li:hover > a,
#instance-selector li.active > a {
	color: #fff;
	background-color: rgb(1,126,174);
}
#instance-selector {}
#instance-selector .main-selector > a {
	
	width: 49px;
	height: 43px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAC8SURBVHja7NUhDgIxEEbhV8xaHHYTBIJwBk5AkNyMhGvgcATPHdZj0JDwY9hQSjqdFWtgJ6lq+76kpkESfc6InmcA/hTYAGdgC1TOTg0cgCOw+NiRFK+VpIfes5dUJWfSVUtqojsXSZN2Pz280/dYSBpvZ50DlpJuTiQXbySNcwAvvYRY8Tru5d7VQmbeuAVYyN0bLwEW4op7gBJixr1ADinGuwAp4opLInT80abAHDgBV8+FMHyZvw88BwDalTau6XZ+ywAAAABJRU5ErkJggg==);
	padding:6px 0 0 0;
}
#instance-selector .main-selector > a:hover, #instance-selector .main-selector > a:active {
	width: 49px;
	height: 43px;
	
}
#url-link { 
	display: none;
}

@media (max-width: 840px) {
	
	#header h1 { 
		color:white;
		font-size:20px;
		
		padding:0 0 0 10px;
		overflow: hidden;
		font-weight:normal;
	}
	#toolbar { 
		position:absolute;
		top:50px;
		left:50px;
		height:32px;
		width:320px;
		text-align:center;
		z-index: 1001;
		padding-left:0px;
		padding-top:5px;
		margin:0;
	}
	
	#toolbar a { 
		margin-left: 12px;
		margin-right:6px;
	}
	#help-button { 
		top: 50px;
	}
	#filters { 
		top: 100px;
	}
	#map, #list, #stats, #marker-sheet { 
		top:100px;
		left:0;
	}
	#legend { 
		top: 110px;
	}
	#button-zoom-in, #button-zoom-out, #button-pin, #button-money, #button-heat { 
		top: 152px;
	}
	
	
	#data-info { 
		bottom: auto;
		top: 5px;
			
	}
	#spread { 
		bottom: auto;
		top: 5px;
		
		left:auto;
		right:10px;
		position:absolute;
	}
	#credits { 
		left: auto;
		bottom: 0;
		margin-left:10px;
	}
	#embed {
		bottom:50px;
		right:100px;		
	}
	#disclaimer { 
		bottom:50px;
		right:20px;
		left:20px;
		width:auto;
	}
	
}


.wtmap { 
	position:absolute;
	top:50px;
	bottom: 0;
	left:50px;
	right:0;
}
.wtcontent { 
	position:absolute;
	top:0px;
	bottom: 0;
	left:0;
	right:0;
}
.wtmenu { 
	display:none;
}
#map { 
	top: 0;
}
#legend {
	z-index: 400;	
	height:auto;
	overflow:visible;
	top: 10px;
	width:auto;
}
#legend span { 
	width:121px;
}
#legend > div { 
	top:40px;
}

#filter-control { 
    position: fixed;
    top: 50px;
    left: -450px;
    bottom: 40px;
    z-index: 1000;
    width: 500px;
    -transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    -webkit-transition: left .5s;
    transition: left .5s;
}
.charts.wtCharts { 
    border: none;
    font-family: Arial,Verdana,sans-serif;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 110px;
    bottom: 80px;
    left: 80px;
    right: 10px;
	display:none;
}
.wtChartContainer { 
	height:100%;
	width:100%;
}
.loader { 
	    position: absolute;
    background-color: rgba(0,0,0,0.6);
    color: white;
    top: 50px;
    left: 0px;
    right: 0;
    bottom: 40px;
    text-align: center;
    font-size: 5vw;
    vertical-align: middle;
    display: block;
    z-index: 2000;
    line-height: 50vh;
    text-transform: uppercase;
    font-weight: bold;
}
/*
*	Mobile rules
*/

.mobile.portrait { 
	-webkit-text-size-adjust: none;
	font-size:1vh;
	height:100%;
}

.mobile.portrait #header { 
	height: 8vh;
	position:fixed;
	top:0;
	left:0;
	right:10vh;
	z-index:6000;
}

.mobile.portrait #header h1 { 
	padding: 0 8vh 0 1vh;
	font-size:2.2vh;
	height: 8vh;
}
.mobile.portrait #instance-selector { 
	position: fixed;
	top: 0;
	right:0;
	background-color:black;
}
.mobile.portrait #instance-selector .main-selector > a { 
	width:8vh;
	height:8vh;
	background-size:3vh 3vh;
	padding: 0;
	display:block;
}

.mobile.portrait #instance-selector li > a { 
	font-size: 2vh;
}

.mobile.portrait #legend { 
	top: 9vh;
	right:1vh;
	position: fixed;
}

.mobile.portrait #button-pin, .mobile.portrait #button-money, .mobile.portrait #button-zoom-in, .mobile.portrait #button-zoom-out { 
	top: 16vh;
	width:6vh;
	height:6vh;
	background-size:80% 80%;
	font-size:5rem;
	line-height:5rem;
	position:fixed;
}

.mobile.portrait #button-pin { 
	right:24vh;
}
.mobile.portrait #button-money { 
	right:16vh;
}
.mobile.portrait #button-zoom-in { 
	right:8vh;
}
.mobile.portrait #button-zoom-out { 
	right:1vh;
}

.mobile.portrait .wtmap {
	left: 0;
}
.mobile.portrait #map { 
	top: 8vh;
	bottom:9vh;
	position:fixed;
}

.mobile.portrait #list { 
	top: 8vh;
	bottom:9vh;
	position:fixed;
}

.mobile.portrait #charts { 
	top: 8vh;
	bottom:9vh;
	position:fixed;
	left:0;
}

.mobile.portrait #dashboard { 
	position: relative;
}

.mobile.portrait #dashboard-title { 
	margin:20px 10px 10px 10px;
}

.mobile.portrait #dashboard-selection {
    display: none;
}

.mobile.portrait #dashboard .graph-indicator {
    display: block;
    width: 100%;    
	font-size: 3vh;
    /* text-transform: uppercase; */
    /* color: rgb(1,126,174); */
    /* text-decoration: none; */
    padding: 2vh 0 2vh 10vh;
    margin: 1vh 1vh 1vh 4vh;
    /* clear: none; */
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 7vh;
    text-align: left;
}

.mobile.portrait .charts.wtCharts { 
    border: none;
    font-family: Arial,Verdana,sans-serif;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 9vh;
    bottom: 8vh;
    left: 0;
    right: 0;
}

.mobile.portrait #filter-control{ 
    position: fixed;
    right: 0;
    top: 90%;
    left: 0;
	width: auto;
	z-index: 7000;
	-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    -webkit-transition: top .5s;
    transition: top .5s;
}

.mobile.portrait #button-expand { 
	width:auto;
	left:0;
	bottom: auto;
	height:9vh;
}

.mobile.portrait #plugin-control { 
	position:absolute;
	left:10vh;
	top:0;
	width:30vh;
	border-left: 1px solid white;
	border-top: none;
	border-bottom: none;
	display:inline-flex;
	height: 9vh;
}
.mobile.portrait #button-expand a.button.filter { 
	position:absolute;
}
.mobile.portrait #plugin-control a, .mobile.portrait #button-expand a.button.filter, .mobile.portrait #embed-control, .mobile.portrait #help-button, .mobile.portrait #copyright-button { 
	width:9vh;
	height:9vh;
	display:inline-block;
	background-size:4vh 4vh;
}

.mobile.portrait #embed-control { 
	position:absolute;
	right: 9vh;
	border-left: 1px solid white;
	top: 0;
}
.mobile.portrait #help-button{ 
	position:absolute;
	right: 0vh;
	border-left: 1px solid white;
	top: 0;
}
.mobile.portrait #copyright-button{ 
	position:absolute;
	right: 0vw;
	border-left: 1px solid white;
	display:inline;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill='%23ffffff' id='text2985' d='m256,56c-110.1815,0 -200,89.81851 -200,200c0,110.1815 89.8185,200 200,200c110.1815,0 200,-89.8185 200,-200c0,-110.18149 -89.8185,-200 -200,-200zm0,46.5c85.04475,0 153.46875,68.45526 153.46875,153.5c0,85.04475 -68.424,153.46875 -153.46875,153.46875c-85.04474,0 -153.5,-68.424 -153.5,-153.46875c0,-85.04474 68.45526,-153.5 153.5,-153.5zm4.15625,51.0625c-39.13235,-0.80629 -78.51589,25.43602 -88.4375,64.03125c-10.21976,33.57492 -7.3858,72.18879 10.40625,102.625c15.43541,24.28529 44.01013,38.37916 72.59375,38.03125c19.64465,0.72537 40.16573,-1.38386 58,-9.71875c8.19288,-7.76814 2.30599,-20.07066 4.59375,-29.65625c0.73479,-6.25497 -5.22762,-13.28916 -11.75,-10.28125c-22.35127,5.77012 -47.84842,11.69317 -69.375,0.71875c-18.82999,-11.12914 -23.77244,-35.07114 -23.09375,-55.40625c0.11235,-19.7971 7.05007,-42.12407 25.71875,-51.8125c19.50272,-9.90889 42.66078,-4.87326 61.65625,3.59375c8.89144,1.16073 15.42939,-7.0996 16.9375,-14.96875c3.11909,-6.71296 6.56542,-13.28698 9.34375,-20.15625c-19.94273,-11.92066 -43.36139,-17.52365 -66.59375,-17z'/%3E%3C/g%3E%3C/svg%3E");
	background-position:center center;
	background-size:5vh 5vh;
	background-repeat:no-repeat;
}
.mobile.portrait #filters-content, .mobile.portrait #embed-content { 
	overflow-y:scroll;
	margin-top:9vh;
	width:100%;
}

.mobile.portrait #footer{ 
	top:100%;
	bottom:auto;
}

.mobile.portrait #marker-sheet{ 
	left:0;
	top:8vh;
	bottom:9vh;
}

.mobile.portrait #beneficiary-list .item .beneficiary-name { 
	width: 100%;
	    font-size: 1.5vh;
}

.mobile.portrait #beneficiary-list .item .beneficiary-city { 
	display:none;
}

.mobile.portrait #project-list .item .project-title { 
	width: 100%;
	font-size: 1.5vh;
}

.mobile.portrait #project-list .item .project-acronym { 
	display:none;
}

.mobile.portrait #list-selector a { 
	font-size:20px;
}

.mobile.portrait #legend span {
	font-size:1.5vh;	
}

.mobile.portrait .list-limit { 
	font-size: 2vh;
}

.mobile.portrait #lists { 
	left:0;
}

.mobile.portrait #footer { 
	top: 8vh; 
	bottom: 9vh;
	left:0vh;
	right:0vh;
	display:none;
	height:auto;
	border: none;
}
.mobile.portrait #footer.opened { 
	display:block;
}

.mobile.portrait #data-info { 
	    position: relative;
    left: auto;
    right: auto;
    font-size: 2vh;
    text-align: center;
    padding: 2vh;
}

.mobile.portrait #spread { 
	    position: relative;
    font-size: 2vh;
    left: auto;
    right: auto;
    padding: 1vh;
}

.mobile.portrait #credits { 
	    position: relative;
    left: auto;
    right: auto;
    text-align: center;
    padding: 2vh;
}
#credits h3 { 
display:none;
}
.mobile.portrait #credits .copyrights { 
	    display: block;
    font-size: 2vh;
	height:auto;
}
.mobile.portrait #credits h3 { 
	display:block;
	font-size:2.5vh;
}

.mobile.portrait #credits .copyrights span {
	display:block;
	padding:1vh;
}
.mobile.portrait #credits .easme { 
	    display: block;
    margin: 6vh;
    font-size: 2vh;
    background-size: 4vh;
    height: auto;
    background-position: center top;
    padding-top: 4vh;
}
.mobile.portrait #disclaimer { 
    position: absolute;
    left: 2vh;
    right: 2vh;
    width: auto;
    top: 21vh;
    height: auto;
    bottom: 12vh;
    overflow-y: auto;
    font-size: 2vh;
}

.mobile.portrait #disclaimer h1 { 
    font-size: 3vh;
}

.map-tooltip { 
	display: none;
}

.mobile.portrait .map-tooltip { 
    display: block;
    position: fixed;
    bottom: 10%;
    left: 0;
    right: 0;
    background-color: white;
    padding: 2vh;
}

.mobile.portrait .map-tooltip .title { 
    font-size: 2.5vh;
    display: block;
    color: #017eae;
    padding: 0 0 1vh 0;
	font-weight:bold;
}

.mobile.portrait .map-tooltip .city { 
    display: block;
    font-size: 2vh;
}
.mobile.portrait .map-tooltip a { 
    display: block;
    font-size: 2vh;
	text-align:right;
	color: #017eae;
	border-top:1px solid #ccc;
}

.mobile.portrait #list-selector a#button-list-dl { 
display:none;
}

/*
.wtCharts { 
	  position: absolute;
    top: 100px;
    bottom: 41px;
    left: 70px;
    right: 20px;
		display:none;
}
*/
#charts {
      position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 40px;

}

#charts .chart {
    display: block;
    width: 100%;
    margin: 20px 0 40px 0;
    box-sizing: border-box;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 30px;
}

#charts .dashboard {
    margin: 0px 0px 0px 50px;
    overflow: hidden;
    display: grid;
    grid-template-rows: min-content auto;
    height: 100%;
}
.mobile #charts .dashboard {
  margin: 0;
}
#charts .dashboard .figures {
    border-bottom: 1px solid #ccc;
    display: grid;
    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    background-color: #f1f1f1;
    z-index: 2;
    display: grid;
    grid-template: 
      "stats partners coord countries projects grants ."
      "search filters filters filters filters filters filters ";
    grid-template-columns: min-content min-content min-content min-content min-content min-content auto;
    background: #ddd;
}
@media (min-width: 1200px) {
  #charts .dashboard .figures {
    
  }
 }
  

#charts .dashboard .figures > div {
    background: white;
    justify-items: center;
    display: grid;
    align-items: center;
    padding: 10px 0px 10px 0px;
    width: 120px;
    box-sizing: border-box;
    border-radius: 6px;
    justify-items: center;
    margin: 10px;
    grid-gap: 5px;
}
#charts .dashboard .figures > div.title {
    background-color: #ddd;
    display: grid;
    align-items: center;
    justify-items: center;
    grid-area: stats;
    font-size: 4em;
    color: #9f907f;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
#charts .dashboard .figures > div.title2 {
    background-color: #9f907f;
    display: grid;
    align-items: center;
    justify-items: center;
    grid-area: search;
    font-size: 2em;
    color: #ddd;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
#charts .dashboard .figures > div.title2 i {
  display: block;

}
#charts .dashboard .figures > div h2 {
margin: 0;
        padding: 20px 0 10px 0;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #312d1c;
}
#charts .dashboard .figures > div div {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
      padding-bottom: 10px;
}
#charts .dashboard .figures > div span {
    font-size: 1.6em;
    font-weight: bold;
    
}
#charts .dashboard .figures > div label {
      font-size: 0.7em;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}
#charts .dashboard .figures > .filters {
    display: block;
    padding: 0 10px 0;
    text-align: center;
    box-sizing: border-box;
}
#charts .dashboard .figures .filters span {
  display: inline-block;
  font-size: 0.8em;
  font-weight: normal;
  background: #dddddd;
  color: #9f907f;
  border-radius: 6px;
  padding: 4px 9px;
  margin: 2px;
  text-transform: uppercase;
  margin: 8px 5px;
}
#charts .dashboard .figures > div.partners { grid-area: partners; }
#charts .dashboard .figures > div.countries { grid-area: countries; }
#charts .dashboard .figures > div.coordinators { grid-area: coord; }
#charts .dashboard .figures > div.projects { grid-area: projects; }
#charts .dashboard .figures > div.grants { grid-area: grants; }
#charts .dashboard .figures > div.filters { 
  grid-area: filters;
  grid-template-columns: max-content;
  background: #9f907f;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  padding: 0;
  text-align: left;
}
#charts .dashboard .figures .filters label { 
  width: 100%;
  display: block;
  text-align: left;
  padding: 0 0 3px 0px;
  font-size: 0.8em;
}
#charts .dashboard .figures .filters ul { 
  margin: 0;
  list-style: none;
  padding: 0;
}
#charts .dashboard .figures .filters li { 
    display: inline-block;
    background: white;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 1em;
    margin: 0 1px;
    color: black;
}
#charts .charts {
  overflow: auto;
  padding: 20px 20px 20px 60px;
}
#charts .charts .chart .button {
    display: block;
    text-align: center; 
    text-decoration: none;
    border: 1px solid #ddd;
    width: auto;
    margin: 0;
    padding: 6px 4px;
    background: #9f907f;
    color: white;
    text-transform: uppercase;
    font-size: 0.8em;
}
#charts .charts .chart .button.expand { display: block;}
#charts .charts .chart .button.collapse { display: none;}
#charts .charts .chart.expanded .button.expand { display: none;}
#charts .charts .chart.expanded .button.collapse { display: block;}

.highcharts-title {
  color: #017eae;
  font-size: 25px;
  font-weight: bold;
  fill: #017eae;
  text-transform: uppercase;
}


/**
* Glyphs
*
*/

@font-face {
  font-family: 'easme-dh';
  src:
    url('../fonts/easme-dh.ttf?6e5jv') format('truetype'),
    url('../fonts/easme-dh.woff?6e5jv') format('woff'),
    url('../fonts/easme-dh.svg?6e5jv#easme-dh') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'easme-dh' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\f007";
}
.icon-list:before {
  content: "\f03a";
}
.icon-pin:before {
  content: "\f041";
}
.icon-arrow-right:before {
  content: "\f054";
}
.icon-help:before {
  content: "\f059";
}
.icon-arrow-down:before {
  content: "\f078";
}
.icon-expand:before {
  content: "\f0d7";
}
.icon-euro:before {
  content: "\f153";
}
.icon-stats:before {
  content: "\f200";
}
.icon-battery-full:before {
  content: "\f240";
}
.icon-battery-empty:before {
  content: "\f244";
}
.icon-map:before {
  content: "\f279";
}
.icon-download:before {
  content: "\e900";
}
.icon-search:before {
  content: "\e986";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-close:before {
  content: "\ea0f";
}
.icon-checkbox-on:before {
  content: "\ea52";
}
.icon-checkbox-off:before {
  content: "\ea53";
}
.icon-embed:before {
  content: "\ea80";
}