// mmui Component styles that enable mode feedback
.mmui-component {
  position: relative;
  min-height: 200px;

  // overlay window that indicates Component mode
  .component-mode-window {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
    z-index: 600;

    // styles to enable icons to indicate the Component mode
    .empty-indicator,
    .error-indicator,
    .loading-indicator {
      position: absolute;
      width: 100px;
      height: 100px;
      margin: -50px 0 0 -50px;
      left: 50%;
      top: 50%;

      img {
        width: 100%;
        height: auto;
      }

      i.fa {
        font-size: 100px;
        position: relative;
        top: 50%;
        left: 50%;
      }
    }

    .empty-indicator {
      i.fa {
        margin: -60px 0 0 -34.29px;
      }
    }

    .error-indicator {
      i.fa {
        margin: -60px 0 0 -34.29px;
      }
    }
  }
}