:root {
  --c-blue: #004777;
  --c-orange: #ff7d00;
  --c-gray-dark: #646769;
  --c-gray-mid: #abacac;
  --c-gray-light: #f2f2f2;
  --c-white: #ffffff;

  --c-blue: #3e517a;
  --c-orange: #fe625f;
  --c-gray-dark: #2c363f;
  --c-gray-mid: #767b91;
  --c-gray-light: #f2f2f2;
  --c-white: #ffffff;
  --c-ink: #0d1f2d;

  --c-text: var(--c-blue);
  --c-muted: var(--c-gray-mid);
  --c-border: rgba(100, 103, 105, 0.18);

  --r-card: 1.25rem;
  --r-pill: 999px;

  --shadow-1: 0 10px 30px rgba(16, 24, 40, 0.08);
  --shadow-2: 0 6px 18px rgba(16, 24, 40, 0.1);

  --focus: 0 0 0 0.2rem rgba(0, 71, 119, 0.18);
}

html,
body {
  height: 100%;
}
body {
  color: var(--c-text);
  border-top: 6.18px solid var(--c-blue);
  background: var(--c-gray-light);
}

a {
  color: var(--c-blue);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--c-orange);
  text-decoration: none;
}
a.btn-secondary:link,
a.btn-secondary:visited {
  color: #fff !important;
}

.link-dark a:link,
.link-dark a:visited,
a.link-dark:link,
a.link-dark:visited {
  color: var(--c-blue);
}
.link-light a:link,
.link-light a:visited,
a.link-light:link,
a.link-light:visited {
  color: #fff;
}

.font-white,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6,
.font-white p,
.font-white a,
a.font-white,
.fontWhite,
.fontWhite h1,
.fontWhite h2,
.fontWhite h3,
.fontWhite h4,
.fontWhite h5,
.fontWhite h6,
.fontWhite p,
.fontWhite a,
a.fontWhite {
  color: #fff !important;
}

.font-gray,
.font-gray h1,
.font-gray h2,
.font-gray h3,
.font-gray h4,
.font-gray h5,
.font-gray h6,
.font-gray p,
.font-gray a,
a.font-gray {
  color: var(--c-gray-mid) !important;
}
.font-gray-dark,
.font-gray-dark h1,
.font-gray-dark h2,
.font-gray-dark h3,
.font-gray-dark h4,
.font-gray-dark h5,
.font-gray-dark h6,
.font-gray-dark p,
.font-gray-dark a,
a.font-gray-dark {
  color: var(--c-gray-dark) !important;
}
.font-gray-light,
.font-gray-light h1,
.font-gray-light h2,
.font-gray-light h3,
.font-gray-light h4,
.font-gray-light h5,
.font-gray-light h6,
.font-gray-light p,
.font-gray-light a,
a.font-gray-light {
  color: var(--c-gray-light) !important;
}

.font-color,
.font-color h1,
.font-color h2,
.font-color h3,
.font-color h4,
.font-color h5,
.font-color h6,
.font-color p,
.font-color a,
a.font-color {
  color: var(--c-blue) !important;
}
.font-color-dark,
.font-color-dark h1,
.font-color-dark h2,
.font-color-dark h3,
.font-color-dark h4,
.font-color-dark h5,
.font-color-dark h6,
.font-color-dark p,
.font-color-dark a,
a.font-color-dark {
  color: var(--c-blue) !important;
}
.font-dark,
.font-dark h1,
.font-dark h2,
.font-dark h3,
.font-dark h4,
.font-dark h5,
.font-dark h6,
.font-dark p,
.font-dark a,
a.font-dark,
.fontDark,
.fontDark h1,
.fontDark h2,
.fontDark h3,
.fontDark h4,
.fontDark h5,
.fontDark h6,
.fontDark p,
.fontDark a,
a.fontDark {
  color: var(--c-blue) !important;
}

.font-color-light,
.font-color-light h1,
.font-color-light h2,
.font-color-light h3,
.font-color-light h4,
.font-color-light h5,
.font-color-light h6,
.font-color-light p,
.font-color-light a,
a.font-color-light {
  color: rgba(255, 255, 255, 0.92) !important;
}
.font-color-primary,
.font-color-primary h1,
.font-color-primary h2,
.font-color-primary h3,
.font-color-primary h4,
.font-color-primary h5,
.font-color-primary h6,
.font-color-primary p,
.font-color-primary a,
a.font-color-primary {
  color: var(--c-blue) !important;
}
.font-color-secondary,
.font-color-secondary h1,
.font-color-secondary h2,
.font-color-secondary h3,
.font-color-secondary h4,
.font-color-secondary h5,
.font-color-secondary h6,
.font-color-secondary p,
.font-color-secondary a,
a.font-color-secondary {
  color: var(--c-orange) !important;
}

.bg-white {
  background: var(--c-white) !important;
}
.bg-gray,
.bg-gray-light {
  background: var(--c-gray-light) !important;
}
.bg-gray-gradient {
  background: linear-gradient(
    to top,
    var(--c-white),
    rgba(171, 172, 172, 0.35)
  ) !important;
}
.bg-gray-dark {
  background: var(--c-gray-dark) !important;
}
.bg-blue,
.bg-blue-dark {
  background: var(--c-blue) !important;
}
.bg-primary {
  background: var(--c-blue) !important;
}
.bg-secondary,
.bg-orange {
  background: var(--c-orange) !important;
}
.bg-dark {
  background: var(--c-gray-dark) !important;
}

.border-top,
.border-left,
.border-right,
.border-color,
hr {
  border-color: var(--c-border) !important;
}

.text-muted,
.ui-muted {
  color: var(--c-muted) !important;
}
.text-tip {
  color: rgba(100, 103, 105, 0.78) !important;
}

.ui-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.75);
  border-radius: var(--r-pill);
  padding: 0.25rem 0.6rem;
  font-size: 0.78rem;
  color: rgba(0, 71, 119, 0.92);
}

.ui-card {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: var(--r-card);
  background: var(--c-white);
  box-shadow: var(--shadow-1);
}

.badge.bg-secondary-subtle {
  background: rgba(255, 125, 0, 0.14) !important;
  color: var(--c-orange) !important;
}
.badge.bg-primary-subtle {
  background: rgba(0, 71, 119, 0.14) !important;
  color: var(--c-blue) !important;
}

.sidebar a {
  color: rgba(100, 103, 105, 0.92);
}
.sidebar i {
  color: var(--c-orange) !important;
}

.completed {
  border: 1px solid rgba(0, 71, 119, 0.18) !important;
}

.color-lineleft-green {
  border-left: 3px solid var(--c-blue);
}
.color-lineleft-green:hover {
  border-left: 6px solid var(--c-blue);
}
.color-lineleft-blue {
  border-left: 3px solid var(--c-blue) !important;
}
.color-lineleft-blue:hover {
  border-left: 6px solid var(--c-blue) !important;
}
.color-lineleft-yellow {
  border-left: 3px solid var(--c-orange) !important;
}
.color-lineleft-yellow:hover {
  border-left: 6px solid var(--c-orange) !important;
}
.color-lineleft-purple {
  border-left: 3px solid var(--c-gray-mid) !important;
}
.color-lineleft-purple:hover {
  border-left: 6px solid var(--c-gray-mid) !important;
}
.color-lineleft-orange {
  border-left: 3px solid var(--c-orange) !important;
}
.color-lineleft-orange:hover {
  border-left: 6px solid var(--c-orange) !important;
}
.color-lineleft-greend {
  border-left: 3px solid var(--c-gray-dark) !important;
}
.color-lineleft-greend:hover {
  border-left: 6px solid var(--c-gray-dark) !important;
}

.accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.accordion-button {
  background: var(--c-white);
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: var(--c-blue);
  background: rgba(0, 71, 119, 0.04);
}