*{box-sizing:border-box}html{background:#fff}h1{font-size:1.5rem;margin-top:0;margin-bottom:.5rem}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.flex-row,.main-frame{display:flex}.flex-row>.col{flex-grow:1;min-width:1px}.flex-row>.col-1{flex-basis:8.3333%}.flex-row>.col-2{flex-basis:16.6666%}.flex-row>.col-3{flex-basis:25%}.flex-row>.col-4{flex-basis:33.3333%}.flex-row>.col-5{flex-basis:41.6666%}.flex-row>.col-6{flex-basis:50%}.flex-row>.col-7{flex-basis:58.3333%}.flex-row>.col-8{flex-basis:66.6666%}.flex-row>.col-9{flex-basis:75%}.flex-row>.col-10{flex-basis:83.3333%}.flex-row>.col-11{flex-basis:91.6666%}.flex-row>.col-12{flex-basis:100%}.main-frame .left{flex-basis:260px;overflow-x:hidden;overflow-y:scroll;padding:0;height:100vh}.main-frame .left,.right{background:#fff;min-width:1px}.right{flex-basis:calc(100vw - 260px);padding:0 0 0 8px}#graph{background:#fff;width:100%;padding:0}.text-right{text-align:right}.lbl{width:100%;padding:5% 5% 0}.data input[type=checkbox]{transform:scale(1.2);margin-right:8px}.data{white-space:pre;font-size:.8em}.catalog-list{overflow-x:scroll}.request,.updateTimeRange{text-align:center;width:100px}#btnRequest,#btnUpdateTimeRange{justify-content:center;align-items:center;width:100%;border:2px solid #0095d9;background-color:#0095d9;padding:5% 10%;color:#fff;cursor:pointer}#btnRequest:hover,#btnUpdateTimeRange:hover{border:2px solid #0095d9;background-color:#fff;color:#0095d9}input[type=text]{width:130px}input[type=text]:focus{outline:0 solid}