/* styles added to integrate estimator into site */
.hrrt {margin: -20px -15px;}
.hrrt *,.hrrt :before,.hrrt :after {line-height:normal;box-sizing: content-box;}
.hrrt button {box-sizing:border-box;}
.hrrt label {font-weight: normal;margin-bottom:0}
.hrrt-option label {display: inline;}
#hrrt_header h2 {color:#FFF;}
#hrrt a {font-weight:normal;}
#hrrt .hrrt_flag label a, #hrrt .hrrt_pin label a {color: #000;}
.hrrt p {margin-top:16px;}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), 
       local('RobotoSlab-Regular'), 
       url(../fonts/robotoslab_400_latin_ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/robotoslab_400_latin.eot);
  src: local('Roboto Slab Regular'), 
       local('RobotoSlab-Regular'), 
       url(../fonts/robotoslab_400_latin.woff2) format('woff2'), 
       url(../fonts/robotoslab_400_latin.woff) format('woff'),
       url('../fonts/robotoslab_400_latin.eot?#iefix') format('embedded-opentype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), 
       local('RobotoSlab-Bold'), 
       url(../fonts/robotoslab_700_latin_ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/robotoslab_700_latin.eot);
  src: local('Roboto Slab Bold'), 
       local('RobotoSlab-Bold'), 
       url(../fonts/robotoslab_700_latin.woff2) format('woff2'), 
       url(../fonts/robotoslab_700_latin.woff) format('woff'), 
       url('../fonts/robotoslab_700_latin.eot?#iefix') format('embedded-opentype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body {
  padding:0;
  margin:0;
 
}

button {
  cursor: pointer;
}

button:focus {
  
  outline:none;
}

#hrrt{
  position:relative;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  width: 875px;
  z-index: 0;
}

#hrrt:before {
  content: "";
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/tiny_grid.png");
  opacity: 0.5;
  z-index: -1;
}

.ui-selectmenu-button.ui-widget, .ui-selectmenu-menu{
  font-family:Arial, Helvetica, sans-serif
  font-size:12px;
}
.ui-dialog { 
  z-index: 1000 !important;
  font-size:15px !important;
}
.ui-dialog .ui-widget-header,
.ui-dialog .ui-dialog-content.ui-widget-content,
.ui-dialog .ui-button-text
{
  color:white;  
  
}
.ui-dialog .ui-widget-header {
  font-family: 'Roboto Slab', Georgia, Times, "Times New Roman", serif;
  font-size: 35px;
  padding: 5px 0 0 0;
}
.ui-dialog-buttonset, .ui-dialog-buttonpane, .ui-dialog{
  background:none;
  border:none;
  color:white;
}
.ui-dialog .ui-button-text-only .ui-button-text {
  padding: 5px 0em;
 
}

.ui-widget-header {
  border:none;
  background:none;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  height: 20px;
  width: 20px;
  background-image: url("../img/close.png");
  background-position: left;
  position: relative;
  top: 14px;
  left: 15px;
  display:none;
}
.ui-dialog .ui-state-hover .ui-icon, .ui-dialog .ui-state-hover .ui-icon {
  background-image: url("../img/close.png");
  background-position: right;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonset button {
    background: #333;
    color: #fff !important;
    padding: 6px 20px;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid red;
    float: left;
    margin: 0px 11px;
    font-family: 'Open Sans';
    letter-spacing: 2px;
	width:15%;
	display:none;
	border-radius:0px;
   
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
  display:none;
}
.ui-dialog .ui-dialog-title {
      text-align: center;
    margin: 0px auto 40px;
    font-size: 36px;
	width:100%;
	font-weight:normal;
    color: #fff;
    font-family: 'Open Sans';
}


/*}*/
.ui-state-default.ui-dialog-titlebar-close {
  margin-top: -32px;
  background: none;
  border: 0px solid gray;
  border-radius: 17px;
  width: 35px;
  height: 35px;
}

#SELECT_STATUS dl {
  margin: auto;
  
}
#SELECT_STATUS dl dt {
  display:inline-block;
  position: relative;
  top: 5px;
  width:38px;
  height:38px;
  background:#dc0f16;
  border-radius:21px;
  font-size:25px;
  text-align: center;
  line-height: 38px;
}
#SELECT_STATUS dl dd {
  
}

#SELECT_STATUS dl dd p {
 
}

.hrrt_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hrrt_display_none{
  display:none!important;
}
.hrrt_dialog,.hrrt_dialogs div{
  display:none;
}
.hrrt_hidden{
  visibility:hidden!important;
  opacity:0;
  transition:all 0.5s ease;
}

.hrrt_help{
  position:relative; /*this is the key*/
  display:inline-block;
  font-size:13px;
  color:#fff;
  background-color:#000;
  height:14px;
  width:14px;
  border-radius:7px;
  text-align:center;
  cursor:help;
}
.hrrt_help:hover{
  background-color:#666
}
.hrrt_opaque .hrrt_help:hover{
  background-color:#000
}
.hrrt_help div{
  visibility: hidden;
  top:-1em; left:-2em; /* May want to override these settings */
  min-width:325px;
  position:absolute;
  border:1px solid #666;
  background-color:#eee; 
  border-radius:13px;
  padding:7px;
  color:#000;
  text-align: left;
  z-index:100;
}
.hrrt_help:hover div{
  visibility: visible;    
}
.hrrt_opaque .hrrt_help:hover div{
  visibility: hidden;    
}
.actute_custom{
	    float: left;
    margin-top: 27px;
	}
	.acuteandstdright{
		    padding: 0px ;
		}
.actute_custom label p{
	    top: 185px !important;
	}
#hrrt_header{
  margin:0 0 1px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align:center;
  height:90px;
  box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
  background: #2CB1B6;
  background: -ms-linear-gradient(top, #373c40 0%,#22272d 100%); /* IE10+ */
  background: linear-gradient(to bottom, #373c40 0%,#22272d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373c40', endColorstr='#22272d',GradientType=0 ); /* IE6-9 */
}

#hrrt_header h2 {
  font-weight:bold;
  margin: 0;
  line-height:60px;
  text-align:center;
  display: table;
  width: 100%;
}

#hrrt_header h2 .hrrt-title {
  font-family: 'Roboto Slab', Georgia, Times, "Times New Roman", serif;
  font-weight:bold;
  font-size: 36px;
  text-align: center;
}

#hrrt_header h2 .hrrt-subtitle {
  font-size: 16px;
  font-weight: normal;
  margin-top: -9px;
}

.hrrt-selections {
  padding-top:0px;
      float: left;
    width: 100%;
    height: auto;
}
  
.hrrt-partner-selections {

  width:50%;
  float:left;
}
.hrrt_person2_custom_main{
	
    width: 50%;
	float:left;
	}
	.hrrt_person2_custom_main_inner{
		  
		}
.hrrt-selections-title {
  position: relative;
  margin:0;
  padding-top:10px;
  height:33px;
  font-size:18px;
  text-align:center;
  border-top-right-radius:9px;
  border-top-left-radius:9px;
  color:#fff;
  background: #2BB033;
  background: -ms-linear-gradient(top, #34393d 0%,#23272a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #34393d 0%,#23272a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34393d', endColorstr='#23272a',GradientType=0 ); /* IE6-9 */  

}

.hrrt-selections-title .circled {
  color:#1e2831;
  background:#fff;
  height:20px;
  width:20px;
  border-radius:10px;
  display: inline-block;
  line-height: 17px;
  position: relative;
  top: -2px;
}

.hrrt-selections-title-img {
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("../img/people.png");
  top: 7px;
  margin-left: 10px;
}

#hrrt_person_2 .hrrt-selections-title-img {
  background-position:right;
}

#hrrt_select_view {
  overflow:hidden;
  clear:left;
  background-color:#fff;
}

.hrrt-select-box {
    margin: 17px 0 17px 0px;
    height: auto;
    width: 100%;
    float: left;
}
/*.hrrt-select-label {
  color:#BC0A0C;
  font-size: 18px;
  line-height:35px;
  font-weight:bold;
}*/
#hrrt_select_activity {
    margin-top: 111px;
    width: 100%;
    float: left;
	
}
.hrrt-select-status-radios, #hrrt_select_status_person2 {
  display: inline-block;
  margin:auto;
    height: auto;
    width: 100%;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: normal;
	text-align:center;
 
}
#hrrt_select_status_none{
  display:none;
}
.hrrt-select-status-radios input[type=radio] {
  visibility: hidden;
  position:absolute;
}
.hrrt-select-status-radios label {
  display: inline-block;
  cursor: pointer;
   font-size: 16px;
   position:relative;
}
.hrrt-select-status-radios .label1:after {
     content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 9px;
    margin-right: 2px;
    position: relative;
    left: 3px;
    top: 6px;
    background-color: #9e9e9e;
    border: 1.5px solid #000000;
    border-radius: 20px;
}
.hrrt-select-status-radios .label2:after {
     content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 9px;
    margin-right: 2px;
    position: relative;
    left: 1px;
    top: 6px;
    background-color: #9e9e9e;
    border: 1.5px solid #000000;
    border-radius: 20px;
}
.customplus{
	position: absolute;
	bottom: 4px;
	z-index: 1;
	font-size: 15px;
	color: #eed369;
	right: 5px;
	}
	.partnerminus{
	/*color: #eed369;*/
	color:#000;
	}
	.partnerPlus{ display:none; }
.customminus{
	position: absolute;
    left: 6px;
    bottom: -2px;
    z-index: 1;
    color: #333;
    font-size: 15px;
	}
.hrrt-select-status-radios input[type=radio]:focus + label {
  box-shadow: 0 0 0 3px #4567ff;
  border: 0px solid white;
  border-radius:8px;
}
.hrrt-select-status-radios input[type=radio]:checked + label {
  font-weight:bold;
}
.hrrt-select-status-radios input[type=radio]:checked + label:after {
    width: 23px;
    height: 23px;
    box-shadow: none;
    border-radius: 20px;
    background: #153f51;
}
.hrrt-select-activity-label {
      vertical-align: top;
    width:100px;
    text-align: center;
    font-size: 17.685px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    color: #153f51;
    letter-spacing: 1px;
    line-height: 20px;
    display: table;
    margin: auto;
	font-weight:normal;

}

.hrrt-select-activity-widget {
     height: 50px;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    font-family: 'Open Sans';
    margin-top:50px ;
    margin-left: auto;
	margin-right: auto;
	background: #153e50;
    display: table;
	position:relative;
}

#hrrt_person_1 .hrrt-select-activity-widget {

  background: #153f51;
  background: -ms-linear-gradient(top, #153f51 50%,#153f51 100%); /* IE10+ */
  background: linear-gradient(to bottom, #153f51 50%,#153f51 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153f51', endColorstr='#153f51',GradientType=0 ); /* IE6-9 */     

}
.hrrt_expanded.hrrt-select-activity-widget {
  border-radius:0px 0px 0 0;
}

.hrrt-select-activity-top {
       position: relative;
    width: 187px;
    line-height: 58px;
    padding-top: 0;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 15px;
    letter-spacing: .5px;
    margin-top: -12px;
	    outline: none;

}
#hrrt_select_activity_top_person2 {
  color:#979797;
  text-align: left;
}
#hrrt_select_activity_top_person1 {
  background-image: url('../img/dropdowntool.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;  

}
/*.hrrt_expanded #hrrt_select_activity_top_person1 {
  border-radius:19px 19px 0 0;
  background-image: url('../img/dropdowntool.png');
}*/
.hrrt-select-activity-widget fieldset {
  display: none;
  left: 0;
  width: 187px;
  position: absolute;
  border: 1px solid #B5B0AC;
  background:white;
  z-index:201;
  margin:0;
  padding:0;
  line-height:24px;
}
.hrrt-select-activity-widget fieldset legend{
  position:absolute;
  visibility:hidden;
}
.hrrt-select-activity-widget input {
  opacity:0;position:absolute;
}
.hrrt-select-activity-widget label{
  padding-left:0px;
  display:block;
  height: 32px;
  line-height: 32px;
  color:#333;
  font-weight: normal;
}
.hrrt-select-activity-widget input:checked + label {
  background: #153f51 ;
  background: -ms-linear-gradient(top, #153f51  0%,#153f51  100%); /* IE10+ */
  background: linear-gradient(to bottom, #153f51  0%,#153f51  100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0f16', endColorstr='#b00c0d',GradientType=0 ); /* IE6-9 */
  color:white;
}
.hrrt-select-activity-widget input:focus + label {
  background: #153f51;
  background: -ms-linear-gradient(top, #153f51 0%,#153f51 100%); /* IE10+ */
  background: linear-gradient(to bottom, #153f51 0%,#153f51 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0f16', endColorstr='#b00c0d',GradientType=0 ); /* IE6-9 */
  color: white;
  transition: cursor 0.5s ease;
  transition-delay: 0.5s;
}
.hrrt-select-activity-widget label span{
  position: absolute;
  left:211px;
  margin-top: -25px;
  float:left;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  min-height:20px;
  font-size: 15px;
  line-height: normal;
  background: #fff;
  background: -ms-linear-gradient(top, #f5f5f5 0%,#e9e9e9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%,#e9e9e9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
  border: 2px solid #153f51;
  box-shadow: 0 2px 2px 2px #ccc;
  white-space: normal;
  width:315px;
  z-index: 999;
  padding: 35px 25px;
  border-radius: 16px;
  opacity:0;
  transition: opacity 0.2s ease;
}
.hrrt-select-activity-widget input:focus + label span{
  color: black;
  opacity: 0.95;
  transition: opacity 0.5s ease;
  transition-delay: 0.5s;
}
.hrrt-select-activity-widget label span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 23px;
  left: -40px;
  border-width: 20px;
  border-color: transparent #153f51  transparent transparent;
  border-style: solid;
  display: block;
}

.hrrt-option-sets{
     position: relative;
    top: 0;
    margin-top: 15px;
    white-space: nowrap;
    transition: all 1000ms ease;
    /* float: left; */
    float: left;
    width: 100%;
    /* padding-right: 20px; */
    padding-left: 20px;
 
}
.hrrt-option-setscustom{
     position: relative;
    top: 0;
    margin-top: 15px;
    white-space: nowrap;
    transition: all 1000ms ease;
     float: left; 
  
    width: 100%;
    /* padding-right: 20px; */
    padding-left: 20px;
 
}
.hrrt-select-factor {
  
    text-align: center;
    font-size: 17.685px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: normal;
    color: #153f51;
    letter-spacing: 1px;
	    float: left;
    width: 100%;	
    
}

.hrrt-options {
  display:block;
  padding-bottom: 34px;
}

.hrrt-option {
  display:inline-block;
  white-space: normal;
  width:74%;
}
.hrrt-option1 {
  display:inline-block;
  white-space: nowrap;
  width:auto;
  
}
.hrrt-option label:first-child{
cursor: pointer;
font-family: 'Open Sans';
margin-bottom: 3px;
color: rgb(0, 0, 0);
padding-right: 10px;
font-weight:normal;
}

.hrrt-option label p{
    position: absolute;
     top: 89px;
    left: 94px;
    font-weight: normal;
    font-size: 15px;
    background: #fff;
    background: -ms-linear-gradient(top, #f5f5f5 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=0 );
    border: 2px solid #153e50;
    box-shadow: 0 2px 2px 2px #ccc;
    white-space: normal;
    width: 315px;
    z-index: 999;
    padding: 35px 25px;
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    text-align: left;
}

.hrrt-option:hover label p{
  opacity:0.95;
  visibility:visible;
  transition: all 200ms ease-in;
  transition-delay: 500ms;
}
.hrrt-option label:first-child:hover {
  transition-delay: 500ms;
}
.hrrt-option.hrrt_opaque label:hover p, .hrrt_opaque .hrrt-option label:hover p{
  opacity:0;
  visibility:hidden;
}
.hrrt-option label p:before {
  bottom: 100%;
  left: 180px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #153e50;
  border-width: 20px;
  margin-left: -20px;
}

#hrrt_con_neg label p:before {
  left:42px;
}
.hrrt-option_condomcustom label p{  
     top: 35px;  
}
.hrrt-option_std_actutecustom label p{
	top: 145px; 
}
.hrrt-option1 label p {
    top: 60px;
	left:360px;
}
.hrrt-positive-perspective #hrrt_con_neg label p:before {
  left:85px;
}
#hrrt_prep label p:before {
  left:42px;
}
#hrrt_stdn label p:before {
  left:39px;
}
#hrrt_con_pos label p:before {
  left:42px;
}
.hrrt-positive-perspective #hrrt_con_pos label p:before {
  left:135px;
}
#hrrt_art label p:before {
  left:42px;
}
#hrrt_stdp label p:before {
  left:39px;
}
#hrrt_ahi label p:before {
  left:39px;
}

.hrrt-safer-sex .hrrt-option label p {
  border-color: #018a01;
}
.hrrt-safer-sex .hrrt-option label p:before {
  border-bottom-color:#018a01;
}
.hrrt-safer-sex .hrrt-option label p strong {
  color: #153f7c;
}
.hrrt-increase-risk .hrrt-option label p {
  border-color: #C40C14;
}
.hrrt-increase-risk .hrrt-option label p:before {
  border-bottom-color: #C40C14;
}
.hrrt-increase-risk .hrrt-option label p strong {
  color: #C40C14;
}

.hrrt_switch {
  width:0;
  opacity:0;
  padding:0;
  margin:0;
  position: absolute;
}

.hrrt_switch + label {
  position: relative;
  cursor: pointer;
  margin-right:0px;
  margin-left:0;
  float:right;
      width: 53px;
    height: 19px;
	left: 28px;
}
.hrrt-option1 label strong{
	      position: relative;
    top: -8px;
}
.hrrt_switch1 + label {
  position: relative;
  cursor: pointer;
  margin-right:30px;
  margin-left:0;
  float:none;
      left: 0px;
	  display:inline-block;
}
.hrrt_switch + label:before {
 position: absolute;
    top: 0px;
    left: 3px;
    height: 21px;
    width: 48px;
    padding: 4px 2px;
    border-radius: 5px;
    content: "NO";
    color: #333;
    background: #b5b5b5;
  background: -ms-linear-gradient(top, #9a9a9a 0%,#bababa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #9a9a9a 0%,#bababa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
  text-align:right;
  transition:all 100ms ease-in;
  font-size:12px;
}
.hrrt_switch1 + label:before {
       top: 0px;
    left: 3px;
    height: 22px;
    width: 55px;
    padding: 4px 2px;
    border-radius: 29px;
    content: "NO";
    color: #fff;
    background: #b5b5b5;
  background: -ms-linear-gradient(top, #9a9a9a 0%,#bababa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #9a9a9a 0%,#bababa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
  text-align:right;
  transition:all 100ms ease-in;
}
.hrrt_switch + label:hover:before {
  background: -ms-linear-gradient(top, #bababa 0%,#9a9a9a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #bababa 0%,#9a9a9a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#9a9a9a',GradientType=0 ); /* IE6-9 */
}
.hrrt_switch:checked ~ label:before {
  content:"YES";
  color:#fff;
  background: #153e50 ;
 background: #153e50;
  background: -ms-linear-gradient(top, #153e50 0%,#153e50 100%); /* IE10+ */
  background: linear-gradient(to bottom, #153e50 0%,#153e50 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153e50', endColorstr='#153e50',GradientType=0 ); /* IE6-9 */
  text-align:left;
  transition:all 100ms ease-in;
font-size:11px;
}
.hrrt_switch:checked ~ label:hover:before {
  background: -ms-linear-gradient(top, #153e50 0%,#153e50 100%); /* IE10+ */
  background: linear-gradient(to bottom, #153e50 0%,#153e50 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153e50', endColorstr='#153e50',GradientType=0 ); /* IE6-9 */
}

.hrrt-safer-sex .hrrt_switch:checked ~ label:before {
 background: rgba(144,187,153,1);
background: -moz-linear-gradient(top, rgba(144,187,153,1) 0%, rgba(144,187,153,1) 35%, rgba(42,121,76,1) 55%, rgba(42,121,76,1) 96%, rgba(42,121,76,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(144,187,153,1)), color-stop(35%, rgba(144,187,153,1)), color-stop(55%, rgba(42,121,76,1)), color-stop(96%, rgba(42,121,76,1)), color-stop(100%, rgba(42,121,76,1)));
background: -webkit-linear-gradient(top, rgba(144,187,153,1) 0%, rgba(144,187,153,1) 35%, rgba(42,121,76,1) 55%, rgba(42,121,76,1) 96%, rgba(42,121,76,1) 100%);
background: -o-linear-gradient(top, rgba(144,187,153,1) 0%, rgba(144,187,153,1) 35%, rgba(42,121,76,1) 55%, rgba(42,121,76,1) 96%, rgba(42,121,76,1) 100%);
background: -ms-linear-gradient(top, rgba(144,187,153,1) 0%, rgba(144,187,153,1) 35%, rgba(42,121,76,1) 55%, rgba(42,121,76,1) 96%, rgba(42,121,76,1) 100%);
background: linear-gradient(to bottom, rgba(144,187,153,1) 0%, rgba(144,187,153,1) 35%, rgba(42,121,76,1) 55%, rgba(42,121,76,1) 96%, rgba(42,121,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90bb99', endColorstr='#2a794c', GradientType=0 );
font-size: 11px;
}
.hrrt-safer-sex .hrrt_switch:checked ~ label:hover:before {

}

.hrrt-increase-risk .hrrt_switch:checked ~ label:before {
background: rgba(242,163,145,1);
background: -moz-linear-gradient(top, rgba(242,163,145,1) 0%, rgba(242,163,145,1) 8%, rgba(170,47,69,1) 97%, rgba(170,47,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,163,145,1)), color-stop(8%, rgba(242,163,145,1)), color-stop(97%, rgba(170,47,69,1)), color-stop(100%, rgba(170,47,69,1)));
background: -webkit-linear-gradient(top, rgba(242,163,145,1) 0%, rgba(242,163,145,1) 8%, rgba(170,47,69,1) 97%, rgba(170,47,69,1) 100%);
background: -o-linear-gradient(top, rgba(242,163,145,1) 0%, rgba(242,163,145,1) 8%, rgba(170,47,69,1) 97%, rgba(170,47,69,1) 100%);
background: -ms-linear-gradient(top, rgba(242,163,145,1) 0%, rgba(242,163,145,1) 8%, rgba(170,47,69,1) 97%, rgba(170,47,69,1) 100%);
background: linear-gradient(to bottom, rgba(242,163,145,1) 0%, rgba(242,163,145,1) 8%, rgba(170,47,69,1) 97%, rgba(170,47,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a391', endColorstr='#aa2f45', GradientType=0 );
}
.hrrt-increase-risk .hrrt_switch:checked ~ label:hover:before {


}

.hrrt_switch + label:after {
  position:absolute;
  content: url('../img/toggle.png');
  top: -5px;
  margin-left: 2px;
  transition: all 100ms ease-in;
}

.hrrt_switch:checked ~ label:after {
  margin-left: 25px;
}
.hrrt_switch1:checked ~ label:after {
  margin-left: 31px;
}
/* focus styles */
.hrrt_switch:focus ~ label {
  color: #000;
}

#hrrt_bottom_panel {
  width:100%;
  background:white;
  margin-top:-5px;
  z-index: 199;
  position: relative;
}

.hrrt_show_all.hrrt_zoomed #hrrt_bottom_panel {
  border-top: 1px solid #ccc;
}

.hrrt_button_bar {
  overflow:hidden;
  width:804px;
  margin:0 auto;
  padding:7px 20px;
  text-align:center;
  background: #fff;
  background: -ms-linear-gradient(top, #f5f5f5 0%,#e9e9e9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%,#e9e9e9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 1px 1px 1px #ccc;
}

.hrrt_button_bar .hrrt_switch {
  position:relative;
}

.hrrt_button_bar .hrrt_switch + label {
  top:-8px;
}

.hrrt_button_bar .hrrt-option label:first-child {
  display: inline-block;
  margin-top:5px;
}

.hrrt_button_bar .hrrt-option label:first-child {
  display: inline-block;
  margin-top:5px;
}

.hrrt_button_bar .hrrt-option label p {
  top: 40px;
  left: 250px;
}
#hrrt_show_numbers_option label p:before {
  left:104px;
}
#hrrt_show_all_pins_option label p:before {
  left:280px;
}

#hrrt_control_buttons {
  height:auto;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.hrrt_button {
  text-align:center;
  display:block;
  padding:6px 20px;
  margin-top:6px;
  height:34px;
  border-radius:17px;
  font-size:15px;
  border: 1px solid white;
  background: #59DA5B;
  background: -ms-linear-gradient(top, #8A8B8E 0%,#292929 100%); /* IE10+ */
  background: linear-gradient(to bottom, #8A8B8E 0%,#292929 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8B8E', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
}  
.hrrt_button:hover {
  background: -ms-linear-gradient(top, #292929 0%,#8A8B8E 100%); /* IE10+ */
  background: linear-gradient(to bottom, #292929 0%,#8A8B8E 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#8A8B8E',GradientType=0 ); /* IE6-9 */
}
.hrrt_button_left {
  float:left
}
.hrrt_button_right {
  float:right
}
.hrrt_button_mid {
  display: inline-block;
  margin-right:auto;
  margin-left:auto;
  padding-left: 5px;
  padding-right: 20px;
}
.hrrt_button_red {
  background: #153e50;
  height:54px;
  border-radius:40px;
  font-size:18px;
  background: #153e50;
  background: -ms-linear-gradient(top, #153e50 0%,#153e50 100%); /* IE10+ */
  background: linear-gradient(to bottom, #153e50 0%,#153e50 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153e50', endColorstr='#153e50',GradientType=0 ); /* IE6-9 */
}
.hrrt_button_red:hover {
  background: -ms-linear-gradient(top, #153e50 0%,#153e50 100%); /* IE10+ */
  background: linear-gradient(to bottom, #153e50 0%,#153e50 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153e50', endColorstr='#153e50',GradientType=0 ); /* IE6-9 */
color:#333 ;
  }
#hrrt_about_the_data {
  padding:8px 0 0;
  text-decoration:none;
}

#hrrt_chart_panel {
  width:100%;
  height:567px; /* was 416px */
  padding:0 14px 0 17px;
  overflow:visible;
  position:relative;
  top: 0px;
  transition:all 0.2s ease;
  z-index:99;
  margin-top: 10px;
   background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;

  }

#hrrt_zoom_controls {
  position: absolute;
  left: 18px;
  top: -95px;
  background: white;
  height: 23px;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
  font-size: 12px;
  font-weight: bold;
  color: #717171;
  font-family: Arial, Helvetica, sans-serif;
  display:none !important;
}
.hrrt_show_all #hrrt_zoom_controls{
  display:block;
}
#hrrt_zoom_controls span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  text-align: center;
  margin-top: 3px;
}
#hrrt_zoom_controls .hrrt_zoom {
  background:url("../img/zoom.png") no-repeat;
}
#hrrt_zoom_controls .hrrt_zoom_control {
  cursor: pointer;
  border-radius:10px;
}
#hrrt_zoom_controls .hrrt_zoom_control:hover {
  background-color: #dedede;
}
#hrrt_zoom_controls .hrrt_zoom_control:active {
  background-color: #ccffcc;
}
#hrrt_zoom_controls  #hrrt_zoom_out {
  background-position-x:-20px;
  cursor:-ms-zoom-out;
  cursor:-moz-zoom-out;
  cursor:-webkit-zoom-out;
  cursor:zoom-out;
}
#hrrt_zoom_controls #hrrt_zoom_percent {
  width:35px;
  padding-left:8px;
  padding-right:8px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
#hrrt_zoom_controls  #hrrt_zoom_in {
  background-position-x:-40px;
  cursor:-ms-zoom-in;
  cursor:-moz-zoom-in;
  cursor:-webkit-zoom-in;
  cursor:zoom-in;
}

#hrrt_zoom_full_view {
  display:none;
  position: absolute;
  left: 330px;
  top: -95px;
  background: url("../img/allpins.png");
  width: 216px;
  height: 72px;
  border: 5px solid white;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}
.hrrt_show_all.hrrt_zoomed #hrrt_zoom_full_view{
  display:block;
}
#hrrt_zoom_full_view.hrrt_positive {
  background-position:0 -72px; 
}
#hrrt_zoom_full_view.hrrt_negative.hrrt_ivi {
  background-position:0 -144px;
}
#hrrt_zoom_full_view.hrrt_positive.hrrt_ivi {
  background-position:0 -216px;
}
#hrrt_zoom_full_view.hrrt_negative.hrrt_rvi {
  background-position:0 -288px;
}
#hrrt_zoom_full_view.hrrt_positive.hrrt_rvi {
  background-position:0 -360px;
}
#hrrt_zoom_full_view.hrrt_negative.hrrt_iai {
  background-position:0 -432px;
}
#hrrt_zoom_full_view.hrrt_positive.hrrt_iai {
  background-position:0 -504px;
}
#hrrt_zoom_full_view.hrrt_negative.hrrt_rai {
  background-position:0 -576px;
}
#hrrt_zoom_full_view.hrrt_positive.hrrt_rai {
  background-position:0 -648px;
}
#hrrt_zoom_full_view p {
  text-align:center;
  font-size:16px;
  font-weight:bold;
  margin-top:0;
}
#hrrt_zoom_view_slider {
  width: 98%;
  position: absolute;
  bottom: 30px;
  background: none;
  border: none;
}
#hrrt_zoom_view_slide_handle {
  position: absolute;
  bottom: -2px;
  width: 20%;
  height: 50px;
  border: 1px solid #cccccc;
  border-bottom-width: 2px;
  background: rgba(211,219,250,0.5);
  left: 0;
  cursor:pointer;
  cursor:-ms-grab;
  cursor:-moz-grab;
  cursor:-webkit-grab;
  cursor:grabbing;
}
#hrrt_zoom_view_slide_handle:active {
  background: rgba(211,250,219,0.5);
  cursor:pointer;
  cursor:-ms-grabbing;
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
  cursor:grabbing;
}
#hrrt_zoom_chart_wrapper {
  width: 100%;
  height: 25px;
  background: white;
  z-index: 201;
  position: relative;
  padding: 10px 0 0 17px;
  margin: -5px 0 5px 0;
  display:none;
}
.hrrt_show_all.hrrt_zoomed #hrrt_zoom_chart_wrapper {
  display:block;
}  
#hrrt_zoom_chart_slider {
  width: 820px;
}
#hrrt_zoom_chart_slide_handle {
  position: absolute;
  cursor:pointer;
  cursor:-ms-grab;
  cursor:-moz-grab;
  cursor:-webkit-grab;
  cursor:grabbing;
}
#hrrt_zoom_chart_slide_handle:active {
  cursor:pointer;
  cursor:-ms-grabbing;
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
  cursor:grabbing;
}
#hrrt_chart_panel_exit_button{
  display:none;
  margin: 35px auto 0;
}
.hrrt_show_all #hrrt_chart_panel_exit_button{
  display:block;
}

#hrrt_shows {
  overflow:hidden;
  margin: 0;
  transition:all 0.5s ease;
}

#hrrt_shows.hrrt_hidden{
  left:-1000px !important;
  opacity:1;
  transition:all 0.5s ease;
}

.hrrt_show {
 
  height:auto;
  padding-left:65px;
  border-top:none;
  background: white;
  background: #fbfbfb; /* Old browsers */
  background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}


.plusbtn {
    border-radius: 19px;
    padding: 0px;
    width: 23px;
    height: 23px;
    background: #153f51;
    border: 2px solid #333;
    outline: none;
    margin-top: 6px;
    margin-right: 4px;
	cursor:unset;
}
.minusbtn {
    border-radius: 19px;
    padding: 0px;
    width: 23px;
    height: 23px;
    background: #969696;
    border: 2px solid #333;
    outline: none;
    margin-top: 6px;
	cursor:unset;
}


.hrrt_show p {
  margin:0;
  position: relative;              
  display: inline-block;
  vertical-align: middle;
}

.hrrt_show p:first-child {
  height:67px;    
}

.hrrt_show_mod, .hrrt_show_base_activity, .hrrt_show_other_activity {
   font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.hrrt_show_base_activity, .hrrt_show_base_activity.hrrt_show_subdued {
  color:#000;
}

.hrrt_show_green em {
  color:#000;
  font-style:normal;
}

.hrrt_show_red em  {
  color:#000;
  font-style:normal;
}
  
.hrrt_show_subdued,.hrrt_show_subdued .hrrt_show_mod, .hrrt_show_subdued .hrrt_show_other_activity {
  color:grey;
      font-weight: bold;
    font-size: 20px;
 
}
  
.hrrt_decrease {
  color:#000;
   font-weight: bold;
   font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
}
.hrrt_increase {
    color: #000;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
}
.hrrt_decrease span.hrrt_increase {
  display:none;
}
.hrrt_increase span.hrrt_decrease {
  display:none;
}
#hrrt_change_symbol {
  width:75px;
  height:63px;
  float:left;
}

#hrrt_change_symbol.hrrt_same {
  background:url("../img/same.png");
}
#hrrt_change_symbol.hrrt_decrease {
  background:url("../img/decreasenew.png");
   background-size: 60px;
    background-repeat: no-repeat;
    margin-top: 6px;
	margin-left:4px;
}
#hrrt_change_symbol.hrrt_increase {
  background:url("../img/rightupiconred_03.png");
  background-size: 60px;
    background-repeat: no-repeat;
    margin-top: 6px;
	margin-left:4px;
}

#hrrt_charting{
  position: absolute;
  width:875px;
  height:280px;
  left:17px;
  bottom:0;
  transition:all 0.2s ease;
}

.hrrt-chart-cut {
  position:absolute;
  overflow:hidden;
  height:305px;
  width:100%;
  bottom:45px;
}
.hrrt-chart{
  position:absolute;
  left:0;
  bottom:0;
}

#hrrt_extreme_cut{
}
#hrrt_extreme_chart{
  position:absolute;
  height: 0;
 
  border-top: 280px solid transparent;
  border-right: 875px solid #E8C1C4;
  width:0;
}
#hrrt_chart_cut{
}
#hrrt_chart{
  height:0;
    width: 0;
  border-right:875px solid #d2d2d2;
  border-top:304px solid transparent;
}
#hrrt_change_chart{
  position:absolute;
  height: 0;
  width: 0;
  bottom: 0;
  border-top: 280px solid transparent;
}
#hrrt_change{
  position:absolute;
  overflow:hidden;
  height:280px;
  left:0;
  bottom:45px;
  display: none;
}
#hrrt_change_cut{
  bottom:0;
}
#hrrt_change_chart.hrrt_increase{
    border-right: 875px solid #a31c00;
}  
#hrrt_change_chart.hrrt_decrease{
    border-right: 875px solid #008a00;
}  

.hrrt_chart_footers {
  width:100%;
  bottom:0;
  position:absolute;
  bottom:0;
  height:45px;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  border: 1px solid #7b7b7b;
  border-top-style:none;
  border-bottom-style:none;
  white-space:nowrap;
  z-index:201;
  font-weight:bold;
}

.hrrt_chart_footer{
  position:absolute;
  bottom:0;
  height:45px;
  width:100%;
}
.hrrt_chart_footers:before{
  content:"";
  position:absolute;
  height:44px;
  width:18px;
  bottom:0;
  left:-18px;
  border-bottom: 1px solid #c0c0c0;
  background: white;
  background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 75%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 75%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
} 
.hrrt_chart_footers:after{
  content:"";
  position:absolute;
  height:44px;
  width:39px;
  bottom:0;
  right:-39px;
  border-bottom: 1px solid #c0c0c0;
  background: white;
  background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 75%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 75%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
} 
.hrrt_footer_text_area {
  position:absolute;
  width:100%;
  height:44px;
  font-size:15px;
  font-weight:bold;
  bottom:0;
  background:white;
  border-top:1px solid;
  border-bottom: 1px solid #c0c0c0;
  background: white;
  background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 75%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 75%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.hrrt_chart_footer span {
  margin:12px 0 0;
}
.hrrt_normal_footer_squeeze .hrrt_footer_text_area span{
  font-size:13px;
  margin: 14px 0 0;
}

#hrrt_normal_footer{
  width:100%;
  color:black;
  background: white;
}
#hrrt_normal_footer_left{
  float:left;
}
#hrrt_normal_footer_left:before {
  content:"";
  position:absolute;
  left: -6px;
  top: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  display:none;
}
#hrrt_normal_footer_right{
  float:right;
  padding-right: 3px;
}
#hrrt_normal_footer_right:before, #hrrt_extreme_footer_right:before {
  content:"";
  position:absolute;
  right:-8px;
  top: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  z-index:2;
}
#hrrt_normal_footer_right:after, #hrrt_extreme_footer_right:after {
  content:"";
  position:absolute;
  right:-6px;
  top: 1px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  z-index:2;
  display:none;
}

#hrrt_extreme_footer{
  display:none;
  background:#000;
  left:100%;
  width:0;
  color:white;
  overflow:visible;
}  

#hrrt_extreme_footer.hrrt_extreme_footer_squeeze:before{
  content:"";
  position:absolute;
  height:44px;
  width:39px;
  bottom: 0;
  right: -39px;
  background: #610200;
  border-bottom: 1px solid #c0c0c0;
  z-index: 1;
}
#hrrt_extreme_footer .hrrt_footer_text_area{
  background:#610200;
  border-top:1px solid;
  z-index:2;
}

span#hrrt_extreme_footer_middle{
  display: inline-block;
  padding-left:4px;
  text-align: center;
  width: 100%;
}
.hrrt_extreme_footer_squeeze span#hrrt_extreme_footer_middle {
  width: 55px;
  white-space: initial;
  margin: 5px;
}

#hrrt_chart_over{
  position:absolute;
  bottom:52px;left:0;
  width:100%;height:250px;
}

.hrrt_pin_drop:hover {
  z-index:201;
}

.hrrt_pin_drop .hrrt_on_top {
  z-index:201;
}

.hrrt_pin_drop,.hrrt_low_risk{
  position: absolute;
  top:-2000%;
}
.hrrt_pin,.hrrt_flag{
  margin:0;
  position: absolute;
  bottom:0;
  transition:opacity 0s linear 0s,visibility 0s linear 0s;
  z-index:200;
}
.hrrt_pin label,.hrrt_flag label{
  visibility:hidden;
  opacity:0;
  border:2px solid;
  border-radius:4px;
  position:relative;
  padding:1px 4px;
  min-width:200px;
  display:block;
  text-align:center;
  background:white;
  font-size:14px;
}
.hrrt-slow-label-change label{
  transition:opacity 0s linear 0.5s,visibility 0s linear 0.5s;
}
.hrrt_all_flags_shown .hrrt_flag label{
  min-width:180px;
  
}
#hrrt_flag_ivi .hrrt_flag_shown label{   
    bottom: 158px !important;
}
#hrrt_flag_rvi .hrrt_flag_shown label {
    bottom: 84px !important;
}
#hrrt_flag_iai .hrrt_flag_shown label {
    bottom: 35px !important;
}
#hrrt_flag_rai .hrrt_flag_shown label {
    bottom: 91px !important;
}
#hrrt_flag_ivi
{    
  bottom: 13.025131% !important;
  z-index: 5;
}


div.hrrt_flag:hover, div.hrrt_flag:hover label, div.hrrt_flag:hover label:after {
  visibility:visible;
  opacity:1;
}
.hrrt_pin label{
  bottom: 58px;
  left:14px;
}
.hrrt_flag label{
  bottom: 72px;
  left:10.5px;
}

.hrrt_number_mode .hrrt_pin label, .hrrt_number_mode .hrrt_flag label {
  padding-right:44px;
}

.hrrt_number {
  display:none;
  width:0px;
  border-left:3px solid;
  position: absolute;
  right: 0;
  top: 0;
  font-weight:bold;
  height: 100%;
  line-height: 36px;
}

.hrrt_flag_shown.hrrt_flag .hrrt_number {
  line-height: 23px;
}

.hrrt_number_mode .hrrt_number {
  display:block;
  width: 40px;
  box-sizing: border-box;
}

.hrrt_number_mode .hrrt_zero .hrrt_number {
  display:none;
}

.hrrt_number_mode .hrrt_zero label {
  padding-right:4px;
}

.hrrt_show_all .hrrt_pin label, .hrrt_show_all .hrrt_flag label{
  bottom:100px;
}
.hrrt_pin label span, .hrrt_flag label span, .hrrt_pin label a, .hrrt_flag label a{
  vertical-align:middle;
  display:inline-block;
}
.hrrt_pin label span, .hrrt_flag label span{
  height:32px;
}
.hrrt_pin label a, .hrrt_flag label a{
  text-decoration:none;
  width:100%;
}
.hrrt_pin label:after,.hrrt_flag label:after{
  content:"";
  position:absolute;
  left:-2px;
  bottom:-36px;
  height:36px;
  width:2px;
}
.hrrt_flag label:after{
  bottom:-55px;
  height:55px;
}
.hrrt_show_all .hrrt_pin label:after, .hrrt_show_all .hrrt_flag label:after{
  bottom:-64px;
  height:64px;
}
.hrrt_tall_label.hrrt_pin label, .hrrt_tall_label.hrrt_flag label {
  bottom: 175px;
}
.hrrt_tall_label.hrrt_pin label.hrrt_label_right, .hrrt_tall_label.hrrt_flag label.hrrt_label_right {
  bottom: 112px;
}
.hrrt_tall_label.hrrt_pin label:after, .hrrt_tall_label.hrrt_flag label:after {
  bottom:-126px;
  height:126px;
}
.hrrt_tall_label.hrrt_pin label.hrrt_label_right:after, .hrrt_tall_label.hrrt_flag.hrrt_label_right label:after {
  bottom:-76px;
  height:76px;
}

.hrrt_pin label.hrrt_label_right{
  float: right;
  margin-right: 28px;
}
.hrrt_flag label.hrrt_label_right{
  float: right;
  margin-right: 20px;
}
label.hrrt_label_right:after{
  right:-2px;
  left:auto;
}
.hrrt_pin {
  width: 29px;
  height: 29px;
  margin-left:-14px;
  opacity:0;
  background: url("../img/pins.png");
  visibility:hidden;
}
.hrrt_show_all.hrrt_zoomed .hrrt_pin {
  width: 35px;
  height: 35px;
  margin-left:-17px;
  background-image: url("../img/zpins.png");
}
.hrrt_pin:after{
  content: "";
  position:absolute;
  top:29px;left:12px;
  width:3px;
  height:280px;
  border-left:1px solid white;
  border-right:1px solid white;
}
.hrrt_show_all.hrrt_zoomed .hrrt_pin:after{
  top:32px;left:15px;
}
.hrrt_pin_short .hrrt_pin:after, .hrrt_pin_short.hrrt_pin:after{
  height:25px;
  transition:height 0s linear 0s;
}
.hrrt_flag {
  width: 22px;
  height: 24px;
  margin-left:-12px;
  background: url("../img/flags.png");
}
.hrrt_show_all.hrrt_zoomed .hrrt_flag {
  width: 31px;
  height: 34px;
  margin-left:-15px;
  background-image: url("../img/zflags.png");
}
.hrrt_flag:after{
  content: "";
  position:absolute;
  top:24px;
  left:9px;
  width:4.5px;
  border-left:1px solid white;
  border-right:1px solid white;
  /*height:280px;*/
  height:395px;
}
.hrrt_rai:after {
    height: 420px;
}
.hrrt_show_all.hrrt_zoomed .hrrt_flag:after{
  top:33px;
  left:13px;
}
.hrrt_show_all .hrrt_pin:after, .hrrt_show_all .hrrt_flag:after{
  border-left:none;
  border-right:none;
  margin:0 1px;
} 

div.hrrt_zero:after,div.hrrt_zero label:after {
  background: rgb(198,74,250);
}
.hrrt_zero label {
  border-color:rgb(198,74,250);
}
.hrrt_all_flags_shown .hrrt_zero label {
  min-width:125px;
}
.hrrt_zero label span {
  height: 25px;
}
.hrrt_zero label,.hrrt_zero a {
  color:inherit;
  width:100%;
}
#hrrt_flag_zero .hrrt_zero:after {
  height:40px;
}
div.hrrt_zero:hover {
  background-position: 0 24px;
}
.hrrt_show_all.hrrt_zoomed div.hrrt_zero:hover {
  background-position: 0 34px;
}
div.hrrt_zero label:hover {
  color:white;
  background: rgb(110,5,160);
}
div.hrrt_zero:hover:before {
  border-top-color: rgb(110,5,160);
}

div.hrrt_ivi:after,div.hrrt_ivi label:after {
  background: #004e93;
}
.hrrt_pin.hrrt_ivi{
}
.hrrt_flag.hrrt_ivi {
  background-position: -22px 0;
}
.hrrt_show_all.hrrt_zoomed .hrrt_flag.hrrt_ivi {
  background-position: -31px 0;
}
div.hrrt_flag.hrrt_ivi:hover {
  background-position: -22px 24px;
}
.hrrt_show_all.hrrt_zoomed div.hrrt_flag.hrrt_ivi:hover {
  background-position: -31px 34px;
}
div.hrrt_ivi:before {
  border-top-color: #004e93;
}
.hrrt_ivi label,div.hrrt_ivi .hrrt_number {
  border-color:#004e93;
}
.hrrt_ivi label,.hrrt_ivi a {
  color:#000;
}
span.hrrt_ivi {
  color:#004e93;
}
div.hrrt_flag.hrrt_ivi:hover label, div.hrrt_flag.hrrt_ivi:hover label:after,
div.hrrt_pin.hrrt_ivi:hover label, div.hrrt_pin.hrrt_ivi:hover label:after  {
  background: #0c63a6;
}
div.hrrt_flag.hrrt_ivi:hover:before,
div.hrrt_pin.hrrt_ivi:hover:before  {
  border-top-color: #0c63a6;
}
.hrrt_flag.hrrt_ivi:hover label,.hrrt_flag.hrrt_ivi:hover a,
.hrrt_pin.hrrt_ivi:hover label,.hrrt_pin.hrrt_ivi:hover a  {
  color:white;
}

div.hrrt_rvi:after,div.hrrt_rvi label:after {
  background: #ff9c00;
}
.hrrt_pin.hrrt_rvi{
  background-position: top right;
}
.hrrt_flag.hrrt_rvi{
  background-position: -44px 0;
}
.hrrt_show_all.hrrt_zoomed .hrrt_flag.hrrt_rvi{
  background-position: -62px 0;
}
div.hrrt_flag.hrrt_rvi:hover {
  background-position: -44px 24px;
}
.hrrt_show_all.hrrt_zoomed div.hrrt_flag.hrrt_rvi:hover {
  background-position: -62px 34px;
}
div.hrrt_rvi:before {
  border-top-color: #ff9c00;
}
.hrrt_rvi label,div.hrrt_rvi .hrrt_number{
  border-color:#ff9c00;
}
.hrrt_rvi label,.hrrt_rvi a{
  color:#000;
}
span.hrrt_rvi{
  color:#ff9c00;
}
div.hrrt_flag.hrrt_rvi:hover label, div.hrrt_flag.hrrt_rvi:hover label:after,
div.hrrt_pin.hrrt_rvi:hover label, div.hrrt_pin.hrrt_rvi:hover label:after  {
  background: #ffaf1b;
}
div.hrrt_flag.hrrt_rvi:hover:before,
div.hrrt_pin.hrrt_rvi:hover:before  {
  border-top-color: #ffaf1b;
}
.hrrt_flag.hrrt_rvi:hover label,.hrrt_flag.hrrt_rvi:hover a,
.hrrt_pin.hrrt_rvi:hover label,.hrrt_pin.hrrt_rvi:hover a  {
  color:#000000;
}

div.hrrt_iai:after,div.hrrt_iai label:after {
  background: #F75C00;
}
.hrrt_pin.hrrt_iai{
  background-position: bottom left;
}
.hrrt_flag.hrrt_iai{
  background-position: -66px 0;
}
.hrrt_show_all.hrrt_zoomed .hrrt_flag.hrrt_iai{
  background-position: -93px 0;
}
div.hrrt_flag.hrrt_iai:hover {
  background-position: -66px 24px;
}
.hrrt_show_all.hrrt_zoomed div.hrrt_flag.hrrt_iai:hover {
  background-position: -93px 34px;
}
div.hrrt_iai:before {
  border-top-color: #F75C00;
}
.hrrt_iai label,div.hrrt_iai .hrrt_number{
  border-color:#F75C00;
}
.hrrt_iai label,.hrrt_iai a {
  color:#000;
}
span.hrrt_iai {
  color:#F75C00;
}
div.hrrt_flag.hrrt_iai:hover label, div.hrrt_flag.hrrt_iai:hover label:after,
div.hrrt_pin.hrrt_iai:hover label, div.hrrt_pin.hrrt_iai:hover label:after  {
  background: #fe7203;
}
div.hrrt_flag.hrrt_iai:hover:before,
div.hrrt_pin.hrrt_iai:hover:before  {
  border-top-color: #fe7203;
}
.hrrt_flag.hrrt_iai:hover label,.hrrt_flag.hrrt_iai:hover a,
.hrrt_pin.hrrt_iai:hover label,.hrrt_pin.hrrt_iai:hover a  {
  color:#000000;
}

div.hrrt_rai:after,div.hrrt_rai label:after {
  background: #7B0B33;
}
.hrrt_pin.hrrt_rai{
  background-position: bottom right;
}
.hrrt_flag.hrrt_rai{
  background-position: -88px 0;
}
.hrrt_show_all.hrrt_zoomed .hrrt_flag.hrrt_rai{
  background-position: -124px 0;
}
div.hrrt_flag.hrrt_rai:hover {
  background-position: -88px 24px;
}
.hrrt_show_all.hrrt_zoomed div.hrrt_flag.hrrt_rai:hover {
  background-position: -124px 34px;
}
div.hrrt_rai:before {
  border-top-color: #7B0B33;
}
.hrrt_rai label,div.hrrt_rai .hrrt_number{
  border-color:#7B0B33;
}
.hrrt_rai label,.hrrt_rai a {
  color:#000;
}
span.hrrt_rai {
  color:#7B0B33;
}
div.hrrt_flag.hrrt_rai:hover label, div.hrrt_flag.hrrt_rai:hover label:after,
div.hrrt_pin.hrrt_rai:hover label, div.hrrt_pin.hrrt_rai:hover label:after  {
  background: #8f1548;
}
div.hrrt_flag.hrrt_rai:hover:before,
div.hrrt_pin.hrrt_rai:hover:before  {
  border-top-color: #8f1548;
}
.hrrt_flag.hrrt_rai:hover label,.hrrt_flag.hrrt_rai:hover a,
.hrrt_pin.hrrt_rai:hover label,.hrrt_pin.hrrt_rai:hover a  {
  color:white;
}

.hrrt_down{
  top:100px;
  transition:all 0.5s ease 0s;
}
.hrrt_show_pins_ivi .hrrt_ivi,
.hrrt_show_pins_rvi .hrrt_rvi,
.hrrt_show_pins_iai .hrrt_iai,
.hrrt_show_pins_rai .hrrt_rai
{
  visibility:visible;
  opacity:1;
  transition:opacity 0s ease 0s,visibility 0s ease 0s;
}
.hrrt_labeled.hrrt_pin, .hrrt_labeled label, .hrrt_flag_shown label{
  visibility:visible;
  opacity:1;
  transition:opacity 0s ease 0s,visibility 0s ease 0s;
}
.flag-hidden label {
  visibility:hidden;
  opacity:0;
}
.hrrt_opaque .hrrt_flag:hover,.hrrt_opaque hrrt_pin:hover label,.hrrt_opaque .hrrt_flag:hover label{
  visibility:visible;
  opacity:1;
  transition:opacity 0s ease 0s,visibility 0s ease 0s;
}

.hrrt_flag_shown.hrrt_flag label span{
  height:21px;
}
.hrrt_flag_shown.hrrt_flag label a{
  font-size:13px;
}

#hrrt_flags_pins{
  width:100%;
  height:100%;
  position:absolute;
  bottom:85px;
  overflow: visible!important; /* keeps flags visible during animation */
}

#hrrt_bottom_panel #hrrt_summaries {
  padding: 5px 15px;
  font-size: 16px;
}

#hrrt_summaries div{
  display:none;
}

#hrrt_about_the_data a:link, #hrrt_about_the_data a:visited,  #hrrt_summaries a:link, #hrrt_summaries a:visited {
  color: #fff;
  text-decoration:none;
}

#hrrt_summaries a:hover, #hrrt_about_the_data a:hover {
 /* color: #d81f26;*/
 text-decoration:underline;
}

.hrrt_opaque{
  -webkit-background-clip: padding-box; /* Safari */
  background-clip: padding-box; /* IE9+, FF4+, Op, Ch */   
 /* opacity:0.2;*/
  cursor:context-menu!important;
}



.hrrt_opaque {
  opacity:0.1;  
  /* osito */
  
}

/* Prevent super-opacity */
 .hrrt_opaque .hrrt_opaque{
   opacity:1; 
} 


#hrrt_person_1.hrrt_opaque {
  position: relative;
   opacity: 0.1 !important; 
}

#hrrt_person_2.hrrt_opaque {
  position: relative;
   opacity: 0.1; 
}

#hrrt_person_2.hrrt_opaque:after {
  content: "";
  position:absolute;
  top: 0;
  bottom: -5px;
  left: 3px;
  right: 0;
  border-radius: 9px;
   /* background: white; */
   opacity: 0.1; 
  width: 96%; 
   
}


.toolkit_box{    width: 100%;
    float: left;
    display: block;    margin-top: 57px;}

.hrrt_blurred {
  -webkit-filter: brightness(30%) blur(5px);
  filter: brightness(30%) blur(5px);
}

.fifteen-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:14.5%;
}
.twenty-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:19.5%;
}
.twentyfive-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:24.5%;
}
.thirty-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:29.5%;
}
.forty-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:39.5%;
}
.fifty-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:49.5%;
}
.sixty-percent-width {
  display:inline-block;
  vertical-align:middle;
  width:59.5%;
}
.left-text {
  text-align:left;
}
.centered-text {
  text-align:center;
}
.right-text {
  text-align:right;
}

/* mmk - css for flags without added factors and explanation key */
.nofactors-marker {
  color: #000000;
  font-size: 1.5em; 
  font-weight: bold; 
  /*padding-top: 0.3em;*/
}
#hrrt_nofactors_key {
  padding: 5px 15px 0 15px;
  font-size: 14px;
}
#hrrt_nofactors_key p {
  margin-bottom: 0px;
      font-family: 'Open Sans';
	  margin-top:0px;
}
/* SB - getting/transmitting subheader */
#hrrt_getting_transmitting {
        font-size: 18px;
    line-height: 32px;
    color: #e8cd69;
    font-weight: bold;
    margin: 0 0 0px 0;
    padding: 0 0 0 10px;
    background: #153f51;
    font-family: 'Open Sans';
    letter-spacing: 1px;
}
#hrrt_shows {
  border-color: #ddd;
}
#hrrt_sum_ivi p { background: #153e50;     padding: 19px 19px 20px 19px; z-index: 100; float: left; position: relative; margin:0px;font-weight: normal;}
#hrrt_sum_oral p  { background: #153e50;     padding: 19px 19px 20px 19px;z-index: 100; float: left; position: relative; margin:0px;font-weight: normal;}
#hrrt_sum_touch p  { background: #153e50;     padding: 19px 19px 20px 19px; z-index: 100; float: left; position: relative; margin:0px;font-weight: normal;}
#hrrt_sum_kis p  { background: #153e50;    padding: 19px 19px 20px 19px; z-index: 100; float: left; position: relative; margin:0px;font-weight: normal;}
#hrrt_sum_rvi p{background: #153e50;     padding: 19px 19px 20px 19px; z-index: 100; float: left; position: relative; margin:0px;    font-weight: normal;}
#hrrt_sum_iai p { background: #153e50;     padding: 19px 19px 20px 19px; z-index: 100; float: left; position: relative; margin:0px;font-weight: normal;}
#hrrt_sum_rai p { background: #153e50;    padding: 19px 19px 20px 19px; z-index: 100; float: left; position: relative; margin:0px;font-weight: normal;}

#hrrt_charting .hrrt_opaque{opacity:1 !important;}

/*@media screen and (min-width: 1300px) {
#hrrt_charting{
  position: absolute;
  width:875px;
  height:280px;
    margin: auto;
    text-align: center;
  
    left: 0px;
    right: 0px;
}
}*/

@media screen and (min-width: 1301px) {

#hrrt_zoom_chart_slider {
  width: 875px;
}

#hrrt_extreme_chart{
  position:absolute;
  height: 0;
 
  border-top: 300px solid transparent;
  border-right: 875px solid #E8C1C4;
  width:0;
}
#hrrt_chart{
  height:0;
  width: 0;
  border-right:875px solid #d2d2d2;
  border-top:300px solid transparent;
}
#hrrt_change_chart.hrrt_increase{
    border-right: 875px solid #a31c00;
} 
#hrrt_change_chart.hrrt_decrease{
    border-right: 875px solid #008a00;
} 
#hrrt_zoom_chart_slider {
  width: 875px;
}
#hrrt_charting{
  position: absolute;
  width:875px;
  height:380px;
  left:17px;
  bottom:0;
  transition:all 0.2s ease;
}

}






@media only screen and (min-width: 1405px) {
#hrrt_chart_panel{height:550px;}
}



#hrrt_show_art {
    color: grey;
    font-size: 20px;
    font-weight: bold;
}



@media screen and (max-width: 1300px) and (min-width: 1200px) {

#hrrt_zoom_chart_slider {
  width: 775px;
}
#hrrt_extreme_chart{
  position:absolute;
  height: 0;
 
  border-top: 280px solid transparent;
  border-right: 775px solid #E8C1C4;
  width:0;
}
#hrrt_chart{
  height:0;
  width: 0;
  border-right:775px solid #d2d2d2;
  border-top:280px solid transparent;
}
#hrrt_change_chart.hrrt_increase{
    border-right: 775px solid #a31c00;
} 
#hrrt_change_chart.hrrt_decrease{
    border-right: 775px solid #008a00;
} 
#hrrt_zoom_chart_slider {
  width: 775px;
}
#hrrt_charting{
  position: absolute;
  width:775px;
  height:300px;
  left:17px;
  bottom:0;
  transition:all 0.2s ease;
}

}

@media screen and (max-width: 767px) and (min-width: 630px) {
	.hrrt_person2_custom_main {margin-left: 26.8% !important;}
	#hrrt_select_activity { margin-top: 5px !important; position: relative; bottom: -100px; z-index: 100; left: -190px ; }
	.riskbody_left_tab_show2 {    position:relative;z-index: 1000;width: 88% !important;     float: left !important;margin: auto !important }
	.hrrt-selections{padding-top: 0px !important;padding-left: 75px;}
	#hrrt_chart_panel {
    height: 270px !important;
}
	#hrrt_zoom_chart_slider {
	  width: 575px;
	}
	
	#hrrt_extreme_chart{
	  position:absolute;
	  height: 0;
	 
	  border-top: 85px solid transparent;
	  border-right: 575px solid #E8C1C4;
	  width:0;
	}
	#hrrt_chart{
	  height:0;
	  width: 0;
	  border-right:575px solid #d2d2d2;
	  border-top:85px solid transparent;
	   border-top-width: 85px !important;
	}
	#hrrt_change_chart.hrrt_increase{
		border-right: 575px solid #a31c00;
	} 
	#hrrt_change_chart.hrrt_decrease{
		border-right: 575px solid #008a00;
	} 
	#hrrt_zoom_chart_slider {
	  width: 575px;
	}
	#hrrt_charting{
	  position: absolute;
	  width:575px;
	  height:45px;
	  left:17px;
	  bottom:0;
	  transition:all 0.2s ease;
	}
}



@media screen and (max-width: 631px) and (min-width: 550px) {
	.partnerbox2_mobile {margin-left: 19% !important;}
	.mobile_custom_btn_right {margin-left: 104px !important;}
	.hrrt_person2_custom_main {margin-left: 18.9% !important;}
	
	
#hrrt_select_activity { margin-top: 5px !important; position: relative; bottom: -100px; z-index: 100; left: -179px ; }
	.riskbody_left_tab_show2 {   position:relative;z-index: 100;width: 93% !important;     float: left !important;margin: auto !important}
	.hrrt-selections{padding-top: 0px !important;padding-left: 33px;}
	#hrrt_chart_panel {
    height: 270px !important;
}
	#hrrt_zoom_chart_slider {
	  width: 490px;
	}
	#hrrt_extreme_chart{
	  position:absolute;
	  height: 0;
	 
	  border-top: 85px solid transparent;
	  border-right: 490px solid #E8C1C4;
	  width:0;
	}
	#hrrt_chart{
	  height:0;
	  width: 0;
	  border-right:490px solid #d2d2d2;
	  border-top:85px solid transparent;
	  border-top-width: 85px !important;
	}
	#hrrt_change_chart.hrrt_increase{
		border-right: 490px solid #a31c00;
	} 
	#hrrt_change_chart.hrrt_decrease{
		border-right: 490px solid #008a00;
	} 
	#hrrt_zoom_chart_slider {
	  width: 490px;
	}
	#hrrt_charting{
	  position: absolute;
	  width:490px;
	  height:45px;
	  left:17px;
	  bottom:0;
	  transition:all 0.2s ease;
	}
}


@media screen and (max-width: 549px) and (min-width: 480px) {
	.partnerbox2_mobile {margin-left: 14% !important;}
	.mobile_custom_btn_right {margin-left: 77px !important;}
	.hrrt_person2_custom_main {margin-left: 14% !important;}
	#hrrt_select_activity { margin-top: 5px !important; position: relative; bottom: -100px; z-index: 100; left: -140px ; }
	.riskbody_left_tab_show2 {    position:relative;z-index: 100;    float: left;width: 100%;margin: auto }
	.hrrt-selections{padding-top: 0px !important;padding-left: 33px;}
		#hrrt_chart_panel {
    height: 270px !important;
}
	#hrrt_zoom_chart_slider {
	  width: 429px;
	}
	#hrrt_extreme_chart{
	  position:absolute;
	  height: 0;
	 
	  border-top: 85px solid transparent;
	  border-right: 429px solid #E8C1C4;
	  width:0;
	}
	#hrrt_chart{
	  height:0;
	  width: 0;
	  border-right:429px solid #d2d2d2;
	  border-top:85px solid transparent;
	  border-top-width: 85px !important;
	}
	#hrrt_change_chart.hrrt_increase{
		border-right: 429px solid #a31c00;
	} 
	#hrrt_change_chart.hrrt_decrease{
		border-right: 429px solid #008a00;
	} 
	#hrrt_zoom_chart_slider {
	  width: 429px;
	}
	#hrrt_charting{
	  position: absolute;
	  width:429px;
	  height:45px;
	  left:17px;
	  bottom:0;
	  transition:all 0.2s ease;
	}
}



@media screen and (max-width: 479px) and (min-width: 400px) {
	#hrrt_zoom_chart_slider {
	  width: 300px;
	}
	#hrrt_extreme_chart{
	  position:absolute;
	  height: 0;
	 
	  border-top: 242px solid transparent;
	  border-right: 300px solid #E8C1C4;
	  width:0;
	}
	#hrrt_chart{
	  height:0;
	  width: 0;
	  border-right:300px solid #d2d2d2;
	  border-top:242px solid transparent;
	  border-top-width: 132px !important;
	}
	#hrrt_change_chart.hrrt_increase{
		border-right: 300px solid #a31c00;
	} 
	#hrrt_change_chart.hrrt_decrease{
		border-right: 300px solid #008a00;
	} 
	#hrrt_zoom_chart_slider {
	  width: 300px;
	}
	#hrrt_charting{
	  position: absolute;
	  width:300px;
	  height:176px;
	  left:17px;
	  bottom:0;
	  transition:all 0.2s ease;
	}
	
	
	
		.hrrt_tall_label.hrrt_pin label, .hrrt_tall_label.hrrt_flag label {
    bottom: 198px !important;
}
#hrrt_flag_ivi .hrrt_flag_shown label {
    bottom: 222px !important;
 
}
#hrrt_flag_rvi .hrrt_flag_shown label {
    bottom: 169px !important;
}
#hrrt_flag_iai .hrrt_flag_shown label {
    bottom: 24px !important;
}
#hrrt_flag_zero .hrrt_flag_shown label {
    bottom: 141px !important;
}
#hrrt_flag_rai .hrrt_flag_shown label {
    bottom: 106px !important;
}
}



@media screen and (max-width: 399px) and (min-width: 300px) {
			.hrrt_tall_label.hrrt_pin label, .hrrt_tall_label.hrrt_flag label {
    bottom: 198px !important;
}
#hrrt_flag_ivi .hrrt_flag_shown label {
    bottom: 222px !important;
}
#hrrt_flag_rvi .hrrt_flag_shown label {
    bottom: 169px !important;
}
#hrrt_flag_iai .hrrt_flag_shown label {
    bottom: 124px !important;
}
#hrrt_flag_zero .hrrt_flag_shown label {
    bottom: 141px !important;
}
#hrrt_flag_rai .hrrt_flag_shown label {
    bottom: 106px !important;
}
	#hrrt_zoom_chart_slider {
	  width: 265px;
	}
	#hrrt_extreme_chart{
	  position:absolute;
	  height: 0;
	 
	  border-top: 242px solid transparent;
	  border-right: 265px solid #E8C1C4;
	  width:0;
	}
	#hrrt_chart{
	  height:0;
	  width: 0;
	  border-right:265px solid #d2d2d2;
	  border-top:242px solid transparent;
	  border-top-width: 132px !important;
	}
	#hrrt_change_chart.hrrt_increase{
		border-right: 265px solid #a31c00;
	} 
	#hrrt_change_chart.hrrt_decrease{
		border-right: 265px solid #008a00;
	} 
	#hrrt_zoom_chart_slider {
	  width: 265px;
	}
	#hrrt_charting{
	  position: absolute;
	  width:265px;
	  height:176px;
	  left:17px;
	  bottom:0;
	  transition:all 0.2s ease;
	}
}






@media only screen and (min-width: 1600px) {

	
	#hrrt_select_activity {
    margin-top: 118px;}
}






/*@media screen and (max-width: 320px) and (min-width: 319px) {

}*/
@media only screen and (max-width: 1200px) {
	#hrrt_chart_panel {
    height: 457px;}
}
@media only screen and (max-width: 950px) {
	.hrrt-select-status-radios label {font-size: 12px;}
	.customplus {bottom: 3px;font-size: 12px;right: 3px;}
	.hrrt-select-status-radios input[type=radio]:checked + label:after {width: 21px;height: 21px;margin-right: 0px;}
	.hrrt-select-status-radios input[type=radio]:checked + label:after {width: 21px;height: 21px;margin-right: 0px;}
	.hrrt-select-status-radios .label2:after {width: 21px;height: 21px;}
	.customminus {left: 7px;font-size: 12px;}
	.status_label {font-size: 14px;}
	.riskbody_left_inner_1a h6 {font-size: 13px;padding-right: 0px;padding-left: 4px;}
	.minusbtn {width: 21px;height: 21px;}
	.partnerPlus{font-size: 13px;}
	.plusbtn {width: 21px;height: 21px;margin-top: 6px;margin-right: 0px;}
    .partnerminus{font-size: 13px;}
	.navbgcolor_leftlogo img {padding: 39px 13px 8px 4px !important;}
}
@media only screen and (max-width: 767px) {
.heateorSssSharingRound{width:100% !important;}
.heateorSssSharingRound i{float:right !important;}
	}