h2 {
	color: #266B82;
	font-weight: normal;
	margin: 5px;
}

h3 {
	margin: 5px;
}

h1 {
	text-transform: uppercase;
}

.ui-tabs {
	padding: 0;
}

.ui-tabs .ui-tabs-nav {
	display: flex;
	padding: 0;
}

.ui-tabs .ui-tabs-panel {
	border: 1px solid #c5c5c5;
}

.ui-widget.ui-widget-content {
	border: none;
}

.ui-tabs .ui-tabs-nav li {
	flex: 1;
	display: flex;
	white-space: normal;
	border-bottom-width: 1px;
	margin: 0;
}

.ui-tabs .ui-tabs-nav li a {
	flex: 1;
	text-align: center;
}

.ui-widget-header {
	border: none;
	background: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
	{
	border: 1px solid #584d28;
	background: rgb(156, 138, 70);
}

#datagroup-grid {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

#datagroup-grid>div {
	flex: 0 0 33.3333%;
}

#datagroup-grid>div>div {
	background-color: #0C4354;
	margin: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 50%;
	cursor: pointer;
}

#datagroup-grid>div>div>* {
	text-transform: uppercase;
	font-size: 20pt;
	font-weight: bold;
	color: white;
	white-space: nowrap;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#datagroup-grid>div>div:hover {
	background-image: none;
}

#grid-collection {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Gyujtemeny_400x200px.jpg");
}

#grid-exhibitions {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Kiallitasok_400x200px.jpg");
}

#grid-programs {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Programok_400x200px.jpg");
}

#grid-visitors {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Latogatoszamok_400x200px.jpg");
}

#grid-employees {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Alkalmazottak_400x200px.jpg");
}

#grid-academicActivites {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_TudomanyosElet_400x200px.jpg");
}

#grid-publications {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Kiadvanyok_400x200px.jpg");
}

#grid-communication {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Kommunikacio_400x200px.jpg");
}

#grid-informatics {
	background-image:
		url("/images/summary/MuzStatAdatviz_BoxFoto_Informatika_400x200px.jpg");
}

div.diagramSwitcher[data-type="bar"] {
	height: 62px;
	width: 62px;
	margin: 20px;
	border: 1px solid #868482;
	cursor: pointer;
	background-color: white;
	background-image:
		url("/images/summary/MuzStatAdatviz_DiagramIkon1_fekete_62px.png");
	background-color: white;
	border: 1px solid #868482;
}

div.diagramSwitcher[data-type="bar"].selected {
	background-color: #0C4354;
	background-image:
		url("/images/summary/MuzStatAdatviz_DiagramIkon1_feher_62px.png");
}

div.diagramSwitcher[data-type="spline"] {
	height: 62px;
	width: 62px;
	margin: 20px;
	border: 1px solid #868482;
	cursor: pointer;
	background-color: white;
	background-image:
		url("/images/summary/MuzStatAdatviz_DiagramIkon3_fekete_62px.png");
}

div.diagramSwitcher[data-type="spline"].selected {
	background-color: #0C4354;
	background-image:
		url("/images/summary/MuzStatAdatviz_DiagramIkon3_feher_62px.png");
}

.outerDiagramContainer {
	background-color: #ECEAE8;
	padding: 20px;
}

.innerDiagramContainer {
	display: flex;
	align-items: flex-end;
}

.innerDiagramContainer>div {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.environmentalDiagramContainer {
	background-color: white;
	margin: 10px;
	padding: 10px;
}

.environmentalSelectContainer {
	display: flex;
	justify-content: space-between;
}

.legend {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.legend > div {
	margin: 0px 5px;
	cursor: pointer;
}

.legend > div.clicked {
	opacity: .15;
}

.legend > div > * {
	display: inline-block;
}

.legend > div > div {
	height: 15px;
	width: 15px;
	margin: 3px 5px;
}

.legend > div > span {
	vertical-align: top;
}

#map {
	height: 250px;
	width: 100%;
	margin-bottom: 20px;
}

#map * {
	overflow: visible;
}

#institution-image, #county-image {
	max-height: 250px;
}

#projects-diagram {
	margin: 20px 0px;
}

#base-content {
	color: #868482;
	display: flex;
	padding: 20px;
	background-color: #ECEAE8;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 5px solid #868482;
	border-bottom: 5px solid #868482;
}

#base-content table td:nth-child(1) {
	font-weight: bold;
	padding-right: 10px;
}

#datagroup-checkboxes {
	text-transform: uppercase;
	margin-top: 10px;
}

#others>*+* {
	margin-top: 30px;
}

.ui-widget {
	font-family: "PT Sans", sans-serif;
}

.ui-widget button .download-text {
	font-family: 'Noto Sans', sans-serif;
}

input[type=checkbox], input[type=radio] {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

input[type=radio] {
	bottom: 2px;
}