#leds{box-shadow:3px 3px 5px #000;border-radius:6px;border:1px solid #555555;background-color:#181818;margin:2px;padding:2px;font-size:8pt;bottom:0;right:0;position:absolute}
#audio-stats{bottom:0;right:0;position:fixed}
@media screen and (max-width:1200px)and (max-height:700px){#leds thead{display:none}div.led{vertical-align:middle}}
#leds td,th{padding:2px;text-align:center}
#sth-list{height:300px;overflow:auto}div.filter{margin-top:8px}div.led{display:inline-block;width:16px;height:16px}.red.led{background-image:url(../images/red-off-16.png)}.red.led.on{background-image:url(../images/red-on-16.png)}.yellow.led{background-image:url(../images/yellow-off-16.png)}.yellow.led.on{background-image:url(../images/yellow-on-16.png)}
#pages{margin-top:10px}.key{color:#ddd;border:1px solid #666666;border-radius:2px;padding:2px;background-color:#000;box-shadow:2px 2px 1px #888;display:inline-block;min-width:2em}.hidden-unless-db-enabled{display:none}.key.dbl{font-size:10px}.key.function{background-color:#911}table.keymap{margin-left:auto;margin-right:auto}table.keymap th{width:5em}table.keymap td{text-align:center;padding:8px;border-spacing:4px}div.modal-body>div:not(:first-child){padding-top:1em}.dis_addr{display:inline-block;width:8em;color:#d0d0d0}.instr_bytes{display:inline-block;width:6em;color:#80d0d0}.instr_asc{display:inline-block;width:3em;color:#60f060}.mem_bytes{display:inline-block;width:18em;color:#80d0d0}.mem_asc{display:inline-block;width:9em;color:#60f060}.instr_mem_ref,.instr_instr_ref{cursor:pointer;color:#66f}.instr_mem_ref:hover,.instr_instr_ref:hover{text-decoration:underline}.addr:hover{background-color:#300}.addr:focus{background-color:red}.label{color:#fff;font-family:arial,tahoma,sans-serif;font-weight:700}.addr>.editable{width:4em;color:#000;border:1px}.opcode{font-weight:700}.register{color:#8e8}.current{background-color:#277}.highlight{border:1px solid #444}.value{color:#eee}.changed{background-color:#722}.template,.initially-hidden{display:none}.bp_gutter{width:8px;display:inline-block;height:8px;border-radius:4px;margin-right:2px}.bp_gutter.active{background-color:#e02020}
#error-dialog div.error{background-color:#400;margin-top:5px}small{color:#999}.btn:disabled{pointer-events:auto}div.smoothie-chart-tooltip{background:#444;padding:1em;margin-top:20px;font-family:consolas,serif;color:#fff;font-size:10px;pointer-events:none}

#cub-monitor {
   position: relative;
   float: left;
}

#screen {
   position: relative;
   left: -44px;
}

.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: #00FF00;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: #00FF00;
  padding: 15px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 160px;
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  font-size: 14px;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: red;
}

.dropdown:hover .dropdown-content {
  display: block;
}