/* use border-box sizing as global default */

* {
	box-sizing: border-box;
}
*::before,
*::after {
	box-sizing: inherit;
}

/* the "hidden" attribute should override any styles */

[hidden] {
	display: none !important;
}

/* set explicit height to root elements */

html,
body,
#root {
	height: 100%;
}

/* more appropriate table default behavior */

table th {
	text-align: inherit;
}

/* make openlayers overlays ignore pointer hover by default. this prevents issues where moving the cursor fast causes tooltips to get "caught" under the cursor, blocking the map and further cursor tracking. can be overridden for a specific tooltip by setting `pointer-events: auto;` for the inner tooltip component. */
.ol-overlay-container.ol-selectable {
	pointer-events: none;
}

/* ensure react-datepicker can never get lost under modals etc */
.react-datepicker-popper {
	z-index: 500 !important;
}
.react-datepicker__navigation-icon--next,
.react-datepicker__navigation-icon--previous {
	width: 0px;
}
/* TODO: to be removed */

.fa.pad-right {
	margin-right: 5px;
}

.fa.pad-left {
	margin-left: 5px;
}