.query-condition-modal-wrapper {
  width: 400px;
  padding: 20px;
}
.query-condition-modal-wrapper .add-query-row {
  padding: 5px;
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  justify-content: flex-start;
}
.query-condition-modal-wrapper .add-query-row .add-item {
  padding: 8px 10px 8px 30px;
}
.query-condition-modal-wrapper .query-row {
  padding: 5px;
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  justify-content: space-around;
}
.query-condition-modal-wrapper .query-row .drag-item {
  cursor: move;
  padding: 8px 10px;
}
.query-condition-modal-wrapper .query-row .drag-item i {
  color: white;
}
.query-condition-modal-wrapper .query-row .drag-item:hover i {
  color: #e0301e;
}
.query-condition-modal-wrapper .query-row .select-item {
  width: 80%;
}
.query-condition-modal-wrapper .query-row .remove-item {
  padding: 8px 10px;
  cursor: pointer;
}