br{
  line-height: 14px;
} 

.title_top{
  text-align: left;
  font-family: Helvetica;
  font-size: 18;
  padding-top: 10px;
  padding-left: 10px;
  font-weight: bolder;
}

.text_1{
  text-align: left;
  font-family: Helvetica;
  font-size: 18;
  padding-top: 10px;
  padding-left: 35px;
}

input[type="radio"] {
  margin-right: 5px;
}

.tooltip_x {
  display: inline;
  position: relative;
  border-bottom: 1px dotted black;
  font-family: Helvetica;
  font-size: 18;
  font-weight: normal;
  word-wrap: break-word;
}

.tooltip_x .tooltiptext_x {
  visibility: hidden;
  width: 200px;
  background-color: #606060;
  color: #fff;
  text-align: justified;
  line-height: 1.3;
  font-size: 13px;
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
 margin-left: -25px;
  padding: 10px; 
  z-index: 2; 
 /* bottom:-30%; */
}


.tooltip_x:hover .tooltiptext_x {
  visibility: visible;
  line-height: 1.3;
}


.tooltip_y {
  display: inline;
  position: relative;
  border-bottom: 1px dotted black;
  font-family: Helvetica;
  font-size: 18;
  font-weight: normal;
}

.tooltip_y .tooltiptext_y {
  visibility: hidden;
  width: 200px;
  background-color: #606060;
  color: #fff;
  text-align: justified;
  line-height: 1.3;
  font-size: 13px;
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
 margin-left: -175px;
  padding: 10px; 
  z-index: 2; 
 /* bottom:-30%; */
}


.tooltip_y:hover .tooltiptext_y {
  visibility: visible;
  line-height: 1.3;
}


.tooltip_z {
  display: inline;
  position: relative;
  border-bottom: 1px dotted black;
  font-family: Helvetica;
  font-size: 18;
  font-weight: normal;
}

.tooltip_z .tooltiptext_z {
  visibility: hidden;
  width: 325px;
  background-color: #606060;
  color: #fff;
  text-align: justified;
  line-height: 1.4;
  font-size: 14px;
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
 margin-left: -175px;
  padding: 10px; 
  z-index: 2; 
 /* bottom:-30%; */
}


.tooltip_z:hover .tooltiptext_z {
  visibility: visible;
  line-height: 1.3;
}


.tooltip_q {
  display:inline;
  position:relative;
  border-bottom: 1px dotted black;
  font-family: Helvetica;
  font-size: 18;
  font-weight: normal;
}

.tooltip_q .tooltiptext_q {
  visibility: hidden;
  width: 275px;
  background-color: #606060;
  color: #fff;
  text-align: justified;
  line-height: 1.4;
  font-size: 14px;
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
 margin-left: -175px;
  padding: 10px; 
  z-index: 2; 
 /* bottom:-30%; */
}


.tooltip_q:hover .tooltiptext_q {
  visibility: visible;
  line-height: 1.3;
}

.model_div_q{
  width: 80px;
  font-size: 11pt;
  display: inline-block;
  }








.type_model{
  display: table-cell;
  width: 160px;
  font-family: Helvetica;
  font-size: 10pt;
  line-height: 20px;
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color:lightgray;   
  color: black;
  justify-content: center;  /*add this so centred on mobile. */
}

.vdt_m_btn{
  display: table-cell;
  width: 160px;
  font-family: Helvetica;
  font-size: 10pt;
  line-height: 20px;
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color:lightgray;   
  color: black;
  justify-content: center;  /*add this so centred on mobile. */
}


#size_miet{
  text-align: left;
  padding-left: 0px;
}

#text_measured{
  text-align: left;
  padding-left: 25px;
  padding-top: 14px;
font-size: 10pt;
font-family: Helvetica;
}

#measured_input{
  width: 50px;
}



.sex_btn, .smoker{
  display: table-cell;
  width: 60px;
  font-family: Helvetica;
  font-size: 10pt;
  line-height: 20px;
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color:lightgray;   
  color: black;
  display: inline-flex;  /*add this so centred on mobile */
  justify-content: center;  /*add this so centred on mobile. */
}



.unit_btn{
  display: table-cell;
  text-align: center;
  width: 65px;
  font-family: Helvetica;
  font-size: 8pt;
  line-height: 20px;
  border-color: grey;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  border-radius: 10px;
/* background-color: white; */ 
  color: black;
}





/* rounded slider */ 
.model_div{
width: 270px;
font-size: 11pt;
vertical-align: top;
font-weight: normal;
}


.slider_div, .model_div{
display: inline-block;
}


.slider_div{
  padding-left: 20px; /*puts space between text and slider */ 
  vertical-align: middle;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

/* end rounded slider */ 

#text_volumetric, #text_diameter, #text_spherical{
  display:none;
}


.user_input_outer_gfr, #gfr_var{
  display: inline-block;
}


/* sets width of left column gender age weight etc so all in line */
.user_input_outer{
  width:250px;
  font-size: 11pt;
  font-family: Helvetica;
  vertical-align:top;
  text-align: left;
}


.user_input_outer1, .user_input_outer{
  display: inline-block;
}




/* remove input scroll */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}



.class{
  width:25px;
}



/* validate user input forms */
:invalid + [for="count_label"]:after {
  content:"Error: Must be > 0";
  color:red;
}
/* sets width of error label and moves to another line */ 
label { display: block; width: 50px; }



#all_txt, #aml_txt, #burkitt_txt, #cll_txt, #dlbcl_txt, #ice_score_items_dlbcl_adult_bulk,
#ice_score_items_dlbcl_renal, #ice_score_items_dlbcl_elec, #ice_score_items_dlbcl_child_stage,
#ice_score_items_dlbcl_child_ldh, #high_grade_txt,
#ice_score_items_high_grade_adult_bulk,
#ice_score_items_high_grade_renal, #ice_score_items_high_grade_elec, #ice_score_items_high_grade_child_stage,
#ice_score_items_high_grade_child_ldh,
#solid_txt, #ice_score_items_solid_renal, #ice_score_items_solid_elec,
#alc_txt, #ice_score_items_alc_child_stage, #ice_score_items_alc_renal,
#ice_score_items_alc_elec
{
  display:none;
}



.user_input_outer3{
  display:block;
  padding-bottom: 1px;
  margin-right: 0px;
  }

  

  .size_btn{
    display: table-cell;
    width: 115px;
    font-family: Helvetica;
    font-size: 10pt;
    line-height: 20px;
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    background-color:white;   
    color: black;
    justify-content: center;  /*add this so centred on mobile. */
  }
  #miet_size_2, #miet_mitotic_l5, #miet_loc_gastric, #joensuu_size_2, 
  #joensuu_mitotic_l5, #joensuu_rupture_n, #joensuu_loc_gastric{
    background-color: lightgray;
  }

  h2{
    font-size: 24px;
  }
  h3{
    font-size:20px;
  }

  .bottom{
    font-family: Helvetica;
  font-size: 12pt;
  line-height: 1.7;
  text-align: justify;
  color: black;
  }



  /* table style */ 
  .styled_table1{
    border-collapse: collapse;
    margin: 10px 0; 
    font-size: 13;
    font-family: sans-serif;
    width: 235px
}

#tbl_burkitt_stage{
  width: 235px;
}
      
.styled_table1 td {
  padding: 10px 12px;
  text-align: left;
}

.styled_table1 tr {
  background: white;
  border-style: solid;
  border-width: 1px;
  text-align: left;
}

.styled_table1 tr.clicked {
  background: red;
  border-style: solid;
  border-width: 1px;
}


.styled_table1 tr:hover {
  background-color: pink;
  cursor: pointer;
}      


/* */
.user_input_outer2{
 font-weight:  bold;
}

.user_input_outer1{
  font-size: 11pt;
  font-family: Helvetica;
  font-weight: normal;
}

.intro{
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Helvetica;
  font-size: 11pt;
  line-height: 1.3;
  text-align: justify;
}

#tab{
  margin-left: 10px;
}

  /* table style */ 
  #tbl_cll_treatment{
    border-collapse: collapse;
    margin: 10px 0; 
    font-size: 13;
    font-family: sans-serif;
    width: 235px
}


#score ul {
  text-align: left;   }