.baseBar, .baseBar-noalign, .baseBar-oneline, .baseBar-noalign-nofill, .baseBar-oneline.nofill, .topbar, .topbar-floating, .actionbar, .tabbar {
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 2rem; }
  .baseBar a, .baseBar-noalign a, .baseBar-oneline a, .baseBar-noalign-nofill a, .baseBar-oneline.nofill a, .topbar a, .topbar-floating a, .actionbar a, .tabbar a {
    text-decoration: none;
    color: inherit; }

.baseBar-noalign {
  align-items: normal; }

.baseBar-oneline {
  flex-wrap: nowrap; }

.baseBar-noalign-nofill {
  align-items: normal;
  width: auto; }

.baseBar-oneline.nofill {
  flex-wrap: nowrap;
  width: auto; }

.baseBar-padding {
  margin: 0px;
  top: 0px;
  left: 0px; }

.baseBar-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.baseBar-grow {
  flex-grow: 1; }


.topbar, .topbar-floating {
  /* background: linear-gradient(#3C464B, #404C52); */
  background: var(--delft-blue);
  font-weight: bold;
  display: inline-flex;
  box-shadow: 0 4px 4px rgba(60, 70, 74, 0.4);
  align-items: center;
  color: #F1F5F8;
  min-height: 3.5rem; }

.topbar-floating {
  position: fixed;
  top: 0px;
  left: 0px; }

.topbar-height {
  min-height: 3.5rem;
  height: 3.5rem; }

.topbar-item, .topbar-button, .topbar-item-selected, .topbar-button-selected, .topbar-item-head {
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  line-height: 3.5rem; }
  @media (max-width: 1055px) {
    .topbar-item, .topbar-button, .topbar-item-selected, .topbar-button-selected, .topbar-item-head {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  .topbar-item img, .topbar-button img, .topbar-item-selected img, .topbar-button-selected img, .topbar-item-head img {
    margin-top: -0.4rem;
    margin-bottom: -0.4rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 1.5rem; }

.topbar-twolinetext {
  font-size: 80%;
  line-height: 1.1rem; }

.topbar-button {
  color: #DFE6ED;
  cursor: pointer; }
  .topbar-button:hover {
    /* background: #387CBE4d; */
    background: var(--lapis-lazuli);
    color: #FFFFFF; }

.topbar-item-head {
  color: var(--cambridge-green);
}

.topbar-item-selected, .topbar-button-selected, .router-link-active {
  background: linear-gradient(#488BCC, #387CBE); }

.topbar-item-head {
  font-size: 20px;
  line-height: 1.5rem;
  padding-right: 0;
  margin-right: 0.5rem;
  /* border-bottom-style: solid; */
  /* border-bottom-width: 2px; */
  border-top-style: hidden;
  border-top-width: 2px; }

.topbar-grow {
  flex-grow: 1; }