/*General Styles*/
canvas {
	border: 1px solid;
}

/* Country Reports - Management Index */
.indicator-indicators .managementindex,
.indicator-indicators .managementindex a{
	color: #779e46;
}

.indicator-indicators .managementindex.active {
	background-color: #779e46;
	border-color: #779e46;
	color: #fff;
}

.indicator-indicators .managementindex.active .dot {
	background-color: #fff;
}

.managementindex .theme{
	background-color: #779e46;
	color: #fff;
}

.managementindex .theme a {
	color: #fff;
}

.managementindex .theme-border,
.managementindex #district_search.theme-border,
.managementindex .indicator-data-layer-types .tab.theme-border,
.managementindex .ol-viewport canvas {
	border-color: #779e46;
}

.managementindex .indicator-data-layer-types .tab.theme-border.active {
	background: #779e46;
	color: #fff;
}

.managementindex .indicator-data-layer-types .tab.theme-border {
	color: #779e46;
}

.indicator-map {
	margin-bottom: 15px;
}

.managementindex .ol-zoom-in, .managementindex .ol-zoom-out, .indicator-map.managementindex .theme, .managementindex > .dot {
	background-color: #779e46;
}

.indicator-indicators .managementindex,
.indicator-indicators .managementindex a,
.indicator-map.managementindex .popover,
.indicator-map.managementindex .popover a,
.indicator-map.managementindex .district-search,
.indicator-map.managementindex .district-search a{
	color: #779e46;
}

.managementindex .indicator-indicators .managementindex.active {
	background-color: #779e46;
	border-color: #779e46;
	color: #fff;
}

.indicator-indicators .managementindex.active .dot {
	background-color: #fff;
}

.managementindex .theme{
	background-color: #779e46;
	color: #fff;
}

.managementindex .theme a {
	color: #fff;
}

.managementindex .theme-border,
.managementindex .indicator-data-layer-types .tab.theme-border,
.managementindex .ol-viewport canvas {
	border-color: #779e46 !important;
}

.managementindex .indicator-data-layer-types .tab.theme-border.active {
	background: #779e46;
	color: #fff;
}

.managementindex .indicator-data-layer-types .tab.theme-border,
.managementindex .scale.theme-border {
	color: #779e46;
}


.managementindex .ol-zoom-in, .managementindex .ol-zoom-out{
	background-color: #779e46 !important;
}

.managementindex > .dot {
	background-color: #779e46;
}

/*IE9 and IE10 special styles*/
@media screen and (min-width:0\0) {
	.itaobstmap {
		margin-top: 36px;
	}

	.indicator-map {
		overflow: visible !important;
	}

	indicator-data-layer-types {
		position: absolute;
		top: -36px;
	}

	.indicator-map {
		height: 626px;
	}

	@media (max-width: 1024px) {
		.indicator-map {
			height: 369px;
		}
	}

}

/*Hide map in this resolution*/
@media (max-width: 736px) {
	.indicator-map {
		display: none;
	}
}