html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

#treatment-body .heading-box,
#treatment-decision-body .heading-box,
#my-risks-body .heading-box {
    background-color: #04c1ff;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    color: white;
}

label,
.font-weight-bold {
    font-weight: bold;
}

tbody tr th {
    background-color: #FFE599 !important;
}

#emergency-box .heading-box {
    color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: white;
}

#emergency-box .container {
    background-color: red;
    color: white;
}

.rcat-v-low {
    background-color: green;
    color: green;
    overflow: hidden;
}

.rcat-low {
    background-color: yellow;
    color: yellow;
    overflow: hidden;
}

.rcat-mod {
    background-color: orange;
    color: orange;
    overflow: hidden;
}

.rcat-high {
    background-color: red;
    color: red;
    overflow: hidden;
}

.risk-arrow {
    height: 64px;
    width: 64px;
}

.risk h1 {
    text-decoration: underline;
}

.btn-print {
    color: white;
}

.row {
    --bs-gutter-x: 0;
}

.risk-grade {
    overflow: hidden;
    background-image: linear-gradient(to right, #005eb8, #0072c3, #0084cb, #0096d0, #00a7d3, #00a9db, #00abe3, #00adeb, #339df3, #6989f0, #996ee0, #c04ac0);
}

@@media print {
    .pagebreak {
        page-break-before: always;
    }
}