en {
  display: none; }

zh {
  letter-spacing: .2em; }

h1 {
  margin: 0;
  padding: 8px;
  border-radius: 6px 6px 0 0;
  border-style: solid;
  border-width: 0px;
  color: #42728a;
  background-color: #d9eef2;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #80936c; }

.btn {
  display: inline-block;
  margin: 3px;
  padding: 4px 8px;
  background-color: #c8e4ea;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #2a636f;
  cursor: pointer; }
  .btn:hover {
    background-color: #edf6f8; }

.dialog {
  display: none;
  position: fixed;
  top: 5em;
  bottom: 5em;
  left: 10em;
  right: 10em;
  min-width: 20em;
  min-height: 10em;
  background: #fff;
  border: solid 5px rgba(54, 84, 99, 0.5);
  border-radius: 5px;
  box-shadow: 3px 3px 10px 0px gray;
  overflow: hidden; }
  .dialog iframe {
    border: 0; }
  .dialog > .flex-column {
    height: 100%; }
    .dialog > .flex-column .title {
      flex: 0 0 auto; }
    .dialog > .flex-column .cmds {
      flex: 0 0 auto; }
    .dialog > .flex-column .content {
      flex: 1; }
  .dialog .title {
    background: #e0eef0;
    border-bottom: solid 1px gray;
    border-radius: 5px 5px 0 0;
    padding: .5em;
    font-size: 110%;
    font-weight: bold;
    text-align: center; }
  .dialog .body {
    overflow: auto;
    padding: 1em;
    height: 100%; }
  .dialog .cmds {
    margin: 0;
    padding: .2em .5em;
    background: #fafbf3;
    border-top: solid 1px gray;
    justify-content: flex-end; }

.dirty {
  background-color: rgba(217, 140, 191, 0.1); }

.helpdoc {
  display: none; }

.site-nav.float-left :not(:first-child) {
  display: none; }

.snippets {
  display: none; }

#proj-info {
  display: none; }

#sitebar {
  background: #444; }

table.dataTable tbody tr:hover {
  background-color: #dee; }

table.dataTable tbody tr.selected {
  background-color: #7aa !important; }