:root {
  --primary-color: rgba(4, 11, 36, 1);
  --secondary-color: rgba(255, 119, 0, 1);
  --background-blue: rgba(2, 20, 87, 1);
}

.color-primary {
  color: var(--primary-color);
}
.color-secondary {
  color: var(--secondary-color);
}
.bg-blue {
  background-color: var(--background-blue);
}

form label {
  margin-bottom: 2px;
}
@media (max-width: 991.98px) {
  .lookup-input,
  .dropdown * {
    font-size: 1rem !important;
  }

  td {
    font-size: 15px;
  }
  .note {
    font-size: 12px !important;
  }
}
@media (min-width: 992px) {
  form label {
    font-size: 20px;
  }
  .lookup-input {
    height: 64px;
  }
  .card {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
/* section top-input */
.top-input {
  min-height: 500px;
}
.lookup-title {
  font-size: 3.5rem;
}
.lookup-title-sm {
  font-size: 2.15rem;
}
.lookup-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  object-fit: cover;
  min-height: 500px;
}
.lookup-btn {
  background-color: rgba(246, 102, 0, 1);
  color: white;
  height: 50px;
}
.lookup-btn:disabled {
  background-color: rgba(246, 102, 0, 1);
  color: white;
}
.lookup-btn:hover {
  background-color: var(--red-color);
  color: white;
}
.contact {
  color: rgba(32, 64, 154, 1);
}
.lookup-input {
  border: 2px solid rgba(116, 117, 122, 1);
  padding-right: 2.5rem !important;
  position: relative;
  z-index: 1;
}
.lookup-input:focus {
  box-shadow: none;
}
.clear-input-icon {
  position: absolute;
  right: 20px;
  bottom: 10px;
  cursor: pointer;
  color: gray;
  display: none;
  z-index: 1;
}
input.lookup-input {
  padding-right: 35px;
}

/* info */
.info {
  background-color: #f4f6fc;
}
td,
th {
  border-left: none;
  border-right: none;
}
td {
  font-weight: 400;
}
tr:last-child {
  border-bottom: none;
}
th {
  opacity: 0.5;
  white-space: nowrap;
  font-size: 1rem;
}
.guide-link {
  color: rgba(0, 18, 83, 1);
  font-weight: 700;
  transition: color 0.15s ease-in;
}
.guide-link:not(.no-hover):hover {
  color: var(--secondary-color);
}
.guide-list {
  font-size: 14px;
}
.guide-marker {
  position: absolute;
  left: -1.5rem;
  top: 3px;
}
.guide-list li {
  font-weight: 500;
}
.guide-list li:hover {
  font-weight: 700;
  color: var(--secondary-color);
}

.lookup-container .dropdown-toggle::after {
  display: none;
}
.lookup-container .dropdown-item {
  white-space: normal;
}
.lookup-container .dropdown-item:hover,
.lookup-container .dropdown-item[selected] {
  color: var(--secondary-color);
  cursor: pointer;
}

.result-title {
  font-size: 15px;
}
@media (max-width: 1199.98px) {
  .info h4 {
    font-size: 17px;
  }
  .table-file th:last-child,
  .table-file td:last-child {
    text-align: right;
  }
}

.guide-item {
  list-style-type: initial;
  font-weight: 500;
}

@media (min-width: 768px) {
  .d-md-table-col-group {
    display: table-column-group !important;
  }
}
@media (max-width: 767.98px) {
  .guide-item {
    font-size: 15px !important;
  }
  .lookup-icon {
    width: 20px;
    height: 20px;
  }
}

.note {
  font-size: 14px;
}