html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Roboto', sans-serif;
}

#Container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

#Header {
}

#Banner {
	font-weight: bold;
	font-size: 15px;
	color: #000000;
	background: #CCCCCC;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#MainTitle {
}

#Article {
	padding-bottom: 20px;
}

#FullScreenArticle {
	padding-bottom: 20px;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

#Footer {
}

/* ---------- login page ---------- */

.LoginBox {
	background-color: #F6F6F6;
	border: #336699 2px solid;
	border-spacing: 10px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 450px;
	display: block;
}

.LoginLogo {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}

/* ---------- customize dialog box ---------- */

.CustomizeSection {
	padding-bottom: 5px;
}

.CustomizeOption {
	display: inline-block;
	min-width: 55px;
	padding: 5px;
}

.CustomizeCheckbox {
}

#Spacer {
	flex: 1 1 auto;
	min-width: 40px;
}

#OkCancel {
}

#ClearApply {
}

/* ---------- Elements ---------- */

.Chart {
	display: inline-block;
	overflow: hidden;
	padding: 3px;
}

/* ---------- tables ---------- */

table.ShowBorder {
	border-collapse: collapse;
	border: 1px solid black;
}

table.ShowBorder td {
	border: 1px solid black;
	padding: 2px;
}

table.ShowBorder th {
	border: 1px solid black;
	background: #CCCCCC;
	padding: 2px;
}

/* ---------- Bulma overrides ---------- */

ol, ul, li {
	margin-left: 5px;
	padding-left: 10px;
}

ul {
	list-style: initial;
}

.hero-body, .section {
	padding-top: 1rem;
	padding-bottom: 0px;
}

.title {
	padding-top: 1rem;
}

/* ---------- Form Elements */

.field {
}

.control {
	margin-left: 20px;
	margin-bottom: 10px;
}

/* ---------- Forms ---------- */

.input, .textarea {
	width: initial;
}

/* ---------- Map ---------- */

#Map {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
}

.xcategory_filter_button {
	/*border: 2px solid grey; */
	border: none;
	background: #CCCCCC;
	padding: 2px;
	margin: 2px;
	text-align:center;
	min-width: 60px;
}
.xcategory_filter_button_active {
	/* border: 2px solid blue; */
	border: none;
	background: #CCCCFF;
}

.leaflet-container {
	font: inherit;
}

.leaflet-popup-content {
	font-size: 80%;
	line-height: 1.2;
}

.popup_icon {
}

.popup_container {
	margin-left: -35px;
	display: flex;
}

.popup_left {
	margin-top: -5px;
	width: 37px;
	display: inline-block;
}

.popup_right {
	display: inline-block;
}

.Xleaflet-top, .Xleaflet-bottom {
	z-index: 900;
}

.Xleaflet-pane {
	z-index: 0;
}

/* ---------- bulma ---------- */

.navbar-dropdown {
	z-index: 999;
}