.external-link {
  margin-right: 1em;
  margin-bottom: 1em; }

.tabular .item {
  cursor: pointer; }

#sub-container {
  margin-top: 82px; }

@charset "UTF-8";
/*I love me some border-box*/
#log-page {
  /*This just stops me getting horizontal scrolling if anything overflows the width*/
  overflow-x: hidden;
  /* Flexbox gives us the flexiness we need. The top just stays put as
       there is no scrolling on the body due to the page never
       exceeding viewport height*/
  /* This is our main wrapping element, it's made 100vh high to ensure
       it is always the correct size and then moved into place and
       padded with negative margin and padding*/
  /* All the scrollable sections should overflow and be whatever height
       they need to be. As they are flex-items (due to being inside a
       flex container) they could be made to stretch full height at
       all times if needed.  WebKit inertia scrolling is being added
       here for any present/future devices that are able to make use
       of it.  */
  /* Entirely optional – just wanted to remove the scrollbar on WebKit
       browsers as I find them ugly*/
  /* Left and Right are set sizes while the Middle is set to flex one so
       it occupies all remaining space. This could be set as a width
       too if prefereable, perhaps using calc.*/ }
  #log-page .flex-top {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    position: relative;
    z-index: 10;
    height: 100px; }
  #log-page .flex-container {
    display: flex;
    overflow: hidden;
    height: 100vh;
    margin-top: -100px;
    padding-top: 100px;
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow; }
  #log-page .flex-left,
  #log-page .flex-middle,
  #log-page .flex-right {
    overflow: auto;
    height: auto;
    padding: .5rem;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; }
  #log-page .left::-webkit-scrollbar,
  #log-page .middle::-webkit-scrollbar,
  #log-page .right::-webkit-scrollbar {
    display: nones; }
  #log-page .flex-left {
    width: 16rem; }
  #log-page .flex-middle {
    flex: 1; }
  #log-page .flex-right {
    width: 12.5rem; }
  #log-page #request-view .table tr {
    cursor: pointer;
    line-height: 1em; }
  #log-page #request-view .table tr.error.active td {
    color: #cd2929 !important;
    background-color: #e0c9c9 !important; }
  #log-page #request-view .table tr.warning.active td {
    color: #7d6c00 !important;
    background-color: #eeead6 !important; }
  #log-page #request-view .table .url {
    white-space: nowrap;
    font-size: 0.8rem;
    font-family: monospace; }
  #log-page #request-view .table .time {
    white-space: nowrap;
    font-size: 0.8rem;
    color: #333; }
  #log-page #log-tab-log-table tr.level-info,
  #log-page #log-tab-sql-table tr.level-info {
    background-color: #e9ffff;
    color: #10a3a3; }
  #log-page #log-tab-log-table tr.level-warning,
  #log-page #log-tab-sql-table tr.level-warning {
    background-color: #fff8db;
    color: #b58105; }
  #log-page #log-tab-log-table tr.level-error,
  #log-page #log-tab-log-table tr.level-alert,
  #log-page #log-tab-log-table tr.level-critical,
  #log-page #log-tab-sql-table tr.level-error,
  #log-page #log-tab-sql-table tr.level-alert,
  #log-page #log-tab-sql-table tr.level-critical {
    background-color: #ffe8e6;
    color: #d95c5c; }
  #log-page #log-tab-log-table td,
  #log-page #log-tab-sql-table td {
    vertical-align: top; }
  #log-page #log-tab-log-table td.no,
  #log-page #log-tab-sql-table td.no {
    width: 16px;
    white-space: nowrap;
    text-align: right; }
  #log-page #log-tab-log-table td.level,
  #log-page #log-tab-sql-table td.level {
    white-space: nowrap; }
  #log-page #log-tab-log-table td.time,
  #log-page #log-tab-sql-table td.time {
    white-space: nowrap;
    width: 12px;
    text-align: right; }
  #log-page #log-tab-log-table td.location .namespace,
  #log-page #log-tab-sql-table td.location .namespace {
    font-size: 0.8em;
    color: #888; }
  #log-page #log-tab-log-table td.location .filepath,
  #log-page #log-tab-sql-table td.location .filepath {
    font-size: 0.8em;
    color: #88f; }
  #log-page #log-tab-log-table td.location .title.hover,
  #log-page #log-tab-log-table td.location .header.hover,
  #log-page #log-tab-log-table td.location .description.hover,
  #log-page #log-tab-sql-table td.location .title.hover,
  #log-page #log-tab-sql-table td.location .header.hover,
  #log-page #log-tab-sql-table td.location .description.hover {
    text-decoration: underline; }
  #log-page #log-tab-log-table td.log,
  #log-page #log-tab-sql-table td.log {
    overflow: auto; }
  #log-page #log-tab-log-table td.log pre,
  #log-page #log-tab-sql-table td.log pre {
    background: #efefef;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 4px; }
  #log-page #log-tab-log-table td.log .table.sqlexplain td.key,
  #log-page #log-tab-sql-table td.log .table.sqlexplain td.key {
    width: 16px;
    white-space: nowrap; }
  #log-page #log-tab-headers .content {
    font-family: consolas, monospace; }
    #log-page #log-tab-headers .content .key {
      font-weight: bold; }
  #log-page #log-tab-content iframe {
    width: 100%;
    height: 77vh; }
  #log-page #log-tab-content .content {
    font-family: consolas, monospace;
    background: #efefef;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 4px; }

/*I love me some border-box*/
#phplog-page {
  margin-left: 8px; }
  #phplog-page .table tr.level-info {
    background-color: #e9ffff;
    color: #10a3a3; }
  #phplog-page .table tr.level-warning {
    background-color: #fff8db;
    color: #b58105; }
  #phplog-page .table tr.level-error,
  #phplog-page .table tr.level-fatal,
  #phplog-page .table tr.level-critical {
    background-color: #ffe8e6;
    color: #d95c5c; }
  #phplog-page .table td {
    vertical-align: top; }
  #phplog-page .table td.level {
    white-space: nowrap; }
  #phplog-page .table td.time {
    white-space: nowrap; }
  #phplog-page .table td.location .namespace {
    font-size: 0.8em;
    color: #888; }
  #phplog-page .table td.location .filepath {
    font-size: 0.8em;
    color: #88f; }
  #phplog-page .table td.log {
    overflow: auto;
    font-family: consolas, monospace; }
    #phplog-page .table td.log .message.hover,
    #phplog-page .table td.log .line.hover {
      text-decoration: underline; }
  #phplog-page .table td.log pre {
    background: #efefef;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 4px; }
  #phplog-page #log-tab-headers .content {
    font-family: consolas, monospace; }
    #phplog-page #log-tab-headers .content .key {
      font-weight: bold; }
  #phplog-page #log-tab-content iframe {
    width: 100%;
    height: 77vh; }

#group-page {
  max-width: 1200px;
  margin: 0 auto; }
  #group-page .content .table tr {
    cursor: pointer; }
  #group-page .content .table .appid {
    width: 2em;
    white-space: nowrap; }
  #group-page .content .table .groupKey {
    width: 22em;
    white-space: nowrap; }
  #group-page .content .table .mtime {
    width: 8em;
    white-space: nowrap; }
  #group-page .content .table .action {
    width: 6em;
    white-space: nowrap; }