.report-content {
  width: fit-content;
  margin: auto;
}

.report-content > .heading1,
.report-content > .heading2,
.report-content > .heading3,
.report-content > .heading4 {
  text-align: center;
}

.report-content > div.table {
  width: 80% !important;
  margin: auto;
}
/*
.report-content .paragraph {
}
*/
.link-external {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAV0lEQVR4Xq2QwQ2AAAwC3cmd2Kk7sRP64CEJ9qOX8OPatMc/QKppnEPhTmJh23CLiwAqIw21CybKQ28qQi37WGFYBJcwfJQpP8LlEHKyZMF0IdmF13zlAjZ/6H4wb+mUAAAAAElFTkSuQmCC")
    center right no-repeat;
  padding-right: 13px;
}

.box-border {
  border: 1px solid black;
  padding: 2em 1em 2em 1em;
}
.m-auto {
  margin: auto !important;
}

.heading1 {
  display: block;
  font-size: 2em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  font-weight: 700;
}

.heading2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  font-weight: 700;
}

.heading3 {
  font-size: 1.17em;
  font-weight: 700;
}

.check-high-priority {
  color: red;
}
.check-moderate-priority {
  color: black;
}
.check-low-priority {
  color: blue;
}

.caption {
  font-weight: 700;
}

.image-caption {
  font-weight: 700;
}

.content-table {
  min-width: min-content !important;
  max-width: max-content !important;
  width: fit-content !important;
  margin: auto;
}

.resource-explain {
  width: 640px;
  max-width: 720px;
  min-width: min-content;
  margin: auto;
  border: 1px solid black;
  background: rgba(235, 235, 235, 1);
}

.resource-explain div {
  margin: 1em;
}
/*
background: rgb(169, 169, 169);
}
*/
tr.head-row th {
  font-weight: 700;
  text-align: center;
}

tr.sub-head-row {
  background: rgb(192, 192, 192);
}

tr.row-default {
  background: rgb(255, 255, 255);
}

tr.row-alt {
  background: rgb(245, 245, 245);
}
/*
.99ccff {
  background-color: #99ccff;
}*/

.ffffff {
  background-color: #ffffff;
}

.row1 {
  background-color: #ffffff;
}

.row2 {
  background-color: #e6e6fa;
}

.pg {
  background-color: #ecfcff;
}

/* width-styles*/
.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}
.w-100 {
  width: 100% !important;
}

/*width-styles*/

.btn-ss,
.btn-group-ss > .btn {
  padding: 0.225rem 0.45rem;
  font-size: 0.8rem;
  line-height: 1.3;
  border-radius: 0.2rem;
}

.btn-exp {
  padding: 0.2rem 0.4rem;
  font-size: 0.8rem;
  line-height: 1.1;
  border-radius: 0.3rem;
  font-weight: 600;
  vertical-align: top !important;
  color: #007bff;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-exp:hover {
  color: #17a2b8;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-exp:focus,
.btn-exp.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-exp.disabled,
.btn-exp:disabled {
  color: #007bff;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-exp:not(:disabled):not(.disabled):active,
.btn-exp:not(:disabled):not(.disabled).active,
.show > .btn-exp.dropdown-toggle {
  color: #17a2b8;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-exp:not(:disabled):not(.disabled):active:focus,
.btn-exp:not(:disabled):not(.disabled).active:focus,
.show > .btn-exp.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.text-inline {
  display: inline-block;
}

.stripes-light > tbody > tr:nth-child(odd) > td {
  background-color: var(--light);
}

.stripes-light > thead > tr > th {
  background-color: var(--gray);
  color: var(--light);
}

.striped-grid > .row:first-child > *:not(.col-1) {
  background-color: #dcdcdc !important;
}

.striped-grid > .row:nth-child(even) > *:not(.col-1) {
  background-color: #e5e5e5;
}

.striped-grid > .row:nth-child(odd) > *:not(.col-1) {
  background-color: #ececec;
}

.big-red {
  font-size: 2rem;
  line-height: 0.75;
  float: right;
  color: var(--danger) !important;
}

.big-yellow {
  font-size: 2rem;
  line-height: 0.75;
  float: right;
  color: var(--warning) !important;
}