.dasb-board-wrapper {
  // background-color: #fff;
  height: 100%;
  overflow: auto;
  .dasb-board-bar {
    cursor: pointer;
    padding: 10px;
    margin-right: 10px;
    position: fixed;
    /* text-align: right; */
    right: 0px;
    bottom: 10px;
    z-index: 51;
    a {
      color: #666
    }
  }
  .dash-board-edit-wrapper {
    z-index: 500;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    .dash-board-edit-wrapper-scroll {
      height: 100%;
      .title-body-wrapper {
        user-select: none;
        height: 100%;
        position: relative;
        .title-gallery {
          position: fixed;
          width: 223px;
          background-color: #f7f8f9;
          height: 100%;
          span:first-child {
            border: 1px solid #d2d2d2;
            padding: 2px 5px 2px 5px;
            margin-top: 10px;
            cursor: pointer;
            &:hover {
              background-color: #d2d2d2;
            }
          }
        }
        .title-container {
          height: 100%;
          margin-left: 223px;
          display: inline-block;
          width: calc(~'100% - 223px');
          .title-container-scroll {
            padding-top: 20px;
            background-color: #f7f8f9;
            height: 100%;
            overflow: auto;
            .title-content {
              position: relative;
              width: 2000px;
              height: 2000px;
              .back-board {
                border-bottom: 1px solid #2e80ab;
                font-size: 0px;
                .cell {
                  height: 100px;
                  width: 100px;
                  border: 2px solid #d2d2d2;
                  background-color: #ddd;
                  display: inline-block;
                  font-size: 12px;
                  &.hover {
                    background-color: #fff;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.dasb-board-body {
  position: relative;
  width: 2000px;
  height: 2000px;
}

.dash-board-title {
  &-wrapper {
    display: inline-block;
    width: 111px;
    height: 120px;
    text-align: center;
    padding-top: 20px;
  }
  &-icon {
    height: 100px;
    width: 100px;
    background: grey;
    display: inline-block;
    cursor: pointer;
    &.move {
      position: absolute;
      opacity: 0.5;
      cursor: move;
    }
  }
  &-desc {
    text-align: center;
    color: #000;
  }
}

.plugin-wrapper {
  position: absolute;
  font-size: 14px;
  top: 0px;
  background-color: #fff;
  &:hover {
    .move-able-wrapper-bar {
      display: block;
      cursor: pointer;
    }
  }
  .move-able-wrapper-bar {
    margin-top: -20px;
    height: 20px;
    width: 100%;
    position: absolute;
    background-color: grey;
    display: none;
    text-align: right;
    i {
      margin-top: -10px;
      display: inline-block;
      color: #fff;
    }
  }
  .move-able-wrapper {
    height: 100%;
    width: 100%;
    cursor: move;
  }
  &.display-modal {
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}