* {
  box-sizing: border-box; }

html {
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 11px;
  height: 100%;
  overflow: hidden; }

body {
  font-size: 100%;
  height: 100%;
  margin: 0; }
  body.dark {
    background: #1f1f1f;
    color: #b2b2b2; }

table {
  border-collapse: collapse;
  font-size: 100%;
  width: 100%; }
  table th, table td {
    text-align: left; }

a {
  color: dimgray;
  cursor: default; }
  a:hover {
    color: #3b3b3b; }
    body.dark a:hover {
      color: #f27e02; }
  body.dark a {
    color: gray; }

.split-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }
  @media screen and (min-width: 900px) {
    .split-view {
      flex-direction: row; } }

.split-view-requests {
  height: 50%;
  width: 100%; }
  @media screen and (min-width: 900px) {
    .split-view-requests {
      height: 100%;
      width: 480px; } }

.split-view-details {
  height: 50%;
  min-width: 0; }
  @media screen and (min-width: 900px) {
    .split-view-details {
      flex: 1;
      height: 100%; } }

.split-view-requests {
  cursor: default; }
  .split-view-requests table {
    line-height: 1.4;
    table-layout: fixed; }
  .split-view-requests tr {
    height: 28px; }
    .split-view-requests tr:first-child td {
      border-top: 1px solid #d1d1d1; }
      body.dark .split-view-requests tr:first-child td {
        border-top: 1px solid #363636; }
    .split-view-requests tr:nth-child(even):not(.filler) {
      background: #f3f3f3; }
      body.dark .split-view-requests tr:nth-child(even):not(.filler) {
        background: #181818; }
      .split-view-requests tr:nth-child(even):not(.filler) td.method, .split-view-requests tr:nth-child(even):not(.filler) td.status, .split-view-requests tr:nth-child(even):not(.filler) td.duration {
        background: #e1e1e1; }
        body.dark .split-view-requests tr:nth-child(even):not(.filler) td.method, body.dark .split-view-requests tr:nth-child(even):not(.filler) td.status, body.dark .split-view-requests tr:nth-child(even):not(.filler) td.duration {
          background: #111111; }
      .split-view-requests tr:nth-child(even):not(.filler) .notifications-count {
        background: rgba(243, 243, 243, 0.8); }
        body.dark .split-view-requests tr:nth-child(even):not(.filler) .notifications-count {
          background: rgba(27, 27, 27, 0.8); }
    .split-view-requests tr.selected td {
      background: #2786f3 !important;
      color: white; }
      body.dark .split-view-requests tr.selected td {
        background: #f27e02 !important; }
    .split-view-requests tr.selected small {
      color: white; }
      body.dark .split-view-requests tr.selected small {
        color: white; }
    .split-view-requests tr.selected .notifications-count {
      background: #2786f3 !important; }
      .split-view-requests tr.selected .notifications-count .errors-count i, .split-view-requests tr.selected .notifications-count .warnings-count i {
        color: #fff; }
      body.dark .split-view-requests tr.selected .notifications-count {
        background: #f27e02 !important; }
    .split-view-requests tr.sizing {
      height: 0; }
      .split-view-requests tr.sizing td {
        border-top: 0;
        padding: 0; }
        body.dark .split-view-requests tr.sizing td {
          border-top: 0; }
    .split-view-requests tr.filler {
      height: auto; }
  .split-view-requests th {
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    font-weight: normal;
    height: 30px;
    line-height: 1.1;
    padding: 2px 4px;
    white-space: nowrap; }
    body.dark .split-view-requests th {
      border-bottom: 1px solid #363636;
      border-right: 1px solid #363636; }
  .split-view-requests td {
    border-right: 1px solid #d1d1d1;
    overflow: hidden;
    padding: 8px 6px;
    vertical-align: middle;
    white-space: nowrap; }
    .split-view-requests td.method, .split-view-requests td.status, .split-view-requests td.duration {
      background: #ededed; }
      body.dark .split-view-requests td.method, body.dark .split-view-requests td.status, body.dark .split-view-requests td.duration {
        background: #1d1d1d; }
    body.dark .split-view-requests td {
      border-right: 1px solid #363636; }
  .split-view-requests small {
    color: gray;
    font-size: 100%; }
    body.dark .split-view-requests small {
      color: #767676; }
  .split-view-requests .method, .split-view-requests .status {
    text-align: center;
    width: 50px; }
  .split-view-requests .duration {
    text-align: right;
    width: 80px; }
  .split-view-requests .notifications-count {
    background: rgba(255, 255, 255, 0.8);
    float: right;
    letter-spacing: -0.5px;
    line-height: 29px;
    margin-right: -6px;
    padding: 0 6px;
    position: relative; }
    .split-view-requests .notifications-count .errors-count i {
      color: #b3492e;
      margin-left: 2px; }
    .split-view-requests .notifications-count .warnings-count i {
      color: #f4bd00;
      margin-left: 2px; }
    body.dark .split-view-requests .notifications-count {
      background: rgba(31, 31, 31, 0.8); }
  .split-view-requests .requests-header {
    height: 31px; }
  .split-view-requests .requests-container {
    height: calc(100% - 31px);
    overflow: auto; }
    .split-view-requests .requests-container table {
      height: 100%; }
  .split-view-requests .load-more {
    align-items: center;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    display: flex;
    height: 36px;
    justify-content: center; }
    body.dark .split-view-requests .load-more {
      border-bottom: 1px solid #363636;
      border-right: 1px solid #363636; }
    .split-view-requests .load-more a {
      color: #404040;
      text-decoration: none; }
      .split-view-requests .load-more a:hover {
        color: #258cdb; }
        body.dark .split-view-requests .load-more a:hover {
          color: #f27e02; }
      body.dark .split-view-requests .load-more a {
        color: #b2b2b2; }

.split-view-details {
  display: flex;
  flex-direction: column;
  position: relative; }

.details-header {
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-shrink: 0;
  height: 31px; }
  body.dark .details-header {
    border-bottom: 1px solid #363636; }
  .details-header .details-header-tabs {
    display: flex;
    flex: 1; }
    .details-header .details-header-tabs .details-header-tab {
      color: #404040;
      cursor: default;
      flex: 1;
      font-size: 12px;
      line-height: 31px;
      text-align: center;
      text-decoration: none; }
      .details-header .details-header-tabs .details-header-tab.active {
        color: #258cdb; }
        body.dark .details-header .details-header-tabs .details-header-tab.active {
          color: #f27e02; }
      body.dark .details-header .details-header-tabs .details-header-tab {
        color: #9e9e9e; }
  .details-header .icons {
    align-items: center;
    display: flex;
    font-size: 15px;
    padding: 0 5px; }
    .details-header .icons a {
      padding: 0 5px; }

.details-content {
  flex: 1;
  overflow: auto;
  padding: 10px; }
  .details-content h3 {
    border-bottom: 1px solid #d1d1d1;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 4px 10px; }
  .details-content table {
    font-size: 12px;
    margin-bottom: 18px; }
    .details-content table thead th:last-child {
      padding-right: 20px;
      position: relative; }
    .details-content table thead .fa-angle-down, .details-content table thead .fa-angle-up {
      font-weight: bold;
      margin-left: 4px; }
    .details-content table thead .toggle-filter {
      position: absolute;
      right: 0;
      top: 4px;
      visibility: hidden; }
    .details-content table thead:hover .toggle-filter {
      visibility: visible; }
    .details-content table tr:first-child td {
      border-top: 1px solid #d1d1d1; }
      body.dark .details-content table tr:first-child td {
        border-top: 1px solid #363636; }
    .details-content table tr:nth-child(even) {
      background: whitesmoke; }
      body.dark .details-content table tr:nth-child(even) {
        background: #1b1b1b; }
    .details-content table th {
      font-size: 13px;
      font-weight: 600;
      padding: 4px 10px;
      white-space: nowrap; }
    .details-content table td {
      padding: 8px 10px;
      vertical-align: top; }
      .details-content table td.key {
        font-size: 12px;
        white-space: nowrap; }
      .details-content table td.value {
        word-break: break-all; }
    .details-content table .filter {
      background: none !important; }
      .details-content table .filter td {
        border-top: 1px solid #d1d1d1;
        padding: 2px 10px; }
        body.dark .details-content table .filter td {
          border-top: 1px solid #363636; }
      .details-content table .filter label {
        align-items: center;
        display: flex;
        position: relative; }
      .details-content table .filter .fa {
        color: #696969;
        padding: 0 4px; }
      .details-content table .filter input {
        background: transparent;
        border: none;
        width: 100%; }
        .details-content table .filter input:focus {
          outline: none; }
        .details-content table .filter input::placeholder {
          color: #a9a9a9; }
          body.dark .details-content table .filter input::placeholder {
            color: #777; }
        body.dark .details-content table .filter input {
          color: #b2b2b2; }
      .details-content table .filter .example {
        color: #a9a9a9;
        font-size: 11px;
        pointer-events: none;
        position: absolute;
        right: 0; }
        body.dark .details-content table .filter .example {
          color: #777; }
  .details-content .counters-row {
    display: flex;
    margin: 0 0 10px; }
    .details-content .counters-row .counter {
      border: 1px solid #d1d1d1;
      border-radius: 3px;
      box-shadow: 0 2px 3px #e5e5e5;
      margin: 0 5px;
      flex: 0 1 120px;
      padding: 8px 20px 10px;
      text-align: center; }
      body.dark .details-content .counters-row .counter {
        border: 1px solid #404040;
        box-shadow: 0 2px 3px #292929; }
      .details-content .counters-row .counter:first-child {
        margin-left: 0; }
      .details-content .counters-row .counter:last-child {
        margin-right: 0; }
      .details-content .counters-row .counter .counter-value {
        font-size: 175%; }
      .details-content .counters-row .counter .counter-title {
        font-size: 120%;
        font-variant: small-caps;
        text-transform: lowercase; }
  .details-content .request-tab-info {
    display: flex;
    margin: 4px 0 8px; }
    .details-content .request-tab-info .field {
      display: flex;
      flex-direction: column;
      margin: 0 5px;
      padding: 0 20px; }
      .details-content .request-tab-info .field:first-child {
        margin-left: 0; }
      .details-content .request-tab-info .field:last-child {
        margin-right: 0; }
      .details-content .request-tab-info .field .field-value {
        display: flex;
        flex: 1;
        flex-direction: column;
        font-size: 130%;
        justify-content: center; }
        .details-content .request-tab-info .field .field-value .small {
          color: #888;
          font-size: 75%;
          padding-top: 2px; }
      .details-content .request-tab-info .field .field-title {
        font-size: 120%;
        font-variant: small-caps;
        padding-bottom: 5px;
        text-transform: lowercase; }
      .details-content .request-tab-info .field.action {
        flex: 1; }
      .details-content .request-tab-info .field.link {
        font-size: 90%;
        padding: 0; }
  .details-content .request-tab-exception {
    margin: 12px -10px; }
    .details-content .request-tab-exception .exception-info {
      align-items: center;
      background: #ffebeb;
      color: #c51f24;
      display: flex;
      padding: 10px 30px; }
      .details-content .request-tab-exception .exception-info:nth-child(even) {
        background: #ffe0e0; }
      .details-content .request-tab-exception .exception-info:first-child {
        padding-top: 15px; }
      .details-content .request-tab-exception .exception-info:last-child {
        padding-bottom: 15px; }
      body.dark .details-content .request-tab-exception .exception-info {
        background: #380000;
        color: #ed797a; }
        body.dark .details-content .request-tab-exception .exception-info:nth-child(even) {
          background: #2e0000; }
      .details-content .request-tab-exception .exception-info h3 {
        border-bottom: 0;
        padding: 6px 0; }
      .details-content .request-tab-exception .exception-info .exception-message {
        flex: 1;
        font-size: 15px;
        line-height: 1.5; }
      .details-content .request-tab-exception .exception-info .exception-previous, .details-content .request-tab-exception .exception-info .exception-trace .stack-trace > a {
        border: 1px solid #aaa;
        border-radius: 4px;
        font-size: 11px;
        font-variant: small-caps;
        padding: 3px 12px;
        text-transform: uppercase; }
        body.dark .details-content .request-tab-exception .exception-info .exception-previous, body.dark .details-content .request-tab-exception .exception-info .exception-trace .stack-trace > a {
          border-color: gray; }
      .details-content .request-tab-exception .exception-info .exception-previous {
        margin-right: 4px;
        text-decoration: none; }
      .details-content .request-tab-exception .exception-info .exception-trace {
        display: inline-block; }
  .details-content .performance-chart-container {
    flex: 0 1 100px; }
  .details-content .performance-chart {
    height: 60px;
    margin: 0 auto;
    position: relative;
    width: 60px; }
  .details-content .performance-chart-legend.style1 {
    border-left: 3px solid #78b1de !important; }
    body.dark .details-content .performance-chart-legend.style1 {
      border-left: 3px solid #649dca !important; }
  .details-content .performance-chart-legend.style2 {
    border-left: 3px solid #e79697 !important; }
    body.dark .details-content .performance-chart-legend.style2 {
      border-left: 3px solid #d38283 !important; }
  .details-content .performance-chart-legend.style3 {
    border-left: 3px solid #b1ca6d !important; }
    body.dark .details-content .performance-chart-legend.style3 {
      border-left: 3px solid #9db659 !important; }
  .details-content .performance-chart-legend.style4 {
    border-left: 3px solid #ba94e6 !important; }
    body.dark .details-content .performance-chart-legend.style4 {
      border-left: 3px solid #a680d2 !important; }
  .details-content .performance-tabs {
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 8px 0 4px; }
    .details-content .performance-tabs .performance-tab {
      color: #404040;
      cursor: default;
      font-size: 12px;
      line-height: 31px;
      padding: 0 31px;
      text-align: center;
      text-decoration: none; }
      .details-content .performance-tabs .performance-tab.active {
        color: #258cdb; }
        body.dark .details-content .performance-tabs .performance-tab.active {
          color: #f27e02; }
      body.dark .details-content .performance-tabs .performance-tab {
        color: #9e9e9e; }
  .details-content .timeline {
    position: relative; }
    .details-content .timeline .timeline-duration, .details-content .timeline .timeline-description {
      display: none; }
    .details-content .timeline.table-view .timeline-duration, .details-content .timeline.table-view .timeline-description {
      display: table-cell; }
    .details-content .timeline.table-view .timeline-graph {
      padding: 12px 0 0;
      width: 25%; }
    .details-content .timeline.table-view .timeline-legend {
      display: none; }
    .details-content .timeline.table-view .timeline-bar .label {
      display: none; }
  .details-content .timeline-controls {
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 100; }
    .details-content .timeline-controls .timeline-control-group {
      margin: 0 5px; }
    .details-content .timeline-controls .toggle-filter {
      position: static;
      visibility: visible; }
    .details-content .timeline-controls .fa-bar-chart {
      font-size: 110%; }
    .details-content .timeline-controls .fa-bars {
      font-size: 115%; }
    .details-content .timeline-controls a {
      margin: 0 2px;
      text-decoration: none; }
      .details-content .timeline-controls a.active {
        color: #258cdb; }
        body.dark .details-content .timeline-controls a.active {
          color: #f27e02; }
      body.dark .details-content .timeline-controls a {
        color: #9e9e9e; }
  .details-content .timeline-graph {
    background-image: linear-gradient(to right, transparent 99.5%, #e5e5e5 99.5%, #e5e5e5 100%);
    background-size: 80px 1px;
    padding: 6px 4px 8px; }
    body.dark .details-content .timeline-graph {
      background-image: linear-gradient(to right, transparent 99.5%, #333 99.5%, #333 100%); }
  .details-content .timeline-legend {
    color: #a1a1a1;
    height: 14px;
    margin-bottom: 6px;
    margin-top: -2px;
    position: relative; }
    body.dark .details-content .timeline-legend {
      color: #666666; }
    .details-content .timeline-legend .timeline-legend-time {
      font-size: 10px;
      font-weight: normal;
      position: absolute;
      top: 0; }
  .details-content .timeline-bar .label {
    color: #365063;
    font-size: 11.5px;
    margin-bottom: 2px;
    white-space: nowrap; }
  .details-content .timeline-bar .bar {
    background: #78b1de;
    border: 1px solid #4295c5;
    border-radius: 3px;
    padding: 3px; }
    body.dark .details-content .timeline-bar .bar {
      background: #649dca;
      border: 1px solid #2e81b1; }
  .details-content .timeline-bar.style1 .label {
    color: #365063; }
    body.dark .details-content .timeline-bar.style1 .label {
      color: #a3b5c2; }
  .details-content .timeline-bar.style1 .bar {
    background: #78b1de;
    border: 1px solid #4295c5; }
    body.dark .details-content .timeline-bar.style1 .bar {
      background: #649dca;
      border: 1px solid #2e81b1; }
  .details-content .timeline-bar.style2 .label {
    color: #633636; }
    body.dark .details-content .timeline-bar.style2 .label {
      color: #c2a3a4; }
  .details-content .timeline-bar.style2 .bar {
    background: #e79697;
    border: 1px solid #d16b6c; }
    body.dark .details-content .timeline-bar.style2 .bar {
      background: #d38283;
      border: 1px solid #bd5758; }
  .details-content .timeline-bar.style3 .label {
    color: #586336; }
    body.dark .details-content .timeline-bar.style3 .label {
      color: #bac2a3; }
  .details-content .timeline-bar.style3 .bar {
    background: #b1ca6d;
    border: 1px solid #98ba51; }
    body.dark .details-content .timeline-bar.style3 .bar {
      background: #9db659;
      border: 1px solid #84a63d; }
  .details-content .timeline-bar.style4 .label {
    color: #4a3663; }
    body.dark .details-content .timeline-bar.style4 .label {
      color: #b1a3c2; }
  .details-content .timeline-bar.style4 .bar {
    background: #ba94e6;
    border: 1px solid #9772b5; }
    body.dark .details-content .timeline-bar.style4 .bar {
      background: #a680d2;
      border: 1px solid #835ea1; }
  .details-content .timeline-duration {
    text-align: right;
    width: 100px; }
  .details-content .profiler .profiler-controls {
    position: absolute;
    right: 0;
    top: 4px; }
    .details-content .profiler .profiler-controls .profiler-control-group {
      margin: 0 5px; }
    .details-content .profiler .profiler-controls .profiler-show-metric {
      font-size: 105%; }
      .details-content .profiler .profiler-controls .profiler-show-metric .fa-clock-o {
        font-size: 110%; }
    .details-content .profiler .profiler-controls .profiler-shown-fraction {
      font-size: 85%; }
    .details-content .profiler .profiler-controls .toggle-filter {
      position: static;
      visibility: visible; }
    .details-content .profiler .profiler-controls a {
      margin: 0 2px;
      text-decoration: none; }
      .details-content .profiler .profiler-controls a.active {
        color: #258cdb; }
        body.dark .details-content .profiler .profiler-controls a.active {
          color: #f27e02; }
      body.dark .details-content .profiler .profiler-controls a {
        color: #9e9e9e; }
  .details-content .profiler .profiler-metric {
    white-space: nowrap; }
  .details-content .profiler .profiler-function {
    display: flex;
    flex-wrap: wrap; }
    .details-content .profiler .profiler-function .profiler-function-name {
      flex: 1 1 auto;
      word-break: break-all; }
    .details-content .profiler .profiler-function .profiler-path {
      color: #aaa;
      flex: 0;
      font-size: 90%;
      margin-top: 3px; }
  .details-content .profiler-loading, .details-content .profiler-not-available {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    padding: 40px 0;
    text-align: center;
    width: 100%; }
    .details-content .profiler-loading .message, .details-content .profiler-not-available .message {
      color: #aaa;
      font-size: 75%;
      margin: 10px 0 0 0; }
  .details-content .profiler-not-available {
    font-size: 15px;
    line-height: 1.5; }
    .details-content .profiler-not-available .message {
      font-size: 90%;
      margin: 15px 0 0; }
    .details-content .profiler-not-available a {
      color: #aaa;
      cursor: pointer; }
    .details-content .profiler-not-available .profiler-enable a {
      color: #258cdb; }
      body.dark .details-content .profiler-not-available .profiler-enable a {
        color: #f27e02; }
  .details-content .log-row.error {
    background: #ffebeb;
    color: #c51f24; }
    .details-content .log-row.error:nth-child(even) {
      background: #ffe0e0; }
    .details-content .log-row.error .log-message-path {
      color: #dd888b; }
    body.dark .details-content .log-row.error {
      background: #380000;
      color: #ed797a; }
      body.dark .details-content .log-row.error:nth-child(even) {
        background: #2e0000; }
      body.dark .details-content .log-row.error .log-message-path {
        color: #c3797b; }
  .details-content .log-row.warning {
    background: #fffae2;
    color: #a85919; }
    .details-content .log-row.warning:nth-child(even) {
      background: #fff5c2; }
    .details-content .log-row.warning .log-message-path {
      color: #d7a175; }
    body.dark .details-content .log-row.warning {
      background: #382f00;
      color: #fad89f; }
      body.dark .details-content .log-row.warning:nth-child(even) {
        background: #2e2600; }
      body.dark .details-content .log-row.warning .log-message-path {
        color: #d0b78b; }
  .details-content .log-date, .details-content .log-level {
    width: 70px; }
  .details-content .log-message {
    display: flex;
    flex-wrap: wrap; }
    .details-content .log-message .log-message-content {
      flex: 1 0 auto;
      max-width: 100%; }
    .details-content .log-message .log-message-exception {
      flex: 0;
      font-size: 90%;
      margin: 3px 5px 0 0;
      white-space: nowrap; }
      .details-content .log-message .log-message-exception .exception-previous {
        border: 1px solid #aaa;
        border-radius: 4px;
        text-decoration: none;
        padding: 2px 4px;
        margin-right: 5px; }
        body.dark .details-content .log-message .log-message-exception .exception-previous {
          border-color: gray; }
    .details-content .log-message .log-message-path {
      color: #aaa;
      flex: 0;
      font-size: 90%;
      margin-top: 3px; }
      body.dark .details-content .log-message .log-message-path {
        color: #777; }
  .details-content .fired-event {
    display: flex;
    flex-wrap: wrap; }
    .details-content .fired-event .fired-event-content {
      flex: 1 0 auto;
      max-width: 100%; }
    .details-content .fired-event .fired-event-path {
      color: #aaa;
      flex: 0;
      font-size: 90%;
      margin-top: 3px; }
      body.dark .details-content .fired-event .fired-event-path {
        color: #777; }
  .details-content .fired-event-details h4 {
    margin: 6px 0 3px; }
  .details-content .fired-event-actions {
    padding-left: 5px;
    width: 10px; }
  .details-content .database-query {
    display: flex;
    flex-wrap: wrap; }
    .details-content .database-query .database-query-content {
      flex: 1 0 auto;
      max-width: 100%; }
    .details-content .database-query .database-query-path {
      color: #aaa;
      flex: 0;
      font-size: 90%;
      margin-top: 3px; }
      body.dark .details-content .database-query .database-query-path {
        color: #777; }
  .details-content .database-duration {
    text-align: right; }
  .details-content .cache-query-type {
    font-size: 125%;
    font-variant: small-caps; }
  .details-content .session-user {
    align-items: center;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    box-shadow: 0 2px 3px #e5e5e5;
    display: flex;
    font-size: 130%;
    margin: 0 5px 10px;
    padding: 12px 20px 14px; }
    body.dark .details-content .session-user {
      border: 1px solid #404040;
      box-shadow: 0 2px 3px #292929; }
    .details-content .session-user .fa {
      color: gray;
      font-size: 28px;
      margin-right: 16px; }
    .details-content .session-user .name {
      margin-right: 4px; }
    .details-content .session-user .title {
      font-size: 13px;
      font-variant: small-caps;
      text-transform: lowercase; }
    .details-content .session-user .dimmed {
      color: gray;
      font-size: 90%; }
      body.dark .details-content .session-user .dimmed {
        color: #767676; }
    .details-content .session-user .session-user-details {
      margin-left: auto; }

.details-loading-overlay, .details-error-overlay, .details-authentication-overlay {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  height: calc(100% - 31px);
  justify-content: center;
  left: 0;
  position: absolute;
  top: 31px;
  width: 100%;
  z-index: 999; }
  body.dark .details-loading-overlay, body.dark .details-error-overlay, body.dark .details-authentication-overlay {
    background: #1f1f1f; }
  .details-loading-overlay .fa, .details-error-overlay .fa, .details-authentication-overlay .fa {
    color: #696969;
    font-size: 46px; }
  .details-loading-overlay .title, .details-error-overlay .title, .details-authentication-overlay .title {
    margin: 10px 0 0 0; }
  .details-loading-overlay .message, .details-error-overlay .message, .details-authentication-overlay .message {
    color: #aaa;
    font-size: 75%;
    margin: 5px 0 0 0; }

.details-authentication-overlay {
  text-align: center; }
  .details-authentication-overlay .title, .details-authentication-overlay .message {
    font-size: 80%; }
  .details-authentication-overlay .title.failed {
    display: none; }
  .details-authentication-overlay p {
    margin: 1.3em 0; }
  .details-authentication-overlay input {
    background: #eee;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    height: 30px;
    padding: 0 10px; }
    body.dark .details-authentication-overlay input {
      background: #2e2e2e;
      border: 1px solid #2e2e2e;
      color: #ccc; }
  .details-authentication-overlay button {
    background: transparent;
    border: none;
    color: #258cdb;
    font-size: 90%; }
    body.dark .details-authentication-overlay button {
      color: #f27e02; }
  .details-authentication-overlay.failed .title {
    display: none; }
    .details-authentication-overlay.failed .title.failed {
      display: block; }
  .details-authentication-overlay.failed .fa {
    animation: shake 0.77s linear; }

@keyframes shake {
  10%, 90% {
    transform: translate(-2px); }
  20%, 80% {
    transform: translate(3px); }
  30%, 50%, 70% {
    transform: translate(-5px); }
  40%, 60% {
    transform: translate(5px); } }

.update-notification, .parent-request {
  background: #e9f3fb;
  border-radius: 3px;
  display: flex;
  margin-bottom: 10px;
  padding: 6px 10px; }
  body.dark .update-notification, body.dark .parent-request {
    background: #643302; }
  .update-notification a, .parent-request a {
    color: #258cdb;
    text-decoration: none; }
    body.dark .update-notification a, body.dark .parent-request a {
      color: #f27e02; }
  .update-notification .updateNotification-close, .update-notification .parentRequest-close, .parent-request .updateNotification-close, .parent-request .parentRequest-close {
    margin-left: auto; }

.settings-container .popover {
  right: -11px !important;
  top: 14px; }
  .settings-container .popover .popover-content {
    padding: 6px 18px;
    text-align: left; }
    .settings-container .popover .popover-content a {
      padding: 0; }

.settings-container .controls-group {
  margin: 8px 0 14px; }

.settings-container .controls-input-vgroup {
  font-size: 90%; }
  .settings-container .controls-input-vgroup input {
    border: 1px solid #ccc;
    padding: 1px 4px; }
  .settings-container .controls-input-vgroup input:first-child {
    border-radius: 4px 4px 0 0; }
  .settings-container .controls-input-vgroup input:last-child {
    border-radius: 0 0 4px 4px;
    margin-top: -2px; }

.settings-container .help-text {
  font-size: 80%;
  margin-top: 8px; }

.settings-container label {
  display: block;
  font-size: 90%;
  margin-bottom: 6px; }

.settings-container input, .settings-container select {
  font-size: 90%;
  margin: 0 -6px;
  width: calc(100% + 12px); }
  body.dark .settings-container input, body.dark .settings-container select {
    color: #e9e9e9; }

body.dark .settings-container input {
  background: #71706f;
  border-color: #7c7a78; }
  body.dark .settings-container input::placeholder {
    color: #939291;
    opacity: 1; }

body.dark .settings-container select {
  background: #6a6866;
  border: 1px solid #7c7a78;
  border-radius: 5px; }

.settings-container .settings-save {
  text-align: center; }

.settings-container button {
  background: transparent;
  border: none;
  color: #258cdb;
  font-size: 90%; }
  body.dark .settings-container button {
    color: #f27e02; }

.stack-trace {
  cursor: pointer; }
  .stack-trace .popover {
    cursor: default; }
  .stack-trace a {
    text-decoration: none; }
  .stack-trace .stack-frame {
    color: #000;
    padding: 6px 10px;
    text-align: left;
    word-break: break-word; }
    body.dark .stack-trace .stack-frame {
      color: #b2b2b2; }
    .stack-trace .stack-frame:nth-child(even) {
      background: whitesmoke; }
      body.dark .stack-trace .stack-frame:nth-child(even) {
        background: #1b1b1b; }
    .stack-trace .stack-frame .stack-frame-call {
      font-size: 12px;
      padding-bottom: 3px; }
    .stack-trace .stack-frame .stack-frame-file {
      color: #aaa;
      font-size: 11px; }
    .stack-trace .stack-frame.is-vendor .stack-frame-call {
      font-size: 10px; }
    .stack-trace .stack-frame.is-vendor .stack-frame-file {
      font-size: 10px; }

.popover {
  left: 0;
  padding-top: 20px;
  position: absolute;
  top: 100%;
  width: 300px;
  z-index: 666; }
  .popover.right-aligned {
    left: auto;
    right: 0; }
    .popover.right-aligned .popover-content:before {
      left: auto;
      right: 8px; }
    .popover.right-aligned .popover-content:after {
      left: auto;
      right: 7px; }
  .popover .popover-content {
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    box-shadow: 0 0 4px #e5e5e5;
    max-height: 400px;
    overflow: auto;
    padding: 5px 0;
    text-align: center;
    width: 100%; }
    body.dark .popover .popover-content {
      background: #1f1f1f;
      border: 1px solid #404040;
      box-shadow: 0 0 4px #292929; }
    .popover .popover-content:before, .popover .popover-content:after {
      border-style: solid;
      content: '';
      height: 0;
      position: absolute;
      width: 0; }
    .popover .popover-content:before {
      border-color: transparent transparent #fff transparent;
      border-width: 0 14px 14px 14px;
      left: 8px;
      top: 7px;
      z-index: 500; }
      body.dark .popover .popover-content:before {
        border-color: transparent transparent #1f1f1f transparent; }
    .popover .popover-content:after {
      border-color: transparent transparent #e5e5e5 transparent;
      border-width: 0 15px 15px 15px;
      left: 7px;
      top: 5px; }
      body.dark .popover .popover-content:after {
        border-color: transparent transparent #292929 transparent; }

.popover-container {
  position: relative; }

.hidden {
  display: none; }

[stupid-table] th {
  cursor: default; }

[tab-content] {
  display: none; }

body.dark .pretty-jason {
  color: #d5d5d5; }

body.dark .pretty-jason-key {
  color: #e36eec; }

body.dark .pretty-jason-value-number {
  color: #997fff; }

body.dark .pretty-jason-value-string {
  color: #e33e3a; }

body.dark .pretty-jason-value-null,
body.dark .pretty-jason-value-undefined {
  color: #7f7f7f; }

body.dark .pretty-jason-value-boolean,
body.dark .pretty-jason-value-anonymous-function,
body.dark .pretty-jason-value-resource {
  color: #8296ff; }

body.dark .pretty-jason-icon-closed {
  border-color: transparent transparent transparent #919191; }

body.dark .pretty-jason-icon-open {
  border-color: #919191 transparent transparent transparent; }