.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; }