body {
    position: relative;
    font-size: 1em;
    margin-left: 20px;
    margin-top: 20px;
  
}

legend {
    color: blue;
    padding-left: 50px;
}

#guideline{
    display: none;
    position: fixed;
    margin-left: 600px;
    margin-right: 50px;
    height: 96%;
    width: 60%;
    border-color: red;
    border-width: 2px;
}

.btn-arrow-right{
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
  padding-right: 18px;
}
.btn-arrow-right {
  padding-left: 36px;
}

.btn-arrow-right:before, .btn-arrow-right:after{
  /* make two squares (before and after), looking similar to the button */
  content: "";
  position: absolute;
  top: 5px; /* move it down because of rounded corners */
  width: 23px; /* same as height */
  height:28px; /* button_outer_height / sqrt(2) */
  background: inherit; /* use parent background */
  border: inherit; /* use parent border */
  border-left-color: transparent; /* hide left border */
  border-bottom-color: transparent; /* hide bottom border */
  border-radius: 0px 12px 0px 0px;
  /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
  -webkit-border-radius: 0px 4px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before, .btn-arrow-right:after {
  transform: rotate(45deg);
  /* rotate right arrow squares 45 deg to point right */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}


.btn-arrow-right:before {
  /* align the "before" square to the left */
  left: -13px;
}

.btn-arrow-right:after {
  /* align the "after" square to the right */
  right: -12px;
}

.btn-arrow-right:after {
  /* bring arrow pointers to front */
  z-index: 1;
}

.btn-arrow-right:before {
  /* hide arrow tails background */
  background-color: white;
}


.statement {
 border-style: solid;
 border-color: green;
 right: 10px;
  }

  
 .showform {
     color: blue;
 }

#hideCRRT{
    display: block;
}

#heightbox{
  display: block;
}

#dosingAdvice{
  display: none;
}

#bmi_calc{
    display: block;
}

#vancform {
  display: none;
}

#parameters{
    display: block;
}

#ibw_text{
    display: block;
}

#calc{
    display: none;
}

#poor_renal{
    color: red;
}

#stat_dose, #main_dose, h2{
    color: green;
}

#explainDosing{
    display:none;
}

.text{
    margin-bottom: 2px;
}

.datemessage{
    color: red;
}

#formZ{
    display:block;
}

#sumButton{
    display: none;
}

.carousel {
  width:740px;
  height:860px;
  display: none !important;
}