.grid-container1Col {
      display: grid; grid-template-columns: auto; grid-gap: 20px; background-color: #86c5f9; padding: 10px 40px 10px 1px;
    }
    
    .grid-container1Col > div {
      background-color: rgba(255, 255, 255, 0.8); border: 1px solid black; text-align: center; font-size: 30px;
    }
    
    .grid-container2Col {
      display: grid; grid-template-columns: auto auto; grid-gap: 20px; background-color: #86c5f9; padding: 10px 40px 10px 1px;
    }
    
    .grid-container2Col > div {
      background-color: rgba(255, 255, 255, 0.8); border: 1px solid black; text-align: center; font-size: 30px;
    }
    
    .grid-container3Col {
      display: grid; grid-template-columns: auto auto auto; grid-gap: 20px; background-color: #86c5f9; padding: 10px 40px 10px 1px;
    }
    
    .grid-container3Col > div {
      background-color: rgba(255, 255, 255, 0.8); border: 1px solid black; text-align: center; font-size: 30px;
    }
    
    .grid-container {
      display: grid; grid-template-columns: auto auto auto auto; grid-gap: 20px; background-color: #86c5f9; padding: 10px 40px 10px 1px;
    }
    
    .grid-container > div {
      background-color: rgba(255, 255, 255, 0.8); border: 1px solid black; text-align: center; font-size: 30px;
    }
    
    .grid-container5Col {
      display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 20px; background-color: #86c5f9; padding: 10px 40px 10px 1px;
    }
    
    .grid-container5Col > div {
      background-color: rgba(255, 255, 255, 0.8); border: 1px solid black; text-align: center; font-size: 30px;
    }



    .inputButton { white-space: nowrap; margin-left: 30px; box-shadow: 2px 2px 2px #888888;  font-weight: bold; background-color: #cce0ff;    /* #99c2ff  background: linear-gradient( #cce6ff , #e6f7ff );  */ }

    .inputButton:hover { background-color: #ccffdd;  -ms-transform: scale(1.1); /* IE 9 */  -webkit-transform: scale(1.1); /* Safari 3-8 */  transform: scale(1.1); }

    .deleteButton { white-space: nowrap; box-shadow: 2px 2px 2px #888888;  font-weight: bold; background: linear-gradient( #ff9999 , #e6f7ff );   /* #99c2ff*/ }

    .deleteButton:hover { -ms-transform: scale(1.1); /* IE 9 */  -webkit-transform: scale(1.1); /* Safari 3-8 */  transform: scale(1.1); }

    .buttonRow { border: 0px; width: 100%; border-top: 0px solid #b5bcc7; border-bottom: 1px solid #b5bcc7; background-color: rgb(210,230,240); }

    

th { text-align: left; padding: 5px;}
td { text-align: left; /*border: 1px solid black;*/ }

tr:hover {background-color: #f5f5f5;}

.table2 {
    border-collapse: collapse; 
    background-color:white;
    margin-left: 40px;
    /*border: 1px solid #cccccc;*/
    padding: 5px; 
    /*margin: 1em auto;*/
    width: 90%; 
}

.table2 td {
  /*border: 1px solid #cccccc;*/
  padding: 3px 5px; }

.table2 tr.even {
    background-color: #f9f9f9; }
.table2 tr.odd {
    background-color: white; }

.table3 {
    border-collapse: collapse; 
    background-color:white;
    border: 1px solid #cccccc;
    padding: 5px; 
    margin: 1em auto;
    width: 90%; 
}
  
.table3 td {
  border: 1px solid #cccccc;
  padding: 3px 5px; }

.table3 tr.even {
    background-color: #f9f9f9; }
.table3 tr.odd {
    background-color: white; }


.table4 {
    border-collapse: collapse; 
    background-color:white;
    border: 1px solid #cccccc;
    padding: 5px; 
    margin-left: 30px ;
    margin-right: 10px;
    width: 90%; 
}
  
.table4 td {
  border: 1px solid #cccccc;
  padding: 3px 5px; }

.table4 tr.even {
    background-color: #f9f9f9; }
.table4 tr.odd {
    background-color: white; }   

.tableMonth {
    border-collapse: collapse; 
    background-color:white;
    margin-left: 10%;
    /*border: 1px solid #cccccc;*/
    padding: 5px; 
    /*margin: 1em auto;*/
    width: 90%; 
}

.tableMonth td {
  /*border: 1px solid #cccccc;*/
  padding: 3px 5px; }

.tableMonth tr.even {
    background-color: #f9f9f9; }
.tableMonth tr.odd {
    background-color: white; }


.tableTout {  width: 90px; padding: 5px; border-collapse: collapse; background-color:white; border: 1px solid #cccccc;}
.tableTout tr.even { background-color: #f9f9f9; }
.tableTout tr.odd { background-color: white; }