body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0 auto;
	padding: 0;
	max-width: 2880px;
	background-color: #F9FAFB;
	font-size: 13.5px;
}

.navbar {
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-main {
	background: #004D46C0;
	/*opacity: 0.75;*/
	padding: 7px 0;
}

.navbar-right {
	margin-right: 15px;
}

.navhead {
	background: url("/static/images/background/default.jpg") center;
	height: 400px;
	margin-bottom: 0;
}

.headertext {
	text-align: left;
	margin-left: 140px;
	max-width: 333px;
	margin-top: 80px;
}

.lang-ga .headertext {
	max-width: 400px;
}

@media only screen and (max-width: 600px) {
	.headertext {
		margin-left: 20px;
	}
}

.headertext .headertop {
	font-weight: 800;
	font-size: 34px;
}

.logo {
	display: flex;
	color: white;
	margin: 0 10px;
	align-items: center;
	padding: 5px 15px;
	margin-left: 60px !important;
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
	.logo {
		margin-left: 0 !important;
	}

	.navbar-header {
		padding-left: 0;
	}
}

.logo > div {
	font-family: "Constantia", "DejaVu Serif", serif;
	border-left: 1px solid white;
	border-image: linear-gradient(transparent, white, transparent);
	border-image-slice: 1;
	display: flex;
	flex-direction: column;
	font-size: medium;
	padding: 3px 10px;
	margin: 0 10px;
}

.logo > img {
	display: inline;
}

.navbar-menu a {
	color: whitesmoke !important;
	font-size: 16px;
	font-weight: 400;
}

.navbar-menu .dropdown-menu a {
	color: white !important;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent;
}

.dropdown-menu {
	opacity: 1 !important;
}

.navhead li a:hover {
	text-decoration: underline;
	font-weight: 400;
}

.navyears {
	border: none;
}

.nav-sectors {
	border-spacing: 12px;
	margin-left: -5%;
	width: 110%;
}

@media only screen and (max-width: 800px) {
	.nav-sectors {
		border-spacing: 0;
		margin-left: 0;
		width: 100%;
	}
}

.sector-li {
	border-radius: 8px;
	margin: 16px !important;
	border: none !important;
	box-shadow: 5px 10px 18px #cccccc
}

.sector-li a label {
	cursor: pointer;
}

.nav > li > a:hover {
	background-color: transparent;
}

.sector {
	margin-top: 16px;
	font-weight: 600;
}

.sectorspend {
	color: #1D263A;
	font-weight: 400;
}

.active .sector {
	color: white !important;
}

.active .sectorspend {
	color: white !important;
}

.navsectors .nav {
	border: none;
}

.totalspend {
	text-align: left;
	margin-left: -15px;
}

@media only screen and (max-width: 800px) {
	.totalspend {
		margin-left: 15px;
	}
}

.totalspend label {
	display: block;
	font-size: 24px;
	font-weight: 600;
}

.totalspend span {
	display: block;
	font-size: 24px;
	font-weight: 600;
}

.totalspend-sector {
	color: #292929;
	font-size: 12px;
	font-weight: 400;
}

.graph {
	border-radius: 8px;
}

.showMore {
	background: #004D46;
	border: none;
	border-radius: 3px;
	color: white;
	padding: 5px 20px;
	font-weight: bold;
}

#footer {
	width: 100%;
	background-color: #004D44;
	padding: 20px;
	display: flex;
}

#footer #footer-copyright {
	margin: auto;
	color: white;
	font-size: small;
	padding: 0 20px;
}

#footer #footer-right-logo {
	width: 158px;
}

.targets-row {
	margin-top: 16px;
	margin-bottom: 16px;
}

.targets div {
	padding: 4px;
	text-align: center;
}

.targets_title {
	font-size: 18px;
	min-width: 128px;
	padding-right: 16px !important;
	padding-top: 16px !important;
}

.target_name {
	font-size: 10px;
	font-weight: 400;
	color: #8e929d;
}

.target_value {
	font-size: 12px;
	font-weight: 600;
	color: #004D46;
}

.accordion.active {
	display: none;
}

.caret {
	margin-left: 5px;
}

.target_icon {
	height: 56px;
}

.target_icon_helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.targets {
	display: flex;
	flex-wrap: wrap;
}

.targets > .target {
	flex: 1 1;
}

.headertext .headertop {
	text-shadow: 0 0 4px black;
}

.headertext .headerbottom {
	text-shadow: 0 0 3px black;
}

.targets-department {
	text-align: right;
	margin: 5px 10px;
}

select {
	background-color: white;
	border: thin solid blue;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.minimal {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%),
	linear-gradient(135deg, gray 50%, transparent 50%),
	linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 20px) calc(1em + 2px),
	calc(100% - 15px) calc(1em + 2px),
	calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px,
	5px 5px,
	1px 1.5em;
	background-repeat: no-repeat;
}

select.minimal:focus {
	background-image: linear-gradient(45deg, green 50%, transparent 50%),
	linear-gradient(135deg, transparent 50%, green 50%),
	linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 15px) 1em,
	calc(100% - 20px) 1em,
	calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px,
	5px 5px,
	1px 1.5em;
	background-repeat: no-repeat;
	border-color: green;
	outline: 0;
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.note {
	margin-left: 16px;
	margin-right: 16px;
}

@media (max-width: 840px) {
	.sector-li {
		margin: 2px !important;
	}
}

#language-selector input.dropdown-item {
	background: transparent;
	border: transparent;
	color: white;
	font-size: 16px;
	padding: 3px 20px;
}

#language-selector input.dropdown-item:hover {
	text-decoration: underline;
}