@import "~@wpmudev/shared-ui/scss/functions";
@import "~@wpmudev/shared-ui/scss/colors";
@import "~@wpmudev/shared-ui/scss/variables";
@import '~@wpmudev/shared-ui/scss/mixins';

@include body-class(true) {

  // Needed for overlay to cover the whole box.
  .sui-box {
    position: relative;

    /* Status text on dashboard meta boxes */
    .status-text {
      color: #888888;
      font-size: 13px;
      line-height: 22px;
      margin-top: 5px;
    }

    .label-notice-inline {
      font-size: 13px;
      color: #888888;
      margin: 0 15px;
    }
  }

  .wphb-loading-overlay {
    &:not(.wphb-loading) { display: none; }

    &.wphb-loading {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,.95);
      z-index: 2;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;

      p {
        font-size: 13px;
        margin-top: 0;
        margin-left: 10px;
        color: #888888;
      }
    }
  }

}