/**
 * Sourced unicode stuff from here
 * https://unicode-table.com/en/sets/arrow-symbols/
 */


.auto-scroll-me{
  width:100%;
  overflow-x:auto;
}
.focus-3-table{
  width:100%;
}
.focus-3-table thead th{
  text-align: center;
}
.focus-3-table thead tr:first-child th{
  border-right:1px solid #fff;
}
.focus-3-table thead tr:last-child th{
  background-color: white;
  color:#333;
  font-weight:normal;
}

.focus-3-table tbody tr td{
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;

}
.focus-3-table tbody tr{
  height:45px;
}
.focus-3-table tbody tr td,
.focus-3-table tbody tr th{
  vertical-align: middle;
}

.focus-3-table thead tr:last-child th:nth-child(1),
.focus-3-table thead tr:last-child th:nth-child(4),
.focus-3-table thead tr:last-child th:nth-child(7),
.focus-3-table thead tr:last-child th:nth-child(10),
.focus-3-table thead tr:last-child th:last-child,
.focus-3-table tbody tr th,
.focus-3-table tbody tr td:nth-child(4),
.focus-3-table tbody tr td:nth-child(7),
.focus-3-table tbody tr td:nth-child(10),
.focus-3-table tbody tr td:last-child,
.focus-3-table tfoot tr td:first-child,
.focus-3-table tfoot tr td:nth-child(4),
.focus-3-table tfoot tr td:nth-child(7),
.focus-3-table tfoot tr td:nth-child(10),
.focus-3-table tfoot tr td:last-child{
  border-right:1px solid #333;
}
.focus-3-table tbody tr th{
  border-bottom: 1px dashed #ccc;
}


.focus-3-table tbody tr th:first-child{

  border-top: 1px dashed #ccc;
}
.focus-3-table tbody td{
  text-align: center;
  vertical-align: center;
}
.focus-3-table tbody th[scope="row"]{
  font-weight:normal;
  white-space: nowrap;
}
.arrow span{
font-size: 0px;
}
.arrow span::before{
font-size: 16px;
}
.arrow.arrow-up span::before{
  content:"\2191";
  color:#000;
}
.arrow.arrow-down span::before{
  content:"\2193";
  color:#000;
}
.arrow.arrow-right span::before{
  content:"\2192";
  font-size:1.3rem;
  color:#000;
}
.bg-nc{
  background-color: #FFF5DB;
}


.bg-y1{
background-color:#FFE096;
}
.bg-y2{
background-color:#FFD673;
}
.bg-y3{
background-color:#FFCC4F;
}
.bg-y4{
}

.bg-r1{
background-color:#F2CFD4;
}
.bg-r2{
background-color:#E3A1A8;
}
.bg-r3{
background-color:#D6707D;
}
.bg-r4{
background-color:#C74052;
}
.bg-r5{
background-color:#BA1226;
}

.bg-g1{
background-color:#ABD9BA;
}
.bg-g2{
background-color:#82C796;
}
.bg-g3{
background-color:#59B573;
}
.bg-g4{
background-color:#59B573;
}



.focus-legend{
  width:100%;
  display:block;
}
.focus-legend div{
  width:100%;
  padding:16.5px 12.5px 12.5px 26.5px;
  position: relative;
}
@media(min-width: 990px){
  .focus-legend{
    display:inline-flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .focus-legend div{
    width:33.33%;
  }
}
.focus-legend div::before{
  content:"\25A0";
  position: absolute;
  font-size:2rem;
  left:0px;
  top:0px;
}

.focus-legend div.yellow::before{
  color:#FFCC4F;
}
.focus-legend div.green::before{
  color:#59B573;
}
.focus-legend div.red::before{
  color:#BA1226;
}