:root {
  --danger: #f91616;
  --grey: #919191;
  --grey-light: #dedede;
  --green: #528c75;
  --orange: #C4573C;
  --red: #f91616;
  --success: #528c75;

}
html {
  background-color: var(--grey-light);
}

H1, H2, H3, H4, H5, H6 {
  color: var(--success);
}


p {
  margin-bottom: 0.5rem;
  hyphens: auto;
}

a {
  text-decoration: none;
}

a, a:hover {
  color: var(--orange);
}

a:hover {
  text-decoration: underline;
}

a.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
}

a.btn-danger:hover {
  background-color: var(--success);
  border-color: var(--success);
  text-decoration: none;
}

a.btn-success {
  background-color: var(--success);
  border-color: var(--success);
}
a.btn-success:hover {
  background-color: var(--danger);
  border-color: var(--danger);
  text-decoration: none;
}

div.bg-whitetogrey {
  background: transparent;
  background: linear-gradient(178deg,rgba(255, 255, 255, 1) 25%, var(--grey) 80%);
}

div.bg-whitetolightgrey {
  background: transparent;
  background: linear-gradient(178deg,rgba(255, 255, 255, 1) 25%, var(--grey-light) 80%)
}

div.bg-danger, nav.bg-danger {
  background-color: var(--red)!important;
}

div.bg-light, body.bg-light {
  background-color: var(--grey-light)!important;
}
div.bg-success {
  background-color: var(--green)!important;
}

div.border-danger {
  border-color: var(--danger)!important;
}

div.border-success, table.border-success {
  border-color: var(--success)!important;
}


img.navlogo {
  width: 75px;
}

.text-danger {
  color: var(--danger)!important;
}
.text-success {
  color: var(--success)!important;
}