.empty-section-drop-target{
  .target-container{
    display: block;
    position: absolute;
    // outline: 1px dashed purple;

    .section-drop-target {

      position: absolute;
      // TODO: correct size for image
      width: 32px;
      height: 32px;
      -moz-user-select: none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      cursor: default;
      z-index: 580;
      background-color: #f8f8f8;
      background-position: 0 0;
      margin: auto;
      box-shadow: 0 0 20px 3px rgba(0, 0, 0, .2);

      &.center {
        // TODO: correct position foe image
        top: 20px;
        left: calc(50% - 60px);
        background-image: url("/ember-arcgis-page-layout/assets/images/dock_fill.png");
      }
      &.center.hover {
        background-image: url("/ember-arcgis-page-layout/assets/images/dock_fill_sel.png");
      }
    }
  }
}