html, body {
	height: 100vh;
}

.select {
	background-color: red;
	padding:5px;
}

.container-md {
	height: 100vh;
	max-width: 800px;
}

.header {
	height: 3rem;
	margin: auto;

}
.main {
	height: 85%;
	margin: auto;
	overflow: auto;
}
.footer {
	height: 1.5rem;
	margin: auto;
}

.tooltiphide {
	display: none;
}

#arrow,
#arrow::before {
	position: absolute;
	width: 8px;
	height: 8px;
	background: inherit;
}

#arrow {
	visibility: hidden;
}

#arrow::before {
	visibility: visible;
	content: '';
	transform: rotate(45deg);
}

.ttip[data-popper-placement^='top'] > #arrow {
  bottom: -4px;
}

.ttip[data-popper-placement^='bottom'] > #arrow {
  top: -4px;
}

.ttip[data-popper-placement^='left'] > #arrow {
  right: -4px;
}

.ttip[data-popper-placement^='right'] > #arrow {
  left: -4px;
}

.reis-even {
	background-color:	FloralWhite;
}
.reis-oneven {
	background-color:	WhiteSmoke;
}

.plaats-onderdeel	{
	background-color: Gainsboro;
}
.onderdeel-omschrijving	{
	background-color: WhiteSmoke;
	text-align: center;
	padding:5px;

}

.plaats-plaats	{
	background-color: FloralWhite;
}

.plaats-omschrijving	{
	background-color: WhiteSmoke;
	font-size: 80%;
	padding:5px;
}
.plaats-links	{
	background-color: WhiteSmoke;
	padding:5px;
	font-size: 80%;
}

.popupob {
	background-color: #ff944d;
	max-width: 400px;
}

.my-custom-class-for-label {	/*tbv marker-label styling */
  min-width	: 50px;
  display	: inline-block; 
  min-height	: 16px;
  
  border	: 1px solid #eb3a44;
  border-radius: 5px;
  
  background: #fee1d7;
/*  color	: #eb3a44; */
  color	: black;
  text-align: center;
  font-size	: 10px;
}

.my-custom-class-for-label-groot {	/*tbv marker-label styling */
  min-width	: 100px;
  min-height	: 24px;
  
  border	: 1px solid #eb3a44;
  border-radius: 5px;
  
  background: #fee1d7;
/*  color	: #0000b3; */
  color	: black;
  text-align: center;
  
  font-weight: bold;
  font-size	: 18px;
}

.marker-content {
  color	: black;
  font-size	: 10px;
  text-align: center;
}

/* onderstaande classes tbv kleuren tekst in reizen overzicht */
.zeilen {
	color:blue;
}
.kamperen {
	color:green;
}
.vliegen {
	color:orange;
}
.selecteer {
	background-color:sienna;
}
.geen {
	color: black;
}

#editkaart button {
	min-width: 60px; 
	margin: 0px 1px;
}

.markerglyph {
	font-size	: 10px;
	min-width	: 60px;
	border		: 1px solid #eb3a44;
	background: #fee1d7;

}

.maxlines {
	--maxlines: 2;
	display: -webkit-box;
	-webkit-line-clamp: var(--maxlines);
	-webkit-box-orient: vertical;
	overflow: hidden;
}	

.center {
	border: 2px solid;
	margin: auto;
	width: 70%;
	padding: 4px;
}