table th, table td { width: max-content; border: 1px solid #ccc; vertical-align: middle;}
div.box-fix-column-row-bl { width: auto; max-height: 600px; background: #fff; border: 1px solid #fff; overflow: auto;}
table.fix-column-row-bl { width: max-content; height: max-content; }
table.fix-column-row-bl thead th {  top: 0;}
table.fix-column-row-bl ,.fix-Col0Row,
.fix-Col0Row-CL01, .fix-Col0Row-CL02, .fix-Col0Row-CL03, .fix-Col0Row-CL04, .fix-Col0Row-CL05,
.fix-Col0Row-CL06, .fix-Col0Row-CL07, .fix-Col0Row-CL08, .fix-Col0Row-CL09, .fix-Col0Row-CL10,
.fix-Col0Row-CL11, .fix-Col0Row-CL12, .fix-Col0Row-CL13, .fix-Col0Row-CL14, .fix-Col0Row-CL15,
.fix-Col0Row-CL16, .fix-Col0Row-CL17, .fix-Col0Row-CL18, .fix-Col0Row-CL19, .fix-Col0Row-CL20,
.fix-Col0Row-CL21, .fix-Col0Row-CL22.fix-Col0Row-CL21, .fix-Col0Row-CL22 { position: sticky; left: 0; font-size: 1em; padding: 0; z-index: 9; text-align: center; top: 45px;}
.fix-Col0 { position: sticky; left: 0; padding: 0; text-align: center; background: white; z-index: 10;}
.fix-Col1, .fix-Col1Row { background: beige;  position: sticky; padding: 0; color: black; top: 45px;}
.fix-Col1 { z-index: 10; left: 0; }
.fix-Col1Row { text-align: left; }
.fix-Col0Row-CL01 { background: #ffffff; }.fix-Col0Row-CL02 { background: #ffeddb; }.fix-Col0Row-CL03 { background: #a3ffd1; }
.fix-Col0Row-CL04 { background: #ffdbff; }.fix-Col0Row-CL05 { background: #dbffed; }.fix-Col0Row-CL06 { background: #dbdbff; }
.fix-Col0Row-CL07 { background: #ffdbed; }.fix-Col0Row-CL08 { background: #edffdb; }.fix-Col0Row-CL09 { background: #dbffff; }
.fix-Col0Row-CL10 { background: #ffffa3; }.fix-Col0Row-CL11 { background: #ffdbdb; }.fix-Col0Row-CL12 { background: #ffd1a3; }
.fix-Col0Row-CL13 { background: #ffa3ff; }.fix-Col0Row-CL14 { background: #eddbff; }.fix-Col0Row-CL15 { background: #ffffdb; }
.fix-Col0Row-CL16 { background: #a3a3ff; }.fix-Col0Row-CL17 { background: #ffa3a3; }.fix-Col0Row-CL18 { background: #d1a3ff; }
.fix-Col0Row-CL19 { background: #a3ffff; }.fix-Col0Row-CL20 { background: #d1ffa3; }.fix-Col0Row-CL21 { background: #ffa3d1; }
.fix-Col0Row-CL22 { background: #a3ffa3; }
.fix-ssTimeIndx,.fix-ssTimeRow { position: sticky; padding: 0; top: 45px;}
.fix-ssTimeIndx { z-index: 3; color: brown; background: beige;}
.fix-ssTimeRow { text-align: right; background: white;}
.fix-Sec1, .fix-Sec2, .fix-Sec3, .fix-Sec4, .fix-Sec5,.fix-Sec10, .fix-Sec20, .fix-Sec30, .fix-Sec40, .fix-Sec50
 { position: sticky; color: black; background: burlywood; padding: 0; z-index: 3; }
.fix-Sec1 { left: 50px; z-index: 5; }.fix-Sec2 { left: 107px; z-index: 5; }
.fix-Sec3 { left: 164px; z-index: 5; }.fix-Sec4 { left: 221px; z-index: 5; }
.fix-Sec5 {left: 278px; z-index: 5; }.fix-Sec10 { top: 45px; left: 50px; text-align: right; }
.fix-Sec20 { top: 45px; left: 107px; text-align: right; }.fix-Sec30 { top: 45px; left: 164px; text-align: right; }
.fix-Sec40 { top: 45px; left: 221px; text-align: right; }.fix-Sec50 { top: 45px; left: 278px; text-align: right; }
.fix-Total, .fix-Total00,.fix-LostC, .fix-LostC00,.fix-Retr, .fix-Retr00,.fix-LOST, .fix-LOST00 { position: sticky; color: black; z-index: 5;}
.fix-Total { background: plum; font-weight: bold; }
.fix-Total00 { top: 45px; text-align: right; background: plum; font-weight: bold; padding-left: 8px; }
.fix-LostC { background: lightpink; }
.fix-LostC00 { top: 45px; text-align: right; background: lightpink; }
.fix-Retr { background: bisque; }
.fix-Retr00 { top: 45px; text-align: right; background: bisque; }
.fix-LOST { background: aliceblue; }
.fix-LOST00 { top: 45px; text-align: right; background: aliceblue; }
.menu-btn { position: fixed; top: 2px; right: 2px; display: flex; height: 30px; width: 30px; justify-content: center; align-items: center; z-index: 90; background-color: #518eb9;}
.menu-btn span,.menu-btn span:before,.menu-btn span:after { content: ''; display: block; height: 3px; width: 20px; border-radius: 3px; background-color: #fff; position: absolute;}
.menu-btn span:before { bottom: 8px; }
.menu-btn span:after { top: 8px; }
#menu-btn-check:checked ~ .menu-btn span { background-color: transparent; }
#menu-btn-check:checked ~ .menu-btn span::before { bottom: 0; transform: rotate(45deg);}
#menu-btn-check:checked ~ .menu-btn span::after { top: 0; transform: rotate(-45deg);}
#menu-btn-check { display: none; }
.menu-content { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 80; background-color: #518eb9; left: 100%; transition: all 0.5s;}
#menu-btn-check:checked ~ .menu-content { left: 50%; width: 50%;}
.menu-content ul { padding: 70px 10px 0;}
.menu-content ul li { border-bottom: 1px solid #fff; list-style: none;}
.menu-content ul li a { display: block; width: 100%; font-size: 15px; box-sizing: border-box; color: #fff; text-decoration: none; padding: 9px 15px 10px 0; position: relative;}
.menu-content ul li a::before { content: ""; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; right: 11px; top: 16px;}