:root {
  --primary-bg-color: #212529;
  --secondary-bg-color: #2e3134;
  --tertiary-bg-color: #222528;
}
/*
--primary-bg-color: #d00000;
    --secondary-bg-color: #e85d04;
    --tertiary-bg-color: #ffba08;
*/
.app-bg-primary {
  background-color: var(--primary-bg-color) !important;
}

.app-bg-secondary {
  background-color: var(--secondary-bg-color) !important;
}

.app-bg-tertiary {
  background-color: var(--tertiary-bg-color) !important;
}

.app-primary {
  color: var(--primary-bg-color);
}

.app-secondary {
  color: var(--secondary-bg-color);
}

.app-tertiary {
  color: var(--tertiary-bg-color);
}

.app-button-secondary {
  background-color: var(--primary-bg-color) !important;
  color: #fff;
  border: none;
}

.app-button-secondary:hover {
  background-color: var(--tertiary-bg-color) !important;
  color: #fff!important;
}

.app-button-secondary:focus {
  background-color: var(--tertiary-bg-color) !important;
  color: #fff!important;
}

.app-link-secondary {
  color: var(--primary-bg-color) !important;
}

.app-link-secondary:hover {
  color: var(--tertiary-bg-color) !important;
}

#content-wrapper{
  width: 100%;
}

/*
.app-button-outline-secondary {
    color: var(--primary-bg-color)!important;
    background-color: white!important;
    border-color: var(--primary-bg-color)!important;
}

.app-button-outline-secondary:hover {
    background-color: var(--primary-bg-color)!important;
    color: white!important;
}

.app-button-secondary:focus {
    background-color: var(--primary-bg-color)!important;
    color: white!important;
}
*/