.dynamic-row {
  padding: 0px 20px;
  .header {
    background-color: rgb(231, 240, 255);
    height: 38px;
    div.hide {
      opacity: 0;
    }
  }

  .el-row {
    padding: 0px 18px;
    .el-form-item {
      margin-top: 8px !important;
      margin-bottom: 15px !important;
    }
  }

  &.stripe {
    .el-row:nth-child(even) {
      background: #f4f5f8;
    }
    &:not(.keep-last) {
      .el-row:last-child {
        background: white !important;
      }
    }
  }
}

@media only screen and (max-width: 600px) {
  .dynamic-row:not(.permission) {
    width: 300% !important;
    max-width: 300% !important;
  }

  .dynamic-row.permission {
    width: 200% !important;
    max-width: 200% !important;
  }
}