TABLE.lt-table,TD.lt-cell,TD.lt-head { border: solid black 1px; border-collapse: collapse; }
TD.lt-cell,TD.lt-head,TH.lt-title { padding: 5px; }
P.menu { text-align: center; }
TD.lt-head { font-weight: bold; }
TR.lt-row { transition: background 2s; }
TD.lt-cell { white-space: pre-wrap; transition: background 2s; }
TD.lt-unused { background-color: rgb(200,200,200); }
TD.lt-sum { font-weight: bold; }
TD.lt-tar { text-align: right; }
TD.lt-fin { text-align: right; }
TD.lt-fin::before { content: "€\a0"; text-align: left; float: left; }
TD.lt-dist { text-align: right; }
TD.lt-dist::after { content: " km"; }
TD.lt-sort::after { float: right; margin-left: 10px; content: url('sort_arrows.png'); cursor: pointer; }
TD.lt-sorted-asc::after { float: right; margin-left: 10px; content: url('sort_arrows_asc.png'); cursor: pointer; }
TD.lt-sorted-desc::after { float: right; margin-left: 10px; content: url('sort_arrows_desc.png'); cursor: pointer; }
TD.lt-cell DIV.lt-div { margin: 10px 10px; }
TD.lt-edit:hover { position: relative; }
TD.lt-edit:not(.lt-editing):hover::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' fill='rgba(255,255,255,0.5)'/%3E%3Cg fill='%23070'%3E%3Cpath d='m422.95 176.02c0.549-0.48 1.09-0.975 1.612-1.498l21.772-21.772c12.883-12.883 12.883-33.771 0-46.654l-40.434-40.434c-12.883-12.883-33.771-12.883-46.653 0l-21.772 21.772c-0.523 0.523-1.018 1.064-1.498 1.613l86.97 86.969z'/%3E%3Cpolygon points='114.32 397.68 157.32 440.68 106.66 448.34 56 456 63.658 405.34 71.316 354.68'/%3E%3Cpolygon points='349.14 125.54 118.98 355.69 106.54 343.25 336.7 113.09 324.26 100.65 81.659 343.25 168.75 430.34 411.35 187.74'/%3E%3C/g%3E%3C/svg%3E");
  /* Image source: http://simpleicon.com/ */
  position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 500;
}
.lt-required { background-color: rgb(255,220,220); }
DIV.lt-div { margin-bottom: 20px; }
DIV.lt-buttongrid { float: right; width: 480px; }
DIV.lt-buttongrid-tabbar { padding-top: 15px; padding-bottom: 9px; padding-right: 10px; }
DIV.lt-buttongrid-panels { position: relative; }
DIV.lt-buttongrid-panel { position: absolute; left: 0px; top: 0px; border: solid black 1px; background-color: white; width: 480px; height: 320px; }
INPUT.lt-buttongrid-button { width: 120px; height: 80px; border: solid white 2px; background-color: rgb(80,80,255); color: white; }
INPUT.lt-buttongrid-button:active { width: 120px; height: 80px; border: solid red 2px; background-color: black; color: yellow; }
SPAN.lt-buttongrid-tab { border: solid black 1px; border-bottom: none; padding: 10px; margin-left: 10px; }
SPAN.lt-buttongrid-topleft { position: absolute; top: 2px; left: 5px; }
SPAN.lt-buttongrid-topright { position: absolute; top: 2px; right: 5px; }
SPAN.lt-buttongrid-bottomleft { position: absolute; bottom: 1px; left: 5px; }
SPAN.lt-buttongrid-bottomright { position: absolute; bottom: 1px; right: 5px; }
DIV.lt-numpad { position: relative; clear: right; float: right; top: 330px; }
INPUT.lt-numpad-button { width: 80px; height: 80px; }
DIV#lt-numpad-display { display: inline-block; vertical-align: top; text-align: center; line-height: 96px; margin: 1px; width: 76px; height: 76px; border: solid black 1px; }
DIV#lt-overlay { position: absolute; width: 800px; height: 600px; background-color: #CCCCCC; border-radius: 10px; z-index: 10000 }
IMG#lt-overlay-close { float: right; position: relative; top: -25px; left: 25px; }
TBODY:empty { display: none; }
TEXTAREA {
  box-sizing: border-box;
  max-height: 200px;
  min-height: 20px;
  overflow-x: hidden;
}
TEXTAREA.insert {
  min-height: 40px;
}
#search {
  width: 150px;
}
DIV.fixed {
  background-color: white;
  width: 100%;
  margin-top: -45px;
  margin-bottom: 0;
  padding-top: 35px;
  z-index: 1000;
}
DIV.fixed HR {
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 0;
}
.notransition {
  transition: none !important;
}
/* INPUT.lt-delete {
  background:linear-gradient(to bottom, #909090 5%, #505050 100%); background-color:#909090;
  border-radius:6px; border:1px solid #909090;
  color:#ffffff; font-size:11px;  font-weight:bold; cursor:pointer;
  margin: 0px 0px;
  padding: 1px 4px 0px 3px;
}
INPUT.lt-delete:hover { background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%); background-color:#909090; border:1px solid #fe1a00; } */
P#region-notice { margin: 10px -25px; }
P#region-notice SPAN { background-color: red; color: white; font-size: larger; font-weight: bold; padding: 5px 8px; padding-left: 30px; border-radius: 12px; }

SPAN.lt-label-filter { position: absolute; left: -18px; }
SPAN.lt-label-clear { position: absolute; right: -18px; top: 2px; }
.container-fluid { padding-left: 25px; padding-right: 25px; }
TD.lt-filter INPUT { width: 100%; }

DIV.other-region { margin-left: 10px; border-left: solid red 8px; padding-left: 10px; }

INPUT.lt-tablefunc { float: right; cursor: pointer; }
INPUT.lt-add-option { margin-left: 5px; }

.lt-fullscreen-button { float: right; margin-left: 5px; }
.lt-fullscreen-button::before {
  content: url(fullscreen.svg);
  cursor: pointer;
}
#lt-fullscreen-div {
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  background-color: white;
  padding: 20px;
}
#lt-fullscreen-scroller {
  overflow: auto;
}

/* For Narrowcast */
BODY { margin: 0; font-family: sans-serif; }
DIV.flex { display: flex; justify-content: center; }
DIV#header { margin-top: 20px; }
DIV#header P { margin-top: 5px; text-align: right; font-family: sans-serif; font-weight: bold; }
DIV#header SVG { display: block; }
NAV { display: flex; background-color: #702E00; font-size: 1.2rem; color: white; }
NAV A { color: white; text-decoration: none; }
NAV DIV { padding: 10px; border-right: solid white 1px; }
NAV DIV.noborder { border-right: none; }
NAV DIV.active { background-color: #BD4D00; }
NAV DIV.button:hover:not(.active) { background-color: #963300; }
MAIN { padding: 20px; }
DIV#overlay { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; pointer-events: none; background-color: rgba(0,0,0,0.5); transition: opacity 0.5s; }
DIV#overlay_content { background-color: white; width: max-content; max-width: 90vw; max-height: 90vh; overflow: hidden; }
DIV#overlay_content IMG { display: block; margin: auto; max-width: 100%; max-height: 100%; }
DIV#overlay_content IFRAME { display: block; border: none; height: 80vh; width: 85vw; background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="%23D00000" x="50%" y="50%" font-family="\'Lucida Grande\', sans-serif" font-size="24" text-anchor="middle">Als de site hier niet laadt kan deze mogelijk niet als dia gebruikt worden</text></svg>') 0px 0px no-repeat; }
#slides .lt-div-table { display: flex; flex-wrap: wrap; }
#slides .lt-div-row { margin: 0 20px 20px 0; border: solid black 1px; padding: 10px; text-align: right; }
#slides .lt-div-row A { text-decoration: none; color: black; }
#slides .lt-div-row IMG { display: block; margin: 0 auto 10px auto; width: 200px; height: 200px; object-fit: contain; }
TD.seconden:not(:empty)::after { content: ' sec' }
TD.seconden INPUT { width: 3em; }
TD.short INPUT { width: 3em; }
DIV.help { position: relative; width: 30em; padding: 10px; border: solid rgb(232, 201, 109) 1px; background-color: rgba(232, 201, 109, 0.3); }
DIV.help::after { content: '🛈'; position: absolute; right: -0.45em; top: -0.75em; font-size: 1.5em;
  text-shadow:
    1px 1px 0 rgb(232, 201, 109), -1px -1px 0 rgb(232, 201, 109), 1px -1px 0 rgb(232, 201, 109), -1px 1px 0 rgb(232, 201, 109),
    1px 0px 0 rgb(232, 201, 109), -1px 0px 0 rgb(232, 201, 109), 0px -1px 0 rgb(232, 201, 109), -0px 1px 0 rgb(232, 201, 109),
    2px 2px 0 rgb(232, 201, 109), -2px -2px 0 rgb(232, 201, 109), 2px -2px 0 rgb(232, 201, 109), -2px 2px 0 rgb(232, 201, 109),
    2px 0px 0 rgb(232, 201, 109), -2px -0px 0 rgb(232, 201, 109), 0px -2px 0 rgb(232, 201, 109), -0px 2px 0 rgb(232, 201, 109),
    3px 0px 0 rgb(232, 201, 109), -3px -0px 0 rgb(232, 201, 109), 0px -3px 0 rgb(232, 201, 109), -0px 3px 0 rgb(232, 201, 109);
}
DIV.help P { margin: 0; }
DIV.help P + P { margin-top: 1em; }
VIDEO { display: block; }
INPUT { white-space: initial; }

.gantt_weekend { background: #eaeaea !important; }
.gantt_task_progress_drag { display: none !important; }
.gantt_link_point { display: none !important; }

#gjs { margin: 25px auto 0 auto; border: solid grey 1px; }
.gjs-cv-canvas {
  top: 0;
  width: 100%;
  height: 100%;
}
.gjs-block {
  width: auto;
  height: auto;
  min-height: auto;
}