*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}body{background-color:#f4f6f8}a{text-decoration:none}#root{height:100%}#update-panel{border:2px solid #fff;background-color:#000;margin-left:50px;padding:10px;cursor:pointer;max-width:200px;max-height:45px;overflow:hidden}#update-panel p{color:red;font-family:Arial,Helvetica,sans-serif;white-space:nowrap;-webkit-animation:slidein-right 10s;animation:slidein-right 10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes slidein-right{0%{-webkit-transform:translate3d(105%,0,0);transform:translate3d(105%,0,0)}to{-webkit-transform:translate3d(-170%,0,0);transform:translate3d(-170%,0,0)}}@keyframes slidein-right{0%{-webkit-transform:translate3d(105%,0,0);transform:translate3d(105%,0,0)}to{-webkit-transform:translate3d(-170%,0,0);transform:translate3d(-170%,0,0)}}.login{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/images/login-bg.png);background-repeat:no-repeat;background-size:cover}.login .card-area{padding:20px}.login .card-header{margin-bottom:30px}.login .card-body,.login .card-header,.login .form{display:flex;justify-content:center}.login .form{flex-direction:column;align-items:center}.login .text-field{margin:15px}.login .login-button{margin-top:15px}.login .footer{margin-top:8px;color:#fff;flex-direction:row;justify-content:center}.Loading,.login .footer{display:flex;align-items:center}.Loading{flex-direction:column;margin:20px 0}.Loading_center{margin-top:30%}.ErrorMessage{margin:20px;display:flex;justify-content:center;background:red;-webkit-animation:error-message-blink-keyframes 4s step-start infinite;animation:error-message-blink-keyframes 4s step-start infinite}@-webkit-keyframes error-message-blink-keyframes{50%{background:rgba(255,0,0,.6)}to{background:red}}@keyframes error-message-blink-keyframes{50%{background:rgba(255,0,0,.6)}to{background:red}}.plan{color:#777;display:flex;flex-direction:row;overflow:auto;font-family:"Roboto";margin:10px}.plan .FromArea,.plan .ToArea{display:flex;flex-direction:column;justify-content:center;width:auto;min-height:100%;font-size:14px}.plan .FromArea .icon,.plan .FromArea .innerArea,.plan .FromArea .label,.plan .ToArea .icon,.plan .ToArea .innerArea,.plan .ToArea .label{min-width:60px}.plan .FromArea{border-right:1px dotted #ddd}.plan .FromArea .innerArea{margin-right:5px}.plan .FromArea .innerArea .icon,.plan .FromArea .innerArea .label{text-align:center}.plan .ToArea .innerArea{margin-left:5px}.plan .ToArea .innerArea .icon,.plan .ToArea .innerArea .label{text-align:center}.crossSection .cs-label-bottom,.crossSection .cs-label-top{border-right:1px dotted #ddd;text-align:center;cursor:pointer}.crossSection .cs-label-bottom .name,.crossSection .cs-label-top .name{color:#000;font-size:12px;white-space:nowrap;margin:3px}.crossSection .cs-label-bottom .name.level-1,.crossSection .cs-label-top .name.level-1{background-color:#d3d3d3}.crossSection .cs-label-bottom .name.level-2,.crossSection .cs-label-top .name.level-2{background-color:#00fa00}.crossSection .cs-label-bottom .name.level-4,.crossSection .cs-label-top .name.level-4{background-color:#faf600}.crossSection .cs-label-bottom .name.level-6,.crossSection .cs-label-top .name.level-6{background-color:#fa9600}.crossSection .cs-label-bottom .name.level-7,.crossSection .cs-label-top .name.level-7{background-color:#f71b1b;color:#fff}.crossSection .cs-label-bottom .kilometer,.crossSection .cs-label-top .kilometer{font-size:10px;margin:1px;width:100%}.crossSection .cs-label-top{border-bottom:1px dotted #ddd}.crossSection .cs-label-bottom{border-top:1px dotted #ddd}.crossSection .lanes{width:100%;background-color:#777;margin-top:3px;margin-bottom:3px}.crossSection .lanes .lane{border-right:1px dotted #ddd;display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom:2px dashed #fff;background-color:#777;min-height:32px;width:100%}.crossSection .lanes .lane:first-child{border-top:3px solid #ddd}.crossSection .lanes .lane:last-child{border-bottom:3px solid #ddd}.crossSection .lanes .invisible_lanes{background-color:#fff;border-right:1px dotted #ddd}.crossSection .lanes .invisible_lanes .invisible_lane{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;min-height:32px;width:100%}.crossSection .beside-the-lane{display:flex;flex-direction:column;border-right:1px dotted #ddd}.crossSection .beside-the-lane .sst-area{display:flex;flex-direction:row;margin-bottom:8px;margin-top:8px;margin-left:11px;min-height:20px}.crossSection .beside-the-lane .device-area-left,.crossSection .beside-the-lane .device-area-right{display:flex;flex-direction:row;align-items:center;padding:2px;min-height:160px}.crossSection .beside-the-lane .device-area-left,.crossSection .beside-the-lane .device-area-right{margin:0 8px;justify-content:flex-start}.sensor{height:20px;display:flex;flex-direction:row;margin-left:10px;margin-right:10px}.sensor .senorLabel{width:46px;height:20px;color:#fff;text-align:center;padding-top:4px;font-size:11px;margin-right:5px}.sensor .senorValue{width:42px;height:20px;text-align:center;font-size:16px;color:#000;cursor:pointer}.sensor .senorValue,.sensor .senorValue.level-1{background-color:#d3d3d3}.sensor .senorValue.level-2{background-color:#00fa00}.sensor .senorValue.level-3{background-color:#006400;color:#fff}.sensor .senorValue.level-4{background-color:#faf600}.sensor .senorValue.level-5,.sensor .senorValue.level-6{background-color:#fa9600}.sensor .senorValue.level-7{background-color:#f71b1b;color:#fff}.sign-device{position:relative;margin-top:20px;align-items:center;text-align:center}.sign-device .brightnessInfo{text-align:center;font-size:10px;width:76px;display:flex;flex-direction:row;justify-content:center}.sign-device .brightnessInfo .brightnessInfoItem{margin:2px;height:10px}.sign-device .label{margin:0 auto;font-size:11px}.sign-device .operating-mode{position:absolute;bottom:100%;left:0;width:76px;height:20px}.sign-device .operating-mode-container{width:76px;height:20px;display:flex;flex-direction:row;justify-content:center}.sign-device .operating-mode-container .operating-mode-icon,.sign-device .operating-mode-container .operating-mode-symbol{font-size:16px;height:20px;margin:0 1px}.sign-device .sign-device-container{margin:0 auto;width:76px}.sign-device .sign-device-container .display{margin:0 auto;cursor:pointer;width:68px;height:100px;background-color:#ccc;border:1px solid #999;padding:1px}.sign-device .sign-device-container .display.hybrid{margin:0 auto;cursor:pointer;width:68px;height:68px;background-color:#ccc;border:1px solid #999;padding:1px}.sign-device .sign-device-container .display.error{border:1px solid red;background-color:red}.sign-device .sign-device-container .display.error.hybrid{cursor:pointer;width:68px;height:68px}.sign-device .sign-device-container .device-inner{position:relative}.sign-device .sign-device-container .device-inner .img{width:64px;height:96px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;background-color:#333}.sign-device .sign-device-container .device-inner .errorImage{position:absolute;top:0;left:0;width:64px;height:96px;text-align:center;vertical-align:middle;line-height:96px;background:rgba(50,50,50,.8)}.sign-device .sign-device-container .device-inner .errorImage .icon{height:96px;font-size:36px;-webkit-animation:error-blink-keyframes 4s step-start infinite;animation:error-blink-keyframes 4s step-start infinite}.sign-device .sign-device-container .device-inner .errorImage.hybrid{height:64px}.sign-device .sign-device-container .device-inner .errorImage.hybrid .icon{height:64px;font-size:36px;-webkit-animation:error-blink-keyframes 4s step-start infinite;animation:error-blink-keyframes 4s step-start infinite}@-webkit-keyframes error-blink-keyframes{50%{opacity:.5}to{opacity:1}}@keyframes error-blink-keyframes{50%{opacity:.5}to{opacity:1}}.sign-device .sign-device-container .device-inner .errorImage .error{color:red}.sign-device .sign-device-container .device-inner .errorImage .warn{color:orange}.cb-radio-image{width:64px;height:61px;background-repeat:no-repeat;background-size:contain}.cb-radio-image.off{background-color:#eee;background-image:url(/images/speaker_off.svg)}.cb-radio-image.on{background-color:#eee;background-image:url(/images/speaker_on.svg)}@-webkit-keyframes ticker{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}}@keyframes ticker{0%{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}to{-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}}.ticker-wrap{overflow:hidden;height:21px;width:64px;padding-left:100%;padding-bottom:5px}.ticker-wrap .ticker{display:inline-block;height:160px;line-height:12px;white-space:nowrap;padding-right:100%;box-sizing:initial;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:ticker;animation-name:ticker;-webkit-animation-duration:10s;animation-duration:10s}.ticker-wrap .ticker__item{display:inline-block;padding:0;font-size:10px;color:red}.lights{position:absolute;bottom:100%;left:4px;margin:2px auto;cursor:pointer;display:flex;flex-direction:row;height:20px}.lights .light{height:19px;width:19px;background-color:rgba(255,249,192,.34);border-radius:50%;border:1px solid #cac4af}.lights .light .inner-light{width:17px;height:17px;border-radius:50%;background-color:#ffdd01}.lights .spacer{width:30px}.lights .operatingModeInfo{text-align:center;font-size:16px;width:20px;margin-left:5px;margin-right:5px}.blink{-webkit-animation:blinker 2s step-start infinite;animation:blinker 2s step-start infinite}@-webkit-keyframes blinker{50%{opacity:.5}to{opacity:1}}@keyframes blinker{50%{opacity:.5}to{opacity:1}}.img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;background-color:#333}.imageLoading,.img{width:64px;height:96px}.imageLoading{text-align:center;vertical-align:middle;line-height:96px;background-color:#000}.selected{border:3px solid orange}.imageContentArea{display:flex;flex-direction:row;flex-wrap:wrap}.imageContentArea .imageContent{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:10px;width:70px}.disabled{pointer-events:none;cursor:default;opacity:.4}.blinkingLightsSettings{display:flex;flex-direction:row}.blinkingLightsSettings .label{padding:10px;height:50px}.MuiButtonBase-root.resetButtonRGB{background-color:#ff5722;margin-right:auto}.MuiButtonBase-root.resetButtonRGB .icon{color:#fff;font-size:24px}.resetButtonRGB:hover{background-color:#ff5722!important}.brightnessTextField{width:60px;height:50px}.programSelect{padding:14px 23px 14px 16px;font-size:14px!important}.programSelect .MuiInputBase-input{padding:0}.actualProgramField{min-width:200px;height:50px;font-size:14px!important}.operatingModeSelect{min-width:120px;height:50px;font-size:14px!important}.loading{font-size:12px;margin:16px}.switchBrightnessTable th,.switchOperatingModeTable th{width:150px}.sst{cursor:pointer;width:72px;height:20px;margin-left:1px;margin-right:auto;background-color:#eee}.sst .symbol{display:flex;flex-direction:row;justify-content:center;width:60px}.sst .symbol .icon{font-size:24px;color:#777;background-color:#eee}.sst .label{margin:4px;text-align:center;font-weight:500;letter-spacing:"0.33px";font-size:11px}.sst.error{color:#fff;background-color:red}.sst-dialog{min-width:850px}.sst-dialog .title{flex-grow:1}.sst-dialog .tabPanel{display:flex;flex-direction:row;flex-wrap:wrap;padding:5px}.sst-dialog .contentArea{min-height:300px}.sst-dialog .contentArea .contentAreaCard{width:100%;height:100%}.sst-dialog .stateCardContainer{width:100%;height:100%;display:flex;flex-direction:row;color:#333}.sst-dialog .stateCardContainer .stateCardContent{display:flex;flex-direction:row;flex-wrap:wrap}.sst-dialog .stateCardContainer .stateCardContent .chart{width:200px;height:100%}.sst-dialog .stateCardContainer .stateCard{margin:10px;width:320px}.sst-dialog .stateCardContainer .stateTitle{display:flex;flex-direction:row}.sst-dialog .stateCardContainer .stateSubTitle{color:grey;margin:5px 0}.sst-dialog .stateCardContainer .lastUpdatetime{color:rgba(0,0,0,.54);margin:15px 0;height:49px;text-align:center;vertical-align:middle;line-height:49px;background-color:#fafafa}.sst-dialog .stateBox{display:flex;flex-direction:column;width:50%}.sst-dialog .state{text-align:left;height:30px;display:inline-flex;vertical-align:middle}.sst-dialog .stateValue{width:100px}.sst-dialog .icon{color:grey}.sst-dialog .icon.ok{color:green}.sst-dialog .icon.error{color:red}.sst-dialog .resetButton{background-color:#ff5722}.sst-dialog .resetButton .icon{color:#fff;font-size:24px}.sst-dialog .resetButton:hover{background-color:#ff5722!important}.sst-dialog .onButton{background-color:#8bc34a}.sst-dialog .onButton .icon{color:#fff;font-size:24px}.sst-dialog .onButton:hover{background-color:#8bc34a!important}.sst-dialog .offButton{background-color:red}.sst-dialog .offButton .icon{color:#fff;font-size:24px}.sst-dialog .offButton:hover{background-color:red!important}.sst-dialog .sstDialogActions{display:flex;flex-direction:row;justify-content:flex-start}.passiveComponent{display:flex;flex-direction:column;justify-content:center;margin-left:10px;margin-right:10px}.passiveComponent .imageArea{width:48px;height:48px;background-size:cover;margin:auto;cursor:pointer}.passiveComponent .label{margin-top:4px;text-align:center;font-size:11px}.trafficDataTable{width:auto;table-layout:auto}.trafficDataTable .tableCell{width:auto}.plan-toolbar{background-image:linear-gradient(90deg,#eee,#fff);width:80%;color:#777}
/*# sourceMappingURL=main.3e0b62b2.chunk.css.map */