table th, table td { width: max-content; border: 1px solid #ccc; vertical-align: middle;}
div.box-fix-column-row-bl { width: auto; height: 90svh; 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; color: #333;}
.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: #ffd6d6; }.fix-Col0Row-CL02 { background: #ffe2cc; }
.fix-Col0Row-CL03 { background: #fff2b2; }.fix-Col0Row-CL04 { background: #e6ffcc; }
.fix-Col0Row-CL05 { background: #ccffe6; }.fix-Col0Row-CL06 { background: #d6f5ff; }
.fix-Col0Row-CL07 { background: #e6ccff; }.fix-Col0Row-CL08 { background: #ffcce6; }
.fix-Col0Row-CL09 { background: #f5deb3; }.fix-Col0Row-CL10 { background: #cceeff; }
.fix-Col0Row-CL11 { background: #ffd9cc; }.fix-Col0Row-CL12 { background: #fff5cc; }
.fix-Col0Row-CL13 { background: #e0ffd6; }.fix-Col0Row-CL14 { background: #ccffe0; }
.fix-Col0Row-CL15 { background: #ccd9ff; }.fix-Col0Row-CL16 { background: #f2ccff; }
.fix-Col0Row-CL17 { background: #ffcce6; }.fix-Col0Row-CL18 { background: #ffe0cc; }
.fix-Col0Row-CL19 { background: #fffacc; }.fix-Col0Row-CL20 { background: #d9ffd6; }
.fix-Col0Row-CL21 { background: #e6f5ff; }.fix-Col0Row-CL22 { background: #f9e6ff; }
.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;}