@charset "UTF-8";.loginScreen{width:100%;min-height:100vh;background:#14272c;display:flex;justify-content:center}.loginBox{width:42.5vh;margin:auto;background:#fffffff2;padding:6.6vh 4.6vh 6.2vh;box-sizing:border-box}.loginLogo{width:14.5vh;margin:auto}.loginLogo img{width:100%;display:block}.loginInput{width:100%;margin:2.2vh 0}.loginInput input{width:100%;line-height:4.2vh;padding:0 1rem;box-sizing:border-box;border:1px solid #ccc;margin-bottom:2.2vh;font-size:1.5rem}.loginInput .errorMessage{font-size:.8rem;background:#ffecec;border:1px solid #f5aca6;padding:.5rem 1rem}.loginBtn{width:85%;margin:auto;height:4.8vh;line-height:4.2vh;background:#2fa2b9;color:#fff;text-align:center;font-size:1rem;display:block;border-radius:5px;border:none}.header{width:100%;height:5.5vh;background:#fff;padding:.9vh;box-sizing:border-box;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:10}.header .logo{height:100%;display:flex;align-items:center;padding-left:1%}.header .logo img{max-height:90%;width:auto;display:block}.header .roleArea{display:flex;align-items:center;background:#88ec57;border-radius:1.85vh;height:3.7vh;margin-left:auto;padding:0 5px}.header .roleLogo{background-size:contain;background-repeat:no-repeat;margin-right:.5rem}.header .roleLogo img{height:2.5vh;width:auto;display:block}.header .userName{font-weight:700;font-size:.8vw;color:#000}.header .baseSelect{margin-left:1vw;font-size:1.1vw;color:#3a5f6a;padding-right:2%}.header .baseName{width:8vw;background:#f2f2f2;border:0;height:2.9vh;line-height:2.9vh;color:#aaa;font-size:1.2vw;padding:0 1vw;margin-right:1vw;box-sizing:border-box}.crCard{padding:1vh .5vw;font-size:1vw;display:flex;flex-direction:column;border-bottom:1px dotted #999}.crCard .crLine{display:flex;align-items:center}.crCard .crLine .crTime{font-size:.9vw;color:#aaa;margin-right:1vw}.crCard .crLine .crLabel{font-size:1vw;margin-right:1vw}.crCard .crLine .crClass{flex:1;text-align:center;font-size:1vw;font-weight:700;padding:2px 6px;border-radius:2px;background:#eee;color:#000;display:inline-block}.crCard.alrt-gr .crTime,.crCard.alrt-gr .crLabel,.crCard.alrt-gr2 .crTime,.crCard.alrt-gr2 .crLabel{color:#5aff33}.crCard.alrt-gr .crClass,.crCard.alrt-gr2 .crClass{background-color:#5aff33}.crCard.alrt-ye .crTime,.crCard.alrt-ye .crLabel{color:#ffec3a}.crCard.alrt-ye .crClass{background-color:#ffec3a}.crCard.alrt-rd .crTime,.crCard.alrt-rd .crLabel{color:#ff4d47}.crCard.alrt-rd .crClass{background-color:#ff4d47}.crBox{display:flex;flex-direction:column;overflow:hidden;padding:1vw;background:#13323b}.crBox .crTitle{display:flex;align-items:center;font-size:1.4vw;font-weight:700;color:#fff;margin-bottom:8px;position:relative}.crBox .crTitle:after{content:"";flex:1;height:2px;background-color:#ccc;margin-left:5px;transform:translateY(5px)}.crBox .crContent{flex:1}.crBox .noCr{color:#ccc;font-size:1vw}.crBox .crContent.scrollable{overflow-y:auto;max-height:30vh;display:flex;flex-direction:column;gap:6px}.crBox-requested,.crBox-checking{height:28vh}.crBox-completed{height:20vh}.crSeparator{position:relative;height:0;width:100%;display:flex;justify-content:center;margin:1.3vh 0 1.5vh}.crSeparator:after{content:"";border:6px solid transparent;border-top:7px solid #ccc;position:absolute;top:0}.statusArea{margin-bottom:1vh;border-radius:4px;color:#000;display:flex;gap:.5vw;align-items:center;white-space:nowrap;min-width:0;height:17.5vh}.statusArea ::-webkit-scrollbar{height:6px}.statusArea.isMonitoring{background:#81ddf5;height:16vh;padding:1vh 0vh 1vh 1vh}.statusArea.isMonitoring.alrt-gr,.statusArea.isMonitoring.alrt-gr2{background-color:#88ec57;height:16vh;padding:1vh 0vh 1vh 1vh}.statusArea.isMonitoring.alrt-ye{background-color:#ffec3a;height:16vh;padding:1vh 0vh 1vh 1vh}.statusArea.isMonitoring.alrt-rd{background-color:#ff4d47;height:16vh;padding:1vh 0vh 1vh 1vh}.statusArea .monitorStatus{font-size:.7vw;font-weight:700;text-align:center}.statusArea .monitorStatus .monitorId{width:1.8vw;height:1.8vw;background:#fff;padding:1vh;border-radius:16px;text-align:center;font-size:1.2vw;font-weight:700;justify-content:center;border:1px solid #ccc;margin-bottom:4px}.statusArea .vehicleStatus{flex:1;display:flex;height:100%;align-items:center}.statusArea .vehicleStatus .signalArea{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1.3vw;height:5vh;border:3px solid #ffffff;border-radius:5px;margin-right:8px;padding:4px;z-index:1;background:#ababab;font-size:1vw;font-weight:700;color:#fff}.statusArea .vehicleStatus .signalArea.alrt-gr,.statusArea .vehicleStatus .signalArea.alrt-gr2{background-color:#88ec57;color:#202020}.statusArea .vehicleStatus .signalArea.alrt-ye{background-color:#ffec3a;color:#202020}.statusArea .vehicleStatus .signalArea.alrt-rd{background-color:#ff4d47}.statusArea .vehicleStatus .signalArea .antennaNo{margin-top:-.3vh;margin-bottom:.6vh}.statusArea .vehicleStatus .signalArea .antenna{display:flex;align-items:flex-end;gap:4px;min-height:2.4vh}.statusArea .vehicleStatus .signalArea .antenna .bar{width:.35vw;border-radius:2px;background:#666;display:block}.statusArea .vehicleStatus .signalArea .antenna .bar.bar1{height:1.1vh}.statusArea .vehicleStatus .signalArea .antenna .bar.bar1.active{background:#fff}.statusArea .vehicleStatus .signalArea .antenna .bar.bar2{height:1.8vh}.statusArea .vehicleStatus .signalArea .antenna .bar.bar2.active{background:#fff}.statusArea .vehicleStatus .signalArea .antenna .bar.bar3{height:2.4vh}.statusArea .vehicleStatus .signalArea .antenna .bar.bar3.active{background:#fff}.statusArea .vehicleStatus .vehicleStatusInner{display:flex;height:100%;flex:1;overflow-y:auto;border:1px solid #ababab;border-radius:2px;padding-left:30px;padding-right:10px;margin-left:-30px;background:#fff}.statusArea .vehicleStatus .vehicleStatusInner.alrt-gr,.statusArea .vehicleStatus .vehicleStatusInner.alrt-gr2{background-color:#eeffe6}.statusArea .vehicleStatus .vehicleStatusInner.alrt-ye{background-color:#fdfbe3}.statusArea .vehicleStatus .vehicleStatusInner.alrt-rd{background-color:#ffe3de}.statusArea .vehicleStatus .vehicleStatusInner .statusMain{display:flex;flex-direction:column;flex:1;height:100%}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea{flex:5;display:flex;align-items:center}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .vehicleName{padding-left:1vw;font-size:1.6vw;white-space:nowrap}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .vehicleName.alrt-gr,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .vehicleName.alrt-gr2,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .vehicleName.alrt-ye,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .vehicleName.alrt-rd{font-weight:700}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .driveImg{width:3.2vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .driveImg img{margin-left:.5vw;height:5.2vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .driveShift{width:2.5vw;height:2.5vw;margin-left:.5vw;text-align:center;border:1px solid #000000;border-radius:3px;font-size:1.7vw;font-weight:700}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .driveSpeed{font-family:Hiragino Kaku Gothic ProN,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-seri;width:8vw;padding-left:.8vw;font-weight:700;white-space:nowrap;font-size:1.2vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .driveSpeed .speedNumber{min-width:4.5vw;font-size:2vw;display:inline-block;text-align:right}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .driveSpeed .speedUnit{font-size:1.2vw;margin-left:.2vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus{display:flex;padding-top:1vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .text-red{color:#ff0800}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .statusValue{font-family:Hiragino Kaku Gothic ProN,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-seri;font-size:1.7vw;font-weight:700;text-align:center;margin-bottom:.2vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemWrapper{display:flex;width:16vw;padding-left:.3vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemDocomo,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemAu,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemSoftbank{display:flex;flex-direction:column;align-items:center;width:3.6vw;padding-left:.2vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemDocomo img,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemAu img,.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .modemSoftbank img{height:1.9vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .delay{display:flex;flex-direction:column;align-items:center;width:3.6vw;padding-left:1vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .delay img{height:2vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .audio{display:flex;flex-direction:column;align-items:center;width:3.6vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .topArea .aliveStatus .audio img{height:2vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .divider{min-height:1px;background-color:#202020;margin:4px 0;width:100%;opacity:.4}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .bottomArea{display:flex;align-items:center;padding:1vh 0;max-width:100%;min-height:5vh}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .bottomArea .noMonitor{background:#13323b;border:1px solid #fff;color:#fff;text-align:center;font-size:1vw;font-weight:700;padding:.5vh 2vw;margin-left:1vw;white-space:nowrap;flex-shrink:0}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .bottomArea .crLabel{font-size:1.1vw;font-weight:700;margin-left:10vw}.statusArea .vehicleStatus .vehicleStatusInner .statusMain .bottomArea .noMonitor+.crLabel{margin-left:1vw}.statusArea .noVehicle{color:#fff}.vehicleStatusList{padding-right:1vh;overflow-y:auto}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.customVcPin .vcPinWrapper{display:flex;flex-direction:column;align-items:center}.customVcPin .vcPinWrapper .vcPinLabel{margin-top:-46px;margin-left:12px;font-weight:700;font-size:16px;color:#fff;padding:1px 4px;white-space:nowrap}html,body{height:100%;margin:0;overflow:hidden}.lobbyScreen{display:flex;flex-direction:column;height:100vh;background:#14272c;color:#fff}.lobbyScreen .mainContent{flex:1;height:auto;display:flex;flex-direction:row;margin-top:5.5vh;gap:10px;padding:15px}.lobbyScreen .leftArea{width:22vw;height:calc(87.5vh - 40px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.lobbyScreen .rightContentArea{flex:1;height:calc(87.5vh - 40px);display:flex;flex-direction:column;width:100%;gap:10px}.lobbyScreen .rightContentArea .centerRow{display:flex;flex-direction:row;gap:10px;flex:1;min-height:0}.lobbyScreen .rightContentArea .middleArea{flex:2;background:#13323b;padding:15px;border-radius:8px;color:#fff;display:flex;flex-direction:column}.lobbyScreen .rightContentArea .middleArea .middleTitle{display:flex;align-items:center;font-size:1.4vw;font-weight:700;margin-bottom:20px}.lobbyScreen .rightContentArea .middleArea .middleTitle:after{content:"";flex:1;height:2px;background-color:#ccc;margin-left:5px;transform:translateY(8px)}.lobbyScreen .rightContentArea .rightArea{flex:1;padding:10px;background:#13323b;display:flex;flex-direction:column;overflow:hidden;min-width:120px}.lobbyScreen .rightContentArea .rightArea .rightTitle{display:flex;align-items:center;font-size:1.4vw;font-weight:700;color:#fff;margin-bottom:8px}.lobbyScreen .rightContentArea .rightArea .rightTitle:after{content:"";flex:1;height:2px;background-color:#ccc;margin-left:12px}.lobbyScreen .rightContentArea .rightArea #mapid{flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.lobbyScreen .footer{height:4vh;background:#1c3a40;padding:1.5vh 0vw 1.5vh 0vw;display:flex;align-items:center;justify-content:center;font-size:3vw;margin:0 10px 10px}.HeaderObserve{width:100%;height:5.5vh;background:#fff;padding:.9vh;box-sizing:border-box;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:10}.HeaderObserve .logo{height:100%;display:flex;align-items:center;padding-left:1%}.HeaderObserve .logo img{max-height:90%;width:auto;display:block}.HeaderObserve .roleArea{display:flex;align-items:center;background:#88ec57;border-radius:1.85vh;height:3.7vh;margin-left:auto;padding:0 5px}.HeaderObserve .roleLogo{background-size:contain;background-repeat:no-repeat;margin-right:.5rem}.HeaderObserve .roleLogo img{height:2.5vh;width:auto;display:block}.HeaderObserve .userName{font-weight:700;font-size:.8vw;color:#000}.HeaderObserve .baseSelect{margin-left:1.5vw;font-size:1.1vw;color:#3a5f6a;padding-right:1.5%}.HeaderObserve .baseName{width:8vw;background:#f2f2f2;border:0;height:2.9vh;line-height:2.9vh;color:#aaa;font-size:1.2vw;padding:0 1vw;margin-right:1vw;box-sizing:border-box}.HeaderObserve .observeSelect{margin-left:1vw;font-size:1.1vw;color:#3a5f6a;padding-right:2%}.HeaderObserve .observeName{width:8vw;background:#f2f2f2;border:0;height:2.9vh;line-height:2.9vh;color:#aaa;font-size:1.2vw;padding:0 1vw;margin-right:1vw;box-sizing:border-box}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modalOverlay .modalContent{background:#fff;padding:1.5em;border-radius:8px;width:500px;text-align:center}.modalOverlay .modalContent .modalIcon{display:inline-flex;justify-content:center;align-items:center;width:64px;height:64px;border-radius:50%;font-weight:700;font-size:36px;border:5px solid currentColor}.modalOverlay .modalContent .modalIcon.icon-check{color:#28a745}.modalOverlay .modalContent .modalIcon.icon-check:before{content:"✔";color:#28a745}.modalOverlay .modalContent .modalIcon.icon-question{color:#007bff}.modalOverlay .modalContent .modalIcon.icon-question:before{content:"?";color:#007bff}.modalOverlay .modalContent .message{margin-top:2vh;font-size:2vw;font-weight:700}.modalOverlay .modalContent .modalActions{margin-top:1em;display:flex;justify-content:space-around;gap:1em}.modalOverlay .modalContent .modalActions button{padding:.6em 1.5em;font-size:1rem;font-weight:700;border:none;border-radius:6px;color:#fff;min-width:120px;transition:background-color .2s ease}.modalOverlay .modalContent .modalActions .okButton{background-color:#007bff}.modalOverlay .modalContent .modalActions .okButton:hover{background-color:#0056b3}.modalOverlay .modalContent .modalActions .cancelButton{background-color:#6c757d}.modalOverlay .modalContent .modalActions .cancelButton:hover{background-color:#5a6268}.vehicleSelect{display:flex;align-items:center;gap:12px;width:50%}.vehicleSelect .vehicleButton{width:55%;height:80%;border:1px solid #ffffff;border-radius:5px;font-size:1vw;font-weight:700;background-color:#787878;display:flex;align-items:center;gap:1vw;padding:.5vh .8vw}.vehicleSelect .vehicleButton.selectedByThis{background-color:#81ddf5;color:#000}.vehicleSelect .vehicleButton.selectedByThis:disabled{cursor:default}.vehicleSelect .vehicleButton.remoteMode,.vehicleSelect .vehicleButton.selectedByOther,.vehicleSelect .vehicleButton.noMonitorF{pointer-events:none;background-color:#787878;color:#414141;border:none}.vehicleSelect .vehicleButton.notSelected{background-color:#13323b;color:#fff}.vehicleSelect .vehicleButton .tileNo{width:1.5vw;height:1.5vw;background-color:#fff;color:#000;font-size:.8vw;display:flex;align-items:center;justify-content:center;border-radius:4px}.vehicleSelect .selectBox{width:25%;height:80%;font-size:.9vw;text-align:center}.crArea{display:flex;align-items:center;gap:12px;height:100%;width:70%}.crArea .crStartButton{height:75%;padding:0 20px;margin-top:10px;background-color:#787878;color:#414141;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(10px,1vw,16px)}.crArea .crStartButton:hover{opacity:.9}.crArea .crStartButton.complete{background-color:#2f74b9;color:#fff}.crArea .crStartButton.request{background-color:#2fa2b9;color:#fff}.crArea .crStartButton.noCr{pointer-events:none}.crArea .crStartButton:disabled{pointer-events:none}.crArea .crText{height:50%;flex:1 1 0%;background-color:#13323b;color:#fff;font-size:1.1vw;font-weight:700;padding-left:1vw;border-radius:4px;border:1px solid #ffffff;width:auto}.videoSwitchArea{height:50%}.videoSwitchArea .title{margin-bottom:1vh;font-size:.7vw;color:#fff}.videoSwitchArea .buttonWrapper{width:100%;height:75%;display:flex;gap:1vw}.videoSwitchArea .buttonWrapper button{width:100%;height:100%;background-color:#13323b;color:#fff;border:none;border-radius:4px;font-weight:700;border:1px solid #ffffff;display:flex;justify-content:center;align-items:center}.videoSwitchArea .buttonWrapper button:disabled{pointer-events:none;border:none;background-color:#787878}.videoSwitchArea .buttonWrapper button.active{background-color:#5dc22b;color:#fff}.videoSwitchArea .buttonWrapper button img{max-width:90%;max-height:90%}.audioSwitchArea{height:50%;padding-top:.5vh}.audioSwitchArea .title{margin-bottom:1vh;font-size:.7vw;color:#fff}.audioSwitchArea .buttonWrapper{width:80%;height:70%;display:flex;gap:1vw}.audioSwitchArea .buttonWrapper button{width:100%;background-color:#13323b;color:#fff;border-radius:4px;border:1px solid #ffffff;font-size:1vw;font-weight:700}.audioSwitchArea .buttonWrapper button:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.audioSwitchArea .buttonWrapper button.active{background-color:#5dc22b;color:#fff}.audioSwitchArea .buttonWrapper button.active:disabled{color:#414141}.soundSelectArea{height:25%}.soundSelectArea .title{margin-bottom:1vh;font-size:.7vw;color:#fff}.soundSelectArea .buttonWrapper{width:100%;height:80%;padding-left:5%;display:flex;gap:1vw}.soundSelectArea .buttonWrapper select{width:60%;height:65%;padding-left:.2vw}.soundSelectArea .buttonWrapper button{width:25%;height:65%;background-color:#2490a0;color:#fff;border:none;border-radius:4px;font-weight:700;transition:background-color .2s}.soundSelectArea .buttonWrapper button:hover{opacity:.9}.soundSelectArea .buttonWrapper button:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.remoteAssistArea{height:80%;padding-top:.5vh}.remoteAssistArea .title{margin-bottom:1vh;font-size:.7vw;color:#fff}.remoteAssistArea .buttonWrapper{width:88%;height:40%;padding-left:5%;padding-bottom:.5vh;display:flex;gap:2vw}.remoteAssistArea .buttonWrapper select{width:110%;height:55%;font-size:.9vw;font-weight:700;margin-top:15px}.remoteAssistArea .buttonWrapper select:disabled{opacity:1;background-color:#fff}.remoteAssistArea .buttonWrapper button{width:100%;height:90%;background-color:#13323b;color:#fff;border:3px solid #ffffff;border-radius:4px;font-size:1vw;font-weight:700}.remoteAssistArea .buttonWrapper button:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.remoteAssistArea .buttonWrapper .assistBtn.active{background-color:#5dc22b}.remoteAssistArea .buttonWrapper .assistBtn.active:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.remoteAssistArea .buttonWrapper .hazardBtn.active{background-color:#81ddf5;color:#000}.remoteAssistArea .buttonWrapper .hazardBtn.active:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.remoteAssistArea .buttonWrapper .forwardBtn.active{background-color:#00f}.remoteAssistArea .buttonWrapper .forwardBtn.active:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.remoteAssistArea .buttonWrapper .slowBtn.active{background:#ff0;color:#000}.remoteAssistArea .buttonWrapper .slowBtn.active:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.remoteAssistArea .buttonWrapper .stopBtn.active{background-color:red}.remoteAssistArea .buttonWrapper .stopBtn.active:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.eiheijiRemoteControlArea{height:80%;padding-top:1.2vh}.eiheijiRemoteControlArea .title{margin-bottom:.5vh;font-size:.7vw;color:#fff}.eiheijiRemoteControlArea .funcGroup_Border{width:95%;height:40%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:2rem;font-weight:700;text-align:center;color:#fff;border:solid 1px rgba(242,242,242,.4784313725);border-radius:15px;margin:0 8px;padding:.6vh 0;gap:1.5vw;align-items:center;justify-content:center}.eiheijiRemoteControlArea .funcGroup_Border button{width:8.8vh;height:8.8vh;background-color:#13323b;color:#fff;border:1px solid #ffffff;border-radius:4px;font-size:1vw;font-weight:700;flex-shrink:0}.eiheijiRemoteControlArea .funcGroup_Border button:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.eiheijiRemoteControlArea .funcGroup_Border button.changeAutoModeBtn{color:#fff}.eiheijiRemoteControlArea .funcGroup_Border button.changeAutoModeBtn.active{background-color:#52a528;border-color:#52a528}.eiheijiRemoteControlArea .funcGroup_Border button.changeAutoModeBtn.disablebtn{background-color:#787878;border-color:#787878;color:#414141}.eiheijiRemoteControlArea .funcGroup_Border button.changeRemoteModeBtn{color:#fff}.eiheijiRemoteControlArea .funcGroup_Border button.changeRemoteModeBtn.active{background-color:#52a528;border-color:#52a528}.eiheijiRemoteControlArea .funcGroup_Border button.changeRemoteModeBtn.disablebtn{background-color:#787878;border-color:#787878;color:#414141}.eiheijiRemoteControlArea .funcGroup_Border button.serviceOutBtn{color:#fff}.eiheijiRemoteControlArea .funcGroup_Border button.serviceOutBtn.active{background-color:#52a528;border-color:#52a528}.eiheijiRemoteControlArea .funcGroup_Border button.serviceOutBtn.disablebtn{background-color:#787878;border-color:#787878;color:#414141}.eiheijiRemoteControlArea .funcGroup{width:100%;height:40%;margin:8px 0;display:flex;gap:1.5vw;align-items:center;justify-content:center}.eiheijiRemoteControlArea .funcGroup button{width:8.8vh;height:8.8vh;background-color:#13323b;color:#fff;border:1px solid #ffffff;border-radius:4px;font-size:1vw;font-weight:700;flex-shrink:0}.eiheijiRemoteControlArea .funcGroup button:disabled{pointer-events:none;border:none;background-color:#787878;color:#414141}.eiheijiRemoteControlArea .funcGroup button.startAutoCarBtn{color:#fff}.eiheijiRemoteControlArea .funcGroup button.startAutoCarBtn.notdisablebtn{background-color:#12aae5;border:3px solid #23ff2a;color:#fff;pointer-events:auto}.eiheijiRemoteControlArea .funcGroup button.startAutoCarBtn.disablebtn{pointer-events:none;border:3px solid #23ff2a;background-color:#12aae5;color:#414141}.eiheijiRemoteControlArea .funcGroup button.startAutoCarBtn.departureAnnounceActive{background:#d9ad0d!important}.eiheijiRemoteControlArea .funcGroup button.recoveryAutoCarBtn{color:#fff}.eiheijiRemoteControlArea .funcGroup button.recoveryAutoCarBtn.notdisablebtn{background-color:#13323b;border:1px solid #ffffff;color:#fff;pointer-events:auto}.eiheijiRemoteControlArea .funcGroup button.recoveryAutoCarBtn.disablebtn{pointer-events:none;border:0;background-color:#787878;color:#414141}.eiheijiRemoteControlArea .funcGroup button.stopAutoCarBtn{color:#fff}.eiheijiRemoteControlArea .funcGroup button.stopAutoCarBtn.notdisablebtn{background-color:#13323b;border:3px solid #ffd647;color:#fff;pointer-events:auto}.eiheijiRemoteControlArea .funcGroup button.stopAutoCarBtn.disablebtn{pointer-events:none;border:3px solid #ffd647;background-color:#787878;color:#414141}.vehiclePanel{display:flex;flex-direction:column;border:1px solid #ffffff;padding:.5vh .8vh .8vw .8vw;background-color:#13323b}.vehiclePanel.priority1{background-color:#16a909}.vehiclePanel.priority2{background-color:#d3cc01}.vehiclePanel.priority3{background-color:#c50707}.vehiclePanel.selectedByThis{background-color:#0021b5d4}.vehiclePanel.selectedByOther{background-color:#414141}.vehiclePanel.noMonitorF,.vehiclePanel.notSelected{background-color:#13323b}.vehiclePanel .headerArea{height:20%;display:flex;justify-content:space-between;gap:20px}.vehiclePanel .bottomArea{height:80%;display:flex;justify-content:space-between;gap:1.5vw;padding-top:.5vh}.vehiclePanel .bottomArea .leftSide{flex:1.1;display:flex;flex-direction:column;gap:8px}.vehiclePanel .bottomArea .rightSide{flex:.9;display:flex;flex-direction:column;gap:8px}.observeFooterArea{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:10vw}.observeFooterArea.eiheiji-layout{padding-left:3.5vw}.observeFooterArea .buttonWrapper{display:flex;flex-wrap:wrap}.observeFooterArea .buttonWrapper button{height:8vh;min-width:10vw;background-color:#30616b;color:#fff;font-size:1.2vw;border:none;border-radius:6px;font-weight:700;margin-right:3vw}.observeFooterArea .buttonWrapper button:disabled{background-color:#787878;color:#414141;pointer-events:none}.observeFooterArea .buttonWrapper .internalAudioBtn.active,.observeFooterArea .buttonWrapper .broadcastBtn.active,.observeFooterArea .buttonWrapper .guideBtn.active{background-color:#5dc22b;color:#fff}.observeFooterArea .buttonWrapper .internalAudioBtn.inactive,.observeFooterArea .buttonWrapper .broadcastBtn.inactive,.observeFooterArea .buttonWrapper .guideBtn.inactive{background-color:#30616b;color:#fff}.observeFooterArea .buttonWrapper .internalAudioBtn:disabled,.observeFooterArea .buttonWrapper .broadcastBtn:disabled,.observeFooterArea .buttonWrapper .guideBtn:disabled{background-color:#787878;color:#414141;pointer-events:none}.observeFooterArea .buttonWrapper .monitorEndBtn{background-color:#4c70d3}.observeFooterArea .buttonWrapper .emergencyStopAllBtn{margin-left:10vw;background-color:#a83535;color:#fff;font-weight:700;border:7px solid #ff0332}.observeFooterArea .buttonWrapper select{height:8vh;min-width:5vw;padding-left:.5vw;margin-right:1vw;background-color:#fff;color:#000;font-size:.9vw;font-weight:700}.modalWrap{background:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;overflow:hidden;display:flex;align-items:center;justify-content:center}.modalBox{border-radius:3px;z-index:1000;background:#000000b3}.modalInner{padding:1.5vh 2vw;text-align:center;box-sizing:border-box;color:#fff;font-size:1.5vw;font-weight:700}.observeScreen{min-height:100vh;background-color:#14272c;overflow-y:auto}.observeScreen .observeContents{height:100vh;display:flex;flex-direction:column}.observeScreen .observeContents .observeGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;padding:6.5vh 1vw 4.5vh 1vw;box-sizing:border-box;flex:1}.observeScreen .observeContents .observeFooter{padding-bottom:4vh}.guideCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.statusOverlay{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;pointer-events:none;font-family:Hiragino Kaku Gothic ProN,Helvetica Neue,Arial,Hiragino Sans}.statusOverlay .band{width:100%;height:75px;top:50%;position:absolute;background-color:#00000080}.statusOverlay .accelerator{position:absolute;width:15%;top:52%;left:1%;display:flex;align-items:center;gap:10px}.statusOverlay .accelerator>label{font-size:24px;line-height:1;height:auto;margin:0;padding:0;vertical-align:middle;display:inline-block;color:#00ff40}.statusOverlay .accelerator>progress{height:30px;width:210px}.statusOverlay .brake{position:absolute;width:15%;top:52%;left:16.5%;display:flex;align-items:center;gap:10px}.statusOverlay .brake>label{font-size:24px;line-height:1;height:auto;margin:0;padding:0;vertical-align:middle;display:inline-block;color:#f85741}.statusOverlay .brake>progress{height:30px;width:210px}.statusOverlay #accelerator{border:2px solid rgb(0,255,64);border-radius:5px}.statusOverlay #accelerator progress[value]{background-color:#00ff40}.statusOverlay #accelerator::-webkit-progress-value{background-color:#00ff40;height:100%}.statusOverlay #brake{border:2px solid rgb(248,87,65);border-radius:5px}.statusOverlay #brake progress[value]{background-color:#f85741}.statusOverlay #brake::-webkit-progress-value{background-color:#f85741;height:100%}.statusOverlay progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:180px;height:30px;border:1px solid transparent;position:relative}.statusOverlay progress::-webkit-progress-bar{background-color:transparent}.statusOverlay .speed{position:absolute;width:15%;top:50.5%;left:45.5%;color:#3fff14;font-size:60px;text-align:center;line-height:60px;font-weight:700;text-shadow:1px 1px 0 #0021b5,-1px -1px 0 #0021b5,-2px 2px 0 #0021b5,2px -2px 0 #0021b5,0px 2px 0 #0021b5,-2px 0 #0021b5,-2px 0 0 #0021b5,2px 0 0 #0021b5}.statusOverlay .speed span{font-size:20px}.statusOverlay .headLight{position:absolute;top:50.5%;left:75%;transform:translate(-100px);font-size:45px;text-shadow:1px 1px 0 #0021b5,-1px -1px 0 #0021b5,-2px 2px 0 #0021b5,2px -2px 0 #0021b5,0px 2px 0 #0021b5,-2px 0 #0021b5,-2px 0 0 #0021b5,2px 0 0 #0021b5}.statusOverlay .driveMode{position:absolute;top:50.5%;left:80%;transform:translate(-100px);font-size:45px;text-shadow:1px 1px 0 #0021b5,-1px -1px 0 #0021b5,-2px 2px 0 #0021b5,2px -2px 0 #0021b5,0px 2px 0 #0021b5,-2px 0 #0021b5,-2px 0 0 #0021b5,2px 0 0 #0021b5}.statusOverlay .shift{width:20%;position:absolute;top:50.5%;left:40.5%;transform:translate(15px)}.statusOverlay .sideBrake{width:20%;position:absolute;top:49.5%;left:57%;transform:translate(120px) translateY(12.5px)}.statusOverlay .winker{width:20%;position:absolute;top:50.5%;left:42%;animation:winker 1s infinite}@keyframes winker{0%,49%{opacity:1}50%,to{opacity:0}}.statusOverlay .winker .winkerList{width:100%;display:flex;position:relative}.statusOverlay .winker .winkerList .winkerLeft{position:absolute;left:-100px}.statusOverlay .winker .winkerList .winkerRight{position:absolute;right:-10px}.statusOverlay .wireDetect{width:4%;position:absolute;top:49%;left:48%;transform:translate(5px) translateY(-3px)}.statusOverlay .wireDetect img{width:93%;height:auto}.statusOverlay .ovr{position:relative;display:inline-block;padding:10px 20px;font-size:35px;border-radius:10px;font-family:Arial,sans-serif;width:80px;margin-left:10px;overflow:hidden;color:red;background:linear-gradient(to right,#b3a34d,#e1cd7d);border:5px solid yellow;top:50.5%;left:74%}html,body,#root{height:100%;margin:0;padding:0}.videoWrapper{width:100%;height:100%;background-color:#14272c;position:relative;display:flex;justify-content:center;align-items:center}.videoWrapper .vehicleLabel{position:absolute;top:5px;right:10px;z-index:10;font-family:メイリオ,Meiryo;font-size:48px;color:#000;text-shadow:1px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 1px 1px #ffffff,-1px 1px #ffffff,1px 1px 1px #ffffff,1px 1px 1px #ffffff}.videoWrapper .videoContainer{position:relative;max-width:100%;max-height:100%;aspect-ratio:16/9}.videoWrapper .videoContainer video{display:block;width:100%;height:auto}.videoWrapper .videoContainer .statusOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.videoWrapper .noVideo{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.videoWrapper .noVideo img{max-width:25%}.videoWrapper .noVideo .noVideoText{margin-top:20px;color:#fff;font-size:1.5vw;text-align:center}.fourVideoWrapper{width:100%;max-height:100vh;padding:16px;box-sizing:border-box;overflow-y:auto;background-color:#14272c}.fourVideoWrapper .fourVideoGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 48px}.fourVideoWrapper .fourVideoGrid .fourVideoBlock{display:flex;flex-direction:column;align-items:flex-start}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem{position:relative;width:864px;height:486px;border:1px solid #ffffff;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem .fourVideoDisplay{width:100%;height:100%;position:relative;overflow:hidden}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem .fourVideoDisplay video{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem .fourVideoOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem .fourVideoOverlay img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:25%;height:auto}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem .fourVideoAlert{color:#fff;font-size:24px;text-align:center;margin-top:20px}.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoLabel{font-size:clamp(14px,2vw,20px);background-color:#fff;color:#000;padding:0 8px}@media (max-width: 900px){.fourVideoWrapper .fourVideoGrid .fourVideoBlock .fourVideoItem{width:90vw;height:auto;aspect-ratio:16/9}}.sideMenu{width:15%;height:94.5vh;padding:2vh 1rem;box-sizing:border-box;background:#14272c}.sideMenu ul{list-style:none;padding:0;margin:0}.sideMenu ul li{margin-bottom:2vh}.sideMenu ul li a{display:block;font-size:1.3vw;color:#fff;background:#14272c;border:1px solid #fff;padding:1vh 1vw;border-radius:5px;text-decoration:none}.sideMenu ul li a.active{background-color:#52a528;font-weight:700;border:none}.sideMenu ul li a:hover{background-color:#1e3a41}.layoutModal .modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.layoutModal .modalContent{background-color:#fff;border-radius:8px;width:50vw;padding:3vh 3vw;box-shadow:0 0 12px #00000040;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;overflow-y:auto;overflow-x:auto}.layoutModal .modalContent .modalTitle{margin-bottom:2vh;font-size:1.5vw;font-weight:700;color:#333;text-align:left}.layoutModal .modalContent .fourGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1vw;margin-bottom:5vh}.layoutModal .modalContent .fourGrid .gridBox{height:15vh;border:1px solid #ccc;border-radius:8px;padding:2vh 1vw;background:#f9f9f9;flex-direction:column}.layoutModal .modalContent .fourGrid .gridBox img{width:auto;height:2.5vh;margin:1vh 0}.layoutModal .modalContent .fourGrid .gridBox .slotTitle{font-weight:700;margin-bottom:2vh;font-size:2vh;color:#333}.layoutModal .modalContent .fourGrid .gridBox select{width:80%;padding:.8vh;font-size:1vw;border:1px solid #ccc;border-radius:4px}.layoutModal .modalContent .checkboxList{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1vw;list-style:none;padding:1vh 0;margin:0 0 2vh}.layoutModal .modalContent .checkboxList li{white-space:nowrap;margin-right:1vw;font-size:1.2vw;color:#333;flex-shrink:0}.layoutModal .modalContent .checkboxList li input[type=checkbox]{margin-right:1vw;width:1vw;height:1vw}.layoutModal .modalContent .successLayoutMessage,.layoutModal .modalContent .errorLayoutMessage{margin-top:12px;padding:10px 16px;border-radius:6px;font-size:1.3vw;font-weight:700;text-align:center}.layoutModal .modalContent .successLayoutMessage{background-color:#e0f7e9;color:#2e7d32;border:1px solid #a5d6a7}.layoutModal .modalContent .errorLayoutMessage{background-color:#fdecea;color:#c62828;border:1px solid #ef9a9a}.layoutModal .modalContent .modalFooter{display:flex;justify-content:center;gap:3vw;margin-top:auto;padding-top:16px}.layoutModal .modalContent .modalFooter .backModalButton,.layoutModal .modalContent .modalFooter .saveButton{width:8vw;padding:8px 20px;font-size:1vw;font-weight:700;border:none;border-radius:4px}.layoutModal .modalContent .modalFooter .backModalButton{background-color:#ccc;color:#333}.layoutModal .modalContent .modalFooter .backModalButton:hover{background-color:#bbb}.layoutModal .modalContent .modalFooter .saveButton{background-color:#007bff;color:#fff}.layoutModal .modalContent .modalFooter .saveButton:hover{background-color:#0056b3}.masterModal .modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.masterModal .modalContent{background-color:#fff;border-radius:8px;width:50vw;padding:3vh 3vw;box-shadow:0 0 12px #00000040;animation:fadeIn .3s ease-in-out}.masterModal .modalHeader{margin-bottom:3vh}.masterModal .modalHeader .modalTitle{margin:0;font-size:2vw;font-weight:700;color:#333}.masterModal .modalBody{display:flex;flex-direction:column}.masterModal .modalBody .inputGroup{display:flex;align-items:center}.masterModal .modalBody .inputGroup label{width:12vw;font-size:1.2vw;font-weight:700;text-align:left;color:#333}.masterModal .modalBody .inputGroup input{flex:1;padding:8px;margin-bottom:1vh;font-size:1.2vw;border:1px solid #ccc;border-radius:4px}.masterModal .modalBody .inputGroup input:focus{border-color:#007bff;outline:none}.masterModal .modalBody .inputGroup select{flex:1;padding:8px;margin-bottom:1vh;font-size:1.2vw;border:1px solid #ccc;border-radius:4px}.masterModal .modalBody .inputGroup select:focus{border-color:#007bff;outline:none}.masterModal .modalFooter{display:flex;justify-content:center;gap:3vw;margin-top:2vh}.masterModal .modalFooter .backButton,.masterModal .modalFooter .decisionButton{width:8vw;height:6vh;padding:1vh 0vw;font-size:.8vw;font-weight:700;border:none;border-radius:4px}.masterModal .modalFooter .backButton{background-color:#ccc;color:#333}.masterModal .modalFooter .backButton:hover{background-color:#bbb}.masterModal .modalFooter .decisionButton{background-color:#007bff;color:#fff}.masterModal .modalFooter .decisionButton:hover{background-color:#0056b3}.masterModal .passwordNote{font-size:1vw;color:#333}.masterModal .successMessage{margin-top:12px;padding:10px 16px;border-radius:6px;font-size:1.3vw;font-weight:700;text-align:center;background-color:#e0f7e9;color:#2e7d32;border:1px solid #a5d6a7}.masterModal .errorMessage{margin-top:12px;padding:10px 16px;border-radius:6px;font-size:1.3vw;font-weight:700;text-align:center;background-color:#fdecea;color:#c62828;border:1px solid #ef9a9a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.systemSetting,.user,.roleClass,.vehicleClass,.announcement,.requestClass,.screenMessage{display:flex;background-color:#13323b;height:100%}.systemSetting .content,.user .content,.roleClass .content,.vehicleClass .content,.announcement .content,.requestClass .content,.screenMessage .content{padding:1vh 2vw;width:100%;color:#fff;overflow-y:auto;max-height:94.5vh}.systemSetting .content .title,.user .content .title,.roleClass .content .title,.vehicleClass .content .title,.announcement .content .title,.requestClass .content .title,.screenMessage .content .title{font-size:2vw;font-weight:700;border-bottom:1px solid #fff;padding-bottom:1vh;margin-bottom:2vh}.systemSetting .content .section,.user .content .section,.roleClass .content .section,.vehicleClass .content .section,.announcement .content .section,.requestClass .content .section,.screenMessage .content .section{margin-bottom:3vh}.systemSetting .content .section .sectionTitle,.user .content .section .sectionTitle,.roleClass .content .section .sectionTitle,.vehicleClass .content .section .sectionTitle,.announcement .content .section .sectionTitle,.requestClass .content .section .sectionTitle,.screenMessage .content .section .sectionTitle{font-size:3.5vh;font-weight:700;height:4.5vh;line-height:3.2vh;background:linear-gradient(180deg,#f2f2f2,#f2f2f2 50%,#d5d5d5 50%,#d5d5d5);padding:0 1.5vw;box-sizing:border-box;color:#1a363e;display:flex;align-items:center}.systemSetting .content .section .sectionBody,.user .content .section .sectionBody,.roleClass .content .section .sectionBody,.vehicleClass .content .section .sectionBody,.announcement .content .section .sectionBody,.requestClass .content .section .sectionBody,.screenMessage .content .section .sectionBody{padding:1.5vh;background:#1a414b;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:1vw}.systemSetting .content .section .sectionBody .searchButton,.systemSetting .content .section .sectionBody .createUserButton,.systemSetting .content .section .sectionBody .updateButton,.systemSetting .content .section .sectionBody .deleteButton,.systemSetting .content .section .sectionBody .cancelButton,.systemSetting .content .section .sectionBody .createButton,.systemSetting .content .section .sectionBody .backButton,.systemSetting .content .section .sectionBody .decisionButton,.user .content .section .sectionBody .searchButton,.user .content .section .sectionBody .createUserButton,.user .content .section .sectionBody .updateButton,.user .content .section .sectionBody .deleteButton,.user .content .section .sectionBody .cancelButton,.user .content .section .sectionBody .createButton,.user .content .section .sectionBody .backButton,.user .content .section .sectionBody .decisionButton,.roleClass .content .section .sectionBody .searchButton,.roleClass .content .section .sectionBody .createUserButton,.roleClass .content .section .sectionBody .updateButton,.roleClass .content .section .sectionBody .deleteButton,.roleClass .content .section .sectionBody .cancelButton,.roleClass .content .section .sectionBody .createButton,.roleClass .content .section .sectionBody .backButton,.roleClass .content .section .sectionBody .decisionButton,.vehicleClass .content .section .sectionBody .searchButton,.vehicleClass .content .section .sectionBody .createUserButton,.vehicleClass .content .section .sectionBody .updateButton,.vehicleClass .content .section .sectionBody .deleteButton,.vehicleClass .content .section .sectionBody .cancelButton,.vehicleClass .content .section .sectionBody .createButton,.vehicleClass .content .section .sectionBody .backButton,.vehicleClass .content .section .sectionBody .decisionButton,.announcement .content .section .sectionBody .searchButton,.announcement .content .section .sectionBody .createUserButton,.announcement .content .section .sectionBody .updateButton,.announcement .content .section .sectionBody .deleteButton,.announcement .content .section .sectionBody .cancelButton,.announcement .content .section .sectionBody .createButton,.announcement .content .section .sectionBody .backButton,.announcement .content .section .sectionBody .decisionButton,.requestClass .content .section .sectionBody .searchButton,.requestClass .content .section .sectionBody .createUserButton,.requestClass .content .section .sectionBody .updateButton,.requestClass .content .section .sectionBody .deleteButton,.requestClass .content .section .sectionBody .cancelButton,.requestClass .content .section .sectionBody .createButton,.requestClass .content .section .sectionBody .backButton,.requestClass .content .section .sectionBody .decisionButton,.screenMessage .content .section .sectionBody .searchButton,.screenMessage .content .section .sectionBody .createUserButton,.screenMessage .content .section .sectionBody .updateButton,.screenMessage .content .section .sectionBody .deleteButton,.screenMessage .content .section .sectionBody .cancelButton,.screenMessage .content .section .sectionBody .createButton,.screenMessage .content .section .sectionBody .backButton,.screenMessage .content .section .sectionBody .decisionButton{color:#fff;border:none;border-radius:4px;padding:.7vh 1.5vw;font-size:1vw}.systemSetting .content .section .sectionBody .searchButton,.user .content .section .sectionBody .searchButton,.roleClass .content .section .sectionBody .searchButton,.vehicleClass .content .section .sectionBody .searchButton,.announcement .content .section .sectionBody .searchButton,.requestClass .content .section .sectionBody .searchButton,.screenMessage .content .section .sectionBody .searchButton{margin-left:5vw;background-color:#1976d2}.systemSetting .content .section .sectionBody .searchButton:hover,.user .content .section .sectionBody .searchButton:hover,.roleClass .content .section .sectionBody .searchButton:hover,.vehicleClass .content .section .sectionBody .searchButton:hover,.announcement .content .section .sectionBody .searchButton:hover,.requestClass .content .section .sectionBody .searchButton:hover,.screenMessage .content .section .sectionBody .searchButton:hover{background-color:#104a85}.systemSetting .content .section .sectionBody .createUserButton,.user .content .section .sectionBody .createUserButton,.roleClass .content .section .sectionBody .createUserButton,.vehicleClass .content .section .sectionBody .createUserButton,.announcement .content .section .sectionBody .createUserButton,.requestClass .content .section .sectionBody .createUserButton,.screenMessage .content .section .sectionBody .createUserButton{background-color:#1976d2;margin-bottom:1.5vh;margin-left:70vw;padding:1vh 1.5vw}.systemSetting .content .section .sectionBody .createUserButton:hover,.user .content .section .sectionBody .createUserButton:hover,.roleClass .content .section .sectionBody .createUserButton:hover,.vehicleClass .content .section .sectionBody .createUserButton:hover,.announcement .content .section .sectionBody .createUserButton:hover,.requestClass .content .section .sectionBody .createUserButton:hover,.screenMessage .content .section .sectionBody .createUserButton:hover{background-color:#104a85}.systemSetting .content .section .sectionBody .createButton,.user .content .section .sectionBody .createButton,.roleClass .content .section .sectionBody .createButton,.vehicleClass .content .section .sectionBody .createButton,.announcement .content .section .sectionBody .createButton,.requestClass .content .section .sectionBody .createButton,.screenMessage .content .section .sectionBody .createButton{background-color:#1976d2}.systemSetting .content .section .sectionBody .createButton:hover,.user .content .section .sectionBody .createButton:hover,.roleClass .content .section .sectionBody .createButton:hover,.vehicleClass .content .section .sectionBody .createButton:hover,.announcement .content .section .sectionBody .createButton:hover,.requestClass .content .section .sectionBody .createButton:hover,.screenMessage .content .section .sectionBody .createButton:hover{background-color:#104a85}.systemSetting .content .section .sectionBody .updateButton,.user .content .section .sectionBody .updateButton,.roleClass .content .section .sectionBody .updateButton,.vehicleClass .content .section .sectionBody .updateButton,.announcement .content .section .sectionBody .updateButton,.requestClass .content .section .sectionBody .updateButton,.screenMessage .content .section .sectionBody .updateButton{display:flex;align-items:center;background-color:#2fb985;padding:.7vh .8vw}.systemSetting .content .section .sectionBody .updateButton .icon,.user .content .section .sectionBody .updateButton .icon,.roleClass .content .section .sectionBody .updateButton .icon,.vehicleClass .content .section .sectionBody .updateButton .icon,.announcement .content .section .sectionBody .updateButton .icon,.requestClass .content .section .sectionBody .updateButton .icon,.screenMessage .content .section .sectionBody .updateButton .icon{width:.8vw;height:.8vw;margin-right:.5vw}.systemSetting .content .section .sectionBody .updateButton:hover,.user .content .section .sectionBody .updateButton:hover,.roleClass .content .section .sectionBody .updateButton:hover,.vehicleClass .content .section .sectionBody .updateButton:hover,.announcement .content .section .sectionBody .updateButton:hover,.requestClass .content .section .sectionBody .updateButton:hover,.screenMessage .content .section .sectionBody .updateButton:hover{background-color:#1f7e5a}.systemSetting .content .section .sectionBody .deleteButton,.user .content .section .sectionBody .deleteButton,.roleClass .content .section .sectionBody .deleteButton,.vehicleClass .content .section .sectionBody .deleteButton,.announcement .content .section .sectionBody .deleteButton,.requestClass .content .section .sectionBody .deleteButton,.screenMessage .content .section .sectionBody .deleteButton{display:flex;align-items:center;background-color:#db683d;padding:.7vh .8vw}.systemSetting .content .section .sectionBody .deleteButton .icon,.user .content .section .sectionBody .deleteButton .icon,.roleClass .content .section .sectionBody .deleteButton .icon,.vehicleClass .content .section .sectionBody .deleteButton .icon,.announcement .content .section .sectionBody .deleteButton .icon,.requestClass .content .section .sectionBody .deleteButton .icon,.screenMessage .content .section .sectionBody .deleteButton .icon{width:.8vw;height:.8vw;margin-right:.5vw}.systemSetting .content .section .sectionBody .deleteButton:hover,.user .content .section .sectionBody .deleteButton:hover,.roleClass .content .section .sectionBody .deleteButton:hover,.vehicleClass .content .section .sectionBody .deleteButton:hover,.announcement .content .section .sectionBody .deleteButton:hover,.requestClass .content .section .sectionBody .deleteButton:hover,.screenMessage .content .section .sectionBody .deleteButton:hover{background-color:#924124}.systemSetting .content .section .sectionBody .cancelButton,.user .content .section .sectionBody .cancelButton,.roleClass .content .section .sectionBody .cancelButton,.vehicleClass .content .section .sectionBody .cancelButton,.announcement .content .section .sectionBody .cancelButton,.requestClass .content .section .sectionBody .cancelButton,.screenMessage .content .section .sectionBody .cancelButton{background-color:#db683d}.systemSetting .content .section .sectionBody .cancelButton:hover,.user .content .section .sectionBody .cancelButton:hover,.roleClass .content .section .sectionBody .cancelButton:hover,.vehicleClass .content .section .sectionBody .cancelButton:hover,.announcement .content .section .sectionBody .cancelButton:hover,.requestClass .content .section .sectionBody .cancelButton:hover,.screenMessage .content .section .sectionBody .cancelButton:hover{background-color:#924124}.systemSetting .content .section .sectionBody .backButton,.user .content .section .sectionBody .backButton,.roleClass .content .section .sectionBody .backButton,.vehicleClass .content .section .sectionBody .backButton,.announcement .content .section .sectionBody .backButton,.requestClass .content .section .sectionBody .backButton,.screenMessage .content .section .sectionBody .backButton{background-color:#888}.systemSetting .content .section .sectionBody .backButton:hover,.user .content .section .sectionBody .backButton:hover,.roleClass .content .section .sectionBody .backButton:hover,.vehicleClass .content .section .sectionBody .backButton:hover,.announcement .content .section .sectionBody .backButton:hover,.requestClass .content .section .sectionBody .backButton:hover,.screenMessage .content .section .sectionBody .backButton:hover{background-color:#444}.systemSetting .content .section .sectionBody .decisionButton,.user .content .section .sectionBody .decisionButton,.roleClass .content .section .sectionBody .decisionButton,.vehicleClass .content .section .sectionBody .decisionButton,.announcement .content .section .sectionBody .decisionButton,.requestClass .content .section .sectionBody .decisionButton,.screenMessage .content .section .sectionBody .decisionButton{background-color:#5ddb3d}.systemSetting .content .section .sectionBody .decisionButton:hover,.user .content .section .sectionBody .decisionButton:hover,.roleClass .content .section .sectionBody .decisionButton:hover,.vehicleClass .content .section .sectionBody .decisionButton:hover,.announcement .content .section .sectionBody .decisionButton:hover,.requestClass .content .section .sectionBody .decisionButton:hover,.screenMessage .content .section .sectionBody .decisionButton:hover{background-color:#388624}.systemSetting .content .section .sectionBody .tableArea,.user .content .section .sectionBody .tableArea,.roleClass .content .section .sectionBody .tableArea,.vehicleClass .content .section .sectionBody .tableArea,.announcement .content .section .sectionBody .tableArea,.requestClass .content .section .sectionBody .tableArea,.screenMessage .content .section .sectionBody .tableArea{width:100%;border-collapse:collapse;background-color:#13323b;color:#fff;overflow:hidden}.systemSetting .content .section .sectionBody .tableArea th,.user .content .section .sectionBody .tableArea th,.roleClass .content .section .sectionBody .tableArea th,.vehicleClass .content .section .sectionBody .tableArea th,.announcement .content .section .sectionBody .tableArea th,.requestClass .content .section .sectionBody .tableArea th,.screenMessage .content .section .sectionBody .tableArea th{border:2px solid #ccc;padding:.75rem 1rem;font-weight:700}.systemSetting .content .section .sectionBody .tableArea td,.user .content .section .sectionBody .tableArea td,.roleClass .content .section .sectionBody .tableArea td,.vehicleClass .content .section .sectionBody .tableArea td,.announcement .content .section .sectionBody .tableArea td,.requestClass .content .section .sectionBody .tableArea td,.screenMessage .content .section .sectionBody .tableArea td{border:2px solid #ccc;padding:1vh 1.5vw;text-align:left;font-weight:700}.systemSetting .content .section .sectionBody .tableArea td.wideCol input,.user .content .section .sectionBody .tableArea td.wideCol input,.roleClass .content .section .sectionBody .tableArea td.wideCol input,.vehicleClass .content .section .sectionBody .tableArea td.wideCol input,.announcement .content .section .sectionBody .tableArea td.wideCol input,.requestClass .content .section .sectionBody .tableArea td.wideCol input,.screenMessage .content .section .sectionBody .tableArea td.wideCol input{min-width:8vw}.systemSetting .content .section .sectionBody .tableArea td.wideCol select,.user .content .section .sectionBody .tableArea td.wideCol select,.roleClass .content .section .sectionBody .tableArea td.wideCol select,.vehicleClass .content .section .sectionBody .tableArea td.wideCol select,.announcement .content .section .sectionBody .tableArea td.wideCol select,.requestClass .content .section .sectionBody .tableArea td.wideCol select,.screenMessage .content .section .sectionBody .tableArea td.wideCol select{min-width:5vw}.systemSetting .content .section .sectionBody .tableArea td.littleWideCol input,.user .content .section .sectionBody .tableArea td.littleWideCol input,.roleClass .content .section .sectionBody .tableArea td.littleWideCol input,.vehicleClass .content .section .sectionBody .tableArea td.littleWideCol input,.announcement .content .section .sectionBody .tableArea td.littleWideCol input,.requestClass .content .section .sectionBody .tableArea td.littleWideCol input,.screenMessage .content .section .sectionBody .tableArea td.littleWideCol input{min-width:4vw}.systemSetting .content .section .sectionBody .tableArea td input,.user .content .section .sectionBody .tableArea td input,.roleClass .content .section .sectionBody .tableArea td input,.vehicleClass .content .section .sectionBody .tableArea td input,.announcement .content .section .sectionBody .tableArea td input,.requestClass .content .section .sectionBody .tableArea td input,.screenMessage .content .section .sectionBody .tableArea td input{width:100%;height:3.6vh;box-sizing:border-box;font-size:2.1vh;padding:.4vh .8vw;border:1px solid #ccc;border-radius:4px}.systemSetting .content .section .sectionBody .tableArea td select,.user .content .section .sectionBody .tableArea td select,.roleClass .content .section .sectionBody .tableArea td select,.vehicleClass .content .section .sectionBody .tableArea td select,.announcement .content .section .sectionBody .tableArea td select,.requestClass .content .section .sectionBody .tableArea td select,.screenMessage .content .section .sectionBody .tableArea td select{width:100%;height:3.6vh;box-sizing:border-box;font-size:2.1vh;padding:.4vh .4vw;border:1px solid #ccc;border-radius:4px}.systemSetting .content .section .sectionBody .tableArea th:last-child,.systemSetting .content .section .sectionBody .tableArea td:last-child,.user .content .section .sectionBody .tableArea th:last-child,.user .content .section .sectionBody .tableArea td:last-child,.roleClass .content .section .sectionBody .tableArea th:last-child,.roleClass .content .section .sectionBody .tableArea td:last-child,.vehicleClass .content .section .sectionBody .tableArea th:last-child,.vehicleClass .content .section .sectionBody .tableArea td:last-child,.announcement .content .section .sectionBody .tableArea th:last-child,.announcement .content .section .sectionBody .tableArea td:last-child,.requestClass .content .section .sectionBody .tableArea th:last-child,.requestClass .content .section .sectionBody .tableArea td:last-child,.screenMessage .content .section .sectionBody .tableArea th:last-child,.screenMessage .content .section .sectionBody .tableArea td:last-child{width:12vw;text-align:center}.systemSetting .content .section .sectionBody .tableArea th:last-child .buttonGroup,.systemSetting .content .section .sectionBody .tableArea td:last-child .buttonGroup,.user .content .section .sectionBody .tableArea th:last-child .buttonGroup,.user .content .section .sectionBody .tableArea td:last-child .buttonGroup,.roleClass .content .section .sectionBody .tableArea th:last-child .buttonGroup,.roleClass .content .section .sectionBody .tableArea td:last-child .buttonGroup,.vehicleClass .content .section .sectionBody .tableArea th:last-child .buttonGroup,.vehicleClass .content .section .sectionBody .tableArea td:last-child .buttonGroup,.announcement .content .section .sectionBody .tableArea th:last-child .buttonGroup,.announcement .content .section .sectionBody .tableArea td:last-child .buttonGroup,.requestClass .content .section .sectionBody .tableArea th:last-child .buttonGroup,.requestClass .content .section .sectionBody .tableArea td:last-child .buttonGroup,.screenMessage .content .section .sectionBody .tableArea th:last-child .buttonGroup,.screenMessage .content .section .sectionBody .tableArea td:last-child .buttonGroup{display:flex;justify-content:center;gap:1vw}.systemSetting .content .section .sectionBody .tableArea .deleteCell,.user .content .section .sectionBody .tableArea .deleteCell,.roleClass .content .section .sectionBody .tableArea .deleteCell,.vehicleClass .content .section .sectionBody .tableArea .deleteCell,.announcement .content .section .sectionBody .tableArea .deleteCell,.requestClass .content .section .sectionBody .tableArea .deleteCell,.screenMessage .content .section .sectionBody .tableArea .deleteCell{text-decoration:line-through}.systemSetting .content .section .sectionBody .tableArea .deletionLabel,.user .content .section .sectionBody .tableArea .deletionLabel,.roleClass .content .section .sectionBody .tableArea .deletionLabel,.vehicleClass .content .section .sectionBody .tableArea .deletionLabel,.announcement .content .section .sectionBody .tableArea .deletionLabel,.requestClass .content .section .sectionBody .tableArea .deletionLabel,.screenMessage .content .section .sectionBody .tableArea .deletionLabel{color:#f88888;font-weight:700}.systemSetting .content .section .sectionBody .tableArea .editLabel,.user .content .section .sectionBody .tableArea .editLabel,.roleClass .content .section .sectionBody .tableArea .editLabel,.vehicleClass .content .section .sectionBody .tableArea .editLabel,.announcement .content .section .sectionBody .tableArea .editLabel,.requestClass .content .section .sectionBody .tableArea .editLabel,.screenMessage .content .section .sectionBody .tableArea .editLabel{color:#88f8aa;font-weight:700}.systemSetting .content .section .sectionBody .createFooter,.user .content .section .sectionBody .createFooter,.roleClass .content .section .sectionBody .createFooter,.vehicleClass .content .section .sectionBody .createFooter,.announcement .content .section .sectionBody .createFooter,.requestClass .content .section .sectionBody .createFooter,.screenMessage .content .section .sectionBody .createFooter{display:flex;align-items:center;justify-content:flex-end;margin-top:1vh;margin-right:2vw;gap:2vw}.systemSetting .content .section .sectionBody .actionButtons,.user .content .section .sectionBody .actionButtons,.roleClass .content .section .sectionBody .actionButtons,.vehicleClass .content .section .sectionBody .actionButtons,.announcement .content .section .sectionBody .actionButtons,.requestClass .content .section .sectionBody .actionButtons,.screenMessage .content .section .sectionBody .actionButtons{display:flex;justify-content:flex-end;gap:1vw;margin-top:2vh}.systemSetting .content .section .sectionBody .successMessage,.user .content .section .sectionBody .successMessage,.roleClass .content .section .sectionBody .successMessage,.vehicleClass .content .section .sectionBody .successMessage,.announcement .content .section .sectionBody .successMessage,.requestClass .content .section .sectionBody .successMessage,.screenMessage .content .section .sectionBody .successMessage{margin-top:1vh;padding:1vh 1vw;border-radius:4px;font-weight:700;text-align:center;background-color:#cdffd1;color:#000;border:1px solid #0d860d}.systemSetting .content .section .sectionBody .errorMessage,.user .content .section .sectionBody .errorMessage,.roleClass .content .section .sectionBody .errorMessage,.vehicleClass .content .section .sectionBody .errorMessage,.announcement .content .section .sectionBody .errorMessage,.requestClass .content .section .sectionBody .errorMessage,.screenMessage .content .section .sectionBody .errorMessage{margin-top:1vh;padding:1vh 1vw;border-radius:4px;font-weight:700;text-align:center;background-color:#ffcdcd;color:#000;border:1px solid #860d0d}.systemSetting .baseArea{display:flex;align-items:center;gap:2vw;font-size:2.5vh;font-weight:700}.systemSetting .cardGrid{display:flex;flex-wrap:wrap;gap:2vh 1vw}.systemSetting .cardGrid .cardArea{width:45%;background:#13323b;border:1px solid #fff}.systemSetting .cardGrid .cardArea .cardTitle{font-size:1.5vw;font-weight:700;background:#fff;color:#000;padding:.3vh 1.5vw}.systemSetting .cardGrid .cardArea .cardBody{display:flex;justify-content:space-between;align-items:center;padding:1vh 1.5vw}.systemSetting .cardGrid .cardArea .cardBody .vehicleGroup{display:flex;gap:2vw}.systemSetting .cardGrid .cardArea .cardBody .vehicleName{font-size:1.5vw;color:#fff}.user .searchArea{display:flex}.user .searchArea .searchLine{display:flex;align-items:center;gap:1vw;font-size:1.5vw;font-weight:700}.user .searchArea .searchLine input{height:3vh;width:20vw;margin-left:2vw}.vehicleList{font-size:.7vmax}.vehicleList input,.vehicleList select{font-size:.7vmax!important}.masterScreen{height:100vh}.masterScreen .masterLayout{display:flex;height:94.5vh;margin-top:5.5vh}.masterScreen .masterContent{width:85%;background:#14272c;color:#fff}input,button,select{outline:none}button,select{cursor:pointer}