@font-face {
  font-family: "TTCommons";
  src: url("../fonts/TTCommons-Book.eot"); /* IE9 Compat Modes */
  src: url("../fonts/TTCommons-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/TTCommons-Book.woff2") format("woff2"), url("../fonts/TTCommons-Book.woff") format("woff"), url("../fonts/TTCommons-Book.ttf") format("truetype"); /* Legacy iOS */
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "TTCommons";
  src: url("../fonts/TTCommons-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/TTCommons-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TTCommons-Regular.woff2") format("woff2"), url("../fonts/TTCommons-Regular.woff") format("woff"), url("../fonts/TTCommons-Regular.ttf") format("truetype"); /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "TTCommons";
  src: url("../fonts/TTCommons-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/TTCommons-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/TTCommons-Medium.woff2") format("woff2"), url("../fonts/TTCommons-Medium.woff") format("woff"), url("../fonts/TTCommons-Medium.ttf") format("truetype"); /* Legacy iOS */
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "TTCommons";
  src: url("../fonts/TTCommons-DemiBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/TTCommons-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTCommons-DemiBold.woff2") format("woff2"), url("../fonts/TTCommons-DemiBold.woff") format("woff"), url("../fonts/TTCommons-DemiBold.ttf") format("truetype"); /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "TTCommons";
  src: url("../fonts/TTCommons-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/TTCommons-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTCommons-Bold.woff2") format("woff2"), url("../fonts/TTCommons-Bold.woff") format("woff"), url("../fonts/TTCommons-Bold.ttf") format("truetype"); /* Legacy iOS */
  font-style: normal;
  font-weight: 500;
}
body {
  font-size: 16px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
body * {
  font-size: 2rem;
  font-family: "TTCommons", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  box-sizing: border-box;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(41, 27, 27, 0);
  outline: none;
}
body input, body textarea {
  font-weight: 200;
  color: rgba(41, 27, 27, 0.8);
}
body button, body .button, body input[type=submit] {
  background-color: #291b1b;
  border: none;
  border-radius: 0.5rem;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.6rem 1rem 0.5rem 1rem;
  color: #ffffff;
  text-decoration: none;
}
body button:hover, body .button:hover, body input[type=submit]:hover {
  background-color: rgba(233, 157, 157, 0.8);
  color: #291b1b;
}
body main.centered {
  display: flex;
  justify-content: center;
}
body main h1 {
  margin: 0;
}

html body .switch {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 2rem;
}
html body .switch input {
  display: none;
}
html body .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(41, 27, 27, 0.16);
  background: linear-gradient(0deg, rgba(41, 27, 27, 0.12) 0%, rgba(41, 27, 27, 0.12) 70%, rgba(41, 27, 27, 0.16) 100%);
  transition: 0.4s;
  border-radius: 1.5rem;
}
html body .switch .slider:before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: #ffffff;
  border-radius: 50%;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -moz-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -khtml-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -ms-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -webkit-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -o-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  box-shadow: 0px 3px 4px rgba(41, 27, 27, 0.06);
  -moz-box-shadow: 0px 3px 4px rgba(41, 27, 27, 0.06);
  -khtml-box-shadow: 0px 3px 4px rgba(41, 27, 27, 0.06);
  -ms-box-shadow: 0px 3px 4px rgba(41, 27, 27, 0.06);
  -webkit-box-shadow: 0px 3px 4px rgba(41, 27, 27, 0.06);
  -o-box-shadow: 0px 3px 4px rgba(41, 27, 27, 0.06);
}
html body .switch .slider:hover {
  background-color: rgba(41, 27, 27, 0.24);
}
html body .switch input:checked + .slider {
  background-color: #291b1b;
}
html body .switch input:focus + .slider {
  box-shadow: 0 0 1px #291b1b;
}
html body .switch input:checked + .slider:before {
  transform: translateX(2rem);
  -moz-transform: translateX(2rem);
  -khtml-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  -webkit-transform: translateX(2rem);
  -o-transform: translateX(2rem);
}
html body .switch input[disabled] + .slider {
  opacity: 0.48;
}
html body .switch input.active:checked + .slider {
  background-color: #C010C0;
}
html body select, html body input, html body textarea {
  padding: 0.5rem;
  cursor: pointer;
  background-color: rgba(41, 27, 27, 0.08);
  border: none;
  border-radius: 0.5rem;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -moz-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -khtml-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -ms-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -webkit-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -o-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
}
html body select:hover, html body input:hover, html body textarea:hover {
  background-color: rgba(41, 27, 27, 0.12);
}
html body select {
  padding: 0.5rem 0.5rem 0.5rem 0.8rem;
  min-width: 10rem;
  padding-right: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M377.4 296.6l-168 176C204.8 477.3 198.6 480 192 480s-12.84-2.688-17.38-7.438l-168-176C-2.5 286.1-2.156 271.8 7.438 262.6c9.5-9.156 24.75-8.812 33.94 .8125L168 396.1V56.02c0-13.25 10.75-24.01 23.1-24.01S216 42.77 216 56.02v340.1l126.6-132.7c9.156-9.625 24.41-9.969 33.94-.8125C386.2 271.8 386.5 286.1 377.4 296.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.8rem center;
  background-size: auto 1.4rem;
}
html body input[type=text], html body input[type=password], html body textarea {
  cursor: text;
  font-size: 1.5rem;
  padding: 1rem;
}
html body nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem calc(1rem + 2vw) 1rem calc(1rem + 2vw);
  height: 5rem;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #ffffff;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body nav, html body nav * {
  font-size: 1.5rem;
  text-decoration: none;
  color: #291b1b;
}
html body nav .routes, html body nav .logout {
  display: flex;
  gap: 3vw;
}
html body nav .routes a, html body nav .logout a {
  position: relative;
}
html body nav .routes a.config, html body nav .logout a.config {
  width: 1.6rem;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0.4;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  background-size: 1.3rem auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='gear' class='svg-inline--fa fa-gear css-bm7n3v' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23291b1b' d='M160 256C160 202.1 202.1 160 256 160C309 160 352 202.1 352 256C352 309 309 352 256 352C202.1 352 160 309 160 256zM256 208C229.5 208 208 229.5 208 256C208 282.5 229.5 304 256 304C282.5 304 304 282.5 304 256C304 229.5 282.5 208 256 208zM293.1 .0003C315.3 .0003 334.6 15.19 339.8 36.74L347.6 69.21C356.1 73.36 364.2 78.07 371.9 83.28L404 73.83C425.3 67.56 448.1 76.67 459.2 95.87L496.3 160.1C507.3 179.3 503.8 203.6 487.8 218.9L463.5 241.1C463.8 246.6 464 251.3 464 256C464 260.7 463.8 265.4 463.5 270L487.8 293.1C503.8 308.4 507.3 332.7 496.3 351.9L459.2 416.1C448.1 435.3 425.3 444.4 404 438.2L371.9 428.7C364.2 433.9 356.1 438.6 347.6 442.8L339.8 475.3C334.6 496.8 315.3 512 293.1 512H218.9C196.7 512 177.4 496.8 172.2 475.3L164.4 442.8C155.9 438.6 147.8 433.9 140.1 428.7L107.1 438.2C86.73 444.4 63.94 435.3 52.85 416.1L15.75 351.9C4.66 332.7 8.168 308.4 24.23 293.1L48.47 270C48.16 265.4 48 260.7 48 255.1C48 251.3 48.16 246.6 48.47 241.1L24.23 218.9C8.167 203.6 4.66 179.3 15.75 160.1L52.85 95.87C63.94 76.67 86.73 67.56 107.1 73.83L140.1 83.28C147.8 78.07 155.9 73.36 164.4 69.21L172.2 36.74C177.4 15.18 196.7 0 218.9 0L293.1 .0003zM205.5 103.6L194.3 108.3C181.6 113.6 169.8 120.5 159.1 128.7L149.4 136.1L94.42 119.9L57.31 184.1L98.81 223.6L97.28 235.6C96.44 242.3 96 249.1 96 256C96 262.9 96.44 269.7 97.28 276.4L98.81 288.4L57.32 327.9L94.42 392.1L149.4 375.9L159.1 383.3C169.8 391.5 181.6 398.4 194.3 403.7L205.5 408.4L218.9 464H293.1L306.5 408.4L317.7 403.7C330.4 398.4 342.2 391.5 352.9 383.3L362.6 375.9L417.6 392.1L454.7 327.9L413.2 288.4L414.7 276.4C415.6 269.7 416 262.9 416 256C416 249.1 415.6 242.3 414.7 235.6L413.2 223.6L454.7 184.1L417.6 119.9L362.6 136.1L352.9 128.7C342.2 120.5 330.4 113.6 317.7 108.3L306.5 103.6L293.1 48H218.9L205.5 103.6z'%3E%3C/path%3E%3C/svg%3E");
}
html body nav .routes a.config:hover, html body nav .routes a.config.active, html body nav .logout a.config:hover, html body nav .logout a.config.active {
  opacity: 1;
}
html body nav .routes a::after, html body nav .logout a::after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  height: 0.14rem;
  width: 100%;
  background-color: #291b1b;
  opacity: 0;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -moz-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -khtml-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -ms-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -webkit-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -o-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
}
html body nav .routes a:hover::after, html body nav .logout a:hover::after {
  opacity: 0.24;
}
html body nav .routes a.active::after, html body nav .logout a.active::after {
  opacity: 1;
}
html body nav .filter {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-left: 2rem;
}
html body nav .ipinfo, html body nav .logout {
  display: none;
}
html body nav .switch {
  width: 7rem;
}
html body nav .switch .slider::after {
  content: "Bezet";
  position: relative;
  top: 1px;
  left: 2.5rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 2rem;
  color: rgba(41, 27, 27, 0.32);
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -moz-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -khtml-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -ms-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -webkit-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -o-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
}
html body nav .switch input:checked + .slider {
  background-color: #C010C0;
}
html body nav .switch input:checked + .slider::before {
  background-color: #f2cff2;
  left: 3.25rem;
}
html body nav .switch input:checked + .slider::after {
  left: 1.1rem;
  color: #f2cff2;
}
html body nav .switch input:focus + .slider {
  box-shadow: 0 0 1px #C010C0;
}
html body main {
  padding: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
html body main .itemlist {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-width: 70vw;
}
html body main .itemrow {
  display: flex;
  flex-direction: row;
  position: relative;
  height: 4rem;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
}
html body main .itemrow.rowhead {
  height: 4rem;
}
html body main .itemrow.rowhead, html body main .itemrow.rowhead * {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: rgba(41, 27, 27, 0.4);
}
html body main .itemrow:not(:first-child)::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 1rem;
  right: 1rem;
  height: 1px;
  background-color: rgba(41, 27, 27, 0.08);
  transition: all linear 0.2s;
}
html body main .itemrow:hover:not(.rowhead) {
  background: rgba(233, 157, 157, 0.16);
  box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(233, 157, 157, 0.08);
  -moz-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(233, 157, 157, 0.08);
  -khtml-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(233, 157, 157, 0.08);
  -ms-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(233, 157, 157, 0.08);
  -webkit-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(233, 157, 157, 0.08);
  -o-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(233, 157, 157, 0.08);
}
html body main .itemrow:hover:not(.rowhead):not(:first-child)::after, html body main .itemrow:hover:not(.rowhead) + :not(:first-child)::after {
  opacity: 0;
}
html body main .itemrow:first-child:not(.rowhead):hover {
  box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(255, 255, 255, 0.4);
  -khtml-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(255, 255, 255, 0.4);
  -ms-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(255, 255, 255, 0.4);
  -o-box-shadow: 0px 1px 0px rgba(233, 157, 157, 0.16), 0px 0px 0px 1px rgba(233, 157, 157, 0.24), 0px -1px 0px rgba(255, 255, 255, 0.4);
}
html body main .itemrow:not(.rowhead) {
  cursor: pointer;
}
html body main .patientrow {
  position: relative;
}
html body main .patientrow, html body main .patientrow * {
  line-height: 1em;
}
html body main .patientrow .presence, html body main .patientrow .in {
  width: 10%;
  min-width: 10rem;
  display: flex;
  align-items: center;
}
html body main .patientrow .id {
  width: 10%;
  min-width: 10rem;
  align-items: center;
  display: flex;
  padding-right: 2rem;
}
html body main .patientrow .id input {
  width: 10rem;
  height: 3rem;
}
html body main .patientrow .time {
  width: 10%;
  min-width: 10rem;
  padding-right: 2rem;
}
html body main .patientrow .name {
  flex-grow: 1;
  padding-right: 2rem;
}
html body main .patientrow:not(.rowhead) {
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -moz-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -khtml-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -ms-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -webkit-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
  -o-transition-timing-function: cubic-bezier(.56,0,.08,1.01);
}
html body main .patientrow:not(.rowhead)::before {
  content: "";
  opacity: 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/img/spinner.gif);
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 10;
  mix-blend-mode: multiply;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body main .patientrow:not(.rowhead).ready {
  pointer-events: unset;
  opacity: unset;
}
html body main .patientrow:not(.rowhead).lock {
  background-color: rgba(233, 157, 157, 0.32);
}
html body main .patientrow:not(.rowhead).lock, html body main .patientrow:not(.rowhead).lock * {
  pointer-events: none !important;
}
html body main .patientrow:not(.rowhead).lock .slider {
  opacity: 0.6;
}
html body main .patientrow:not(.rowhead).lock::before {
  opacity: 1;
}
html body main [data-dokter] {
  padding-left: 9rem;
  position: relative;
  margin-bottom: 2rem;
  display: block;
  z-index: 9999;
}
html body main [data-dokter][data-hidden="1"] {
  display: none;
}
html body main [data-dokter] .patient {
  position: absolute;
  left: 0;
  top: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 2.6rem;
  height: 7rem;
  width: 7rem;
  background-color: #e99d9d;
  color: #ffffff;
  border-radius: 50%;
}
html body main .empty {
  width: 100%;
  color: rgba(41, 27, 27, 0.4);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}
html body main .empty.big {
  color: unset;
  font-size: 5rem;
}
html body main .linkoverview {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
html body main .linkoverview a {
  opacity: 0.6;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body main .linkoverview a, html body main .linkoverview a * {
  text-decoration: none;
  color: #291b1b;
}
html body main .linkoverview a:hover {
  opacity: 1;
}
html body main #exportxls {
  background-color: transparent;
  opacity: 0.4;
  background-position: center center;
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zM216 232c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 102.1-31-31c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c9.4 9.4 24.6 9.4 33.9 0l72-72c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-31 31L216 232z'/%3E%3C/svg%3E");
  cursor: pointer;
}
html body main #exportxls:hover {
  opacity: 1;
}
html body #slideshow {
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
}
html body #slideshow .slide {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1.4);
  transition: none;
  -moz-transition: none;
  -khtml-transition: none;
  -ms-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}
html body #slideshow .slide:last-child {
  transition: transform ease 20s;
  -moz-transition: transform ease 20s;
  -khtml-transition: transform ease 20s;
  -ms-transition: transform ease 20s;
  -webkit-transition: transform ease 20s;
  -o-transition: transform ease 20s;
  transform: scale(1);
}
html body #slideshow .slide:nth-last-child(2) {
  transition: transform ease 40s;
  -moz-transition: transform ease 40s;
  -khtml-transition: transform ease 40s;
  -ms-transition: transform ease 40s;
  -webkit-transition: transform ease 40s;
  -o-transition: transform ease 40s;
  transform: scale(1);
}
html body[data-page=onthaal] nav .filter .switch, html body[data-page=dokter] nav .filter .switch, html body[data-page=config] nav .filter .switch, html body[data-page=wachtruimte] nav .filter .switch, html body[data-page=deur] nav .filter .switch {
  display: none;
}
html body[data-page=home] nav .filter, html body[data-page=notfound] nav .filter, html body[data-page=wachtruimte] nav .filter, html body[data-page=config] nav .filter {
  display: none;
}
html body[data-page=config] nav .ipinfo, html body[data-page=config] nav .logout {
  display: flex;
}
html body[data-page=deur], html body[data-page=wachtruimte] {
  background-color: #e99d9d;
}
html body[data-page=deur] nav, html body[data-page=wachtruimte] nav {
  opacity: 0;
}
html body[data-page=deur] nav:hover, html body[data-page=wachtruimte] nav:hover {
  opacity: 1;
}
html body[data-page=deur] main, html body[data-page=wachtruimte] main {
  display: flex;
  flex-direction: column;
  gap: 3vh;
  justify-content: center;
  /* align-items: center; */
  height: 100vh;
}
html body[data-page=deur] main .dokter, html body[data-page=wachtruimte] main .dokter {
  font-size: 4rem;
}
html body[data-page=dokter] .patientrow:not(.rowhead), html body[data-page=dokter] .patientrow:not(.rowhead) * {
  pointer-events: none;
  color: rgba(41, 27, 27, 0.3);
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body[data-page=dokter] .patientrow:not(.rowhead) .in, html body[data-page=dokter] .patientrow:not(.rowhead) .in * {
  opacity: 0;
}
html body[data-page=dokter] .patientrow:not(.rowhead) .presence, html body[data-page=dokter] .patientrow:not(.rowhead) .in {
  width: 10%;
  min-width: 10rem;
  display: flex;
  align-items: center;
}
html body[data-page=dokter] .patientrow:not(.rowhead)[data-presence=true], html body[data-page=dokter] .patientrow:not(.rowhead)[data-presence=true] * {
  pointer-events: auto;
  color: unset;
  opacity: unset;
}
html body[data-page=dokter] .patientrow:not(.rowhead)[data-presence=true] .in, html body[data-page=dokter] .patientrow:not(.rowhead)[data-presence=true] .in * {
  opacity: unset;
}
html body #waitingroom_status {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: rgba(233, 157, 157, 0.4);
  text-align: center;
  padding: 0.5rem 5vw 0.5rem 5vw;
}
html body #configform {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 70vw;
  gap: 1rem;
}
html body #configform input[type=text], html body #configform input[type=password], html body #configform textarea {
  width: 100%;
}
html body #configform textarea {
  height: 30vh;
}