.table-container {
 	 display: grid;
 	 width:900px; /* sum of width of .left-container(300px) and .right-container (600px)*/
 	 overflow:auto;
 	 align-content: start;
 }
 .table-header {
 	 width:100%;
 	 background: #807182;
 	 color: #fff;
 	 font-weight: bold;
 	 margin-top: 20px;
 	 line-height: 30px;
 	 text-align: center;
 	 position:relative;
 }
 .table-type-icon {
 	 height:30px;
 	 position:absolute;
 }
 .icon-interval {
 	 right:40px;
 }
 .icon-reading {
 	 right:5px;
 }
 .icon-collapse {
 	 padding-top:5px;
 	 height:25px;
 	 left:5px;
 }
 .table-type-icon:hover, .delete-row-button:hover {
     cursor:pointer;
 }
 .table-content-collapsed {
	 height:0px;
     overflow: hidden;
	 transition: 0.5s all ease-in-out;
 }
 .table-container table {
 	 padding-top: 0px;
 	 line-height: 26px;
 	 white-space: pre;
	 font-family: 'Consolas', monospace;
	 width:900px;
	 border:1px solid #807182;
	 border-collapse: collapse;
	 text-align: left;
 }
 .table-container table thead {
 	 background: #807182;
 	 color: #fff;
 	 font-weight: bold;
 	 border:1px solid #807182;
 	 border-top:1px solid #fff;
 }
 .table-container table th {
 	 padding: 0px 5px 0px 5px;
 	 text-align: center;
 }
 .table-container table th.middle {
 	 padding: 0px 5px 0px 5px;
 	 text-align: center;
 	 border-left:1px solid #fff;
 	 border-right:1px solid #fff;
 }
 .table-container table td {
 	 padding: 0px 5px 0px 5px;
 	 text-align: center;
 	 border:1px solid #807182;
 }
 .idcol {
 	 text-align: right;
 }
 td[data-sign="positive"] {
  color: #990000;
}
 td[data-sign="negative"] {
  color: #009900;
}
 .table-container table tbody {
 	 /*background: #fff;*/
 	 color: #000;
 	 font-weight: normal;
 	 border:1px solid #807182;
 }
 .table-container table tbody tr:nth-child(even){
 	 background: #ddd;
 }
 .table-container table tbody tr:nth-child(odd){
 	 background: #fff;
 }
 .table-container table tbody tr:hover{
 	 background: #FFFFBF;
 }
 .table-container table tbody tr.reset{
 	 background: #ffc1c1;
 }
 .table-container table tbody tr.incomplete{
 	 background: #ffcb97;
 }
 .table-footer {
 	 width:100%;
 	 background: #c0c0c0;
 	 color: #000;
 	 border-color:#807182;
 	 border-style:solid;
 	 border-left-width:1px;
 	 border-right-width:1px;
 	 border-top-width:0px;
 	 border-bottom-width:1px;
 	 text-align: right;
 	 line-height: 24px;
 	 padding-left: 5px;
 	 padding-right:5px;
 	 white-space: pre;
	 font-family: 'Consolas', monospace;
 }
 .delete-row-button {
 	 vertical-align:middle;
 	 padding-bottom:3px;
 }
 .checkbox {
 	 vertical-align:middle;
	 width: auto;
	 height: auto;
	 max-height: 22px; 
 	 padding-bottom:3px;
 }