.import-container {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.import-container input[type='checkbox'] {
  margin-right: 10px;
}

.import-container label {
  display: inline-block;
}

.import-col-12 {
  display: inline-block;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.import-col-9 {
  display: inline-block;
  float: left;
  width: 70%;
}

.import-col-8 {
  display: inline-block;
  float: left;
  width: 65%;
}

.import-col-4 {
  display: inline-block;
  float: left;
  width: 35%;
}

.import-col-3 {
  display: inline-block;
  float: left;
  width: 30%;
}

#show-search-result {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
}

.import-container input {
  margin-bottom: 10px;
}

#update-log span {
  font-weight: bold;
  display: block;
  color: #046702;
}

.import-error {
  font-weight: bold;
  display: block;
  color: #cf0216;
}

.disabled td {
  color: #888;
}

#result-table th {
 cursor: pointer;
}

tr.import-success {
  background-color: palegreen;
}

tr.import-failed {
  background-color: indianred;
}

tr.import-running {
  background-color: yellow;
  animation-duration: 2000ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}