.categories-data-header {
  font-size: 2vw;
  font-weight: 300;
  padding-bottom: 0.5em;
}

.categories-data .chart,
.categories-data .chart .container {
  width: 100%;
}

#domo-frame {
  height: 32vw;
}

#domo-frame-landing {
  height: 45vw;
}

.listings-table {
  color: #002848;
  background-color: #f0f0f0;
  margin-bottom: 3em;
  max-height: 400px;
  overflow-y: scroll;
}

.listings-table .header-row {
  background-color: #ccc;
  font-weight: bold;
}

.listings-table .column-header{
  padding: 8px;
}

.listings-table .column {
  padding: 8px;
}

.listings-table .data-row {
  border-bottom: solid 1px #cccccc;
}

.listings-table .mobile-header {
  font-weight: bold;
  display: none;
}

.total-programs-label {
  display: flex;
  align-items: end;
  justify-content: right;
}

.total-programs-label .categories-data-header {
  font-size: 1.2vw;
}

#mobile-js-data-grid {
  display: none;
}

@media(max-width: 1455px) {
  #domo-frame {
    height: 37vw;
  }
}

@media(max-width: 639px) {
  #domo-frame,
  #domo-frame-landing {
    height: 55vw;
  }

  .categories-data-header {
    font-size: 5vw;
  }

  .total-programs-label {
    align-items: start;
    justify-content: left;
  }

  .total-programs-label .categories-data-header {
    font-size: 4vw;
  }

  .listings-table {
    max-height: 200px;
  }

  .listings-table .header-row {
    display: none;
  }

  .listings-table .mobile-header {
    display: inline-block;
  }

  #js-data-grid {
    display: none;
  }

  #mobile-js-data-grid {
    display: block;
  }
}

@media(min-width: 1800px) {
  #domo-frame {
    height: 28vw;
  }

  #domo-frame-landing {
    height: 38vw;
  }
}

.block-state-all-assistance-listings {
  margin-bottom: 2rem;
}

.block-state-all-assistance-listings .gridjs-search-input {
  width: 100%;
}

@media(max-width: 639px) {
  .block-state-all-assistance-listings .gridjs-search {
    width: 100%;
  }
}