:root {
  --enablers-outline: 3, 151, 214; /*#0397d6; rgba(3, 151, 214, 1) */
  --enablers-fill: 140, 207, 236; /*#8ccfec;*/
  --sustain-outline: 245, 128, 39; /*#f58027;*/
  --sustain-fill: 250, 197, 156; /* #fac59c; */
  --tools-outline: 128, 121, 184; /* #8079b8; */
  --tools-fill: 197, 194, 222; /*#C5C2de; */
  --site-outline: 82, 133, 60; /*#52853c; */
  --site-fill: 176, 199, 166; /*#b0c7a6; */
  --grey-outline: 221, 221, 221; /*#dddddd;*/

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

.row_enablers_header {
  background-color: rgba(var(--enablers-outline), 0.5);
}

.row_tools_header {
  background-color: rgba(var(--tools-outline), 0.5);
}

.row_sustain_header {
  background-color: rgba(var(--sustain-outline), 0.5);
}

.row_site_header {
  background-color: rgba(var(--site-outline), 0.5);
}

.row_enablers {
  background-color: rgba(var(--enablers-outline), 0.25);
}

.row_tools {
  background-color: rgba(var(--tools-outline), 0.25);
}

.row_sustain {
  background-color: rgba(var(--sustain-outline), 0.25);
}

.row_site {
  background-color: rgba(var(--site-outline), 0.25);
}

.bar_outline {
  fill: white;
  stroke: rgb(var(--grey-outline));
  stroke-width: 2px;
  stroke-linecap: 'round';
}

.bar_site {
  fill: rgb(var(--site-fill));
  stroke: rgb(var(--site-outline));
  stroke-width: 2px;
  stroke-linecap: 'round';
}

.bar_enablers {
  fill: rgb(var(--enablers-fill));
  stroke: rgb(var(--enablers-outline));
  stroke-width: 2px;
  stroke-linecap: 'round';
}

.bar_tools {
  fill: rgb(var(--tools-fill));
  stroke: rgb(var(--tools-outline));
  stroke-width: 2px;
  stroke-linecap: 'round';
}

.bar_sustain {
  fill: rgb(var(--sustain-fill));
  stroke: rgb(var(--sustain-outline));
  stroke-width: 2px;
  stroke-linecap: 'round';
}

.pointer {
  cursor: pointer;
}

.traci-blue {
  background-color: #003c71 !important;
}

.mt-7 {
  margin-top: 4rem;
}

.error-message-page {
  margin-right: 19px;
  margin-left: 280px;
}

.asteriskField {
  color: red;
}

@media print {
  .hidden-but-printable {
    display: block !important;
  }

  body {
    -webkit-print-color-adjust: exact;
  }
}

.alert-dismissible .close {
  top: -4px;
}

.toggle {
  width: 90px !important;
}

.card-scroll {
  overflow-y: auto;
  max-height: 200px;
}

#password-login {
  border-color: var(--bsc-neutral-light);
}

#password-login:hover {
  background-color: var(--bsc-neutral-light);
  color: #333333;
}

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

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

#simple-apps-logo-login {
  height: 3rem;
  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;
}

#content-wrapper {
  min-height: calc(100vh - 5rem);
  /*padding-bottom: 2.5rem;*/
}

.login-btn {
  width: 10rem;
}

#auth-message {
  font-weight: 600;
}

.card-borderless {
  border: none !important;
  padding: 0 !important;
}

@media (max-width: 756px) {
  #login-title {
    font-size: 1.2rem;
  }

  #login-card-title {
    font-size: 1.05rem;
  }
}