#AppOverlay {
  .FlexContainer();
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: @prime-bg;
  #AppOverlayTableau {
    .FlexContainer();
    .Monospace();
    font-size: 0.8em;
    background: #3b434a;
    .ScrollableXY();
    padding: 1em;
    color: white;
    td {
      border: none;
    }
  }
  nav {
    .Selected {
      background: #3b434a;
    }
  }
  .LogPaneTable {
    tr:nth-child(odd) { background: lighten(#3b434a, 5%) }
    width: 100%;
    table-layout: fixed;
    .Checkbox {
      width: 1.5em;
    }
    .LogSource {
      width: 6em;
      .alignCenter();
      opacity: 0.5;
    }
    .LogMessage {
      word-break: normal;
      overflow-wrap: break-word;
    }
    .LogMessagePhone {
      .LogMessage();
      width: 24em;
    }
    .UI {
      background: white;
      color: black;
    }
    .ENGINE {
      background: black;
      color: white;
    }
    .LWC {
      background: darkgray;
      color: black;
    }
    .APP {
      background: grey;
      color: white;
      opacity: 1.0;
    }
    .Level {
      width: 8em;
      .alignCenter();
    }
    .LOG {
      color: #00ff00;
    }
    .WARN {
      color: orange;
    }
    .ERROR {
      color: red;
    }
    .SECURITY {
      color: red;
    }
    .INFO {
      color: blue;
    }
    .BLOCK_START {
      color: darkturquoise;
    }
    .BLOCK_END {
      color: deepskyblue;
    }
  }

  .EngineStatePage {
    .Monospace();
    .Raw {
      color: #468dd2;
      .Monospace();
      font-size: 1.1em;
    }
    .ProcessItem {
      border-bottom: 1px dotted gray;
      padding-bottom: 2em;
      padding-top: 1em;
    }
    .ItemContainer {
      padding: 1em;
      margin-top: 1em;
      margin-bottom: 1em;
      border: 1px dotted gray;
    }
  }

  .SettingsPane {
    .StandardFont();
    td {
      padding: 1em;
    }
  }

  .EventRecordingPane {
    .EventID {
      background: darken(@hard-bg, 3%);
      .alignCenter();
    }
    pre {
      margin: 1em;
      padding: 1em;
      font-size: 1.3em;
      color: cadetblue;
    }
    td, tr {
      border-bottom: 1px dotted gray;
    }
  }

  .Timestamp {
    width: 10em;
    font-size: 80%;
    color: #aaa;
  }

  .SQL {
    .FlexContainer();
    .StretchedFlexItem();
    button {
      flex-shrink: 0;
      -webkit-flex-shrink: 0;
    }
  }

  .Results {
    flex-grow: 3;
    -webkit-flex-grow: 3;
    margin-top: 1em;
    background: lighten(@hard-bg, 5%);
  }

}