

.template-textarea{

  width:100%;
  display:flex;
  flex-direction:column;
  position: relative;
  .rich-editor{
    width:100%;
    min-height: 50px;

  }
  .content{
    padding:10px;
  }
  .editor{

    width:100%;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .menus{
    position:absolute;
    bottom:0px;
    right:0px;
    font-size:12px;
    display:flex;
    width:50px;
    height:100px;
    border:1px dashed #CCC;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .attr{
      display:flex;
      width:100%;
      height:50px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .attr-icon-size{
        width:28px;
        height:28px;
      }
    }
    .delete{
      display:flex;
      width:100%;
      height:50px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .attr-icon-size{
          width:28px;
          height:28px;
        }
    }
  }

}

.attr-icon-size{
  width:48px;
  height:48px;
}

.min-height{
  min-height:300px;
}


