.table[data-v-328a1830] {
  display: table;
  width: 100%;
}
.table .col[data-v-328a1830] {
  display: table-cell;
  vertical-align: top;
}
.table .col[data-v-328a1830]:first-child {
  width: 25px;
}
.table .board[data-v-328a1830] {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
}
.table .btn-edit[data-v-328a1830] {
  -webkit-mask: url(../img/icon-edit.e8fa70f2.png) no-repeat center center;
          mask: url(../img/icon-edit.e8fa70f2.png) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #333;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.table .btn-edit[data-v-328a1830]:hover {
  background: var(--button-background-color-hover);
}
.remark .group[data-v-328a1830] {
  padding-bottom: 5px;
}
.remark .group .title[data-v-328a1830] {
  font-size: 10px;
  line-height: 10px;
  color: #777;
}
.remark .group[data-v-328a1830]:last-child {
  padding-bottom: 0px;
}
.edit-content[data-v-328a1830] {
  padding: 2px 5px;
  min-width: 150px;
  height: auto;
}
.edit-content.active[data-v-328a1830] {
  border-radius: 4px;
  border: 1px solid #999;
}
.edit-control[data-v-328a1830] {
  margin-top: 5px;
}
.edit-control .button[data-v-328a1830] {
  display: inline-block;
  margin-right: 5px;
}