*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media(min-width: 768px){html{font-size:16px}}@media(min-width: 992px){html{font-size:14px}}#wrapper{display:inline-block;width:100%;margin:0;overflow-x:hidden}body{background:#000;color:#fff}.debug{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;left:103px;top:71px}.ol-overviewmap button,.ol-attribution{display:none !important}.ol-overviewmap-map .ol-viewport{background:#fff}.head,.logfooter{background:#292f33;color:#fff;padding:20px 0}.loghead div{display:inline-block;float:left}.loghead img{margin-top:-21px}.loghead h1{display:inline;margin:0}.form-group{width:100%;padding:0 20px;margin:120px auto 0}@media(min-width: 768px){.form-group{width:400px}}.btn-sub{background:#292f33;color:#fff;border:1px solid #fff}.errorMessage{text-align:center;margin-top:1rem;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem}#header{margin-bottom:0 !important}.navbar{background:#292f33}@media(min-width: 768px){.navbar h3{max-width:665px}}@media(min-width: 992px){.navbar h3{max-width:100%}}.fa-bars{vertical-align:middle;margin-top:4px;color:#fff}.fa-bars:hover{color:#fff}.navbar-nav .nav-item .nav-link{color:#fff;background:none;border:none;cursor:pointer}.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item .nav-link:focus{color:#fff;text-decoration:underline}.navbar-toggler{border-color:#fff}footer{padding:5px;background:#292f33;border-top:1px solid #fff}footer p{margin:0 auto;color:#fff}.twBtn{display:inline-block;padding:5px;margin:0}#help ul,#accessibility ul{padding-left:10px}.bcLogo{width:100%;max-width:300px;margin-bottom:15px}.info p span{white-space:nowrap}.section{display:inline-block;width:100%;padding:10px}.kpiMain{padding-bottom:10px}@media(min-width: 768px){.kpiMain{border:2px solid #fff}}.kpi{margin-top:0;padding-bottom:10px}.kpi h1{font-size:1rem}.kpi p{text-align:center;margin-bottom:.5rem;font-size:1.3em;font-weight:bold}.kpi section{width:auto;height:153px;margin:2px;float:left;display:inline-block;padding:5px 7px;background:#292f33;border-radius:.25rem}.kpi section svg{width:110px;display:block;margin:0 auto;cursor:pointer}.red{fill:red}.green{fill:#41f446}.neutral{fill:#fff}.locKpiText,.natKpiText{margin-bottom:0 !important;font-size:1em !important}.nationalRow img{max-width:25px;position:relative;top:-23px}.nationalRow td:first-child{width:25px !important;display:block;height:12px}@media(min-width: 318px){.coverImg{display:inline-block;width:25px;height:13px;position:relative;top:4px;background:rgba(108,117,125,.8);z-index:3}}@media(min-width: 992px){.coverImg{top:0}}@media(min-width: 1200px){.coverImg{top:1px}}#map,.wards,.charts,.query{background:#292f33}@media(min-width: 318px){.mainSec{margin:0 auto;padding-top:0}}@media(min-width: 768px){.mainSec{height:480px}}@media(min-width: 1200px){.mainSec{height:340px}}@media(min-width: 768px){.groupDiv{display:inline-block;width:100%;border:2px solid #fff;border-top:none;padding-top:10px}}#info{position:relative;height:1px;width:1px;z-index:100}.tooltip.in{opacity:1}.tooltip.top .tooltip-arrow{border-top-color:#fff}.tooltip-inner{border:2px solid #fff}.wards{display:inline-block;width:100%;margin:0 auto;overflow-y:auto}.wardsList{width:100% !important;height:auto !important}.wardsList tr{border-bottom:1px solid gray}.cas{text-align:center;border-left:1px solid gray}.wardsList .tot{border-bottom:none;font-weight:bold}@media(min-width: 318px){.query{margin-top:20px;width:auto;margin:0 10px;border-radius:.25rem .25rem 0 0}}@media(min-width: 768px){.query{margin-bottom:-7px !important}}@media(min-width: 992px){.query{margin-bottom:-5px !important}}.query .innerQuery{display:inline-block;width:100%;padding-top:5px;padding-bottom:20px;border-radius:.25rem .25rem 0 0;text-align:center}.query-card{display:inline-block;width:100%;padding:5px}@media(min-width: 768px){.query-card{width:auto;height:48px;margin:0}}@media(min-width: 992px){.query-card{height:44px}}@media(min-width: 768px){#severity,#road,#gender{padding:13px 0 5px}}@media(min-width: 768px){#time{padding-right:0;padding-left:0;margin-bottom:-14px}}@media(min-width: 318px){#time .form-control{display:inline-block;width:auto;background:#292f33;color:#fff;padding:.375rem .5rem}}@media(min-width: 768px){#time .form-control{width:100px}}@media(min-width: 992px){#time .form-control{width:90px}}@media(min-width: 768px){#time span{float:left;margin-top:6px;margin-right:3px}}@media(min-width: 768px){#time div{float:left}}@media(min-width: 768px){#time .timeFinp{margin-right:3px}}.charts{display:inline-block;width:100%;margin:20px auto}@media(min-width: 768px){.charts{width:40%;float:left;margin:0 auto;padding-top:10px;padding-right:10px;border-radius:0 0 .25rem 0}}@media(min-width: 1200px){.charts{width:50%}}.charts div:last-child{margin-top:20px}@media(min-width: 768px){.charts div:last-child{margin-top:0}}.charts .chartDiv{width:100% !important;height:230px !important;max-width:500px;margin:0 auto;padding-bottom:15px}@media(min-width: 1200px){.charts .chartDiv{width:50% !important;height:320px !important;float:left}}#Chart1,#Chart2{width:auto !important}@media(min-width: 768px){.first{width:60%;height:100%;float:left}}@media(min-width: 1200px){.first{width:50%}}@media(min-width: 318px){.first #map{width:100%;height:400px}}@media(min-width: 768px){.first #map{height:100%;border-radius:0 0 0 .25rem}}@media(min-width: 768px){.first .wards{height:100%}}@media(min-width: 768px){.first #map,.first .wards{width:50%;float:left;margin:0;padding:0 10px;padding-bottom:15px}}#Chart3{max-height:212px !important}.outerBotChart{display:flex;width:100%;flex-wrap:wrap;margin-bottom:27px;padding:0 10px}@media(min-width: 768px){.outerBotChart{flex-wrap:nowrap;border:2px solid #fff;border-top:none}}@media(min-width: 992px){.outerBotChart{flex-wrap:wrap}}@media(min-width: 318px){.trend,.innerVehicDriv{width:100%;margin:10px 0;background:#292f33;border-radius:.25rem}}@media(min-width: 768px){.trend,.innerVehicDriv{width:59.5%;float:left}}@media(min-width: 768px){.innerVehicDriv{width:100%;height:320px}}@media(min-width: 992px){.innerVehicDriv{height:290px}}@media(min-width: 318px){.vehicDriv{display:inline-table;padding:0;background:none}}@media(min-width: 768px){.vehicDriv{width:40%;padding-left:.7%;margin-left:.5%;border-left:2px solid #fff}}@media(min-width: 1200px){.vehicDriv{width:40%;padding-left:.5%;margin-left:.5%;border-left:2px solid #fff}}@media(min-width: 768px){.trendChart,.vehicDrivChart{width:100% !important;max-width:800px;margin:0 auto}}@media(min-width: 768px){.trendChart{height:249px !important}}@media(min-width: 768px){.vehicDrivChart{height:280px !important}}@media(min-width: 1200px){.vehicDrivChart{height:280px !important}}#trendSeverity{text-align:center}#Chart4{width:100% !important;min-height:180px !important;max-height:220px !important;max-width:600px;margin:0 auto;padding:10px;padding-top:0}.VehicleGroupDiv{max-width:98%;margin:12px auto 10px;text-align:center}@media(min-width: 992px){.VehicleGroupDiv{max-width:80%}}@media(min-width: 1200px){.VehicleGroupDiv{max-width:71%}}::-webkit-scrollbar{width:1em}::-webkit-scrollbar-thumb{background:#ccd6dd}::-webkit-scrollbar-track{background:#8e959a}body{scrollbar-face-color:#ccd6dd;scrollbar-track-color:#8e959a}@media print{body,#map,.wards,.charts,.chartDiv,.innerQuery,.trend,.innerVehicDriv,.kpi section{background:#fff;color:#000}.fa-info-circle,.legimg{display:none}}.dropdown-menu{background:#292f33;color:#fff}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#000}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background:#55acee}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#000}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{background:#000}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{background:#000}.datepicker table tr td.new,.datepicker table tr td.old{color:#55acee}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{background:#55acee}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#000}.modal-content{background:#000}.close span{color:#fff}.modal-footer button{width:100%;background:#292f33;color:#fff}.custom-control{display:inline-block;width:auto;height:20px;margin:2px 0;padding-left:5px}@media(min-width: 768px){.VehicleGroupDiv .custom-control{margin:2px}}.spanTit,.spanLab{position:relative;bottom:3px;left:0}.spanTit{left:10px;padding-right:15px;padding-left:5px}#time .spanTit{bottom:0;padding-left:0}.switch{position:relative;display:inline-block;width:36px;height:16px;margin-bottom:0}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:0;bottom:0;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked + .slider{background-color:#55acee}input:focus + .slider{box-shadow:0 0 1px #55acee}input:checked + .slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.slider.round{border-radius:9px}.slider.round:before{border-radius:50%}.custom-radio .custom-control-input:checked ~ .custom-control-label::before{background-color:#55acee}.custom-radio .custom-control-label{margin-left:20px}.custom-radio .custom-control-label::before,.custom-radio .custom-control-label::after{width:1.1em;height:1.1em;cursor:pointer}.ol-control button,.ol-control button:focus,.ol-control button:hover{background:rgba(0,0,0,.5) !important;cursor:pointer}.kpiButton{width:78px;padding:5px;background:none;border:2px solid #fff;border-radius:.25rem;color:#fff;cursor:pointer}.greyRow{color:gray}.greyRow td em{color:gray !important}.fas{cursor:pointer}.kpiInfo{position:relative;left:10px}.mapInfo{position:absolute;left:22px}@media(min-width: 318px){.trendInfo{position:relative;top:0}}@media(min-width: 768px){.trendInfo{top:30px}}@media(min-width: 992px){.trendInfo{top:5px}}@media(min-width: 318px){.vehicleInfo{position:relative;top:-3px;left:8px}}@media(min-width: 992px){.vehicleInfo{top:-30px}}.kpiTableHov{text-align:right;max-width:180px !important}.kpiTableHov tr{border-bottom:1px solid #fff}.kpiTableHov tr:nth-child(2) td{white-space:nowrap}.kpiTableHov tr:last-child,.kpiTableHov tr:nth-child(odd){border-bottom:none}.kpiTableHov tr:first-child{border-bottom:1px solid #fff}.maxSpan{display:block;max-width:200px !important}.maxSpanKpi{display:block;max-width:250px !important}.tooltip-inner{max-width:100% !important}.outerLoader{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1040;background:rgba(0,0,0,.7)}.loader{position:absolute;top:50%;bottom:50%;left:50%;right:50%;width:104px;height:104px;margin-left:-52px;margin-top:-52px;border-radius:50%;border:2px solid #fff;background:#292f33}#loader .modal-content{background:none !important}.progress-circle.indefinite .progress{stroke:#fff;stroke-width:5;stroke-dashoffset:0;stroke-dasharray:63 188;animation:progress-indef 2s linear infinite}.progress-circle.indefinite .bg{stroke:#000;stroke-width:5}@keyframes progress-indef{0%{stroke-dashoffset:251}100%{stroke-dashoffset:0}}/*# sourceMappingURL=dashboard.css.map */