img {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  image-rendering: pixelated;
}

@font-face {
  font-family: segoe;
  src: url('fonts/SEGOEUI.TTF');
}

@font-face {
  font-family: clock;
  src: url('fonts/DS-DIGI.TTF');
}

body {
  background-color: #f0f0f0;
  font-family: segoe;
  font-size: 12px;
}

#charts_canvas {
  position: absolute;
  top: 57px;
  left: 746px;
  background-color: #ffffe0;
  image-rendering: pixelated;
}

#turbine_canvas {
  position: absolute;
  top: 116px;
  left: 279px;
  image-rendering: pixelated;
}

#author {
  position: absolute;
  bottom: 8px;
  left: 10px;
}

#status {
  position: absolute;
  top: 516px;
  left: 736px;
}

#systems {
  position: absolute;
  top: 575px;
  left: 1113px;
}

.status_led {
  position: absolute;
  top: 540px;
  left: 900px;
  width: 250px;
  font-family: clock;
  font-size: 36px;
  color: orangered;
}

.status_led_dark {
  color: #222;
}

#status_labels {
  position: absolute;
  line-height: 36px;
  top: 540px;
  left: 690px;
  width: 200px;
  text-align: end;
  font-family: segoe;
  font-size: 12px;
  color: white;
}

#status_restart {
  position: absolute;
  top: 721px;
  left: 744px;
}

#status_pause {
  position: absolute;
  top: 721px;
  left: 838px;
}

#alarms_textbox {
  position: absolute;
  top: 57px;
  left: 1123px;
  width: 345px;
  height: 395px;
  background-color: black;
  color: white;
  padding: 5px;
}

#alarms_ack {
  position: absolute;
  cursor: pointer;
  opacity: 0%;
  top: 548px;
  left: 1121px;
}

#alarms_ack:active {
  opacity: 100%;
}

red {
  color: red;
}

yellow {
  color: yellow;
}

.alarms {
  position: absolute;
  top: 3px;
  left: 1113px;
}

#faults {
  position: absolute;
  top: 516px;
  left: 3px;
}

#faults_random {
  position: absolute;
  top: 721px;
  left: 594px;
}

#faults_progress {
  position: absolute;
  top: 721px;
  left: 400px;
}

.lights {
  position: absolute;
  top: 470px;
  opacity: 0%;
}

#lights_warning {
  left: 1121px;
}

#lights_scram {
  left: 1241px;
}

#lights_overparty {
  left: 1362px;
}

#header {
  position: absolute;
  top: 3px;
  left: 3px;
}

#charts {
  position: absolute;
  top: 3px;
  left: 736px;
}

#controlrods {
  top: 218px;
  left: 59px;
  position: absolute;
}

#scrollcontainer {
  width: 40px;
  height: 148px;
  position: absolute;
  top: 332px;
  left: -6px;
  overflow-y: scroll;
}

#scrollarea {
  width: 20px;
  height: 148000px;
}

.arrowbutton {
  opacity: 0%;
}

.arrowbutton:active {
  opacity: 100%;
}

#rodsSteering {
  position: absolute;
  top: 351px;
  left: 13px;
}

.clickable {
  display: block;
  cursor: pointer;
  z-index: 5;
  pointer-events: all;
}

.valveblock {
  width: 5px;
  height: 18px;
  background-color: black;
  position: absolute;
}

#rodsLevel_textbox {
  position: absolute;
  top: 373px;
  left: 79px;
}

#neutronFlux_textbox {
  position: absolute;
  top: 414px;
  left: 79px;
}

#neutronRate_textbox {
  position: absolute;
  top: 455px;
  left: 79px;
}

#turbineRPM_textbox {
  position: absolute;
  top: 77px;
  left: 301px;
}

#turbinePower_textbox {
  position: absolute;
  top: 118px;
  left: 595px;
}

#turbineOnline_checkbox {
  position: absolute;
  top: 73px;
  left: 592px;
}

#turbineAuto_checkbox {
  position: absolute;
  top: 95px;
  left: 592px;
}

#valve0block {
  top: 393px;
  left: 210px;
}

#valve1block {
  top: 449px;
  left: 210px;
}

#valve2block {
  top: 114px;
  left: 236px;
}

#valve3block {
  top: 252px;
  left: 236px;
}

.schematic {
  position: absolute;
  top: 48px;
  left: 3px;
}

#valve0arrowbox {
  position: absolute;
  top: 380px;
  left: 190px;
}

#valve1arrowbox {
  position: absolute;
  top: 436px;
  left: 190px;
}

#valve2arrowbox {
  position: absolute;
  top: 101px;
  left: 216px;
}

#valve3arrowbox {
  position: absolute;
  top: 238px;
  left: 216px;
}

#pump0checkbox {
  position: absolute;
  top: 357px;
  left: 226px;
}

#pump1checkbox {
  position: absolute;
  top: 483px;
  left: 226px;
}

#pump2checkbox {
  position: absolute;
  top: 406px;
  left: 538px;
}

#autoPumpscheckbox {
  position: absolute;
  top: 318px;
  left: 210px;
}

#pump0textbox {
  position: absolute;
  top: 356px;
  left: 245px;
}

#pump1textbox {
  position: absolute;
  top: 482px;
  left: 245px;
}

#pump2textbox {
  position: absolute;
  top: 405px;
  left: 557px;
}

#pump0turbine {
  position: absolute;
  top: 383px;
  left: 228px;
}

#pump1turbine {
  position: absolute;
  top: 440px;
  left: 228px;
}

#pump2turbine {
  position: absolute;
  top: 433px;
  left: 546px;
}

#reactor_water {
  position: absolute;
  background-color: #008fe0;
  height: 95px;
  width: 135px;
  top: 218px;
  left: 35px;
}

#condenser_water {
  position: absolute;
  background-color: #008fe0;
  height: 50px;
  width: 144px;
  top: 430px;
  left: 374px;
}

#reactorLevel_textbox {
  position: absolute;
  top: 107px;
  left: 80px;
}

#reactorPressure_textbox {
  position: absolute;
  top: 85px;
  left: 80px;
}

#condenserPressure_textbox {
  position: absolute;
  top: 325px;
  left: 397px;
}

#condenserLevel_textbox {
  position: absolute;
  top: 325px;
  left: 454px;
}