.nimap-settings-save-container {
  margin-top: 1rem;
}

.nimap-button-container {
  display: flex;

  .nimap-button-result {
    align-self: center;
  }

  .nimap-button-result.nimap-result-error {
    color: red;
  }

  .nimap-button-result.nimap-result-success {
    color: green;
  }
}

.nimap-map-start-point-container {
  padding-bottom: 15px;
  position: relative;

  .nimap-location-icon {
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;

    .nimap-location-icon-loading {
      display: none;
    }

    &.nimap-geolocation-loading {

      .nimap-location-icon-loading {
        display: block;
      }

      i {
        display: none;
      }
    }
  }
}

.nimap-map-start-point-map-container {
  padding-bottom: 15px;

  .nimap-map-start-canvas {
    height: 400px;
  }
}

.nimap-map-start-point-coordinates-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.nimap-map-latitude-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.nimap-map-longitude-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.nimap-map-latitude-label {
  align-self: center;
  margin-right: 10px;
}

.nimap-map-longitude-label {
  align-self: center;
  margin-right: 10px;
}

.nimap-map-latitude-value {
  width: 100%;
}

.nimap-map-longitude-value {
  width: 100%;
}

.nimap-accordion-container {
  border: 1px solid rgba(34, 36, 38, .15);
  border-radius: 5px;
  padding: 5px;

  .nimap-accordion-line {
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 5px;
    margin: 5px;

    .nimap-accordion-line-title {
      width: 50%;
    }

    .nimap-accordion-line-value {
      width: 40%;
    }

    .nimap-accordion-line-buttons {
      width: 10%;
      text-align: center;
      align-self: center;
      display: flex;
      justify-content: center;

      .nimap-accordion-line-button-move {
        cursor: move;
      }

      .nimap-accordion-line-button-remove {
        cursor: pointer;
      }
    }
  }

  .nimap-accordion-button-add {
    display: flex;
    justify-content: space-around;
  }
}

.nimap-import-container {
  display: flex;

  .nimap-import-button-wrap {
    align-self: center;
  }
}

.nimap-select2 {
  .select2-container {
    max-width: 100% !important;
    height: 38px !important;
  }

  .select2-search__field {
    width: 100% !important;
  }

  .select2-selection {
    height: 100% !important;
  }

  .select2-selection__rendered {
    padding: 0.5em 1em !important;
    height: 24px !important;
  }

  .select2-selection__arrow {
    display: none !important;
  }

  .select2-container--default {
    //display: none !important;

    .select2-selection--single {
      border: 1px solid rgba(34, 36, 38, .15) !important;

      .select2-selection__rendered {
        line-height: 24px !important;
      }
    }
  }
}