.on-the-gray {
  margin: 0 auto;
  padding: 0 20px;
}
.on-the-gray ul.quicktabs-tabs {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  list-style: none;
}
.on-the-gray ul.quicktabs-tabs li {
  display: table-cell;
  padding: unset;
}
.on-the-gray .quicktabs-tabs > li > a {
  display: block;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  color: #000;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(221, 221, 221);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(221, 221, 221);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgb(221, 221, 221);
  border-image-source: none;
  border-image-repeat: stretch;
  background: #eee;
}
.on-the-gray .quicktabs-tabs li:not(:first-child) a {
  border-left: none;
}
.on-the-gray .quicktabs-tabs > li > a:hover,
.on-the-gray .quicktabs-tabs > li.active > a {
  border-bottom-color: transparent;
  background: #fff;
}

.on-the-gray .quicktabs-tabpage {
  padding: 0.5em 2em 1em;
  border: 1px solid #ddd;
}
/* For View All link at bottom of block. */
.on-the-gray .block-quicktabs .view-footer {
  position: relative;
  top: -30px;
  left: 12px;
  font-weight: bold;
}