html *{ margin:0; padding: 0;}

body {margin: 0px 10px 0px 10px;}

body, .itab, .itab td, .itab th  {
  font-size:90%;
  }

.itab2, .itab2 td, .itab2 th  {
  font-size:100%;
  }


html, body{ height: 100%;}

body{ font-family: Arial, Helvetica, sans-serif; color: #202020; }

img{ border: none;}

p{ line-height: 18px; padding-bottom: 15px;}


h2{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height: 24px; color: #1c3f8e; letter-spacing: -1px; margin-bottom: 6px;   }
h3{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; color: #1c3f8e; text-transform: uppercase; margin-bottom: 12px; }

/* ------------------ LINKS  ------------------*/
a{outline: none;}


#page-wrapper{ width: 100%; margin: 0 auto 0px 10px; min-height: 100%; height: auto !important; height: 100%;}

#content{ width: 100%; margin: 0 0; }


input
{ border: none; background: #eeeded; margin: 0px; padding: 3px;}

input:focus { border: 1px solid #d4d4d4;}

input.button:hover{background:#607f04; border: 1px solid #eee ;}

input.button{ background:#109900; height:24px;
  margin: 3px;
  padding: 3px;
  border: 1px solid #030;
  color: #d2eb5b; cursor: pointer;
  }

 .clsButton {
  border: 1px solid #030;
 }

 .scBtn {
  border: 1px solid #030;
  margin: 2px 2px 2px 2px;
  font-size: 1em;
  }


.itab, .itab td, .itab th  {
  margin: 0px;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  border-collapse: collapse;
  border-color: #d4d4d4;
  border-style: solid;
  border-width: 1px;
  font-family: Arial;
}

.itab th  {
background:#f0f0f0;
}

.clsContextMenu {
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  line-height: 190%;
}
.clsContextMenu {
  /*  background-color:#e6e6fa;*/
  background-color:#f0f0fc;
  border-color: black;
}
.clsDialogHdr {
/*  background: ActiveCaption; */
  color: CaptionText;
}

.clsInner {
  background:#fff;
  padding:10px;
}

.latest {
  background:#000;
  color:#fff;
}

.clsCog {
  background-image: url("data:image/svg+xml,%3Csvg id='i-settings' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='20' height='20' fill='none' stroke='%23555'  stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13 2 L13 6 11 7 8 4 4 8 7 11 6 13 2 13 2 19 6 19 7 21 4 24 8 28 11 25 13 26 13 30 19 30 19 26 21 25 24 28 28 24 25 21 26 19 30 19 30 13 26 13 25 11 28 8 24 4 21 7 19 6 19 2 Z' /%3E%3Ccircle cx='16' cy='16' r='4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 2px center;
  }


.clsTotal {
 font-weight: bold !important;
}

.clsBold {
 font-weight: bold !important;
}


.clsPlace {
 font-weight: bold !important;
}


.tdbtn:hover, th:hover, .scBtn:hover  {
background-color:#ddd; border: 1px solid #ddd;
}


thead {
  position: sticky;
  top: 0;
  border-bottom: 2px solid #ccc;
}


tfoot {
  position: sticky;
  bottom: 0;
  border-top: 2px solid #ccc;
}


.clsPlace,.clsSubPlace {
  background-color: #bbffff;
}

.clsTotal,.clsSubTotal {
  background-color: rgb(255, 255, 187);
  background-color: #ffffbb;

}

/* -----smaller screens ----------*/
@media (max-width: 800px) {

.button {
  margin-bottom: 8px;
  vertical-align: top;
  }

body, .itab, .itab td, .itab th  {
  font-size:90%;
  }

.itab2, .itab2 td, .itab2 th  {
  font-size:100%;
  }
}

.clsRowSubSetDivide {
  color: #777;
  font-weight:bold;
  background-color: #fafafa;
  }
.clsRowSubSetDivide td {
  padding-top: 12px;
  }

.button {
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #7aa8b7;
        border-radius: 6px;
        outline: none;
        transition: 0.3s;
      }
.button:hover {
  background-color: #c2c7c7;
  }

.content{
  width: 100%;
  max-width: 1100px;   /* pick a sensible desktop width */
  margin: 0 auto;      /* center on desktop */
  padding: 0 10px;     /* small side padding on phones */
  box-sizing: border-box;
}
.itab{ width: 100%; }