.modal-content-config {
  width: 450px;
  max-height: 500px;
  overflow-y: auto;
  margin-left: -225px;
  top: 18%;
  opacity: 1;
  position: fixed;
  z-index: 6001 !important;
  left: 50%;
  background-color: #fff;
  transition: all 0.2s ease;
  border-radius: 3px;
  text-align: left;
  margin-top: 8vh;

  .modal-header-config {
    padding: 32px 32px 0;

    .modal-title-config {
      margin: 0;
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
      overflow-wrap: break-word;
    }
  }

  .modal-body-config {
    padding: 20px 32px;
  }

  .modal-footer-config {
    padding: 20px 32px;
    border-top: 1px solid $medium-grey;
    background-color: $cream;
    border-radius: 3px;
    text-align: right;
  }
}

.crawler-input {
  display: flex;
  align-items: center;

  .crawler-message {
    font-size: $small-font;
    margin-right: 2%;
    margin-bottom: 1%;
  }

  .input {
    max-width: 30%;
    margin-right: 2%;
    margin-bottom: 4%;
  }

  .basic-button {
    margin-bottom: 1%;
  }
}

.crawler-loading {
  text-align: center;
}

.crawled-url-list {
  display: flex;
  flex-direction: column;

  .basic-button {
    max-width: 10%;
    margin-top: 3%;
    margin-left: auto;
    margin-right: 5%;
    text-align: right;

    span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }

  .crawler-message {
    margin-bottom: 1%;

    span {
      text-decoration: underline;
    }
  }
}

.crawler-message-no-more-url {
  text-align: center;
}

.crawler-input-no-url-assigned {
  display: flex;
  justify-content: space-around;
}

.url-list-button {
  display: flex;
  align-items: center;

  .basic-button {
    margin-left: 3%;
  }
}

.crawler-buttons {
  display: flex;
  justify-content: right;
  margin-bottom: 5%;
  flex-direction: row;
  align-items: center;
  .basic-button {
    margin-left: 5%;
  }
  .crawler-message {
    font-size: $small-font;
    margin-right: 2%;
    margin-bottom: 1%;
  }
}

.button-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
  border: 1px solid $blue;
  border-radius: 2px;
  box-sizing: border-box;
  background: transparent;
  font-weight: $medium-weight;
  font-size: $small-font;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  border-color: $red-error;
  color: $red-error;
}

.unset {
  position: 'unset'
}

.input-crawler {
  margin-right: 8px;
  width: calc(100% - 54px);
  height: 24px;
  padding: 0 6px;
  border: 1px solid $light-grey;
  box-sizing: border-box;
  border-radius: 2px;
  background: $white;
  color: $dark-grey;
  transition: border-color 0.2s ease;
}