// Empty states (or Blank slates)
.empty {
  background: @bg-color;
  border-radius: @border-radius;
  color: @gray-color-dark;
  text-align: center;
  padding: 4 * @layout-padding;

  .empty-icon {
    margin-bottom: 1.5rem;
  }

  .empty-title,
  .empty-subtitle {
    margin: 1rem auto;
  }

  .empty-subtitle {
    color: lighten(@body-font-color, 40%);
  }

  .empty-action {
    margin-top: 1.5rem;
  }
}