#hlSettingsSeparator {
  width: 120px !important;
  height: 20px;
  font-size: 12px;
}

/* view.css  */
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: content-box;
}

@font-face {
  font-family: 'arrows';
  src: url('/assets/fonts/arrows.eot'); /* IE9 Compat Modes */
  src: url('/assets/fonts/arrows.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('/assets/fonts/arrows.woff') format('woff'),
    /* Pretty Modern Browsers */ url('/assets/fonts/arrows.ttf')
      format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cpg';
  src: url('/assets/fonts/cpg.eot'); /* IE9 Compat Modes */
  src: url('/assets/fonts/cpg.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('/assets/fonts/cpg.woff') format('woff'),
    /* Pretty Modern Browsers */ url('/assets/fonts/cpg.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}

*.unselectable {
  /*	-moz-user-select: -moz-none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      -o-user-select: none; */
}

/*  holder for each view - starts as display=none until view fills in info */
.eVIEWS {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  bottom: 0px;
  overflow-y: auto;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

input,
textarea {
  font-size: 15px;
}

.hl-home-page {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  bottom: 0px;
  overflow: hidden; /* keeps moving imuid box from adding scroll bar  */
}

.hl-home-box {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 112px;
  bottom: 10px;
}

.hl-home-main-error {
  position: absolute;
  display: none;
  top: 120px;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  height: 60px;
  font-size: 14px;
  text-align: center;
  z-index: 999;
}

.hl-home-scrollpos {
  position: absolute;
  visibility: hidden;
  right: 27px;
  width: 100px;
  height: 16px;
  border: 1px solid #888888;
  text-align: left;
  padding-left: 3px;
  overflow: hidden;
  font-size: 12px;
  color: #666666;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.8);
}

.hl-home-selectfile {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 320px;
  height: 80px;
  border: 1px solid #999999;
  border-radius: 9px;
  background-color: #f0f0f0;
}

.hl-home-slidertitle {
  position: absolute;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  left: 380px;
  width: 200px;
  top: 20px;
  z-index: 99;
}

.hl-home-slider {
  position: absolute;
  top: 40px;
  width: 200px;
  left: 380px;
  height: 50px;
}

.hl-home-container {
  background-color: white;
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100%;
}

.hl-hcc-hometop {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 160px;
  right: 0px;
  border-bottom: 1px solid #999999;
}

.hl-home-rightcolumn {
  background-color: blue;
  position: absolute;
  top: 0px;
  left: 300px; /* should be left value when left column maxes out at 300px wide   */
  height: 100%;
  right: 5px;
  min-width: 560px;
}

/* left column is 27% wide but maxes out at 300px wide so we need to handle right column left value  */
/* @media all and (max-width: 1111px) {
  .hl-home-rightcolumn{
    left: 27%;
  }
}
*/

.hl-home-graph {
  position: absolute;
  top: 8px;
  left: 732px;
  width: 268px;
  height: 140px;
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 1px #999999;
  border-radius: 9px;
}

.hl-home-dashboard {
  background-color: white;
  position: absolute;
  top: 52px;
  left: 15px;
  height: 100px;
  right: 0px;
}

.hl-home-main {
  background-color: white;
  position: absolute;
  top: 161px;
  width: 100%;
  bottom: 0px;
}

.hl-home-title {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 19px;
  font-weight: 600;
  color: #777777;
}

.hl-home-title-select {
  position: absolute;
  top: 10px;
  left: 126px;
  width: 165px;
  font-size: 13px;
  height: 24px;
  border-radius: 5px;
}

.hl-home-planyear {
  position: absolute;
  top: 12px;
  left: 335px;
  font-size: 15px;
  color: #777777;
  font-weight: 500;
}

.hl-home-planyear-select {
  position: absolute;
  top: 10px;
  left: 402px;
  width: 57px;
  height: 24px;
  font-size: 13px;
  border-radius: 5px;
}

.hl-home-doctors {
  position: absolute;
  top: 12px;
  left: 502px;
  font-size: 15px;
  color: #777777;
  font-weight: 500;
}

.hl-home-doctors-top {
  position: absolute;
  top: 10px;
  left: 570px;
  width: 126px;
  height: 21px;
  font-size: 13px;
  line-height: 22px;
  border: 1px solid #888888;
  background-color: #ffffff;
  padding-left: 6px;
  border-radius: 4px;
  color: #777777;
  text-align: left;
  font-weight: 500;
  z-index: 99999999;
}

.hl-home-doctors-arrow {
  font-family: cpg;
  position: absolute;
  top: 6px;
  left: 703px;
  width: 20px;
  font-size: 26px;
  cursor: pointer;
}

.hl-home-doctors-select {
  position: absolute;
  visibility: hidden;
  top: 32px;
  left: 570px;
  width: 150px;
  font-size: 13px;
  height: 180px;
  border-radius: 5px;
  z-index: 999999999;
}

.hl-home-doctors-select option {
  padding: 2px 1px 2px 3px;
}

/* ***  filter container that will hold all the filter controls above the list  */
.hl-hcc-filter {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 100%;
  height: 300px;
}

.hl-hcc-home-jump {
  position: absolute;
  left: 16px;
  top: 35px;
  width: 56px;
  height: 12px;
  line-height: 12px;
  font-size: 10px;
  text-align: left;
  font-weight: 600;
  border: 1px solid #777777;
  color: #777777;
  padding-left: 3px;
  z-index: 9;
  cursor: pointer;
  overflow: hidden;
}

.hl-hcc-home-jumptext {
  position: absolute;
  left: 90px;
  top: 34px;
  width: 84px;
  height: 16px;
  line-height: 15px;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  color: #ff7777;
  z-index: 9;
}

.hl-home-topsub {
  position: relative;
  top: 2px;
  width: 10px;
  height: 20px;
  font-family: arrows;
  font-size: 18px;
  line-height: 15px;
  color: #555555;
  cursor: pointer;
  float: right;
}

.hl-home-subtitle {
  font-size: 14px;
  font-weight: 800;
}

.hl-home-subtitleall {
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  margin-top: -8px;
  background-color: #dddddd;
  border-bottom: 1px solid #ffffff;
}

.hl-home-selected {
}

.hl-home-selectbox {
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  z-index: 9999;
  background-color: rgba(240, 240, 240, 0.5);
}

.hl-home-clearall {
  position: absolute;
  top: 14px;
  right: 10px;
  height: 20px;
  width: 72px;
  font-size: 11px;
  line-height: 21px;
  text-align: center;
  font-weight: 600;
  background-color: #ffffff;
  border: 1px solid #777777;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #999999;
  z-index: 999;
  cursor: pointer;
}

.hl-home-clearall:hover {
  background-color: #f5ddf9;
}

.hl-home-clearall:active {
  background-color: #f5ddf9;
  margin-top: 2px;
  right: 8px;
}

.hl-hcc-dot {
  font-family: cpg;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  width: 14px;
  height: 14px;
  padding-right: 5px;
  top: 0px;
}

.hl-hcc-dot-raf {
  font-family: cpg;
  float: right;
  position: relative;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  width: 12px;
  height: 12px;
  padding-left: 0px;
  padding-right: 8px;
  top: 0px;
  left: -4px;
}

/*  match this to the look of a standard input button - may be different for macs  */
.hl-home-button {
  position: absolute;
  height: 20px;
  width: 72px;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  font-weight: 400;
  border-radius: 2px;
  z-index: 999;
  cursor: pointer;
}

.hl-home-button:hover {
  /* background-color: #F5DDF9; */
}

.hl-home-button:active {
  /* background-color: #F5DDF9; */
  margin-top: 2px;
}

.hl-home-button:disabled {
  opacity: 0.5;
  cursor: wait;
}

.hl-hcc-button {
  position: absolute;
  height: 24px;
  width: 72px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  font-weight: 600;
  background-color: #f9f9f9;
  border: 1px solid #777777;
  border-radius: 2px;
  z-index: 999;
  cursor: pointer;
}

.hl-hcc-button:hover {
  background-color: #f5ddf9;
}

.hl-hcc-button:active {
  background-color: #f5ddf9;
  margin-top: 2px;
  margin-left: 2px;
}

.hl-home-select-title {
  position: absolute;
  top: 4px;
  left: 15px;
  right: 13px;
  height: 23px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 4px;
}

.hl-home-filename {
  position: absolute;
  top: 28px;
  left: 10px;
  right: 10px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  text-align: left;
}

.hl-home-dropdown {
  position: absolute;
  top: -500px;
  left: 100px;
  right: 100px;
  height: 500px;
  border-left: 2px solid #555555;
  border-right: 2px solid #555555;
  border-bottom: 2px solid #555555;
  border-radius: 0 0 12px 12px;
  box-shadow: 2px 2px 2px #999999;
  -webkit-transition: top 280ms linear;
  background-color: #f0f0f0;
  overflow: hidden;
}

.hl-home-droptitle {
  position: absolute;
  top: 14px;
  left: 20px;
  width: 210px;
  height: 30px;
  font-size: 16px;
  font-weight: 800;
}

.hl-home-dropleft {
  position: absolute;
  top: 50px;
  left: 20px;
  width: 214px;
  height: 160px;
  padding: 15px;
  line-height: 36px;
  border: 1px solid #999999;
  border-radius: 9px 0 0 9px;
}

.hl-home-dropright {
  position: absolute;
  top: 50px;
  left: 265px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #999999;
  border-radius: 0 9px 9px 0;
}

.hl-home-droppanel {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  visibility: hidden;
  font-size: 13px;
}

.hl-home-droppanel ul {
  padding: 5px 5px 2px 20px;
  list-style-type: circle;
}

.hl-home-droppanel ul li {
  text-decoration: underline;
  padding-top: 5px;
  cursor: pointer;
}

.hl-home-droptext {
  position: absolute;
  top: 60px;
  left: 10px;
  width: 95%;
  bottom: 24px;
  resize: none;
}

.hl-home-dropinput {
  position: absolute;
  top: 4px;
  border-radius: 5px;
  font-size: 12px;
  height: 24px;
}

.hl-home-loading {
  position: absolute;
  top: 200px;
  left: 50%;
  width: 300px;
  text-align: center;
  margin-left: -150px;
  font-size: 20px;
}

.hl-home-numbers {
  font-family: directory;
  font-size: 18px;
  color: #8e4399;
  display: inline-block;
  padding: 0px 10px 0px 2px;
}

/* *********************************        MENU   *************************************  */
.hl-readmit-menu {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 60px;
  border-top: 8px solid;
  border-bottom: 2px solid;
}

.hl-readmit-menu-logo {
  /* position: absolute;
  left: 8px;
  top: 10px; */
  /*background-image: url(/assets/images/codingInSight_logo_edifecs_grey_applications.png);*/
  width: auto;
  height: 36px;
  margin: 12px;
  background-size: contain;
  background-image: url(/assets/images/pre_visit_prep_logo.svg);
  /* width: 180px;
  height: 44px; */
  background-repeat: no-repeat;
}

.navbar-separator-bar {
  position: absolute;
  top: 15px;
  height: 25px;
  left: 202px;
  width: 30px;
  border-left: 1px solid;
  display: none;
}

.navbar-separator-left {
  position: absolute;
  top: 10px;
  height: 25px;
  left: 232px;
  text-align: center;
  font-size: 16px;
}

.hl-readmit-menu-on {
  width: 103px;
  display: inline-block;
  position: relative;
  top: 0px;
  font-weight: 600;
  padding-top: 7px;
}

.hl-readmit-menu-off {
  position: relative;
  width: 103px;
  display: inline-block;
  top: 0px;
  font-weight: 400;
  padding-top: 7px;
  cursor: pointer;
}

.hl-readmit-menu-selector {
  position: absolute;
  width: 103px;
  height: 2px;
  top: 47px;
  left: 232px;
  -webkit-transition: left 140ms linear;
}

.hl-readmit-menu-off:hover {
  color: #62a70f;
}

.hl-readmit-menu-off:active {
  top: 2px;
  /* margin-left: 2px; */
}

.navbar-separator-right {
  position: absolute;
  top: 10px;
  height: 25px;
  right: 168px;
  width: 100px;
  border-right: 1px solid;
}

/* *********************************        ANALYTICS   *************************************  */
.hl-hcc-analytics {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #ffffff;
}

.hl-hcc-analytics-tabs {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50px;
  bottom: 20px;
}

.hl-hcc-analytics-tab0 {
  padding: 10px;
}

.hl-hcc-analytics-slider0 {
  position: absolute;
  top: 20px;
  left: 80px;
}

.hl-hcc-analytics-text0 {
  position: absolute;
  top: 20px;
  left: 40px;
}

.hl-hcc-analytics-title0 {
  position: absolute;
  top: 40px;
  left: 340px;
}

.hl-hcc-analytics-icdlist {
  position: absolute;
  top: 64px;
  left: 340px;
  width: 340px;
  bottom: 20px;
  background-color: yellow;
}

/* *********************************        LOGIN   *************************************  */
.hl-readmit-login {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
}

.hl-hcc-login-center {
  position: absolute;
  height: 470px;
  width: 300px;
  top: 90px;
  left: 50%;
  margin-left: -150px;
}

.hl-login-enterprise .hl-hcc-login-center {
  height: 590px;
}

.hl-tim {
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 50%;
  margin-top: -170px;
  background-image: url(/assets/images/Tim.jpg);
  background-repeat: no-repeat;
  background-position: 10px 5px;
  width: 340px;
  height: 340px;
  background-color: #cccccc;
  color: white;
  text-align: center;
  z-index: 99999999999;
  border: 1px solid #999999;
  display: none;
}

.hl-tim-text {
  position: absolute;
  bottom: 5px;
  height: 80px;
  left: 10px;
  right: 10px;
  font-size: 15px;
  font-weight: 600;
}

.hl-hcc-login-lefttext {
  position: absolute;
  left: 40px;
  top: 131px;
}

.hl-hcc-login-lefttext2 {
  position: absolute;
  left: 40px;
  top: 232px;
}

.hl-hcc-login-lefttext3 {
  position: absolute;
  left: 40px;
  top: 332px;
}

.hl-hcc-login-error {
  position: absolute;
  left: 20px;
  width: 270px;
  text-align: center;
  top: 204px;
}

.hl-hcc-login-error2 {
  position: absolute;
  left: 20px;
  width: 270px;
  text-align: center;
  top: 302px;
}

.hl-hcc-login-error3 {
  position: absolute;
  left: 20px;
  width: 270px;
  text-align: center;
  top: 402px;
}

.hl-hcc-login-submit {
  position: absolute;
  bottom: 102px;
  width: 136px;
  left: 50%;
  margin-left: -68px;
  height: 42px;
  font-size: 15px;
  border-radius: 12px;
  line-height: 40px;
  letter-spacing: 1px;
}

.hl-hcc-login-forgot {
  position: absolute;
  bottom: 56px;
  width: 300px;
  margin-left: 40px;
}

.hl-hcc-login-input1 {
  position: absolute;
  width: 222px;
  left: 40px;
  top: 156px;
}

.hl-hcc-login-input2 {
  position: absolute;
  width: 222px;
  left: 40px;
  top: 257px;
}

.hl-hcc-login-input3 {
  position: absolute;
  width: 222px;
  left: 40px;
  top: 357px;
}

.hl-hcc-retrieve {
  position: absolute;
  top: 470px;
  left: 50%;
  width: 240px;
  margin-left: -120px;
  text-align: center;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
}

.hl-hcc-login-bottom {
  position: absolute;
  bottom: 0px;
  height: 68px;
  left: 0px;
  width: 100%;
}

.hl-hcc-login-bottomleft {
  position: absolute;
  left: 10px;
  top: 25px;
  font-size: 12px;
}

.hl-hcc-login-bottomright {
  position: absolute;
  right: 13px;
  top: 11px;
  background-image: url(/assets/images/edifecs.grey.logo200x200.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  width: 100px;
  height: 50px;
}

/* *********************************        SEARCH   *************************************  */
.hl-hcc-search {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 20px;
}

.hl-hcc-titles {
  position: absolute;
  left: 24px;
  top: 12px;
  font-size: 28px;
  font-weight: 800;
}

.hl-hcc-subtitles {
  position: absolute;
  left: 24px;
  top: 46px;
  font-size: 16px;
  font-weight: 800;
}

.hl-hcc-search-title {
  position: absolute;
  left: 48px;
  top: 57px;
  font-size: 16px;
  font-weight: 600;
}

.hl-hcc-search-title2 {
  position: absolute;
  left: 40px;
  top: 102px;
  font-size: 20px;
  font-weight: 600;
}

.hl-hcc-search-clear {
  font-family: cpg;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  left: 362px;
  top: 57px;
  height: 18px;
  width: 18px;
  cursor: pointer;
  color: #aaaaaa;
}

.hl-hcc-search-textbox {
  position: absolute;
  left: 127px;
  width: 250px;
  height: 22px;
  top: 55px;
  font-size: 14px;
  padding-left: 5px;
}

.hl-hcc-search-resultsbox {
  position: absolute;
  left: 40px;
  top: 155px;
  width: 904px;
  bottom: 20px;
  overflow-y: auto;
  z-index: 99;
  /* border: 1px solid #666666; */
}

.hl-hcc-search-help {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
  color: #337ab7;
  visibility: hidden;
}

.hl-hcc-search-results {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 904px;
  border-bottom: 1px solid #666666;
}

.hl-hcc-search-updown {
  position: absolute;
  visibility: hidden;
  top: 162px;
  left: 22px;
  font-family: arrows;
  font-size: 24px;
  color: #62a70f;
  line-height: 18px;
  font-weight: 600;
}

.hl-hcc-search-enter {
  position: absolute;
  top: 162px;
  left: 955px;
  font-size: 12px;
  color: #888888;
  text-align: left;
  visibility: hidden;
}

.hl-hcc-search-arrow {
  position: relative;
  top: 3px;
  font-family: arrows;
  font-size: 15px;
  color: #62a70f;
  line-height: 18px;
  font-weight: 800;
  padding-right: 6px;
}

.hl-hcc-search-columnheader {
  position: absolute;
  top: 132px;
  left: 40px;
  width: 904px;
  height: 23px;
  border-bottom: 1px solid #666666;
  z-index: 9999999;
}

.hl-hcc-search-date {
  position: absolute;
  top: 85px;
  left: 130px;
  width: 250px;
  height: 24px;
  text-align: center;
  font-size: 14px;
  font-style: italic;
}

.hl-hcc-search-colname {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #00abc7;
  line-height: 23px;
  height: 23px;
  text-align: center;
  border-collapse: collapse;
  border-style: solid;
  border-color: #999999;
  border-width: 1px 1px 0 1px;
  background-color: #f6f6f6;
  box-sizing: border-box;
}

.hl-hcc-search-top {
  position: fixed;
  top: 0px;
  height: 100px;
  left: 0px;
  right: 0px;
  z-index: 999;
  overflow: hidden;
}

.hl-hcc-search-scroll {
  position: absolute;
  top: 100px;
  left: 0px;
  right: 0px;
  overflow: auto;
  z-index: 1;
}

.hl-hcc-search-row {
  position: relative;
  left: 0px;
  width: 100%;
  height: 28px;
  border-color: #999999;
  color: #222222;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  border-collapse: collapse;
  background-color: #ffffff;
}

.hl-hcc-search-row-on {
  background-color: #62a70f;
  color: #ffffff;
}

.hl-hcc-search-cell {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
  height: 100%;
  border-collapse: collapse;
  border-style: solid;
  border-color: #999999;
  border-width: 0px 1px 0 0px;
  padding: 0 4px 0 4px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  text-align: center;
}

/* *********************************        HOME   *************************************  */

.hl-readmit-cohort {
  position: relative;
  display: inline-block;
  box-sizing: border-box; /* since width is percent, we don't want border added on top  */
  top: 0px;
  height: 97px;
  width: 168px;
  margin-right: 12px;
  padding-top: 5px;
  padding-left: 10px;
  overflow: hidden;
  text-align: left;
  font-size: 15px;
  /* font-stretch: condensed;   not supported by all browsers  */
  font-weight: 600;
  border-radius: 9px;
  border-width: 3px;
  border-style: solid;
  border-color: #ffffff;
  cursor: pointer;
}

.hl-hcc-cohort-label {
  font-size: 13px;
  font-weight: 400;
  /*font-stretch: semi-condensed; */
}

.hl-hcc-cohort-label0 {
  position: absolute;
  top: 31px;
  left: 10px;
  width: 100px;
  text-align: left;
}

.hl-hcc-cohort-label1 {
  position: absolute;
  top: 31px;
  right: 10px;
  text-align: right;
}

.hl-hcc-cohort-label2 {
  position: absolute;
  top: 51px;
  left: 10px;
  width: 90px;
  text-align: left;
}

.hl-hcc-cohort-label3 {
  position: absolute;
  top: 51px;
  right: 10px;
  text-align: right;
}

.hl-hcc-cohort-label4 {
  position: absolute;
  top: 71px;
  left: 10px;
  width: 100px;
  text-align: left;
}

.hl-hcc-cohort-label5 {
  position: absolute;
  top: 71px;
  right: 10px;
  text-align: right;
  font-weight: 600;
}

.hl-readmit-cohort-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
}

.hl-home-header-cell {
  display: table-cell;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

.hl-home-header {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 12px;
  border-bottom: 1px solid #bbbbbb;
  font-size: 11px;
  color: #005a9c;
  box-sizing: border-box;
}

.hl-home-list-data {
  display: table;
  table-layout: fixed;
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

/* ***************   Classes to hide or show fnln ln,fn name fields in first column   */
.hl-hcc-fn .hl-patientfnln {
  display: inline-block;
}

.hl-hcc-fn .hl-patientlnfn {
  display: none;
}

.hl-hcc-ln .hl-patientfnln {
  display: none;
}

.hl-hcc-ln .hl-patientlnfn {
  display: inline-block;
}

/*  NEW WAY OF DOING IT  */
.hl-patient-firstname: hover {
  color: blue;
  text-decoration: underline;
}

/* LAST NAME FIRST  */
.hl-hcc-ln .hl-patient-firstname {
  margin-left: 5px;
}

.hl-hcc-ln .hl-patient-lastname::after {
  content: ', ';
}

/* FIRST NAME FIRST  */
.hl-hcc-fn .hl-patient-lastname {
  margin-right: 0px;
}

.hl-hcc-fn .hl-patient-firstname {
  float: left;
  margin-right: 5px;
}

.hl-home-list-header {
  position: absolute;
  left: 10px;
  top: 20px;
  right: 10px;
  height: 50px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
  border-bottom: 1px solid #999999;
  z-index: 99999;
}

.hl-home-list-box {
  position: absolute;
  left: 10px;
  top: 72px;
  right: 10px;
  bottom: 10px;
  border-bottom: 1px solid #999999;
  background-color: #ffffff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 200ms linear;
  opacity: 1;
}

.hl-home-list-row2 {
  display: table-row;
  position: absolute;
  height: 30px;
  left: 0px;
  width: 100%;
  padding-top: 3px;
}

.hl-home-list-row {
  position: absolute;
  display: table-row;
  height: 36px !important;
  line-height: 10px;
  left: 0px;
  width: 100%;
  font-size: 15px;
  overflow: hidden;
}

/*   changed style for cells to depended on list-row  */
.hl-home-list-row div {
  display: table-cell;
  height: 36px !important;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
  line-height: 15px;
  margin: 0px 1px 0px 1px;
  padding: 0px 1px 0px 1px;
}

.hl-home-list-cell {
  display: table-cell;
  height: 36px !important;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
  line-height: 10px;
  margin: 0px 1px 0px 1px;
  padding: 0px 1px 0px 1px;
}

.hl-home-list-rowheader {
  position: absolute;
  display: table-row;
  height: 24px !important;
  line-height: 10px;
  left: 0px;
  width: 100%;
  /* padding-top: 6px; */
  font-size: 12px;
  /* box-sizing: border-box; */
  overflow: visible;
}

.hl-home-list-arrow {
  font-family: cpg;
  position: relative;
  font-size: 20px;
  font-weight: 400;
  display: none;
  width: 100%;
  text-align: center;
  height: 14px;
  top: -5px;
  line-height: normal;
  color: #62a70f;
  z-index: 9999;
}

.hl-home-ver {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  padding-top: 8px;
  white-space: nowrap;
}

.hl-home-stay-left {
  display: inline-block;
  height: 60%;
  border: 1px solid #666666;
  background-color: #fcfbe2;
  font-size: 12px;
  text-align: center;
  position: relative;
}

.hl-home-stay-right {
  display: inline-block;
  height: 60%;
  border: 1px solid #666666;
  background-color: #eefae5;
  font-size: 12px;
  text-align: center;
  position: relative;
}

.hl-hcc-home-scrolltop {
  position: absolute;
  right: 0px;
  width: 40px;
  top: 53px;
  font-size: 11px;
  text-decoration: underline;
  color: #666666;
  text-align: center;
  z-index: 9999999;
  cursor: pointer;
}

.hl-home-list-name {
  position: relative;
  cursor: pointer;
  font-size: 10px;
  border: 1px solid #444444;
  background-color: #ffffff;
  color: #111111;
  padding: 0 5px 0px 5px;
}

.hl-home-list-name:hover {
  /* color: blue;   */
}

.hl-home-list-name-on {
  position: relative;
  cursor: pointer;
  font-size: 10px;
  border: 1px solid #444444;
  padding: 0px 6px 0 4px;
  background-color: #999999;
  color: #ffffff;
}

.hl-home-list-name-on:hover {
  /*color: blue;  */
}

.hl-home-list-background {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  background-color: white;
}

.hl-home-list-patient {
  position: absolute;
  top: 13px;
  height: 18px;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
}

.hl-home-list-patient:hover {
  color: blue;
  text-decoration: underline;
}

.hl-readmit-action {
  border: 2px solid #00abc7;
  display: inline-block;
}

.hl-readmit-noaction {
  display: inline-block;
}

.hl-home-checkbox {
  font-family: cpg;
  font-size: 16px;
  font-weight: 400;
  width: 15px;
  text-align: center;
  height: 13px !important;
  top: 0px;
  line-height: normal;
  color: #666666;
  cursor: pointer;
}

/* *********************************        INFO   *************************************  */

.hl-hcc-info {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  border: 1px solid #999999;
}

.hl-hcc-info-title {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

.hl-hcc-info-close {
  position: absolute;
  top: 10px;
  left: 220px;
  font-size: 16px;
  font-weight: 800;
  width: 100px;
  height: 24px;
  z-index: 9999;
  cursor: pointer;
}

.hl-hcc-info-reset {
  /*
  position: absolute;
  top: 120px;
  left: 1px;
  width: 100px;
  */
  font-size: 14px;
  font-weight: 800;
  text-align: right;
  padding-right: 20px;
  height: 24px;
  z-index: 9999;
  cursor: pointer;
}

.hl-hcc-info-toparrow {
  display: inline-block;
  position: relative;
  left: -5px;
  width: 16px;
  top: 5px;
  height: 16px;
  font-family: cpg;
  font-size: 24px;
  text-align: left;
  cursor: pointer;
  padding-left: 6px;
}

.hl-hcc-info-toparrow:active {
  margin-left: -3px;
}

.hl-hcc-info-mainbox {
  position: absolute;
  top: 70px;
  bottom: 5px;
  left: 0px;
  right: 0px;
}

.hl-hcc-info-name {
  position: absolute;
  top: 5px;
  left: 20px;
  font-size: 22px;
  line-height: 18px;
  color: #666666;
  font-weight: 600;
}

.hl-hcc-info-name2 {
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 16px;
  color: #888888;
  font-weight: 600;
}

.hl-hcc-info-tabs {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 62px;
  bottom: 20px;
}

.hl-hcc-info-dos {
  position: absolute;
  left: 20px;
  top: 26px;
  font-weight: 600;
  font-size: 13px;
}

.hl-hcc-info-status {
  font-size: 13px;
  font-weight: 600;
}

.hl-hcc-info-hist {
  top: 88px;
}

.hl-hcc-info-priorcode {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 13px;
  height: 12px;
  padding-top: 0px;
  padding-left: 7px;
  color: #444444;
  width: 85px;
  top: -5px;
}

.hl-hcc-info-item-title {
  position: relative;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  width: 64px; /* need so we truncate overflow so table cell doesn't expand  */
  left: 0px;
  font-size: 9px;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  margin-left: 3px;
  text-align: center;
  letter-spacing: 1px;
  color: #777777;
  font-weight: 600;
  top: 1px;
}

.hl-hcc-info-item-title2 {
  position: relative;
  display: inline-block;
  height: 21px;
  overflow: hidden;
  width: 380px; /* need so we truncate overflow so table cell doesn't expand  */
  left: 0px;
  font-size: 12px;
  text-align: left;
  padding-left: 6px;
  top: 4px;
  color: #333333;
}

.hl-hcc-info-item {
  position: relative;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  width: 460px; /* need so we truncate overflow so table cell doesn't expand  */
  left: 5px;
  font-size: 14px;
  top: 2px;
}

.hl-hcc-info-box {
  position: absolute;
  left: 0px;
  width: 662px;
  top: 2px;
  height: 100%;
}

.hl-hcc-info-currents {
  position: absolute;
  visibility: visible;
  left: 5px;
  width: 100%;
  top: 64px;
  height: 30px;
  overflow: hidden;
}

.hl-hcc-info-title0 {
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  margin-top: 6px;
  margin-left: 12px;
  width: 80px;
  text-align: right;
}

.hl-hcc-info-select {
  position: absolute;
  width: 230px;
  position: relative;
  left: 100px;
  height: 25px;
  font-family: monospace;
  font-size: 12px;
  top: 3px;
}

.hl-hcc-info-submitted {
  position: absolute;
  visibility: visible;
  left: 25px;
  width: 100%;
  top: 58px;
  height: 20px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 14px;
  text-align: left;
}

.hl-hcc-info-box1 {
  position: absolute;
  left: 5px;
  width: 100%;
  top: 20px;
  height: 25px;
  border: 0px solid #333333;
  overflow: hidden;
  z-index: 99999;
  background-color: #ffffff;
}

.hl-hcc-info-box2 {
  position: absolute;
  left: 5px;
  width: 100%;
  top: 52px;
  height: 25px;
  border: 0px solid #333333;
  overflow: hidden;
  z-index: 99999;
  background-color: #ffffff;
}

.hl-hcc-info-box3 {
  position: absolute;
  left: 5px;
  width: 100%;
  top: 84px;
  height: 26px;
  overflow: hidden;
  border: 0px solid #333333;
  z-index: 99999;
  background-color: #ffffff;
}

.hl-hcc-info-tables {
  position: absolute;
  left: 40px;
  top: 0px;
  right: 0px;
  bottom: 10px;
}

.hl-hcc-info-clip {
  position: absolute;
  left: 0px;
  top: 100px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: #f9f9f9;
  border: 2px solid #cccccc;
}

.hl-hcc-info-edit {
  font-family: cpg;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  width: 20px;
  text-align: center;
  height: 14px;
  line-height: 16px;
  color: #666666;
  cursor: pointer;
}

.hl-hcc-info-edit:hover {
  color: #62a70f;
}

.hl-hcc-info-edit:active {
  padding-left: 2px;
  padding-top: 4px;
}

.hl-hcc-info-table-header {
  position: absolute;
  left: 5px;
  width: 99%;
  top: 0px;
  padding: 3px;
  font-size: 12px;
  font-weight: 600;
}

.hl-hcc-info-table {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 99%;
  height: 26px;
  margin: 1px 3px 0 3px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.hl-hcc-info-table-current {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 99%;
  margin: 1px 3px 0 3px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.hl-hcc-info-table2 {
  position: absolute;
  left: 30px;
  width: 99%;
  top: 0px;
  padding: 2px;
  font-size: 12px;
  -webkit-transition: height 220ms linear;
}

.hl-hcc-info-visit {
  height: 19px;
  padding-top: 0px;
  font-weight: 600;
  font-size: 12px;
}

.hl-hcc-info-visit-current {
  height: 22px;
  padding-top: 0px;
  font-weight: 600;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
}

.hl-hcc-info-visit-current:hover {
  background-color: #aaaaff;
}

.hl-hcc-info-plus {
  text-align: center;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}

.hl-hcc-info-raf {
  font-size: 12px;
  text-align: center;
}

.hl-hcc-info-rafBig {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.hl-hcc-info-raf-plus {
  font-size: 12px;
  text-align: center;
  color: red;
  font-weight: 600;
}

.hl-hcc-info-row {
  position: relative;
  padding: 6px 0px 5px 0px;
  border-top: 1px solid #aaaaaa;
  height: 44px;
}

.hl-hcc-info-condition {
  vertical-align: top;
  padding-left: 5px;
  line-height: 18px;
  width: 400px;
}

.hl-hcc-info-large {
  padding-left: 9px;
  /* -webkit-transition: height 10ms linear; */
}

.hl-hcc-info-resize {
  /*  -webkit-transition: height 10ms linear; */
}

.hl-hcc-info-header {
  /* display: inline-block; */
  position: relative;
  height: 12px;
  border-bottom: 1px solid #bbbbbb;
  font-size: 11px;
  color: #005a9c;
}

.hl-hcc-info-filename {
  font-size: 12px;
  color: #777777;
  cursor: pointer;
}

.hl-hcc-info-filename:hover {
  text-decoration: underline;
  font-size: 12px;
  color: #777777;
}

/* //filter button */
.hl-hcc-info-buttonBig {
  position: relative;
  left: 80px;
  top: 4px;
  width: 60px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  background-color: #8f459a;
  border: 1px solid #777777;
  border-radius: 5px 5px 5px 5px;
  z-index: 999999;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.hl-hcc-info-buttonBig:active {
  margin-left: 2px;
}

.hl-hcc-info-radioBig {
  position: relative;
  display: inline-block;
  left: 55px;
  top: 4px;
  width: 80px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
  z-index: 999999;
  cursor: pointer;
  color: #111111;
  letter-spacing: 1px;
  margin-top: 0px;
  margin-bottom: 13px;
}

.hlw-hcc-action-button {
  position: absolute;
  left: 16px;
  top: 8px;
  width: 60px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  background-color: #00abc7;
  border: 1px solid #111111;
  border-radius: 5px 5px 5px 5px;
  z-index: 999999;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
}

.hl-hcc-action:hover {
  background-color: #f5ddf9;
}

.hl-hcc-action:active {
  background-color: #f5ddf9;
  margin-top: 2px;
  margin-left: 2px;
}

.hl-hcc-info-buttonSmall {
  position: relative;
  visibility: hidden;
  left: 60px;
  top: 4px;
  width: 55px;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  background-color: #eeeeee;
  border: 1px solid #777777;
  border-radius: 5px 5px 5px 5px;
  z-index: 999999;
  cursor: pointer;
  color: #111111;
  letter-spacing: 1px;
}

.hl-hcc-info-buttonSmall:active {
  margin-top: 2px;
  margin-left: 2px;
}

/*  ***** css for large more info middle table  */
.hl-hcc-info-backgroundbox {
  position: absolute;
  left: 10px;
  /*right: -60px; */
  width: 714px;
  bottom: 5px;
  top: 52px;
  border: 1px solid #888888;
  z-index: 0;
}

.hl-hcc-info-tabbox {
  position: absolute;
  left: 10px;
  top: 21px;
  width: 320px;
  height: 30px;
  border-color: #888888;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-radius: 7px 7px 0px 0px;
  z-index: 12;
  cursor: pointer;
}

.hl-hcc-info-clipBig {
  position: absolute;
  top: 231px;
  left: 26px;
  height: 210px;
  width: 640px;
  z-index: 99999999999;
  border: 4px ridge #bbbbbb;
  border-radius: 16px;
  overflow: hidden;
}

.hl-hcc-info-tableBig {
  position: absolute;
  left: -1px;
  top: 0px;
  height: 20px;
  margin-left: 1px;
  margin-top: 0px;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  /* -webkit-transition: top 280ms linear; */
}

.hl-hcc-info-nodata {
  height: 212px;
}

.hl-hcc-info-list {
  position: absolute;
  left: -10px;
  top: 0px;
  right: -10px;
  background-color: gray;
  /* -webkit-transition: top 280ms linear; */
}

.hl-hcc-info-rowBig {
  position: relative;
  padding: 3px 0px 4px 0px;
  border-top: 1px solid #aaaaaa;
  height: 70px;
}

.hl-hcc-info-conditionBig {
  vertical-align: top;
  padding-left: 5px;
  line-height: 18px;
}

.hl-hcc-info-item-titleBig {
  position: relative;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  width: 66px; /* need so we truncate overflow so table cell doesn't expand  */
  left: 0px;
  font-size: 10px;
  border: 1px solid #444444;
  background-color: #ffffff;
  margin-left: 0px;
  text-align: center;
  letter-spacing: 1px;
  color: #444444;
  font-weight: 800;
  top: 1px;
}

.hl-hcc-info-item-title2Big {
  position: relative;
  display: inline-block;
  height: 21px;
  overflow: hidden;
  width: 370px; /* need so we truncate overflow so table cell doesn't expand  */
  left: 0px;
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
  top: 4px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
}

.hl-hcc-info-itemBig {
  position: relative;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  width: 450px; /* need so we truncate overflow so table cell doesn't expand  */
  left: 0px;
  padding-left: 0px;
  font-size: 15px;
  top: 2px;
}

.hl-hcc-info-priorcodeBig {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  line-height: 13px;
  height: 12px;
  padding-top: 0px;
  padding-left: 1px;
  color: #444444;
  width: 100px;
  top: -5px;
}

.hl-hcc-info-rafBig {
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

.hl-hcc-info-textareaBig {
  height: 60px;
  width: 400px;
  resize: none;
}

.hl-hcc-info-largeBig {
  padding-left: 9px;
  -webkit-transition: height 220ms linear;
}

/* *********************************   INFO POPUP FOR EDITING   *********************  */
.hl-hcc-info-popup {
  position: absolute;
  left: 10px;
  right: 50px;
  top: 0px;
  background-color: #dddddd;
  border: 1px solid #999999;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: height 0.3s ease-out, width 220ms ease-out,
    left 220ms ease-out, top 220ms ease-out;
  -moz-transition: height 0.3s ease-out, width 220ms ease-out,
    left 220ms ease-out, top 220ms ease-out;
  -ms-transition: height 0.3s ease-out, width 220ms ease-out,
    left 220ms ease-out, top 220ms ease-out; /* IE10 is actually unprefixed */
  -o-transition: height 0.3s ease-out, width 220ms ease-out, left 220ms ease-out,
    top 220ms ease-out;
  transition: height 0.3s ease-out, width 220ms ease-out, left 220ms ease-out,
    top 220ms ease-out;
}

.hl-hcc-info-save {
  bottom: 10px;
  right: 100px;
}

.hl-hcc-info-cancel {
  bottom: 10px;
  right: 10px;
}

.hl-hcc-info-popup-left {
  position: absolute;
  left: 10px;
  width: 430px;
  top: 10px;
  bottom: 10px;
}

.hl-hcc-info-popup-docbox {
  position: absolute;
  left: 730px;
  right: 10px;
  top: 10px;
  bottom: 5px;
  min-width: 480px;
}

.hl-hcc-info-doc-title {
  position: absolute;
  left: 10px;
  right: 10px;
  top: -5px;
  height: 30px;
  font-size: 17px;
  font-weight: 600;
}

.hl-hcc-info-popup-doctop {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 25px;
  height: 30px;
  font-size: 14px;
}

.hl-hcc-info-popup-doctop2 {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 43px;
  height: 24px;
  font-size: 14px;
  /* border-bottom: 1px solid #888888; */
}

.hl-hcc-info-reference {
  position: absolute;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  top: 58px;
  height: 18px;
  font-size: 10px;
  text-align: center;
  color: #888888;
  /* border-bottom: 1px solid #888888; */
}

.hl-hcc-info-documents {
  position: absolute;
  width: 80px;
  right: -1px;
  top: 17px;
  height: 18px;
  font-size: 10px;
  text-align: center;
  color: #888888;
  /* border-bottom: 1px solid #888888; */
}

.hl-hcc-info-checkmark {
  visibility: hidden;
  font-family: cpg;
  position: relative;
  left: 36px;
  top: -44px;
  font-size: 26px;
  font-weight: 400;
  width: 18px;
  text-align: center;
  height: 14px;
  color: #62a70f;
  cursor: pointer;
}

/*  *****************************   PATIENT DETAIL UP/DOWN ARROWS  *********  */
.hl-hcc-info-arrows-holder {
  position: absolute;
  left: 678px;
  top: 167px;
  width: 30px;
  height: 370px;
  z-index: 999;
}

.hl-hcc-info-arrow {
  font-family: cpg;
  position: absolute;
  opacity: 1;
  left: 0px;
  font-size: 50px;
  font-weight: 400;
  width: 18px;
  text-align: center;
  height: 14px;
  color: #62a70f;
  cursor: pointer;
}

.hl-hcc-info-arrow-small {
  font-family: cpg;
  position: absolute;
  left: 7px;
  font-size: 26px;
  font-weight: 400;
  width: 18px;
  text-align: center;
  height: 14px;
  color: #62a70f;
  cursor: pointer;
}

.hl-hcc-info-arrow0 {
  top: 8px;
}

.hl-hcc-info-arrow0:active {
  margin-top: -2px;
}

.hl-hcc-info-arrow1 {
  top: 27px;
}

.hl-hcc-info-arrow1:active {
  margin-top: -2px;
}

.hl-hcc-info-arrow2 {
  top: 277px;
}

.hl-hcc-info-arrow2:active {
  margin-top: 2px;
}

.hl-hcc-info-arrow3 {
  top: 316px;
}

.hl-hcc-info-arrow3:active {
  margin-top: 2px;
}

.hl-hcc-info-currentnum {
  position: absolute;
  top: 2px;
  left: 667px;
  width: 40px;
  height: 22px;
  font-size: 12px;
  line-height: 11px;
  text-align: center;
}

.hl-hcc-info-dos-open {
  font-family: cpg;
  position: absolute;
  top: 15px;
  left: 675px;
  font-size: 28px;
  font-weight: 400;
  width: 18px;
  text-align: center;
  height: 14px;
  color: #888888;
  cursor: pointer;
}

/*   ********  ***************  FRAMES FOR SCROLLING LIST OF INFO  *************  */
.hl-hcc-info-frame0 {
  position: absolute;
  left: 60px;
  top: 140px;
  width: 590px;
  height: 103px;
  border-color: #999999;
  border-style: solid;
  border-width: 2px 2px 0px 2px;
  z-index: 99999;
  pointer-events: none;
}

.hl-hcc-info-frame1 {
  position: absolute;
  left: 50px;
  top: 240px;
  width: 10px;
  height: 200px;
  border-color: #999999;
  border-style: solid;
  border-width: 2px 0px 2px 2px;
  z-index: 99999;
  pointer-events: none;
}

.hl-hcc-info-frame2 {
  position: absolute;
  left: 630px;
  top: 240px;
  width: 10px;
  height: 200px;
  border-color: #999999;
  border-style: solid;
  border-width: 2px 2px 2px 0px;
  z-index: 99999;
  pointer-events: none;
}

.hl-hcc-info-frame3 {
  position: absolute;
  left: 60px;
  top: 448px;
  width: 590px;
  bottom: 8px;
  border-color: #999999;
  border-style: solid;
  border-width: 0px 2px 2px 2px;
  z-index: 99999;
  pointer-events: none;
}

.hl-hcc-info-frame4 {
  position: absolute;
  left: 50px;
  top: 244px;
  width: 610px;
  height: 200px;
  border-color: #999999;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  z-index: 99999;
  pointer-events: none;
}

.hl-hcc-info-buttonholder {
  position: absolute;
  top: 260px;
  left: 600px;
  width: 70px;
  height: 120px;
  z-index: 99999;
  -webkit-transition: opacity 120ms linear;
}

.hl-hcc-info-button {
  position: absolute;
  height: 22px;
  width: 60px;
  left: 0px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  background-color: #f9f9f9;
  border: 1px solid #777777;
  border-radius: 3px;
  z-index: 999;
  cursor: pointer;
}

.hl-hcc-info-button:hover {
  background-color: #f5ddf9;
}

.hl-hcc-info-button:active {
  background-color: #f5ddf9;
  margin-top: 2px;
  margin-left: 2px;
}

.hl-hcc-info-button-selected {
  position: absolute;
  height: 22px;
  width: 60px;
  left: 0px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  font-weight: 800;
  background-color: #f5ddf9;
  border: 2px solid #777777;
  border-radius: 3px;
  z-index: 999;
  cursor: pointer;
}

.hl-butdeny {
  left: 0px;
  top: 0px;
}

.hl-butaccept {
  left: 0px;
  top: 35px;
}

.hl-butreview {
  left: 0px;
  top: 70px;
}

.hl-hcc-info-textarea {
  height: 70px;
  width: 400px;
}

/* *************************** INFO NOTES  ************************  */

.hl-home-text {
  position: absolute;
  top: 70px;
  bottom: 0px;
  left: 10px;
  right: 10px;
  overflow: hidden;
  overflow-y: auto;
  font-size: 14px;
  transition: opacity 200ms ease-in;
  /*background-color: #fafafa;   */
  border: 1px solid #bbbbbb;
  z-index: 200;
  padding: 2px 14px 5px 10px;
  color: #333333;
}

.hl-home-text pre {
  font-size: inherit;
  line-height: 21px;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.hl-home-text p {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.hl-home-text pre p {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  line-height: 100% !important;
  -webkit-margin-before: 1px !important;
  -webkit-margin-after: 1px !important;
}

.hl-home-text td {
  margin: 2px !important;
  border: 1px solid #888888 !important;
  height: 10px !important;
  line-height: 100% !important;
  padding-left: 3px !important;
  padding-right: 2px !important;
}

.hl-hcc-text-override {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.hl-home-text2 {
  position: absolute;
  top: 10px;
  visibility: hidden;
  opacity: 0;
  bottom: 10px;
  left: 10px;
  right: 300px;
  overflow: hidden;
  overflow-y: auto;
  font-size: 14px;
  border: 2px solid #aaaaaa;
  box-shadow: 4px 4px 4px 1px #999999;
  padding: 14px;
  transition: opacity 200ms ease-in;
  z-index: 100;
}

.hl-hcc-info-evidence {
  position: absolute;
  top: 0px;
  width: 78px;
  right: 1px;
  height: 22px;
}

.hl-home-text-cmprbox {
  position: absolute;
  top: -3px;
  width: 78px;
  left: 50%;
  margin-left: -39px;
  height: 22px;
}

.hl-home-text-cmprnum {
  display: inline-block;
  position: absolute;
  border: 1px solid #666666;
  height: 16px;
  width: 50px;
  top: 0px;
  left: 50%;
  margin-left: -25px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.hl-home-text-cmpr {
  font-family: cpg;
  top: -1px;
  font-size: 32px;
  color: #666666;
  cursor: pointer;
  width: 20px;
  position: absolute;
  line-height: 23px;
  opacity: 0.4;
}

.hl-hcc-info-reftitle {
  font-size: 10px;
  color: #888888;
  text-shadow: 1px 1px 1px #ffffff;
  margin-top: 3px;
}

.hl-hcc-info-refnum {
  margin-top: 8px;
}

.hl-hcc-info-backstats {
  position: absolute;
  left: 167px;
  top: 0px;
  height: 28px;
  width: 150px;
}

.hl-hcc-infoerrmsg {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 6px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.hl-hcc-info-backtitle {
  position: absolute;
  left: 9px;
  top: 0px;
  width: 150px;
  font-size: 15px;
  font-weight: 600;
  height: 24px;
  color: #333333;
  margin-top: 5px;
  text-align: left;
}

.hl-hcc-info-smallbacktitle {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 60px;
  font-size: 10px;
  font-weight: 600;
  height: 24px;
  color: #888888;
  text-shadow: 1px 1px 1px #ffffff;
  text-align: center;
}

.hl-hcc-info-smallbacktitle2 {
  left: 70px;
}

.hl-hcc-info-backnum {
  position: absolute;
  left: 5px;
  top: 10px;
  width: 60px;
  font-weight: 600;
  height: 24px;
  font-size: 12px;
  text-align: center;
}

.hl-hcc-info-backnum2 {
  left: 70px;
}

.hl-hcc-info-tabtitle {
  position: absolute;
  font-size: 10px;
  color: #888888;
  text-shadow: 1px 1px 1px #ffffff;
  margin-top: 3px;
}

.hl-hcc-info-tabnum {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* need way to select all NLP0, NLP1, etc. elements for sty groups  */
[class^='sg'] {
  border: 2px solid #ffffff;
  margin: -2px;
  cursor: pointer;
}

[class^='sg']:hover {
  margin: -2px;
  border: 2px solid #de8a94;
}

.dummy {
  color: red;
}

/* ***************************   SETTINGS   ********** */
.hl-hcc-settings-box {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  height: 100%;
  font-size: 15px;
  line-height: 23px;
}

.hl-settings-color-example {
  position: absolute;
  display: table-cell;
  background-color: #ffffff;
  top: 324px;
  left: 270px;
  width: 120px;
  height: 30px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #888888;
  z-index: 9999;
}

.hl-settings-color-text {
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 4px;
  border: 2px solid #bbbbbb;
}

.hl-settings-color-title {
  position: absolute;
  font-weight: 800;
  top: 185px;
  left: 0px;
}

.hl-settings-color-table {
  border: 1px solid #cccccc;
  width: 400px;
  position: absolute;
  top: 210px;
  left: 10px;
  background-color: #f9f9f9;
}

.hl-hcc-info-number-clip {
  position: absolute;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-shadow: 2px 2px 2px #999999;
  top: 65px;
  left: 6px;
  width: 24px;
  height: 216px;
  overflow: hidden;
}

.hl-hcc-info-numbers {
  position: absolute;
  left: 0px;
  width: 24px;
  top: 0px;
  height: 216px;
  font-size: 16px;
  color: #111111;
  z-index: 10;
  text-align: center;
}

.hl-hcc-info-overlay {
  top: 0px;
  border: 1px solid #ffffff;
  border-radius: 6px;
  left: 0px;
  width: 24px;
  height: 216px;
  position: absolute;
  z-index: 100;
}

/* GREEN ROW 1 */
.hl-hcc-info-overlay-0 {
  background: -moz-linear-gradient(
    top,
    rgba(212, 238, 219, 0.8) 0%,
    rgba(212, 238, 219, 0.92) 36%,
    rgba(212, 238, 219, 0.01) 49%,
    rgba(212, 238, 219, 0.81) 64%,
    rgba(212, 238, 219, 0.89) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(212, 238, 219, 0.8)),
    color-stop(36%, rgba(212, 238, 219, 0.92)),
    color-stop(49%, rgba(212, 238, 219, 0.01)),
    color-stop(64%, rgba(212, 238, 219, 0.81)),
    color-stop(100%, rgba(212, 238, 219, 0.89))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(212, 238, 219, 0.8) 0%,
    rgba(212, 238, 219, 0.92) 36%,
    rgba(212, 238, 219, 0.01) 49%,
    rgba(212, 238, 219, 0.81) 64%,
    rgba(212, 238, 219, 0.89) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(212, 238, 219, 0.8) 0%,
    rgba(212, 238, 219, 0.92) 36%,
    rgba(212, 238, 219, 0.01) 49%,
    rgba(212, 238, 219, 0.81) 64%,
    rgba(212, 238, 219, 0.89) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(212, 238, 219, 0.8) 0%,
    rgba(212, 238, 219, 0.92) 36%,
    rgba(212, 238, 219, 0.01) 49%,
    rgba(212, 238, 219, 0.81) 64%,
    rgba(212, 238, 219, 0.89) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(212, 238, 219, 0.6) 0%,
    rgba(212, 238, 219, 0.1) 50%,
    rgba(212, 238, 219, 0.6) 100%
  ); /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccfcfcfc', endColorstr='#e3ffffff',GradientType=0 ); IE6-9 */
}

.hl-hcc-info-overlay-1 {
  background: -moz-linear-gradient(
    top,
    rgba(185, 231, 249, 0.8) 0%,
    rgba(185, 231, 249, 0.92) 36%,
    rgba(185, 231, 249, 0.01) 49%,
    rgba(185, 231, 249, 0.81) 64%,
    rgba(185, 231, 249, 0.89) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(185, 231, 249, 0.8)),
    color-stop(36%, rgba(185, 231, 249, 0.92)),
    color-stop(49%, rgba(185, 231, 249, 0.01)),
    color-stop(64%, rgba(185, 231, 249, 0.81)),
    color-stop(100%, rgba(185, 231, 249, 0.89))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(185, 231, 249, 0.8) 0%,
    rgba(185, 231, 249, 0.92) 36%,
    rgba(185, 231, 249, 0.01) 49%,
    rgba(185, 231, 249, 0.81) 64%,
    rgba(185, 231, 249, 0.89) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(185, 231, 249, 0.8) 0%,
    rgba(185, 231, 249, 0.92) 36%,
    rgba(185, 231, 249, 0.01) 49%,
    rgba(185, 231, 249, 0.81) 64%,
    rgba(185, 231, 249, 0.89) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(185, 231, 249, 0.8) 0%,
    rgba(185, 231, 249, 0.92) 36%,
    rgba(185, 231, 249, 0.01) 49%,
    rgba(185, 231, 249, 0.81) 64%,
    rgba(185, 231, 249, 0.89) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(185, 231, 249, 0.6) 0%,
    rgba(185, 231, 249, 0.1) 50%,
    rgba(185, 231, 249, 0.6) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfcfcfc', endColorstr='#e3ffffff', GradientType=0); /* IE6-9 */
}

.hl-hcc-info-overlay-2 {
  background: -moz-linear-gradient(
    top,
    rgba(220, 221, 239, 0.7) 0%,
    rgba(220, 221, 239, 0.92) 36%,
    rgba(220, 221, 239, 0.01) 49%,
    rgba(220, 221, 239, 0.81) 64%,
    rgba(220, 221, 239, 0.7) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(220, 221, 239, 0.7)),
    color-stop(36%, rgba(220, 221, 239, 0.92)),
    color-stop(49%, rgba(220, 221, 239, 0.01)),
    color-stop(64%, rgba(220, 221, 239, 0.81)),
    color-stop(100%, rgba(220, 221, 239, 0.7))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(220, 221, 239, 0.7) 0%,
    rgba(220, 221, 239, 0.92) 36%,
    rgba(220, 221, 239, 0.01) 49%,
    rgba(220, 221, 239, 0.81) 64%,
    rgba(220, 221, 239, 0.7) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(220, 221, 239, 0.7) 0%,
    rgba(220, 221, 239, 0.92) 36%,
    rgba(220, 221, 239, 0.01) 49%,
    rgba(220, 221, 239, 0.81) 64%,
    rgba(220, 221, 239, 0.7) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(220, 221, 239, 0.7) 0%,
    rgba(220, 221, 239, 0.92) 36%,
    rgba(220, 221, 239, 0.01) 49%,
    rgba(220, 221, 239, 0.81) 64%,
    rgba(220, 221, 239, 0.7) 100%
  ); /* IE10+ */
  /* background: linear-gradient(to bottom,rgba(220,221,239,0.6) 0%,rgba(220,221,239,0.5) 26%,rgba(220,221,239,0.3) 42%,rgba(220,221,239,0.0) 50%,rgba(220,221,239,0.3) 58%,rgba(220,221,239,0.5) 74%, rgba(220,221,239,0.6) 100%); W3C */
  background: linear-gradient(
    to bottom,
    rgba(220, 221, 239, 0.6) 0%,
    rgba(220, 221, 239, 0.1) 50%,
    rgba(220, 221, 239, 0.6) 100%
  ); /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfcfcfc', endColorstr='#e3ffffff', GradientType=0); /* IE6-9 */
}

/*  *******   REPORTS  **** */
.hl-hcc-reports-box {
  position: absolute;
  left: 20px;
  width: 800px;
  margin-bottom: 10px;
  border: 1px solid #bbbbbb;
  box-shadow: 1px 1px 1px #777777;
  height: 180px;
}

.hl-hcc-reports-subtitle {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 20px;
  font-weight: 800;
}

.hl-hcc-reports-icon-0 {
  display: inline-block;
  width: 34px;
  position: relative;
  top: 8px;
  height: 44px;
  background-image: url(/assets/images/reportTopOff.png);
  background-repeat: no-repeat;
  /* border: 2px solid #dddddd; */
  background-position: 0px 0px;
  /* border-radius: 5px 0 0 5px; */
}

.hl-hcc-reports-icon-0:hover {
  background-image: url(/assets/images/reportTopHover.png);
}

.hl-hcc-reports-icon-0-on {
  background-image: url(/assets/images/reportTopOn.png);
}

.hl-hcc-reports-icon-0-off {
  background-image: url(/assets/images/reportTopOff.png);
}

.hl-hcc-reports-icon-1 {
  width: 34px;
  margin-left: 1px;
  display: inline-block;
  position: relative;
  top: 8px;
  height: 44px;
  background-image: url(/assets/images/reportBottomOff.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  /*  border: 2px solid #dddddd;
    border-radius: 0 5px 5px 0;  */
}

.hl-hcc-reports-icon-1:hover {
  background-image: url(/assets/images/reportBottomHover.png);
}

.hl-hcc-reports-icon-1-on {
  background-image: url(/assets/images/reportBottomOn.png);
}

.hl-hcc-reports-icon-1-off {
  background-image: url(/assets/images/reportBottomOff.png);
}

/* icon selected */
.hl-hcc-reports-icon-on2 {
  background-color: #bbbbbb;
  background-position: 5px 6px;
  border-color: #62a70f;
}

.hl-hcc-reports-icon-off2 {
  background-color: #f5f5f5;
  border-color: #cccccc;
}

.hl-hcc-reports-icon-off2:hover {
  background-color: #62a70f;
}

.hl-hcc-reports-name {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 120px;
  height: 24px;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
}

.hl-hcc-reports-boxes {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 110px;
  bottom: 10px;
}

.hl-hcc-report-toptitles-off {
  background-color: #d3d3d3;
  color: #000000;
}

.hl-hcc-report-toptitles-on {
  background-color: #62a70f;
  color: #ffffff;
}

.hlw-piechart-popup {
  position: absolute;
  height: 100px;
  width: 160px;
  border: 1px solid #555555;
  border-radius: 3px;
  background-color: #f0f0f0;
  font-size: 14px;
  color: #111111;
  text-align: center;
  display: none;
  -webkit-transition: opacity 140ms linear;
}

.hl-hcc-reportlabel {
  position: relative;
  top: -2px;
}

.hl-hcc-report-boxdiv {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
}

.hl-hcc-report-boxdiv label {
  padding-top: 4px;
}

.hl-hcc-report-boxdiv hr {
  margin-top: 2px;
  margin-bottom: 2px;
}

.hl-hcc-report-boxtitle {
  top: 0px;
  left: 0px;
  right: 0px;
  height: 20px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  background-color: #62a70f;
  color: #ffffff;
}

.hl-hcc-reports-table {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #999999;
}

.hl-plusminus {
  font-family: cpg;
  font-size: 11px;
  padding-right: 2px;
  color: #62a70f;
  cursor: pointer;
}

.hl-hcc-reports-select {
  position: absolute;
  top: 40px;
  left: 158px;
  height: 22px;
  width: 240px;
}

.hl-hcc-reports-button {
  position: absolute;
  left: 700px;
  top: 50%;
  margin-top: -13px;
  width: 80px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  background-color: #00abc7;
  border: 1px solid #111111;
  border-radius: 5px 5px 5px 5px;
  z-index: 999999;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
}

.hl-hcc-reports-checkbox-box {
  position: absolute;
  left: 564px;
  top: 20px;
  width: 110px;
  height: 140px;
  border: 1px solid #cccccc;
  padding-left: 5px;
}

.hl-hcc-reports-radio-box {
  position: absolute;
  left: 440px;
  top: 50px;
  width: 88px;
  height: 80px;
  border: 1px solid #cccccc;
  padding-left: 5px;
}

.hl-hcc-reports-radio {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0px;
}

.hl-hcc-report-multibox {
  position: absolute;
  display: none;
  top: 0px;
  left: 2px;
  width: 228px;
  height: 330px;
  overflow: hidden;
}

.hl-hcc-multiselect-close {
  position: absolute;
  font-family: cpg;
  height: 20px;
  width: 20px;
  color: #111111;
  top: 2px;
  right: 4px;
  font-size: 19px;
  font-weight: 600;
  cursor: pointer;
}

.hl-hcc-report-boxrow {
  margin-top: 4px;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 600;
}

.hl-hcc-reports-check {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 10px;
}

.hl-hcc-reports-boxheader {
  font-size: 14px;
  font-weight: 600;
}

.hl-hcc-reports-example-button {
  display: inline-block;
  margin-top: 3px;
  width: 80px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  z-index: 999;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
}

.hl-hcc-reports-create-button {
  position: relative;
  display: inline-block;
  margin-top: 3px;
  margin-left: 10px;
  margin-bottom: 3px;
  width: 30px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px 5px 5px 5px;
  z-index: 999;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.hl-hcc-report-canned {
  top: 100px;
  left: 15px;
  right: 15px;
  height: 91%;
  border: 1px solid #999999;
  overflow-y: auto;
  margin-top: 5px;
}

.hl-hcc-report-number {
  font-family: cpg;
  font-size: 18px;
  position: relative;
  font-weight: 400;
  top: 1px;
  width: 0px;
  display: inline-block;
  left: -60px;
  color: #ffffff;
  text-shadow: 1px 1px 1px #111111;
}

.hl-hcc-report-out-body {
  width: 100%;
  margin-bottom: 20px;
}

.hl-hcc-checklabel {
  display: inline-block;
  width: 130px;
  font-size: 13px;
}

.hl-hcc-checkradio {
  display: inline-block;
  width: 37px;
  text-align: center;
  border-left: 1px solid #aaaaaa;
}

.hl-hcc-report-dummywidth {
  display: block;
  height: 0px;
  left: 0px;
  position: relative;
}

.hl-hcc-reportrow {
  border: 1px solid #aaaaaa;
  color: #444444;
  padding: 0px 0px 0px 4px;
}

.hl-hcc-report-boxbutton {
  width: 140px;
  display: inline-block;
  height: 18px;
  border: 1px solid #555555;
  background-color: #eeeeee;
  color: #111111;
  font-size: 13px;
  text-align: left;
  padding-left: 8px;
  border-radius: 4px;
  line-height: 19px;
  z-index: 9999;
}

.hl-hcc-report-multi-alpha {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(50, 50, 50, 0.4);
  display: none;
  z-index: 9990;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
}

.hl-hcc-report-arrow {
  font-family: cpg;
  position: relative;
  display: inline-block;
  float: right;
  top: 0px;
  right: 4px;
  width: 12px;
  font-size: 17px;
  cursor: pointer;
  color: #666666;
}

.hl-hcc-report-help {
  font-size: 12px;
  color: #666666;
}

.hl-hcc-report-delete {
  font-family: cpg;
  position: relative;
  display: inline-block;
  top: 2px;
  margin-left: 4px;
  width: 12px;
  font-size: 16px;
  cursor: pointer;
  color: #888888;
}

.hl-hcc-report-delete:active {
  top: 2px;
  margin-left: 5px;
}

.hl-hcc-report-options {
  position: absolute;
  top: 10px;
  left: 180px;
  font-size: 13px;
  font-weight: 600;
  border-color: #999999;
}

.hl-hcc-report-options label {
  padding-left: 28px;
  padding-right: 8px;
}

.hl-hcc-report-select {
  width: 200px;
  height: 20px;
  margin: 0px;
}

.hl-hcc-reportcheck {
  font-size: 14px;
}

.hl-hcc-tab-content {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
  overflow-y: auto;
}

.hl-hcc-info-summarytable {
  border: 1px solid #999999;
  width: 100%;
  font-size: 14px;
}

.hl-hcc-info-summarytable thead tr {
  background-color: #f9f9f9;
}

.hl-hcc-info-summarytable thead th {
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}

/*   row shading got confusing when rows were combined
.hl-hcc-info-summarytable  tbody tr:nth-child(odd) {
  background: #ffffff;
}

.hl-hcc-info-summarytable tbody tr:nth-child(even) {
  background: #f9f9f9;
}
*/

.hl-hcc-info-summarytable tbody td {
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #cccccc;
  border-collapse: collapse;
}

.hl-hcc-nextgen-table {
  padding: 2px;
  margin: 4px 20px 10px 20px;
  font-size: 13px;
}

.hl-hcc-nextgen-table td {
  padding: 4px;
}

.hl-hcc-nextgen-table thead th {
  background-color: #f4f4f4;
  font-size: 12px;
}

.hl-hcc-nextgen-grouptitle {
  font-size: 19px;
  font-weight: 800;
  margin-top: 20px;
  color: #2222cc;
}

.hl-hcc-nextgen-subgrouptitle {
  font-size: 16px;
  font-weight: 600;
  padding-left: 20px;
}

.hl-hcc-widget-main {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  border: 1px solid #999999;
}

.hl-hcc-report-date {
}

.hl-hcc-report-date label {
  padding-left: 6px;
  line-height: 22px;
}

.hl-hcc-report-actiontitle {
  display: inline-block;
  text-align: right;
  width: 90px;
  font-size: 12px;
}

.hl-hcc-highlight-notes {
  border-color: transparent;
  background-color: #01ee40;
  color: #111111;
}

/* //filter button */
.hlw-moreinfo-button {
  position: absolute;
  right: 22px;
  top: 68px;
  width: 130px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  z-index: 999999;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
}

#hlHccInfo select {
  height: 20px;
}

#hlReadmitMenu,
#eVIEW-menu {
  overflow: hidden !important;
}

.hl-summary-list-arrow {
  font-family: cpg;
  position: relative;
  float: right;
  font-size: 20px;
  font-weight: 400;
  display: none;
  text-align: center;
  height: 14px;
  bottom: 0px;
  line-height: normal;
  color: #62a70f;
  z-index: 9999;
}