@charset "UTF-8";

/** Search **/
#searchLink .active {
  background: var(--mc-color1) !important;
  font-weight: bold;
}

#searchLink li > a {
  background: var(--mc-color2) !important;
}

#searchLink span {
  width: 150px;
  text-align: center;
}

#searchLink a:not(.active):hover {
  background: var(--sc-color1) !important;
}

#opt_hosp label,
#opt_area label,
#opt_item label {
  width: 35%;
}

#opt_hosp select,
#opt_area select,
#opt_item select,
#opt_year select {
  width: 40%;
}

#opt_death select {
  width: 85%;
}

#list_download i {
  width: 40px;
  font-size: 2rem;
}

.btn-submit {
  color: #000;
  background-color: var(--mc-color1) !important;
  border-color: var(--mc-color1) !important;
}

.btn-submit:hover {
  color: #000;
  background-color: var(--mc-color3) !important;
  border-color: var(--mc-color3) !important;
}

/** Search-report **/
#drawChart {
  height: 250px;
}

#reportTable table thead,
#reportTable table tbody {
  text-align: center;
}

/** Definition **/
#define label {
  display: block;
  font-weight: bold;
}

.define-list li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 0 none;
}

.define-list p {
  background-color: var(--sc-color4) !important;
  border-bottom: 0.2rem solid var(--sc-color2) !important;
  padding: 5px;
  text-align: left;
  overflow-x: auto;
  white-space: nowrap;
}

.define-alert {
  color: var(--sc-color5) !important;
  background-color: var(--sc-color3) !important;
  /* border-color: var(--sc-color2) !important; */
}

#define .list-group-item > label {
  display: inline;
  font-weight: bold;
}

/** Download **/
#download i {
  color: var(--sc-color5) !important;
  width: 40px;
  font-size: 2.5rem;
}

#qa .card,
#about .card,
#download .card {
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

#qa .card:nth-child(1),
#about .card:nth-child(1),
#download .card:nth-child(1) {
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#qa .card:nth-child(1) .card-header,
#about .card:nth-child(1) .card-header,
#download .card:nth-child(1) .card-header {
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px 10px 0 0;
}

#qa .card-header,
#about .card-header,
#download .card-header {
  background-color: var(--sc-color3) !important;
  border-radius: 0px 0px 0 0;
}

/** Q&A **/
#qa label {
  font-weight: bold;
  font-size: 1.1rem;
  color: var(--sc3-color3);
}

#qa table th:nth-child(1) {
  width: 30%;
}

#qa a {
  color: var(--sc3-color3);
}

@media (max-width: 767px) {
  #drawChart {
    height: 200px;
  }

  #qa table th:nth-child(1) {
    width: 50%;
  }
}