<style>
<!--
tr { font-weight: normal; color: #000099; font-style: normal; line-height: normal; text-align: center; font-family: 'Lato', sans-serif;}
td { font-size: 11pt; font-weight: bold; color: #000000; font-style: normal; line-height: normal; text-align: left; font-family: 'Lato', sans-serif; padding: 3px;}
th { font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;font-family: 'Lato', sans-serif;}
a:link {  font-family: 'Lato', sans-serif; font-size: 4mm; font-style: normal; font-weight: bold; color: #135cab; text-decoration: none}
a.small:link {  font-family: 'Lato', sans-serif; font-size: 13px; font-style: normal; font-weight: normal; color: #135cab; text-decoration: none}
a:visited {  font-family: 'Lato', sans-serif; font-size: 4mm; font-style: normal; font-weight: bold; color: #135cab; text-decoration: none}
a.small:visited {  font-family: 'Lato', sans-serif; font-size: 13px; font-style: normal; font-weight: normal; color: #135cab; text-decoration: none}
a:hover {  font-family: 'Lato', sans-serif; font-size: 4mm; font-weight: bold; color: #135cab; text-decoration: underline}
a.small:hover {  font-family: 'Lato', sans-serif; font-size: 13px; font-weight: normal; color: #135cab; text-decoration: underline}
a:active {  font-family: 'Lato', sans-serif; font-size: 4mm; font-weight: bold; color: #135cab; text-decoration: none}
a.small:active {  font-family: 'Lato', sans-serif; font-size: 13px; font-weight: normal; color: #135cab; text-decoration: none}
h1 { font-family: 'Lato', sans-serif; font-size: 16px; text-align: left; line-height: normal; font-style: normal; font-variant: normal; padding-top: 5px; vertical-align: bottom;}
h2 { font-family: 'Lato', sans-serif; font-size: 14px; text-align: left; vertical-align: bottom; line-height: 16px;}
h3 { font-family: 'Lato', sans-serif; font-size: 12px; }
div { font-family: 'Lato', sans-serif; font-size: 12px; }
bigdiv { font-family: 'Lato', sans-serif; font-size: 14px; }
.bgcolor1 {background-color: RGB(202, 223, 158); width: 100%;}
.bgcolor2 {background-color: RGB(196, 215, 242);}
.bgcolor3 {background-color: RGB(255, 255, 255);}
.red {color: RGB(255, 0, 0);}
.perc100  {width: 100%;}
.perc70  {width: 70%;}
.perc50  {width: 50%;}
.perc30  {width: 30%;}
.perc25  {width: 25%;}
.perc10  {width: 10%;}
.center {text-align: center;}
.active_phase {fill:rgb(109, 178, 247);}
.continuous_phase {fill:rgb(0, 0, 255);}
.oxytocin_phase {fill:rgb(255, 0, 0);}
.large15 { font-size: 15pt; font-weight: normal; color: #000000; font-style: normal; line-height: normal; text-align: left; font-family: 'Lato', sans-serif; padding: 3px;}
.medium12 {font-size: 12pt; font-weight: normal; color: #000000; font-style: normal; line-height: normal; text-align: left; font-family: 'Lato', sans-serif; padding: 3px;}
.small8 { font-size: 8pt; font-weight: normal; color: #000000; font-style: normal; line-height: normal; text-align: left; font-family: 'Lato', sans-serif; padding: 3px;}
.small7 { font-size: 7pt; font-weight: normal; color: #000000; font-style: normal; line-height: normal; text-align: left; font-family: 'Lato', sans-serif; padding: 3px;}
.smallright { font-size: 7pt; font-weight: normal; color: #000000; font-style: normal; line-height: normal; text-align: right; font-family: 'Lato', sans-serif; padding: 3px;}
.right {text-align: right;}
.baby_blue {fill:rgb(50, 82, 168);font-family: 'Lato', sans-serif;}
.error {fill:rgb(255, 0, 0);}
.smalllink {  font-family: 'Lato', sans-serif; font-size: 3mm; font-style: normal; font-weight: bold; color: #135cab; text-decoration: none}
.sameastd { font-size: 11pt; font-weight: bold; color: #000000; font-style: normal; line-height: normal; text-align: left; font-family: 'Lato', sans-serif; padding: 3px;}
.unsupported-browser {
    position: fixed;
    z-index: 99999;
    top: 260px;
    left: 16px;
    right: 16px;
    background: #cf6a87;
    color: #ffffff;
    padding: 24px 16px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.25);
}
.styled-table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 500px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}.styled-table th,
.styled-table td {
    padding: 4px 4px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}-->
.dropbtn {
  background-color: RGB(202, 223, 158);
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #d7d6ed}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: RGB(202, 223, 158);
}

</style>
