body {
	font-size: 14px;
    padding: 5px;
	margin: auto;
}
div.tablewrap {
    display:inline;
    float:left;
    clear:both;
    position:absolute;
}
#inside {
    padding:5px;
}
.bordert {
    border-top: 1px;
    border-top-color:#000;
}
.borderb {
    border-bottom: 1px;
    border-bottom-color:#000;
}
.borderm {
    border-left: 1px;
    border-left-color:#000;
    border-right: 1px;
    border-right-color:#000;
}
#main {
    width:100%;
    margin-right: 1% !important;
    margin-left: 1% !important;
}
.errorspan {
    color: #ff0000;
    font-weight: bold;
    font-size: 0.75em;
}


div.note_table_wrapper {
  border-style: solid;
  border-color: 1px solid gray;
  padding: 0px;
  display: grid;
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  border: 0px;
  background-color: #fff;
  /*
grid-column-gap: 10px;
grid-row-gap: 10px;
*/
}

.odd-row {
  background-color: #777;
}

.even-row {
  background-color: #fff;
}

div.note_table_wrapper > label {
    	font-size: 14px !important;
}

div.note_table_wrapper > div {
  padding: 5px;
}

div.note_table_wrapper.columns-1 {
  grid-template-columns: 100%;
}

div.note_table_wrapper.columns-1 > div:nth-child(2n + 1) {
  background-color: #eee;
}

div.note_table_wrapper.columns-2 {
  grid-template-columns: 50% 50%;
}

div.note_table_wrapper.columns-2 > div:nth-child(4n + 1),
div.note_table_wrapper.columns-2 > div:nth-child(4n + 2) {
  background-color: #eee;
}

div.note_table_wrapper.edit-or-confirm {
  grid-template-columns: 30% 30% 30% 10%;
}


/* deprecated
div.note_table_wrapper table.data tbody {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

div.note_table_wrapper table.data th,
div.note_table_wrapper table.data td {
  padding: 2px 10px !important;
}

div.note_table_wrapper table.data tbody tr.odd_row.changed td {
  background-color: #eeee00;
}

div.note_table_wrapper table.data tbody tr.even_row.changed td {
  background-color: #ffff00;
}

div.note_table_wrapper table.data th {
  background-color: #c4c4a8;
  text-align: left;
}

div.note_table_wrapper table.data th.numeric {
  text-align: right;
}
*/

div.esign {
  border-style: solid;
  border-color: 1px solid gray;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  border: 0px;
  background-color: #fff;
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-columns: 30% 30% 30% 10%;
}

div.esign div {
  text-align: center;
}