.modal-backdrop {
  z-index: 30000;
}

.modal {
  z-index: 30010;
  &.modal-city-theme {
    .modal-content {
      background-color: $brand-primary;
      color: $white;

      h1, h2, h3, h4, h5, h6, label {
        font-weight: 300;
      }
    }
    .modal-header {
      border: none;
      button.close {
        color: $white;
        font-weight: 300;
        opacity: 1;
      }
    }
  }
  .btn {
    border-radius: 10px;
    &.btn-primary {
      background-color: $blue;
    }
    &+.btn {
      margin-left: 5px;
    }
  }
}

.modal-backdrop {
  z-index: 30000;
}

.modal {
  z-index: 30010;
  &.modal-city-theme {
    .modal-content {
      background-color: $brand-primary;
      color: $white;

      h1, h2, h3, h4, h5, h6, label {
        font-weight: 300;
      }
    }
    .modal-header {
      border: none;
      &::before {
        content: '';
        background: url('../../shared/logo/helsinki-logo-white.png');
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 50px;
        width: 108px;
        margin-top: 20px;
      }
      .modal-title {
        margin-top: 80px;
      }
      button.close {
        color: $white;
        font-weight: 300;
        opacity: 1;
      }
    }
  }
  .btn {
    border-radius: 10px;
    &.btn-primary {
      background-color: $blue;
    }
    &+.btn {
      margin-left: 5px;
    }
  }
}

Add helsinki image to modal-city-theme header
Add helsinki image to modal-city-theme header

Refs #737.
