.log {
  .streaming {
    color: #78df6a;
  }

  .connecting {
    color: rgba(255, 163, 0, 0.75);
  }

  .disconnected {
    color: rgba(255, 0, 0, 0.56);
  }

  .stream .md-icon-button md-icon {
    color: white !important;
  }

  #log-grid {
      font-size: 70%;

    .ui-grid-row .ui-grid-cell {
      background-color: inherit !important;
    }

    .error, .critical {
      background-color: #f2dede;
    }

    .warning {
      background-color: #fcf8e3;
    }

    .debug {
      color: #B8B8B8;
    }

    .verbose {
      background-color: #f5f5f5;
    }

    .accepted {
      background-color: #dff0d8;
    }

    .summary {
      background-color: #d9edf7;
    }

  }
}

