#mainTab {
  height: var(--main-tab-height);
  text-align: center;
  -webkit-filter: contrast(1);
  filter: contrast(1);
  display: flex;
  justify-content: space-around;
}

#mainTab.top {
  border-bottom: 1px solid #000;
}

#mainTab.bottom {
  border-top: 1px solid #000;
}

#mainTab.disabled {
  pointer-events: none !important;
}

#mainTab .tab {
  width: 100%;
  height: 100%;
  text-transform: unset;
}

#mainTab.disabled img {
  -webkit-filter: contrast(0);
  filter: contrast(0);
}

#mainTab .tab a,
#mainTab .tab a.active {
  color: black;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}

#mainTab .tab a.active {
  background-color: var(--main-light);
}

#mainTab .text {
  white-space: pre-wrap;
  line-height: normal !important;  /* override materialize */
  height: 1rem;
}

#mainTab .indicator {
  display: none !important;
}