/* ind module style   */

td.center div, td.center a {
	text-align:center;
}

td.center div.risk, td.center a.risk {
	font-weight: 600;
	text-align:center;
}

th.center div, th.center a {
	text-align:center;
}

/* score rank style
------------------------------------ */
.rank {
	font-weight: 600;
	border:1px solid #999;
	padding:3px;
	text-align:center;
}
.rprocessing, .r-1 {
	background: rgb(0,179,220);
	height: 15px;
}
.r0 {
}
.r2 {
  background-color:#33992e;
  color:#000;
}
.r3 {
  background-color:#70c76b;
  color:#000;
}
.r5 {
  background-color:#edae00;
  color:#000;
}
.r7 {
  background-color:#e52e34;
  color:#000;
}
.r8 {
	color:#000000;
	background-color:#b31b20;
}
.r-incomplete {
  color:#000;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 2px;
}
.r-na {
  color:#000;
  border: none;
}

.r-title {
    color:#FFF;
    text-align: center;
}

/* NEW Risk Indicators CSS */
.risk-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
}

.risk-square {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    flex-shrink: 0;
}

.r1-square { background-color: #8CC152; }
.r2-square { background-color: #33992e; }
.r3-square { background-color: #70c76b; }

.r5-square { background-color: #edae00; }

.r7-square { background-color: #e52e34; }
.r8-square { background-color: #b31b20; }
.rprocessing-square { background-color: rgb(0, 179, 220); }

.score-value {
    font-weight: 500;
}

/* improvement style
------------------------------------ */
.improvement{
  color:#000;
}
.s1{
	background-color:rgb(193,200,206);
}
.s3{
	background-color:#edae00;
}
.s4{
	background-color:rgb(255,145,3);
}
.s5{
	background-color:#70c76b;
}
.s6{
	background-color:#9477A5;
}
.s8{
	background-color:rgb(99, 156, 202);
}

.priority{}
.priA{
	color:rgb(255,255,255);
	background-color:rgb(0, 117, 177);
}
.priB{
	background-color:rgb(99, 156, 202);
}
.priC{
	background-color:rgb(145, 182, 217);
}
.priD{
	background-color:rgb(195, 213, 234);
}

.directcause{
}
.dc1{
	color:rgb(255,255,255);
	background-color: rgb(8,81,156);
}
.dc2{
	color:rgb(255,255,255);
	background-color: rgb(49,130,189);
}
.dc3{
	color:rgb(255,255,255);
	background-color: rgb(107,174,214);
}
.dc4{
	background-color: rgb(158,202,225);
}
.dc5{
	background-color: rgb(198,219,239);
}
.dc6{
	background-color: rgb(239,243,255);
}

h1 .readonly-tag, h2 .readonly-tag{
    color: #00B6DE;
}

.training-banner{
  min-width: calc(930px + 2em);
  position: relative;
  border: 1px solid #A1A3B7;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  font-weight: 600;
  min-height: 32px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  visibility: hidden;
  z-index: 1;
}
.training-banner-assessments {
  margin-bottom: 0;
}
.training-banner.banner-logo{
  min-height: 80px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.training-banner.is-training .training-tag {
  display: inline;
}
.training-banner.is-training::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  border-top: 1000px solid #EEEEEE;
}
.training-banner.offset-content-header {
  margin-top: -.1em;
  visibility: visible;
}
.training-banner .training-tag {
  color: #00B6DE;
  font-size: 20px;
  display: none;
}
.training-banner h1 {
  font-size: 24px;
  color: #2B2E4F;
  margin: 0 24px 0 0;
  padding: 0 5px 0 28px;
}
.training-banner .banner-right {
  margin-left: auto;
  display: flex;
  align-content: center;
}
.training-banner .banner-right > a {
  text-align: center;
  color: #3D4BCC;
  font-size: 14px;
}
.training-banner .banner-right > * {
  margin-right: 24px;
  vertical-align: middle;
  align-self: center;
}
.training-banner .corner-img {
  margin: 0px 24px auto auto;
}
.print-header {
  min-height: 72px;
}
.print-header .button {
  margin: 24px;
  padding-left: 11px;
  padding-right: 11px;
}
.print-header svg {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-right: 9px;
}
.error-title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
    color: #0E4A63;
}