html { overflow: hidden; }
body { background: #000; color: #f00; text-align: left; font-weight: bold; }
a { color: #777; }
.clickable { cursor: pointer; }
.hidden { display: none ! important; }

#cr { position: absolute; top: 0; right: 0; padding: 4px 8px 0 0; z-index: 1; }
#cr label { display: block; text-align: right; padding-right: 0; margin-top: 6px; }
#cr div.inline { margin-top: 6px; }
#cr label.first { margin-top: 0; }
#cr div.inline label { display: inline; padding-right: 0; padding-left: 14px; }

#malarquee { width: 100%; height: 100%; white-space: nowrap; overflow: hidden; /* overflow: auto; overflow-x: auto; overflow-y: hidden;  */ }
#malarquee .content { font-size: 100px; display: none; }
#malarquee .word {}

#clientNumber, #totalClients { width: 2em; }
#preferences { margin-top: 10px; /* opacity: 0.86;  */background-color: #222; padding: 10px; }
#preferences label { padding: 3px 0 6px 6px !important; text-align: left; }

input { text-align: center; }
button { margin-left: 4px; }

#font-color-input, #background-color-input { width: 70px; }
#scroll-at-time-input { width: 40px; }