body {
  color: #FFFFCC;
  background-color: #243954;
}
a,
a:visited {
  color: #FFFFCC;
}
a:hover {
  color: #ffd713;
}
ul {
  margin-top: 0em;
  margin-bottom: 0em;
}
pre {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.capitalize::first-letter {
  text-transform: capitalize;
}
input[type="submit"],
input[type="button"] {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
input[type="submit"]::first-letter,
input[type="button"]::first-letter {
  text-transform: capitalize;
}
#sidebar > ul > li {
  display: inline-block;
  margin-right: 2em;
}
#sidebar > ul > li::first-letter {
  text-transform: capitalize;
}
#game_name {
  color: #FFFFCC;
  background-color: #58677C;
}
#game_name::first-letter {
  text-transform: capitalize;
}
h2 {
  color: #FFFFCC;
  background-color: #434e5e;
}
h2::first-letter {
  text-transform: capitalize;
}
.game_metadata,
.game_description {
  border: 0.08em solid #F4D01E;
  padding-left: 0.4em;
}
table.game_list,
table.game_players,
table.game_log {
  margin-top: 2em;
  border-collapse: collapse;
}
table.game_list th,
table.game_players th,
table.game_log th,
table.game_list td,
table.game_players td,
table.game_log td {
  border: 0.08em solid #F4D01E;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
table.game_list_active {
  float: left;
  margin-right: 6em;
}
table.game_list_finished {
  float: left;
  color: white;
}
table.game_list .colNumPlayers {
  text-align: center;
}
table.game_list .colTurn {
  text-align: right;
}
table.game_list .colName a {
  text-decoration: none;
  font-weight: bold;
}
table.game_list .game_online {
  color: #F4D01E;
}
table.game_players .colName a {
  text-decoration: none;
  font-weight: bold;
}
table.game_players .colScore,
table.game_players .colTurn,
table.game_players .colId {
  text-align: right;
}
table.game_players .colColor {
  border-right-style: none;
  padding: 0px;
  font-weight: bold;
  font-size: 120%;
}
table.game_players td.colColor {
  width: 1.5em;
  text-align: center;
  border-left-style: none;
}
table.game_players .colNation {
  border-left-style: none;
}
table.game_players .player_online {
  color: #F4D01E;
}
table.game_players tr:hover,
table.game_log tr:hover {
  background-color: #475b51;
}
table.game_players tr:hover a:hover,
table.game_log tr:hover a:hover {
  color: #d9bf8c;
}
table.game_players tr:hover td.colColor,
table.game_log tr:hover td.colColor {
  background-color: #000000;
}
table.game_victory .colVicHeadline {
  text-align: center;
  font-size: 160%;
}
table.game_victory .colVicText {
  padding-left: 1em;
  max-width: 30em;
  font-size: 140%;
}
span.game_victory_type {
  color: #F4D01E;
}
.mixin_filter_form {
  float: right;
  text-align: right;
}
.mixin_filter_form p label {
  font-weight: bold;
  float: left;
  padding-left: 2em;
  padding-right: 1em;
}
.mixin_conflate_form_elements {
  background-color: #303a48;
  color: #FFFFCC;
  border: 0.08em solid #243954;
  border-left: 0.08em solid #FFFFCC;
  border-bottom: 0.08em solid #FFFFCC;
}
#game_log_filter {
  float: right;
  text-align: right;
}
#game_log_filter p label {
  font-weight: bold;
  float: left;
  padding-left: 2em;
  padding-right: 1em;
}
#game_log_filter h3 {
  text-align: left;
}
#game_log_filter ul {
  text-align: left;
  max-width: 20em;
  clear: both;
}
#game_log_filter li {
  list-style-type: none;
  display: inline-block;
  min-width: 10em;
}
#game_log_filter ul#game_log_saved_filter_list li {
  min-width: 20em;
}
#game_log_filter ul#game_log_saved_filter_list a {
  text-decoration: none;
}
#game_log_filter ul#game_log_saved_filter_list a:first-child {
  padding-right: 1em;
}
#game_log_filter select {
  min-height: 20em;
  max-width: 12em;
  background-color: #303a48;
  color: #FFFFCC;
  border: 0.08em solid #243954;
  border-left: 0.08em solid #FFFFCC;
  border-bottom: 0.08em solid #FFFFCC;
}
#game_log_filter input[type="text"],
#game_log_filter input[type="number"],
#game_log_filter textarea {
  background-color: #303a48;
  color: #FFFFCC;
  border: 0.08em solid #243954;
  border-left: 0.08em solid #FFFFCC;
  border-bottom: 0.08em solid #FFFFCC;
}
#game_log_filter input[type="text"],
#game_log_filter input[type="number"] {
  max-width: 11em;
}
#timezone_selector {
  float: right;
  text-align: right;
  clear: both;
  margin-top: 2em;
}
#timezone_selector p label {
  font-weight: bold;
  float: left;
  padding-left: 2em;
  padding-right: 1em;
}
#timezone_selector select {
  width: 12em;
}
.logScore {
  background-color: #244c54;
}
.logTurn,
.logFinish {
  background-color: #244c54;
  font-weight: bold;
}
.logTurn :first-child,
.logFinish :first-child {
  font-weight: normal;
}
.logReload,
.logTimerChanged,
.logEliminated {
  background-color: #66283b;
}
.logClaimed,
.logAI,
.logMetaChange,
.logTimerChanged {
  background-color: #66593b;
}
.logServerTimeout {
  background-color: #19283b;
}
.game_management_section h2 {
  margin-top: 1em;
}
.game_management_section h2 ~ * {
  padding-left: 2em;
}
.game_management_section span.description,
.game_management_section div.description {
  display: block;
  padding-bottom: 0.5em;
  max-width: 45em;
}
.game_management_section form input[type="text"],
.game_management_section form input[type="number"],
.game_management_section form textarea {
  background-color: #303a48;
  color: #FFFFCC;
  border: 0.08em solid #243954;
  border-left: 0.08em solid #FFFFCC;
  border-bottom: 0.08em solid #FFFFCC;
}
.game_management_section_imploded {
  /*
  display:inline-block;
  width:33%;
  height:5em;
  overflow:visible;
  float:left;
  position:relative;
  top:0px;
  left:0px;
  z-index:100;
  > form {
      background-color: @BGColor;
      padding-bottom:2em;
  }
  &:not(:hover) {
      z-index:-100;
      > form {
        display:none;
      }
  }
  */
}
.game_management_section_imploded h2 {
  margin-top: 1em;
}
.game_management_section_imploded h2 ~ * {
  padding-left: 2em;
}
.game_management_section_imploded span.description,
.game_management_section_imploded div.description {
  display: block;
  padding-bottom: 0.5em;
  max-width: 45em;
}
.game_management_section_imploded form input[type="text"],
.game_management_section_imploded form input[type="number"],
.game_management_section_imploded form textarea {
  background-color: #303a48;
  color: #FFFFCC;
  border: 0.08em solid #243954;
  border-left: 0.08em solid #FFFFCC;
  border-bottom: 0.08em solid #FFFFCC;
}
table.game_colors tr {
  height: 2em;
}
table.game_colors .colSet span {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-right: 0.6em;
  padding-left: 0.6em;
  color: #FFF;
  text-shadow: 0 2px 0 #000, 0 -2px 0 #000, 2px 0 0 #000, -2px 0 0 #000;
}
table.game_colors .colId {
  text-align: right;
}
table.game_colors .colUsedBy {
  padding-left: 1m;
}
[todo]:after {
  content: "ToDo: " attr(todo);
  color: red;
}
h2.anchor {
  cursor: pointer;
}
h2.anchor:active:after {
  content: "Direct anchor to this section: #" attr(id);
  color: #CCCCCC;
  font-size: 50%;
  padding-left: 3em;
}