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

button.btn, input.btn {
    min-width: 140px;
}

div.btn{
    text-decoration: none !important;
}

.control-label{
    font-size:smaller !important;
}

.form-group{
    margin-bottom: 8px;
}

.table-sm {
    font-size: 12px;
}






.ergo-head-1 {
    background-color: #333333;
    color: white;
    font-weight: bold;
    border: 1px;
    border-color: black;
    font-size: 1.2em;
    margin-top: 3px;
}

.ergo-head-2 {
    background-color: #666666;
    color: white;
    font-weight: bold;
    font-size: 1em;
    border: 1px;
    border-color: black;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ergo-head-3 {
    background-color: #CCCCCC;
    color: black;
    font-weight: bold;
    font-size: 0.9em;
    border: 1px;
    border-color: black;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ergo-head-4 {
    background-color: #e6e6e6;
    color: black;
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ergo-head-2-desc {
    background-color: #666666;
    color: white;
    font-size: 1em;
    text-align: center;
    border: 1px;
    border-color: black;
    padding-bottom: 3px;
}

.ergo-head-3-desc {
    background-color: #CCCCCC;
    color: black;
    text-align: center;
    font-size: 0.9em;
    border: 1px;
    border-color: black;
    padding-bottom: 2px;
}

.ergo-head-4-desc {
    background-color: #e6e6e6;
    color: black;
    text-align: center;
    font-size: 0.9em;
    padding-bottom: 2px;
}

.ergo-question {
    font-size: 0.9em;
    padding-top: 2px;
}

.ergo-head-description {
    font-size: 1em;
}

.ergo-warning {
    color: red;
}

.ergo-summary-head {
    background-color: green;
}

.ergo-summary {
    background-color: green;
}


.ergo-table-head {
    font-weight: bold;
}

.ergo-list {
    font-size: 0.9em;
}

.ergo-table-row {
    border: 1px;
    padding: 1px;
}

.ergo-table-footer-2 {
    border: 1px;
}


.bg-acceptable {
    background-color: #00B050 !important;
}


.bg-longterm {
    background-color: #92D050 !important;
}

.bg-noturgent {
    background-color: #FFFF00 !important;
}

.bg-asap {
    background-color: #FF0000 !important;
}

.bg-urgent {
    background-color: #7030A0 !important;
}

.bg-critical {
    background-color: #002060 !important;
}

.row > * {
    padding-left: calc(var(--bs-gutter-x) * .2);
    padding-right: calc(var(--bs-gutter-x) * .2);
}


.ruby-red {
    background-color: #e0457b !important;
}

.iris-blue {
    background-color: #606eb2 !important;
    color: white;
}

.sky-blue {
    background-color: #00a3e0 !important;
}

.sunlight-yellow {
    background-color: #f1b434 !important;
}

.peacock-green {
    background-color: #00b0b9 !important;
}

.ruby-red-light {
    background-color: #fbe7ee !important;
}

.iris-blue-light {
    background-color: #ecedf6 !important;
}

.sky-blue-light {
    background-color: #e2f7ff !important;
}

.sunlight-yellow-light {
    background-color: #fdf5e4 !important;
}

.peacock-green-light {
    background-color: #e2feff !important;
}

.success-light {
    background-color: #beedaa !important;
}

.error-light {
    background-color: #f69292 !important;
}

.nav-tabs .nav-link{
    color: black !important;
}

.nav-link.active{
    color: #fff !important;
    font-weight: 500;
    background-color: #333 !important;
}