html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}


body{ /* Normal  */
font-family: "Roboto", sans-serif;
/*font-weight: 400;*/
font-size: 16px;
line-height: 1.5;
letter-spacing: 0px;
vertical-align: middle;
color: #333333;
}

@font-face {
    font-family: "MetaPro";
    src: url(fonts/metapro/MetaPro-Book.eot);
    src: url(fonts/metapro/MetaPro-Book.eot#iefix) format("embedded-opentype"),url(fonts/metapro/MetaPro-Book.woff2) format("woff2"),url(fonts/metapro/MetaPro-Book.woff) format("woff"),url(fonts/metapro/MetaPro-Book.ttf) format("truetype"),url(fonts/metapro/MetaPro-Book.svg#MetaPro-Book) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MetaPro";
    src: url(fonts/metapro/MetaPro-Bold.eot);
    src: url(fonts/metapro/MetaPro-Bold.eot#iefix) format("embedded-opentype"),url(fonts/metapro/MetaPro-Bold.woff2) format("woff2"),url(fonts/metapro/MetaPro-Bold.woff) format("woff"),url(fonts/metapro/MetaPro-Bold.ttf) format("truetype"),url(fonts/metapro/MetaPro-Bold.svg#MetaPro-Bold) format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "MetaPro";
    src: url(fonts/metapro/MetaPro-Black.eot);
    src: url(fonts/metapro/MetaPro-Black.eot#iefix) format("embedded-opentype"),url(fonts/metapro/MetaPro-Black.woff2) format("woff2"),url(fonts/metapro/MetaPro-Black.woff) format("woff"),url(fonts/metapro/MetaPro-Black.ttf) format("truetype"),url(fonts/metapro/MetaPro-Black.svg#MetaPro-Bold) format("svg");
    font-weight: 900;
    font-style: normal;
}

h1 {
font-family: "MetaPro", Georgia !important;
font-weight: 700;
font-size: 2.5em;
line-height: 48px;
letter-spacing: 1.2px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #7cbdc1;
margin-top: 0;
margin-bottom: 11px;
}

h2 {
  font-family: "MetaPro", Georgia !important;
  font-weight: 700;
  font-size: 2em;
  line-height: 38px;
  letter-spacing: 1.2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #7cbdc1;
  margin-top: 0px;
  margin-bottom: 0.625em;
}

h3 {
font-family: "MetaPro", Georgia !important;
font-weight: 700;
font-size: 1.75em;
line-height: 34px;
letter-spacing: 0px;
margin-top: 22px;
margin-bottom: 11px;
/*color: #3E5F61;*/
/*border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #7cbdc1;*/

}

h4 {
  font-family: "MetaPro", Georgia !important;
  font-weight: bold;
  font-size: 1.53em; 
  font-style: bold;
  line-height: 29px;
  letter-spacing: 1.2px;
}

h5 {
  font-family: "MetaPro", Georgia !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.2px;
}

h6 {
  font-family: "MetaPro", Georgia !important;
  font-weight: 900;
  font-size: 20px;
  line-height: 19px;
  letter-spacing: 0px;
}



div.main {
  max-width: 1250px;
  /*background-color: #f6f8f9;*/
  padding-right: 40px;
  padding-left: 40px;
}

.greenbox {
  padding: 0.6em 0.6em 0.6em 0.6em;
  font-weight: 500;
  background: #f2f8f9;
  font-size: 16px;
  border: 2px #f2f8f9;
  border-radius: 0px;
}

/* Base reactable font settings */
.Reactable {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  vertical-align: middle;
}

/* Header styling to match your Meta Pro headings */
.Reactable .rt-thead {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  /*background-color: #e1efd3;*/
  background-color: #e1efd3;
}

/* Table cell styling */
/*.Reactable .rt-tbody .rt-td {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 20px;
  padding: 8px 10px;
}
*/


.Reactable .rt-tr-striped {
  background-color: #e5e5e5;
}



.Reactable .rt-thead .rt-th{
  border-bottom: none;
}

/*.rt-text-content {
  color: white
}*/

/*.tab-content {
  background-color: #f6f8f9;
}*/

.main-container{
  /*background-color: #f6f8f9;*/
  padding-right: 40px;
  padding-left: 40px;
}


.nav-link {
  color: #333333;
}

/*Style hyperlinks*/
a {
    color: #4f841a;
    text-decoration: none;
}

.table-note {
  font-family: Tahoma;
  font-size: 8px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: bottom;
}

.btn-default {
    color: #fff;
    background-color: #4f841a;
    border-color: #4f841a;
}


/* TOC styling with higher specificity */
body #TOC {
  width: 282.5px !important;
  height: 450px !important;
  position: sticky !important;
  top: 20px !important;
  float: left !important;
  overflow-y: auto;
  background-color: #FFFFFF;
  border-radius: 4px;
  border-left: none;
  gap: 40px;
  padding-right: 40px;
  padding-left: 0px;
  font-size: 0.9em;
  /*z-index: 100;*/
}

/* Change TOC title to "On this page:" */
#toc-title {
  content: "On this page:";
  font-family: Roboto;
font-weight: 400;
font-size: 16px;
line-height: 24px;
height: 0;
}

/* Hide the original TOC title */
/*#toc-title {
  font-size: 16px;
  height: 0;
}*/

/* Style TOC links */
#TOC a {
  color: #69b203; /* Green text when not selected, matches your theme */
  font-size: inherit; /* Match font size with other text */
  text-decoration: none;
  /*padding: 4px 8px;*/
  border-radius: 4px;
  display: block;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 11px;
  padding-left: 15px;
}

#TOC ul {
  list-style-type: none;
  padding-left: 0px;
}

#TOC ul li {
  padding-left: 0;
  margin-left: 0;
}

/* Hover and active state styles 
#TOC a:hover, 
#TOC a:active,
#TOC a.active {
  background-color: #69b203; 
  color: white; 
}
*/

/* Adjust overall TOC styling */
/*#TOC {
  background-color: white;
}*/

/* Content width control */
.main-content-container {
  overflow: hidden !important;
  box-sizing: border-box;
}

/* For smaller screens */
/*@media screen and (max-width: 940px) {
  body #TOC {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .main-content-container {
    margin-left: 0 !important;
    max-width: 100% !important;
  }
}*/