hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0;
    margin: .2em 0 .2em 0;
}

.NtnlSummaryCity {
		font-size: 16px;
    margin-left: 5px;
}

.top-ten-container td.btn.btn-highest-aqi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 18px;
  padding: 0;
  line-height: 1;
  text-align: center;
  border: 1px solid black;
}

.btn-highest-aqi .fa.fa-times {
  font-size: 16px;
  margin-top: -1px;
}

#highestAQIfirstColumn {
  float: left;
  width: 50%;
  padding-right: 10px;
}

#highestAQIsecondColumn {
  float: left;
  width: 50%;
  padding-left: 10px;
}

.top-ten-container table table,
.top-ten-container .table .table {
  background-color: transparent;
  margin-bottom: 0;
}

.top-ten-container .table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
  padding: 0;
  line-height: inherit;
  vertical-align: middle;
  border-top: 0;
}

.top-ten-container .column > table > tbody > tr > td {
  padding: 10px;
}

@media all and (max-width: 510px) {
  .top-ten-container td.btn.btn-highest-aqi {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .row .col-sm-12 .basic-content .column {
    width: 100%;
  }

  .top-ten-container .column > table {
    table-layout: fixed;
  }

  .top-ten-container .column > table > tbody > tr > td:first-child {
    overflow-wrap: anywhere;
  }

  .top-ten-container .column > table > tbody > tr > td:last-child {
    /* Reserve space for the circle, cell padding, and nested table margin. */
    width: 70px !important;
  }

  .top-ten-container .column table table {
    width: auto;
  }

  #highestAQIfirstColumn {
    float: left;
    width: 100%;
    padding-right: 0px;
  }
  
  #highestAQIsecondColumn {
    float: left;
    width: 100%;
    /* Override the inline padding used for the desktop columns. */
    padding-left: 0 !important;
  }

  /* Columns are stacked; reverse the lower candy stripes */
  #highestAQIsecondColumn-row5 {
    background-color: #EEEEEE;
  }
  #highestAQIsecondColumn-row6 {
    background-color: #FFFFFF;
  }
  #highestAQIsecondColumn-row7 {
    background-color: #EEEEEE;
  }
  #highestAQIsecondColumn-row8 {
    background-color: #FFFFFF;
  }
  #highestAQIsecondColumn-row9 {
    background-color: #EEEEEE;
  }

}
