h1,h2,h3,h4 {
border: 0px;
margin-top: 1px;
margin-bot: 1px;
text-align: left;
}
h1 {
height: 10px;
}
h2 {
height: 8px;
}
h3 {
height: 6px;
}
h4 {
height: 4px;
}
.row {
width: 100%;
}
.column {
  float: left;
}
.left {
width: 60%;
}

.right {
width: 40%;
}
.rightright {
width: 0%;
}


/*table, td, th {
border: 1px solid black;
}

table {
border-collapse: collapse;
width: 100%;
}



 /* Popup container */
.popup {
  /*position: relative;*/
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  overflow: scroll;
  visibility: hidden;
  height: 300px;
  width: 750px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 40px;
/*  margin-left: -80px;*/
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 5px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
}

/* Add animation (fade in the popup) 
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
*/ 
    .fixTableHead { 
      overflow-y: auto; 
      height: 110px; 
    } 
    .fixTableHead thead th { 
      position: sticky; 
      top: 190px;
      border-collapse: collapse; 
      border: 1px solid black;
    } 
    table { 
      border-collapse: collapse;         
      border: 1px solid black;
      width: 100%; 
    } 
    th,td,caption { 
      padding: 4px 3px; 
      border: 1px solid black;
    } 
    th,caption { 
      background: #4B9CD3;
    }
    tbody {
    height: 320px;
    }
tr:nth-child(odd) {
            background-color: #A4DDED;
        }
tr:nth-child(even) {
            background-color: #A3C1AD;
        }     
/*table2*/
table.table2 {
display: inline-block;
margin-top: 0px;
}
table.table2 tbody {
height:130px;
}
table.table2 tr {
}
table.table2 td {
}

.header{
position:sticky;
top: 0px;
z-index: 999;
background-color: #A3C1AD;
border: 1px solid black;
}
.topline{
height: 36px;
border: 1px solid black;
background-color: lightgreen;
border-collapse: collapse;
padding-left: 5px;

}
.subheader{
position: sticky;
top: 0px;
z-index: 999;
background-color: #A3C1AD;
border: 2px solid black;
border-collapse: collapse;
}

HTML, body {
margin: 0px;
padding: 0px;
border: 0px;
}
div.divided {
display: table;
width: 100%;
/*table-layout: fixed;*/
}
div.divided span {
display: table-cell;
text-align: left;
}
table.bordernone{
border-width: 0px;
}

/*new stuff for pop up editor*/

/* * {box-sizing: border-box;}*/

.open-button {
  color: white;
  background-color: green;
  padding: 8px 8px;
  border: none;
  cursor: pointer;
  opacity: 0.8;

  width: 100px;
}
.cancel {
background-color: red;
}
.mynotes {
  position: fixed;
  top: 5;
  right: 28px; 
}
.mystatus {
  position: fixed;
  top: 5;
  right: 390px; 
}

.form-popup {
  display: none;
  position: fixed;
/*  top: 3;
  right: 28px;*/
  border: 3px solid #f1f1f1;
  z-index: 9;
}

.form-container {
  max-width: 310px;
  padding: 5px;
  background-color: white;
}

.mystatusform {
  position:fixed;
  top:45;
  right:390px;
}

.mynotesform {
  position:fixed;
  top:45;
  right:28px;
}

/* Full-width input fields */
/*.form-container input[type=text], .form-container input[type=password] {
.form-container{
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}*/

/* When the inputs get focus, do something 
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}*/

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 10px 10px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}
div.setgo {
background-color: green;
color: white;
}
div.setstop {
background-color: red;
color: white;
}
/* Add a red background color to the cancel button */


/* Add some hover effects to buttons
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
} */