: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;

  --bsc-danger-darker: #710a0a;
  --bsc-danger-dark: #bc1010;
  --bsc-danger-normal: #ef4444;
  --bsc-danger-light: #f8b4b4;
  --bsc-danger-lighter: #fcd9d9;

  --bsc-success-darker: #126932;
  --bsc-success-dark: #1b9d4a;
  --bsc-success-normal: #22c55e;
  --bsc-success-light: #a8f0c2;
  --bsc-success-lighter: #eefcf3;

  --bsc-warning-darker: #c99b03;
  --bsc-warning-dark: #fbc40e;
  --bsc-warning-normal: #fcd34d;
  --bsc-warning-light: #fde69b;
  --bsc-warning-lighter: #fffaeb;

  --sidebar-transition-speed: 150ms;
}

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

.bg-bsc-neutral-lighter {
  background-color: var(--bsc-neutral-lighter) !important;
}

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

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

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

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

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

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

.bsc-red {
  background-color: #a52742;
}

.bg-bsc-danger-dark {
  background-color: var(--bsc-danger-dark);
}

.bg-bsc-warning-dark {
  background-color: var(--bsc-warning-dark);
}

.bg-bsc-neutral-lighter {
  background-color: var(--bsc-neutral-lighter) !important;
}

.bg-bsc-danger-light {
  background-color: var(--bsc-danger-light) !important;
}

.bg-bsc-warning-light {
  background-color: var(--bsc-warning-light) !important;
}

.bg-bsc-success-light {
  background-color: var(--bsc-success-light) !important;
}

#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;
}

#main {
  background: var(--bsc-neutral-lighter) !important;
}

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

.dashboard-link {
  text-align: center;
  border-radius: 0.8rem;
  padding: 3rem 2rem;
  margin: 0 1.5rem 1.5rem 1.5rem;
  box-shadow:
    rgba(60, 64, 67, 0.3) 0 1px 2px 0,
    rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
  transition: transform 0.4s;
  background-color: white;
}

.dashboard-link,
.dashboard-link:hover {
  color: black;
  text-decoration: none;
}

.dashboard-link:hover {
  cursor: pointer;
  transform: scale(101%);
  box-shadow:
    rgba(60, 64, 67, 0.3) 0 2px 4px 0,
    rgba(60, 64, 67, 0.15) 0 4px 12px 4px;
}

.dashboard-link:active,
.dashboard-link:focus {
  box-shadow:
    inset rgba(60, 64, 67, 0.3) 0 1px 2px 0,
    inset rgba(60, 64, 67, 0.15) 0 2px 6px 2px,
    rgba(0, 0, 0, 0.23) 0 3px 3px;
}

dt {
  color: var(--bsc-neutral-dark);
  font-weight: 400;
  font-size: 0.9rem;
}

.card-wrapper-border-bottom {
  border-bottom: 0px !important;
}

.cursor-pointer {
  cursor: pointer;
  pointer-events: all;
}