.import-mapper .import-mapper-block {
  padding: 10px 10px;
}
.import-mapper .import-mapper-block .import-mapper-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: white;
}
.import-mapper .import-mapper-block .import-mapper-row input {
  border: 1px solid #999;
  height: 28px;
  padding: 0px 5px;
}
.import-mapper .import-mapper-block .import-mapper-row input.ng-dirty.ng-invalid {
  border: 1px solid red;
}
.import-mapper .import-mapper-block .import-mapper-row select {
  border: 1px solid #999;
  height: 28px;
  padding: 0px 5px;
  width: 100%;
  background-color: white;
}
.import-mapper .import-mapper-block .import-mapper-row .source-field input, .import-mapper .import-mapper-block .import-mapper-row .dest-field input {
  width: 100%;
}
.import-mapper .import-mapper-block .import-mapper-row .source-field {
  margin-right: 8px;
  flex: 1 0;
}
.import-mapper .import-mapper-block .import-mapper-row .arrow {
  flex-basis: 12px;
}
.import-mapper .import-mapper-block .import-mapper-row .dest-field {
  margin-left: 8px;
  flex: 1 0;
}
.import-mapper .import-mapper-block .import-mapper-row .remove {
  margin-left: 10px;
}
.import-mapper .import-mapper-block .import-mapper-errors .error-message {
  color: red;
}
.import-mapper .import-mapper-footer {
  padding: 0 10px;
}
.import-mapper .empty-map {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 10px;
  text-align: center;
}
.import-mapper .import-mapper-footer {
  margin-top: 10px;
}