/*input*/
.dc-form{
  display: flex;
  justify-content: center;
}
.dc-form [name="domaincheck_domain"]{
  height: 30px;
  max-width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
  transition: all .2s linear;
  border-radius: 4px;
  height: 40px;
  padding: 8px 6px;
  font-size: 16px;
  padding-left: 30px
}
.dc-form [name="domaincheck_domain"] + #dc-submit-1{
  margin-top: 0;
}
.dc-form > div{
  position: relative;
}
.dc-form > div::before {
  content: '\f002';
  position: absolute;
  top: 50%;
  width: 30px;
  margin-top: -7px;
  font-size: 14px;
  color: #999;
  text-align: center;
  pointer-events: none;
  font-family: FontAwesome;
  display: block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*results table*/

.base-table,
#dc-result-1 .table{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.base-table .table-row,
#dc-result-1 .table-row{
  display: flex;
  width: calc((100% - 16px ) / 2);
  flex-direction: column;
  align-items:  center;
  padding: 15px;
  color: #444;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#dc-result-1 .table-row.available .table-cell-status{
  display: none;
}
#dc-result-1 .table-cell-whois {
  color: transparent;
}
.base-table .table-cell-purchase,
#dc-result-1 .table-cell-purchase{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table-cell-domain{
      margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    color: #444;
}
.table-cell-domain strong{
  font-weight: normal;
  color: #2f76ec;
}
.table-cell-purchase,
.table-cell-status{
    font-size: 24px;
    line-height: 30px;
      color: rgb(197, 50, 50);
}
#dc-result-1 .table-cell-whois,
#dc-result-1 .table-cell-purchase{
  display: flex;
  padding: 0;
}
#dc-submit-1,
.table-cell-whois a,
.table-cell-purchase a{
  appearance: none;
  border: none;
  display: block;
  margin-top: 15px;
  min-height: 40px;
  padding: 0 15px;
  line-height: 38px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  background-color: #2f76ec;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.table-cell-purchase a:hover{
  background-color: #45acf5;
}
.table-cell-purchase a:focus{
  background-color: #35b3ee;
}
.table-cell-purchase a:active{
  background-color: #0091ca;
}
.table-cell-whois a{
  background-color: #da314b;
}
.table-cell-whois a:hover,
.table-cell-whois a:focus{
  background-color: #e4354f;
}
.table-cell-whois a:active{
  background-color: #c91032;
}
@media (min-width: 768px) {
  .base-table .table-row,
  #dc-result-1 .table-row {
    width: calc((100% - 16px * 2 ) / 3);
  }
}
@media (min-width: 992px) {
  .base-table,
  #dc-result-1 .table{
    gap: 30px;
  }
  .base-table .table-row,
  #dc-result-1 .table-row {
    width: calc((100% - 30px * 2) / 3);
  }
}