:root {
}

:root, [data-bs-theme="dark"] {
}

body {
  font-size: .875rem;
  word-wrap: normal;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}


/* tbv leaflet maps */
#map
{
	min-height: 540px;/* 9:16 */
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:26%;
	z-index:0;
}

div.leaflet-div-icon
{
	background: transparent;
	border: 0;
}

[data-bs-theme="dark"] {
	.leaflet-layer,
	.leaflet-control-zoom-in,
	.leaflet-control-zoom-out,
	.leaflet-control-attribution {
	  filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
	}
}

/* voor status/category van ticket */
.ticket_cat1
{color:#B02418 !important;}
.ticket_cat3
{color:#E3530F !important;}
.ticket_cat4
{color:#0F9FE3 !important;}
.ticket_cat5
{color:#0F9FE3 !important;}
.ticket_cat6
{color:#0F9FE3 !important;}
.ticket_cat7
{color:#0F9FE3 !important;}
.ticket_cat99
{color:#8C8C8C !important;}

.status1
{color:#B02418 !important;}
.status5
{color:#F2A83B !important;}
.status9
{color:#B1D095 !important;}

.machine_on
{color:#00AA00 !important;}

.machine_off
{color:#0000AA !important;}

.machine_alarm
{color:#AA0000 !important;}

div.dropdown
{
	z-index: 1;/* anders verdwijnt de dark mode dropdown achter de map */
}

td.nowordbreak
{
	word-break: keep-all;
	white-space: nowrap;
}

pre
{
	text-align: left;
}

.prenomono
{
    white-space: pre;
   /** display: block;*/
    unicode-bidi: embed;
}
/* tbv mqtt berichten */

.pre
{
    white-space: pre;
    font-family: monospace;
   /** display: block;*/
    unicode-bidi: embed;
    font-size: 12px;
}

/*table.ropax-table td
{
	padding: 0.25rem;
	padding-top: 0.5rem;
}*/

.accordion
{
	max-height: 100vh;
	overflow: scroll;
}

td.detail
{
	padding-top: 1px;
	padding-bottom: 0px;
}

td.right, th.right
{
	text-align: right;
}

input.chartdate
{
	max-width: 100px;
}

input.charttime
{
	max-width: 60px;
}

div.min200
{
	min-height: 200px;
}

div.min400
{
	min-height: 400px;
}

.filepreview
{
	min-height: 60px;
	vertical-align: middle;
	padding: 0px;
	cursor: pointer;
}

/* tbv Detail button */

td.nopadding
{
	padding-top: 1px;
	padding-bottom: 1px;
}

span.close
{
	margin-left: 8px;
}

.nav-item
{
	height: 28px !important;
}

.form-label
{
  font-size: .825rem;
  word-wrap: normal;
}

li.tab
{
	margin-left: 32px;
}

ul.list-unstyled
{
	margin-left: -16px;
}

/*.accordion-button
{
  font-size: .875rem;
  padding: .291rem;
}*/

.accordion-item
{
  font-size: .875rem;
  /*padding: .291rem;*/
}

.ropaxblockdata
{
	overflow: auto;
}

/* dit is een test met card-deck */

.card-deck {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.card {
  /*flex: 1 0 auto;*/
}

/* test met halfhoge tables (robot pax parts) */
div.vh50
{
	height: 50vh;
	overflow-y: visible;
}

div.vh75
{
	height: 50vh;
	overflow-y: visible;
}

table th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  cursor: pointer;
}

span.headersortup
{
	font-style: bold;
	right: 3px;
	top: 5px;
	position: absolute;
}

span.headersortdown
{
	font-style: bold;
	right: 3px;
	top: 5px;
	position: absolute;
}

table.dataTable {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

div.modal {
	width: 100%;
	max-width:900px;
	left: 50%;
	transform: translate(-50%, 10%);
	z-index: 2000;
}

red
{
	color: red;
}