// Empty Message - Uplift / Vibrant
//================================================== //

.icon-empty-state {
  fill: transparent !important;
  height: 80px;
  width: 80px;

  &.is-graphite {
    color: $icon-empty-bg-color;
    fill: transparent !important;
  }

  &.is-slate {
    color: $icon-empty-bg-color;
    fill: transparent !important;
  }

  &.icon-empty-state-lg {
    height: 150px;
    width: 150px;
  }

  &.icon-empty-state-xl {
    height: 300px;
    width: 300px;
  }


  &.icon-empty-state-xxl {
    height: 500px;
    width: 500px;
  }
}

.card-empty-title,
.widget-empty-title,
.empty-title {
  font-size: $ids-size-font-px-20;
  font-weight: $ids-number-font-weight-bold;
  margin-top: -5px;
  padding: 0 0 10px;
}

.card-empty-info,
.widget-empty-info,
.empty-info {
  color: $emptymessage-text-color;
  font-size: 1.6rem;
  padding: 0 20px 20px;
}

.theme-new-dark {
  .card-empty-info,
  .widget-empty-info,
  .empty-info,
  .card-empty-title,
  .widget-empty-title,
  .empty-title {
    color: #fff;
  }
}

.empty-title,
.card-empty-title {
  color: $emptymessage-title-color;
}

.empty-icon,
.card-empty-icon {
  padding-bottom: $ids-number-spacing-base;
}