* {
  box-sizing: border-box;
}

html, body { 
height: 100%; 
width: 100%; 
margin: 0; 
font-family:Arial, Helvetica, sans-serif;
font-size: 18px; 
line-height: 24px;
background-color:#aaa;

}



/* Style the header */
.header {
 
  background-color:black;
  color:white;
  text-align: center;
  font-size: 16px;
  display: block;
 
  top:0;
  left:0;
  width:100%;
  
  
}

.footer {
  height: 5%;
  background-color:black;
  color:white;
  text-align: center;
  font-size: 16px;
  width:100%;
  
  
}

.footer {
  background-color: black;
  color:white;
  padding: 10px;
  text-align: center;
}

.footerlinks {
	text-decoration: none;
	color:gray;
}

.header-table-website-name {
	margin-left: auto;
  	margin-right: auto;
}

.header-website-name-normal{
font-size: 36px; 
font-weight:bold; 
padding-top:6px; 
padding-bottom:6px
}

.header-website-name-italic{
font-size: 32px; 
font-style:italic
}

.header-menu-table {
	background-color:black; 
	color:white; 
	align-content:center; 
	width:100%;
	min-width:100%;
	
}

.menu-table {
	width:100%;	
	border: 1px solid black;
	background-color:green;
}

.menu-table-td {
	width:100%;
	background-color:green;
}



.maincontent {
  height: 100%;
  background-color:#aaa;
  
  
}


/* Create three unequal columns that floats next to each other */
.column {
  display:block;
  float: left;
  padding: 10px;
  
  background-color:#aaa;
  
}



/* Left and right column */
.column.side {
  height: inherit;
  width: 25%;
  display:block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  justify-content: center; 
  background-color:#aaa;
  
 }

/* Middle column */
.column.middle {
  width: 50%;
  padding-left:30px;
  padding-right:30px;
  background-color:black;
  color:white;
}

.ad-bottom-left {
   position:absolute;
   display:block;
   bottom:30px;  
   margin-left: auto;
   margin-right: auto;
   width:24%;
   text-align: center;
   
   
}

.ad-bottom-right {
   position:absolute;
   bottom:30px;  
   display:block;
   margin-left: auto;
   margin-right: auto;
   width:24%;
   text-align: center;
  
}

.ad-content-footer{
   display:block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   	
}

.ad-above-code-section{
   display:block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 1024px) {
  .column.side {
  width:25%;  }
  
  .column.middle {
    width: 50%;
  }
}

.tr-dropbtn {
align-content:center;
}


.dropbtn {
  background-color: green;
  color: white;
  padding: 10px;
  padding-left:20px;
  padding-right:20px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropbtngreen {
  background-color: green;
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: green;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
   color: white;
  min-width: 600px;
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-color: black #515254;
  text-align: left;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content-right {
  display: none;
  position: absolute;
  left:auto;
  right: 0; 
  background-color: black;
  color: white;
  min-width: 600px;
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-color: black #515254;
  text-align: left;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a, .dropdown-content-right a, .footer-div a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}

a:link,
a:visited,
a:active {
  color: white;
  /* Optional: removes the default underline from the links */
  text-decoration: none;
}

a:hover {
	color: green;
}

.dropdown a:hover, .footer-div a:hover  {background-color:green;}

.show {display: block;}

pre {
    background: black;
    border: 1px solid #ddd;
    
    color:white;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 16px;
    font-weight: normal;
    tab-size: 4;
    -moz-tab-size: 4;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}



p {
text-align:justify;
line-height: 1.6;

}


.content-table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.content-tr:nth-child(even){background-color:black}

.content-td {
  border: 1px solid #ddd;
  padding: 12px;
}

.content-th {
	border: 1px solid #ddd;
  	padding: 12px;
	background-color:black;
}

.content-th {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  color: white;
}




.div-tab1{
	padding: 12px;
	padding-left: 60px;
}

.div-tab2{
	padding: 12px;
	padding-left: 90px;
}

.div-tab3{
	padding: 12px;
	padding-left: 120px;
}

.div-tab4{
	padding: 12px;
	padding-left: 150px;
}





.menu-td {
	white-space: nowap;
}


h1{

text-align: center;
line-height: 1.2;
}

h2{

padding-top: 30px;
}

h3{

padding-top: 21px;
}

.h3-grey-background {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top:45px;
  text-align: left;
  background-color: green;
  color: white;
}

.h3-grey-background-exec-trace {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top:45px;
  text-align: left;
  background-color: green;
  color: white;
}





.footer-content {
   display: flex;
   justify-content: center; 
   width:parent;
}

.footer-table {
	width:1800px;
	border: 1px solid red;
}

.center-img {
	display: block;
 	 margin-left: auto;
 	 margin-right: auto;
 	 width: 75%; 	 
}

.img-fill {
	display: block;
 	 margin-left: auto;
 	 margin-right: auto;
 	 width: 100%; 	 
}

.wrap-pre {
	width : 100%;
	word-wrap: break-word;
}

.hide-div {
	display: none;
}