.drag-item-container {
  .render-scroll-container {
    height: 100%;
    .scroll-container-title {

      height: 20px;
      text-align: right;
      font-size: 12px;
      color: var(--container-border-hover-color);
      border-bottom: 1px dashed var(--container-border-hover-color);
      .drag-item-info{
      white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
      }

      .scroll-actions {
        float: right;
        margin-top: 2px;
        margin-right: 45px;
        font-size: 15px;

        .sccroll-action-item {
          color: #c5c5c5;
          margin: 0 3px;
        }

        .active {
          color: var(--container-border-hover-color);
        }
      }
    }

    .scroll-container-rawp {
      height: calc(100% - 20px);
      flex-direction:column;
      flex-wrap:wrap;
      display: flex;

      .scroll-container__top,
      .scroll-container__bottom,
      .scroll-container-content {
        overflow: auto;
        flex-grow: 1;
      }

      .scroll-container__top {
        border-bottom: 1px solid var(--container-border-color);
      }

      .scroll-container__bottom {
        border-top: 1px solid var(--container-border-color);
      }

      .scroll-container__content {
        flex-grow: 1;
      }

      .scroll-container__content_left,
      .scroll-container__content_right {
        flex-shrink: 0;
      }

      .scroll-container__content_left {
        border-right: 1px solid var(--container-border-color);
      }

      .scroll-container__content_right {
        border-left: 1px solid var(--container-border-color);
      }

      .scroll-container__content_main {
        flex-grow: 1;
      }
      
    }
  }
}