.frag-td {
    min-width: 130px;
    max-width: 130px;
    width: 140px;
    font-size: 11px;
}

.willscroll {
    overflow-x: scroll;
    overflow-y: scroll;
}

.frag-td-smooth {
    -webkit-transition: background 1s, color 1s;
    -moz-transition: background 1s, color 1s;
    -o-transition: background 1s, color 1s;
    transition: background 1s, color 1s;
}

.culturalmapping_title {
    font-size: 125%;
    font-weight: bold;
}

.culturalmapping_key {
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 60%;
}

.culturalmapping_conclusion {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display:inline-block;
    
    font-style: italic;
    font-size: 250%;
    width: 80%;
    text-align: center;

/*    border: 1px solid red; */
}

.culturalmapping_preconclusion {
    quotes: '\201c' '\201d';
    display:inline-block;
    vertical-align: top;
    font-size: 200%;
    font-weight: bold;
}

.culturalmapping_preconclusion::before {
    content: open-quote;
}

.culturalmapping_postconclusion {
    quotes: '\201c' '\201d';
    display:inline-block;
    vertical-align: bottom;
    font-size: 200%;
    font-weight: bold;
}

.culturalmapping_postconclusion::after {
    content: close-quote;
}

.culturalmapping_detail {
    font-size: 80%;
}





.happymonitor-table {
    font-size: 150%;
    overflow:scroll;
    display:table;
}

.happymonitor-row {
    display:table-row;
}

.happymonitor-headercell {
    display:table-cell;
    text-align: center;
}

.happymonitor-cell {
    display:table-cell;
}

.happymonitor-badness-avail {
}

.happymonitor-badness-unavail {
    font-style: italic;
    background: #9932CC;
    background: #b952eC;
    color: #444;
}

.happymonitor_detail {
    font-size: 75%;
}

.happymonitor-label-cell {
    padding-right: 30px;
}

.happymonitor-badness-cell {
    width: 80px;
    height: 20px;
    text-align: center;
}

.happymonitor-badness-table {
}

.happymonitor-badness-na {
    color: #808080;
    font-style: italic;
    border: 0px solid black !important;
}

/* Turn off the highlight as per Rich's req 22-May-2022 */

.happymonitor-badness-0 {
    /* background: #FFFFFF; */
    border: 1px solid black;
}

.happymonitor-badness-10 {
    /* background: #FFFFFF; */
    border: 1px solid black;
}

.happymonitor-badness-20 {
    /* background: #FFFFFF; */
    border: 1px solid black;
}

.happymonitor-badness-30 {
    /* background: #FFFFFF; */
    border: 1px solid black;
}

.happymonitor-badness-40 {
    /* background: #FFFFEE; */
    border: 1px solid black;
}

.happymonitor-badness-50 {
    /* background: #FFFFDD; */
    border: 1px solid black;
}

.happymonitor-badness-60 {
    /* background: #FFFFBB; */
    border: 1px solid black;
}

.happymonitor-badness-70 {
    /* background: #FFFF99; */
    border: 1px solid black;
}

.happymonitor-badness-80 {
    /* background: #FFFF66; */
    border: 1px solid black;
}

.happymonitor-badness-90 {
    /* background: #FFFF33; */
    border: 1px solid black;
}

.happymonitor-badness-100 {
    /* background: #FFFF00; */
    border: 1px solid black;
}

.graphcontainer_maxlabel {
    background-color: transparent;
    font-size: 75%;
    position: relative;
    top: 40px;
    left: -10px;
    width: 75px;
    z-index: 10;
    text-align:right;
}

.graphcontainer_minlabel {
    background-color: transparent;
    font-size: 75%;
    position: relative;
    top: 200px;
    left: -10px;
    width: 75px;
    z-index: 10;
    text-align:right;
}

.footer {
  position: fixed;
  left: 0%;
  z-index: 100;
  top: 0;
  width: 25%;
  background-color: white;
  color: white;
  text-align: center;
  /*border: 1px solid black;*/
  padding: 5px;
  box-shadow: 5px 5px 4px 5px rgba(192, 192, 192, 0.75);
}

.footer-entry {
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
}


.happymonitor-sr-badness-0 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-sr-badness-10 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-sr-badness-20 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-sr-badness-30 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-sr-badness-40 {
    background: #FFFFEE; 
    border: 1px solid black;
}

.happymonitor-sr-badness-50 {
    background: #FFFFDD; 
    border: 1px solid black;
}

.happymonitor-sr-badness-60 {
    background: #FFFFBB; 
    border: 1px solid black;
}

.happymonitor-sr-badness-70 {
    background: #FFFF99; 
    border: 1px solid black;
}

.happymonitor-sr-badness-80 {
    background: #FFFF66; 
    border: 1px solid black;
}

.happymonitor-sr-badness-90 {
    background: #FFFF33; 
    border: 1px solid black;
}

.happymonitor-sr-badness-100 {
    background: #FFFF00; 
    border: 1px solid black;
}

.happymonitor-sr-badness-na {
    background: #FFFFFF; 
    color: #808080;
    font-style: italic;
}









.happymonitor-cr-badness-0 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-10 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-20 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-30 {
    background: #FFFFFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-40 {
    background: #FFEEFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-50 {
    background: #FFDDFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-60 {
    background: #FFBBFF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-70 {
    background: #FF99FF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-80 {
    background: #FF66FF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-90 {
    background: #FF33FF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-100 {
    background: #FF00FF; 
    border: 1px solid black;
}

.happymonitor-cr-badness-na {
    color: #808080;
    font-style: italic;
}


.happymonitor-cr-badness-heading {
    background: #B0FFFF; 
    color: #000;
    font-style: italic;
}


.therapy_hyg_good {
    background-color: blue;
    color: white;
    text-align: center;
}

.therapy_hyg_bad {
    background-color: yellow;
    color: black;
    text-align: center;
}

.therapy_hyg_skip {
    text-align: center;
}