.p-row[data-v-d6d2b5e0] {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-row .info[data-v-d6d2b5e0] {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.p-row .info .name-link[data-v-d6d2b5e0] {
      font-weight: bold;
      cursor: pointer;
      background-color: #f8f2a0;
      border-radius: 25px;
      width: 100px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}
.p-row .info .name-link.female[data-v-d6d2b5e0] {
        background-color: #ffd4d4;
}
.p-row .info .name-link.male[data-v-d6d2b5e0] {
        background-color: #d9e3ff;
}
.p-row .info .id[data-v-d6d2b5e0] {
      font-size: 0.8em;
      width: 100px;
}
.p-row .info .job[data-v-d6d2b5e0] {
      font-size: 0.8em;
      background: #5380f7;
      width: 100px;
      display: block;
      color: #fff;
      padding: 3px 5px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}
.p-row .flow[data-v-d6d2b5e0] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    overflow-x: auto;
}
.p-row .flow .flow-group[data-v-d6d2b5e0] {
      display: inline-block;
      vertical-align: middle;
      list-style: none;
      margin-bottom: 0;
      padding: 0;
}
.p-row .flow .flow-group .flow-item[data-v-d6d2b5e0] {
        display: inline-block;
        min-height: 90px;
        vertical-align: top;
        background-color: #f7f7f7;
        padding: 10px;
        margin-left: 5px;
        border: 2px solid #ccc;
        border-radius: 3px;
        position: relative;
        white-space: nowrap;
}
.p-row .flow .flow-group .flow-item .step-name[data-v-d6d2b5e0] {
          display: inline-block;
          text-align: left;
          margin-bottom: 5px;
          width: 100px;
          line-height: 38px;
          margin-bottom: 0;
          vertical-align: middle;
          font-size: 0.8em;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
}
.p-row .flow .flow-group .flow-item .step-name.line-through[data-v-d6d2b5e0] {
            text-decoration: line-through;
}
.p-row .flow .flow-group .flow-item.undo[data-v-d6d2b5e0] {
          cursor: pointer;
          background-color: #d9e3ff;
          border-color: #5380f7;
}
.p-row .flow .flow-group .flow-item.meeting[data-v-d6d2b5e0] {
          background-color: #fdc7c7;
          border-color: #db7272;
}
.p-row .flow .flow-group .flow-item.finish[data-v-d6d2b5e0] {
          background-color: #f7f7f7 !important;
          border: 2px solid #ccc !important;
}
.p-row .flow .flow-group .flow-item .time-wrap[data-v-d6d2b5e0] {
          font-size: 0.9em;
          display: inline-block;
          vertical-align: top;
}
.p-row .flow .flow-group .flow-item .pass-tip[data-v-d6d2b5e0] {
          background-color: #e6e6e6;
          padding: 3px 11px;
          border-radius: 25px;
          font-size: 0.8em;
}
.p-row .flow[data-v-d6d2b5e0]::-webkit-scrollbar {
      height: 7px;
}
@media screen and (max-width: 767px) {
.p-row .flow[data-v-d6d2b5e0]::-webkit-scrollbar {
          height: 20px;
}
}
.p-row .flow[data-v-d6d2b5e0]::-webkit-scrollbar-button {
      background: transparent;
      border-radius: 4px;
}
.p-row .flow[data-v-d6d2b5e0]::-webkit-scrollbar-track-piece {
      background: transparent;
}
.p-row .flow[data-v-d6d2b5e0]::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.4);
      border: 1px solid slategrey;
}
.p-row .flow[data-v-d6d2b5e0]::-webkit-scrollbar-track {
      -webkit-box-shadow: transparent;
              box-shadow: transparent;
}
.p-row .ghost[data-v-d6d2b5e0] {
    opacity: 0.5;
}
.p-row .ghost[data-v-d6d2b5e0]::before {
      display: none;
}