html {
   height: 100%;
   width: 100%;
   min-width: 620px;
}

body {
   margin: 0px;
   padding: 0px;
   width: 100%;
   height: 100%;
   overflow-y:auto;
   font-family: Tahoma, Geneva, sans-serif;
}

.row-container {flex: 0 1 auto; width: 100%; display: inline-flex; min-width: 100%; height: 100%; flex-direction: column; overflow-x: auto;}
.first-row {width: 100%; display: inline-flex; flex-direction: row; flex-wrap: wrap; flex: 0 1 auto; font-size: 28px; background-color: #DAE0D2; color: #000000; font-family: Tahoma, Geneva, sans-serif;}
.second-row {flex: 1 1 auto; border: none; margin: 0px; padding: 0px; overflow: hidden; width: 100%;}

.subpage {display: flex; flex-flow: column; height: 100%; flex: 0 1 auto;}
.submenu {display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; font-size: 14px; background-color: #f1f7ee; color: #000000; width: 100%; font-family: Tahoma, Geneva, sans-serif;}
.submenuCenter {display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.subpagecontent {overflow-y: auto;}

.subpagetextbox1 {text-align: center; margin: 0 auto;}
.subpagetextbox2 {display: inline-block; background-color:#f1f7ee; border-width: 1px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid;}
.subpagetextboxtable {width:100%; background-color:white;}

.submenybar {
   height: 30px;
   font-size: 14px;
   font-family: Tahoma, Geneva, sans-serif;
/*   background-color: rgb(228, 239, 220); */
   background-color: #f1f7ee;
   color: #000000;
   width: 100%
}

.tdMainMenu {
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   padding: 0px 15px 0px 15px;
   height: 50px;
}

.tdMainMenuSelected {
   cursor: pointer;
   background-color: #a8b696;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   padding: 0px 15px 0px 15px;
}

.tdMainMenu:hover {background-color: #c1cbb4;}
.tdMainMenuSelected:hover {background-color: #c1cbb4;}

.tdSubMenuLeft {
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: left;
   white-space: nowrap;
   font-weight: normal;
   text-align: left;
}
.tdSubMenuNoHover {
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   align-self: center;
   text-align: center;
}

.tdSubMenu {
   height: 30px;
   cursor: pointer;
   font-weight: bold;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   align-self: center;
   text-align: center;
}

.tdSubMenuSelected {
   cursor: pointer;
   font-weight: bold;
   background-color: #a8b696;
}

.tdSubMenu:hover {background-color: #c1cbb4;}
.tdSubMenuSelected:hover {background-color: #c1cbb4;}

.myTable {border-collapse:collapse;border:0px;margin-left:auto;margin-right:auto;border-bottom:solid 1px grey;}
.myTable tr:nth-child(odd) {background-color: #f2f2f2;}
.myTable tr:nth-child(even) {background-color: white;}
.myTable td, .myTable th {font-family: Arial, Helvetica, sans-serif;padding:0 2px;white-space:nowrap;border-right:solid 1px grey;border-left:solid 1px grey;}
.importroctr {cursor: pointer;}
.importroctr:hover:nth-child(1n) {background-color: #c1cbb4;}

.buttonpunches {font-size: 12px; border-radius: 8px; background-color: #f1f7ee;}
.buttonpunches:hover {background-color: #DAE0D2;}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -500%;
    left: 50%;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.MousePointer {
   cursor: pointer;
}