.m-wrapper{height:100vh}.top-content-wrapper{padding-top:20px;height:110px;background:#f0f0f0}.bottom-content-wrapper{height:calc(100vh - 110px);background:#fff}.radio-button input{display:none}.radio-button input[name=b]:checked+span{background-color:#00f}.radio-button input[name=c]:checked+span{background-color:red}.top-header-button input{display:none}.top-header-button span{background:#f5b7b1;color:#fff;border:none;font-size:11px;font-weight:800;width:100%;padding:10px 15px;border-radius:10px}.radio-button input[name=top-header]:checked+span{background:#f30a43}.date-btn span{background:none;border:none;padding-bottom:5px;color:#757575}.radio-button input[name=date-time]:checked+span{border-bottom:2px solid #18577f;color:#18577f}.status-btn span{background:#cacaca;color:#fff;font-weight:800;padding:2px 10px;margin-right:15px;border-radius:4px;border:none}.radio-button input[name=status]:checked+span{background:#3498db}.bottom-content-wrapper .left-filter-col{width:100%;height:calc(100vh - 110px);overflow:auto;background:#fdedec;text-align:center;padding-top:10px}.left-filter-btn{height:48px;width:48px;border-radius:50%;background:#f7f7f7;border:1px solid #dfdfdf;-webkit-box-shadow:5px 5px 10px #c5c5c5;box-shadow:5px 5px 10px #c5c5c5;color:#727272;padding-top:14px;overflow:hidden}.left-filter-btn span{font-weight:bolder;font-size:9.5px;margin-bottom:5px;line-height:11px;font-style:italic;width:35px}.radio-button input[name=left-filter]:checked+span{color:#f30a43;font-style:normal}.left-filter-btn+input[name=left-filter]:checked{background:#18577f}.top-filter-col{height:60px;padding-left:10px;overflow:auto;background:#d6eaf8;text-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.top-filter-btn{height:48px;width:48px;border-radius:50%;background:#f7f7f7;border:1px solid #dfdfdf;-webkit-box-shadow:5px 5px 10px #c5c5c5;box-shadow:5px 5px 10px #c5c5c5;color:#727272;padding-top:14px;overflow:hidden;margin:5px 5px 0 0}.top-filter-btn span{font-weight:bolder;font-size:11.5px;margin-bottom:5px;line-height:11px;font-style:italic;width:35px}.radio-button input[name=top-filter]:checked+span{color:#369;font-style:normal}.one-block-style{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:80px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;background:#f0f3f4}.clk-silo-table tbody>tr>td,.clk-silo-table tbody>tr>th,.clk-silo-table thead>tr>th{border:none;padding:1px;font-size:11px}.progress-truck{position:absolute;top:-8px;left:45px;width:38px}.progress-truck div.progress-bar{font-size:11px;font-weight:bolder;background:#a9cce3;color:#2471a3;margin-bottom:0;height:20px}.select-area-btn span{background:none;border:none;padding-bottom:0;color:#757575;margin-right:5px;font-size:11px;width:19px}.radio-button input[name=select-area-btn]:checked+span{background:#2cce3a;color:#fff;padding:3px 0;border-radius:5px}@-webkit-keyframes growProgressBar{0%,33%{--pgPercentage:0}to{--pgPercentage:var(--value)}}@keyframes growProgressBar{0%,33%{--pgPercentage:0}to{--pgPercentage:var(--value)}}@property --pgPercentage{syntax:"<number>";inherits:false;initial-value:0}div[role=progressbar]{--size:50px;margin:5px;--bg:#def;--pgPercentage:var(--value);-webkit-animation:growProgressBar 3s 1 forwards;animation:growProgressBar 3s 1 forwards;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#fff 80%,transparent 0 99.9%,#fff 0),conic-gradient(var(--fg) calc(var(--pgPercentage)*1%),var(--bg) 0);font-family:Helvetica,Arial,sans-serif;font-size:calc(var(--size)/5);color:var(--fg)}div[role=progressbar]:before{counter-reset:percentage var(--value);content:counter(percentage) "%"}