body {
  font-family: sans-serif;
  background-color: #111121;
  color: #f0f0f0;
  margin: 0;
  padding: 0;
}

#content {
  margin: 10px;
}

input[type="text"],
select {
  background-color: #334;
  color: #fff;
  border: 1px solid #999;
  padding: 2px;
}

#guilds {
  display: flex;
  background-color: #ddf;
  padding: 5px;
  color: #333;
}

.download-rule-option {
  &.rule-enabled {
    background-color: #393;

    &:checked {
      background-color: #3c3;
      color: #fff
    }
  }

  &.rule-disabled {
    background-color: #800;

    &:checked {
      background-color: #d55;
      color: #fff
    }
  }

  &.mif-controlled {
    background-image: url('/mif-16px.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 25px;
  }
}

#raw_response {
  opacity: 0.5;
}

#raw_response:hover {
  opacity: 1;
}

#select_download_rules {
  width: 300px;
}