body {
  color-scheme: light dark;
  background: light-dark(#f9fbfc, #f9fbfc);
}

hr {
  background: light-dark(#553ff6, #553ff6);
  width: 50%;
}

.candidate-sentence {
  font-size: 18px;
}

.candidate-request {
  font-size: 18px;
  color: light-dark(#229960, #229960);
}

.admin-message {
  font-size: 18px;
  color: light-dark(#553ff6, #553ff6);
}

.admin-message-red {
  font-size: 18px;
  color: light-dark(#fd2222, #fd2222);
}

.red { color: #fd2222; }

.black { color: #000000; }

p {
  font-size: 18px;
  color: light-dark(#000000, #000000);
}

td, th {
  font-size: 18px;
  color: light-dark(#000000, #000000);
}

li {
  font-size: 18px;
  color: light-dark(#000000, #000000);
}

a {
  color: light-dark(#553ff6, #553ff6);
}

.online {
  font-size: 16px;
  color: light-dark(#000000, #000000);
}

a:hover {
  color: light-dark(#ff2a3a, #ff2a3a);
}

img {
  margin-top: 0px;
  padding-top: 0px;
}

.little-icon {
  width: 20px;
  vertical-align: middle;
  padding-bottom: 4px;
}

.gavel-icon {
  width: 32px;
  vertical-align: middle;
  padding-bottom: 4px;
}

.title {
  margin: 0 auto;
  color: light-dark(#000000, #000000);
  text-shadow: lightgray 2px 2px;
}

#story {
  font-size: 18px;
  color: light-dark(#226099, #226099);
  background: light-dark(#fff, #fff);
  resize: none;
}

#voting {
  resize: none;
  height: 140px;
  background: light-dark(#fff, #fff);
  overflow: scroll;
}

#visitor-list {
  resize: none;
  height: 480px;
  overflow: scroll;
}

#contribution {
  resize: none;
  overflow: hidden; /* Hide scrollbars */
  padding-top: 7px;
  padding-bottom: 2px;
  height: 38px;
  font-size: 18px;
  color: light-dark(#226090, #226090);
  background: light-dark(#fff, #fff);
}

#admin-to-voting-area {
  resize: none;
  overflow: hidden; /* Hide scrollbars */
  padding-top: 7px;
  padding-bottom: 2px;
  height: 32px;
  font-size: 16px;
  color: light-dark(#226099, #226099);
  background: light-dark(#fff, #fff);
}

#site-disable-input {
  resize: none;
  overflow: hidden; /* Hide scrollbars */
  padding-top: 7px;
  padding-bottom: 2px;
  height: 32px;
  font-size: 16px;
  color: light-dark(#226099, #226099);
  background: light-dark(#fff, #fff);
}

#other-reason {
  resize: none;
  overflow: hidden; /* Hide scrollbars */
  height: 30px;
}

#ban-reason-field {
  resize: none;
  overflow: hidden; /* Hide scrollbars */
  height: 30px;
}

.modal-card {
  font-size: 14pt;
  width: 345px;
  height: 155px;
  margin-top: 100px;
}

.kill-dialog-size {
  width: 280px;
  height: 270px;
}

.end-dialog-size {
  width: 260px;
  height: 130px;
}

.ban-dialog-size {
  width: 280px;
  height: 270px;
}

.kill-color {
  background-color: #f76677;
}

.kill-color:disabled {
  background-color: #f88f9b;
}

.end-color {
  background-color: #5ca2f7;
}

.admin-disable-button-enabled {
  background-color: #a9ccf7;;
}

.waive-dialog-size {
  width: 350px;
  height: 330px;
}

#waive-message {
  font-size: 12pt;
}

.eval-dialog-size {
  width: 230px;
  height: 265px;
}

.modal-card-head {
  height: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #553ff6;
}

.modal-card-title {
  font-size: 15pt;
  height: 18px;
  color: #ffffff;
  background-color: #553ff6;
}

.modal-card-body {
  font-size: 13pt;
  padding: 10px 25px 10px 25px; 
  color: light-dark(#000000, #000000);
  background: light-dark(#f9fbfc, #f9fbfc);
}

.modal-card-foot {
  font-size: 13pt;
  height: 19px;
  padding-top: 20px;
  padding-bottom: 23px;
  color: light-dark(#000000, #000000);
  background: light-dark(#f9fbfc, #f9fbfc);
}

#table-body {
  color: light-dark(#000, #000);
  background: light-dark(#f9fbfc, #f9fbfc);
}

#table-body td {
  color: light-dark(#000, #000);
  background: light-dark(#f9fbfc, #f9fbfc);
}


#alert-message {
  font-size: 13pt;
  height: 25px;
}

#status-message {
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
}

#status-bar {
  width: 0px;
  height: 24px;
  background-color: #553ff6;
  background-color: light-dark(#553ff6, #553ff6);
}

#visitor-list {
  height: 100px;
}

#visitor-list tr {
  height: 16px;
}