body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .esri-component .esri-popup .esri-popup--is-docked .esri-popup--is-docked-top-right{top:40px!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.esri-popup__main-container .esri-widget .esri-popup--shadow .esri-popup--is-collapsible{top:40px!important}.map-container{flex-grow:1;flex-shrink:1;flex-basis:calc(100vw - 400px);height:calc(100vh - 40px);position:relative}.map-container.isInProgress{cursor:crosshair}.detector-list-container{flex:0 0 400px;overflow:hidden}.detector-list-container .icons{display:inline-block!important;font-size:18px!important;color:#fff!important;padding:2px!important;margin-left:6px!important;transition:box-shadow .31s ease-in-out;cursor:pointer}.detector-list-container .icons.green{background:#297535!important;border-radius:4px!important;margin-left:auto!important}.detector-list-container .icons.green:hover{box-shadow:0 0 4px 1px #297535}.detector-list-container .icons.yellow{background:#db9406!important;border-radius:4px!important}.detector-list-container .icons.yellow:hover{box-shadow:0 0 4px 1px #db9406}.detector-list-container .icons.yellow.disable{background:grey!important;cursor:not-allowed}.detector-list-container .icons.red{background:#b3001b!important;border-radius:4px!important}.detector-list-container .icons.red:hover{box-shadow:0 0 4px 1px #b3001b}.detector-list-container .detector-list-actions .button{margin:15px;border:2px solid #b3001b;border-radius:4px;padding:6px;text-align:center;color:#b3001b;font-weight:700;transition:box-shadow .31s ease-in-out;cursor:pointer}.detector-list-container .detector-list-actions .button.switch{border-color:#297535;color:#000}.detector-list-container .detector-list-actions .button.switch:hover{box-shadow:none}.detector-list-container .detector-list-actions .button:hover{box-shadow:0 0 4px 1px #b3001b}.detector-list-container .detector-list{padding:0 15px;overflow:auto;height:calc(100% - 40px);text-align:center}.detector-list-container .detector-list .item-container{position:relative;padding:8px;border:2px solid #297535;border-radius:4px;text-align:center;transition:box-shadow .31s ease-in-out;margin-bottom:16px;cursor:pointer}.detector-list-container .detector-list .item-container.non>span{margin-right:-40px!important}.detector-list-container .detector-list .item-container.non .item-icons{right:unset}.detector-list-container .detector-list .item-container .item-icons{position:absolute;right:8px;top:2px;left:0;display:flex;align-items:center}.detector-list-container .detector-list .item-container .item-icons label{font-size:14px;font-weight:500;position:relative;margin-left:8px}.detector-list-container .detector-list .item-container .item-icons label>span{margin-left:-4px!important}.detector-list-container .detector-list .item-container:hover{box-shadow:0 0 4px 1px #297535}.detector-list-container .detector-list .item-container>*{margin:6px 0}.detector-list-container .detector-list .item-container input{padding:4px;border:2px solid;border-radius:4px;font-size:16px;transition:box-shadow .31s ease-in-out;z-index:1000}.detector-list-container .detector-list .item-container input:hover{box-shadow:0 0 4px 1px #000}.detector-list-container .detector-list .item-container .lane-name{font-size:14px;font-style:italic;font-weight:700}.detector-list-container .detector-list .item-container .button{padding:2px;margin:16px 130px 0;border:2px solid #297535;border-radius:4px;color:#297535;font-weight:700;transition:box-shadow .31s ease-in-out;cursor:pointer}.detector-list-container .detector-list .item-container .button:hover{box-shadow:0 0 4px 1px #297535}.material-icons-outlined{font-family:"Material Icons Outlined";position:relative;left:4px;top:7px;color:#db9406;transition:box-shadow .31s ease-in-out,color .31s ease-in-out,background-color .31s ease-in-out;cursor:pointer;border-radius:24px}.material-icons-outlined:hover{box-shadow:0 0 4px 1px #db9406}.material-icons-outlined.red:hover{box-shadow:0 0 4px 1px #b3001b}.material-icons-outlined.red{color:#b3001b}.material-icons-outlined.green{border:2px solid #297535;color:#297535!important;border-radius:4px!important;margin-left:auto!important;margin-right:8px}.material-icons-outlined.green:hover{color:#fff!important;background-color:#297535;box-shadow:none}.modal-container{box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;padding:20px;background-color:#fff;border:2px solid #000;overflow:auto}.modal-container::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.modal-container.none{display:none}.modal-container .modal-content{overflow:hidden;max-height:calc(100vh - 44px)}.modal-container .close{position:absolute;top:20px;right:20px;font-size:22px;font-weight:900;border:2px solid #000;transition:background-color .31s ease,color .31s ease;cursor:pointer;padding:8px;border-radius:100%;width:28px;height:28px;text-align:center;z-index:10000000;font-family:cursive,fantasy}.modal-container .close:hover{background-color:#000;color:#fff}.nav-bar{height:40px;background:#2d5703;display:flex;justify-content:space-between;padding:0 20px}.nav-bar .logo{display:flex;color:#fff;align-items:center}.nav-bar .logo div{margin-left:8px;font-weight:500}.nav-bar .menu{display:flex;align-items:center}.nav-bar .menu:hover .icon{box-shadow:0 0 2px 1px hsla(0,0%,100%,.13333333333333333);background:hsla(0,0%,100%,.13333333333333333)}.nav-bar .menu .icon{color:#fff;transition:background-color .21s ease-in-out,box-shadow .21s ease-in-out}.upload{margin-top:30px;text-align:center;display:flex;flex-direction:column;align-items:center}.upload-title{font-size:20px;font-weight:500;text-align:center}.upload .file{display:none}.upload .detector-download{border:2px solid;padding:6px;border-radius:4px;font-weight:500;transition:box-shadow .31s ease;cursor:pointer;display:inline-block}.upload .detector-download-container{margin:6px}.upload .detector-download:hover{box-shadow:0 0 4px 0 #000}.upload label{border:2px solid #000;transition:background-color .31s ease,color .31s ease;cursor:pointer;padding:2px;margin-bottom:8px;min-height:30px;min-width:300px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:6px}.upload label:hover{background-color:#000;color:#fff}.upload .button{display:inline-flex;border:2px solid #000;transition:background-color .31s ease,color .31s ease;cursor:pointer;padding:8px;font-weight:500;border-radius:6px}.upload .button:hover{background-color:#000;color:#fff}.dashboard-container{display:flex;width:100vw;height:calc(100vh - 44px)}.date-selector{display:flex;align-items:center;justify-content:center;padding:10px;position:relative}.date-selector>*{margin-left:40px!important}.date-selector .switchers{position:absolute;display:flex}.date-selector .switchers .legend{position:relative;left:420px;border:1px solid hsla(0,0%,50.2%,.5);color:rgba(48,48,48,.9);padding:8px;border-radius:4px}.date-selector .switchers .legend span{margin:6px;position:relative;bottom:6px}.date-selector .switchers label{display:flex;flex-direction:column;align-items:center;position:relative;right:440px;margin-left:20px;border:1px solid hsla(0,0%,50.2%,.5);color:rgba(48,48,48,.9);padding:4px 8px;border-radius:4px}.date-selector .export{position:absolute;right:90px;top:63px;border:2px solid #000;transition:background-color .31s ease,color .31s ease;cursor:pointer;padding:8px;font-weight:500;border-radius:6px}.date-selector .export:hover{background-color:#000;color:#fff}.date-selector .occ-button{position:absolute;right:30px;top:64px;border:2px solid #000;transition:background-color .31s ease,color .31s ease;cursor:pointer;padding:5px 8px;font-weight:500;border-radius:6px;width:170px;text-align:center}.date-selector .occ-button:hover{background-color:#000;color:#fff}.flex-container{display:flex;position:relative;height:calc(100vh - 116px)}.flex-container canvas{max-height:100%}.flex-container canvas.loading{opacity:0;height:0}.flex-container .not-loading{display:none}.flex-container:not(.table){width:calc(100vw - 300px)}.flex-container.table{font-size:12px;white-space:pre-line;text-overflow:ellipsis;background:rgba(179,0,27,.4666666666666667);display:block;width:256px;height:unset}.flex-container.table:nth-of-type(2n){background:rgba(179,0,27,.3411764705882353)}.flex-container.table div{padding:4px;box-sizing:border-box;text-overflow:ellipsis;text-align:center;font-weight:500;pointer-events:none;width:100%;overflow:hidden}.flex-container .table-container{flex:0 0 256px;height:calc(100vh - 196px);position:relative;margin-top:31px}.flex-container .table-container .table-scroller{height:100%;overflow:scroll}.flex-container .table-container .table-scroller::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.flex-container .table-container .table-header{position:-webkit-sticky;position:sticky;top:0;background:#b3001b;color:#fff;padding:4px;text-align:center;width:256px;font-size:20px;font-weight:700;box-sizing:border-box;border:2px solid #b3001b;z-index:1299}.detector-list{overflow-y:scroll;height:calc(100vh - 212px)}.detector-list::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.detector-list .detector-listing{border:2px solid;border-radius:6px;padding:6px;margin-bottom:8px}.detector-list .detector-listing>div>span{display:inline-block;margin-left:8px}.detector-list .detector-listing .error{color:#b3001b}.detector-list .detector-listing .error a{display:inline-block;border:2px solid #b3001b;border-radius:4px;padding:4px;color:#b3001b;text-decoration:none;transition:background-color .31s ease,color .31s ease;font-weight:500}.detector-list .detector-listing .error a:hover{background-color:#b3001b;color:#fff;border:2px solid;padding:4px}#kozutSvg{width:30px;height:30px;fill-opacity:0;animation:inFill .31s 1.7s forwards}#kozutSvg path{fill:#fff;stroke-width:10px;stroke:#fff;animation:in 2s forwards}#loginKozutSvg2{width:10vh;height:10vh;fill-opacity:0;stroke-opacity:0}#loginKozutSvg2.chart{position:absolute;left:45vw;top:35vh}#loginKozutSvg2.not-loading{display:none}#loginKozutSvg2 path{fill:#2d5703;stroke-width:10px;stroke:#2d5703;animation:loading 4s .15s infinite;fill-opacity:0}@keyframes inPopup{0%{opacity:0}85%{opacity:0}to{opacity:1}}@keyframes loading{0%{stroke-opacity:1;stroke-dasharray:1000;stroke-dashoffset:6000;stroke:#2d5703;stroke-width:10px}50%{stroke-opacity:1;stroke-dasharray:1000;stroke-dashoffset:3000;stroke:#2d5703;stroke-width:10px}to{stroke-opacity:1;stroke-dasharray:1000;stroke-dashoffset:0;stroke:#2d5703;stroke-width:10px}}.login-container{display:flex;box-sizing:border-box;width:100vw;height:100vh;align-items:center;justify-content:center}.login-title{font-size:8vh;margin:50px;font-weight:500;color:#2d5703}.login-title svg{width:40vh}.login-title svg text{fill:#2d5703;fill-opacity:0;stroke-width:5px;stroke-opacity:0;stroke:#2d5703;animation:inText 3.25s .25s forwards,inFill .31s 2.55s forwards}#loginKozutSvg{width:50vh;height:50vh;fill-opacity:0;stroke-opacity:0;animation:inFill .31s 2.55s forwards}#loginKozutSvg path{fill:#2d5703;stroke-width:10px;stroke:#2d5703;animation:in 4s .25s forwards,inFill .31s 2.55s forwards;fill-opacity:0}@keyframes in{0%{stroke-opacity:1;stroke-dasharray:3000;stroke-dashoffset:3000;stroke:#2d5703;stroke-width:7px}to{stroke-opacity:1;stroke-dasharray:3000;stroke-dashoffset:0;stroke:#2d5703;stroke-width:7px}}@keyframes inText{0%{stroke-opacity:1;stroke-dasharray:280;stroke-dashoffset:280;stroke:#2d5703;stroke-width:4px}99%{stroke-opacity:1;stroke-dasharray:280;stroke-dashoffset:0;stroke:#2d5703;stroke-width:4px}to{stroke-opacity:1;stroke:#2d5703;stroke-width:4px}}@keyframes inFill{0%{fill-opacity:0}to{fill-opacity:1}}