/**
* Domain Checker
*/

form#dc-form-1 {
  margin-bottom: 0 !important;
}

form#dc-form-1 > div {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  border: 3px solid #444;
  justify-content: space-between;
  padding: 0 0.2rem;
}

button.dc-load-more {
  border-radius: 3px !important;
  padding: 4px 30px !important;
  margin-top: 1rem !important;
  background-color: var(--global-palette2) !important;
}

input#dc-domain-1 {
  padding: 0.7em 0.5em !important;
  border: none !important;
  font-size: 20px;
}

input#dc-domain-1:focus {
  box-shadow: none !important;
}

input#dc-domain-1::placeholder {
  color: #0000005f;
}

input#dc-submit-1,
button#dc-spinner-1 {
  padding-top: 0.7em !important;
  padding-bottom: 0.7em !important;
  border-radius: 3px !important;
}

#dc-result-1 {
  margin-top: 1rem !important;
}

#dc-result-1 > .table {
  width: 100% !important;
}

.table-cell-purchase > div {
  text-align: right;
}

.table-cell-purchase div > a {
  color: var(--global-palette-btn);
  background: var(--global-palette-btn-bg);
  text-decoration: none;
  padding: 0.3rem 1.5rem;
  border-radius: 3px;
}

.table-cell-purchase s {
  font-size: 1rem !important;
  color: #7f7f7f;
}

.table-cell-purchase s + span {
  font-size: 1.2rem !important;
}

.table-cell-purchase .starting {
  font-size: 0.85em !important;
  color: #7f7f7f;
  margin-top: 0.2rem;
}

@media (max-width: 500px) {
  #dc-result-1 .table {
    width: 100% !important;
  }
}

@media (min-width: 500px) {
  #dc-result-1 .table-cell-purchase {
    margin-left: auto !important;
  }
}

#dc-result-1 .table-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

#dc-result-1 .table-row > * {
  margin: 1rem 0;
}

#dc-result-1 :is(.table-row.available, .table-row.available_probably) {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

#dc-result-1 :is(.table-row.registered, .table-row.error) {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
  justify-content: start !important;
}

#dc-result-1 > p:last-child {
  text-align: center;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}