:root {
  --bsc-caribbean-darker: #005f66;
  --bsc-caribbean-dark: #00becc;
  --bsc-caribbean: #00eeff;
  --bsc-caribbean-light: #99fbff;
  --bsc-caribbean-lighter: #e6fdff;

  --bsc-plum-darkest: #440066;
  --bsc-plum-darker: #660099;
  --bsc-plum-dark: #8800cc;
  --bsc-plum: #bb33ff;
  --bsc-plum-light: #dd99ff;
  --bsc-plum-lighter: #f7e6ff;

  --bsc-neutral-darkest: #000000;
  --bsc-neutral-darker: #333333;
  --bsc-neutral-dark: #666666;
  --bsc-neutral: #999999;
  --bsc-neutral-light: #cccccc;
  --bsc-neutral-lighter: #f2f2f2;
  --bsc-neutral-lightest: #ffffff;

  --bsc-action-blue-darker: #012965;
  --bsc-action-blue-dark: #0153cc;
  --bsc-action-blue: #3485fe;
  --bsc-action-blue-light: #9ac2fe;
  --bsc-action-blue-lighter: #e6f0ff;
}

.bg-bsc-neutral-light {
  background-color: var(--bsc-neutral-light);
}

.bg-bsc-action-blue-darker {
  background-color: var(--bsc-action-blue-darker);
}

#simple-apps-logo-brand {
  height: 1.1rem;
  width: auto;
  position: relative;
  bottom: 2px;
}

#simple-apps-logo-footer {
  height: 1.5rem;
  width: auto;
}

#brand-by {
  color: white;
  font-weight: 300;
  font-size: 0.9rem;
  margin-right: 0.1rem;
}

.navbar-brand:hover {
  text-decoration: none;
}

#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  background: whitesmoke;
  font-size: 0.9rem;
  line-height: 0.7rem;
}

#page-container {
  position: relative;
}

#content-wrapper {
  min-height: calc(100vh - 5rem);
}

.bsc-blue-background {
  background: #003c71;
}

h3 {
  margin-bottom: 0;
}