page-overview {
  display: block;
  margin: -8px -16px;
  padding: 8px 16px;
  min-height: calc(100% + 16px);

  dashboard-grid {
    padding: 15px;
    background: white;
    border: 1px solid #EBF1F1;
    border-radius: 3px;
  }

  ng-transclude {
    display: flex;
    flex: 1;
    justify-content: space-between;
    line-height: 38px;

    .navigation-a {
      margin-left: 10px;

      &:hover {
        color: var(--global-theme-color-heavy, #00C2B1);
      }
    }
  }

  .nodata {
    margin-top: 235px;
    text-align: center;

    .icon-overview {
      display: inline-block;
      width: 207px;
      height: 227px;
      background: url("~@images/overview-1.svg");
    }

    p {
      text-align: center;
      font-size: 20px;
      user-select: none;
      a {
        color: #4990E2 !important;
      }
    }
  }

  &[color-type=moon] {
    background: #001226;
    --content-overflow-color: #314756;

    dashboard-grid {
      border: 1px solid transparent;
      background: rgba(255, 255, 255, 0.08);

      .box {
        background: transparent;
      }
    }
  }
}