.header{display:flex;justify-content:space-between;flex-direction:row;position:fixed;top:0;left:0;right:0;width:100%;height:50px;z-index:1000;background-color:#57004e;box-shadow:0 0 6px 1px rgba(0,0,0,.2)}.header .left{padding-left:15px}.header .left,.header .middle,.header .right{display:flex;align-items:center}.header .right{padding-right:10px}.header .user{display:flex;color:#fff;padding:5px 10px 5px 5px;border-radius:4px;cursor:pointer}.header .user:hover{background-color:hsla(0,0%,100%,.2)}.header .user .icon{display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.3);padding:5px;height:30px;width:30px;border-radius:4px;margin-right:10px}.header .user .info{display:flex;flex-direction:column;justify-content:center}.header .user .branche_name{font-size:1.1rem;line-height:1.3rem}.header .user .name{font-size:1rem;line-height:1rem;color:hsla(0,0%,100%,.7)}.header .user_menu_background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;background-color:transparent;cursor:default}.header .user_menu{position:absolute;width:150px;background-color:#fff;top:60px;right:10px;border-radius:4px;box-shadow:0 0 6px 1px rgba(0,0,0,.2);z-index:2100;overflow:hidden}.header .user_menu button{display:flex;align-items:center;justify-content:center;padding:16px;font-size:1.3rem;line-height:1.2857em;width:100%;border:none;color:#848484;background-color:#fff;outline:none;cursor:pointer}.header .user_menu button svg{margin-right:5px}.header button.icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 10px 0 0;padding:0;color:hsla(0,0%,100%,.7);border:none;background:transparent;border-radius:50%;cursor:pointer;outline:none}.header button.icon:hover{color:#fff;background:hsla(0,0%,100%,.2)}.page.page_header{height:100vh;padding-top:50px}.map{width:100%;height:100%}.map .infowindow{font-family:Arial,sans-serif;min-width:150px;padding:0 0 0 5px}.map .infowindow .heading{margin:0 0 15px;font-size:18px}.map .infowindow .name{display:block;margin-bottom:10px}.map .infowindow button{display:block;width:100%;margin:15px 0 0;padding:5px 15px;background:transparent;color:#484848;border:1px solid #ccc;cursor:pointer;outline:none}.state-container{display:flex;height:100vh;align-items:center;justify-content:center}.state-content{width:400px;text-align:center}.state-text{color:#999}.branche_link{display:flex;justify-content:space-between;align-items:center}.branche_color{display:inline-block;width:12px;height:12px;margin-right:5px}.activity-container{display:flex;align-items:center;color:#999}.progress-container{display:flex;height:4px;margin:5px 0}.progress-item{flex:1 1;margin-right:3px}.progress-item:last-child{margin-right:0}.progress-item.progress-new{background-color:#eee}.progress-item.progress-arrived,.progress-item.progress-arrived_paused,.progress-item.progress-arrived_resumed,.progress-item.progress-driving,.progress-item.progress-driving_paused,.progress-item.progress-driving_resumed{background-color:#eaa14a}.progress-item.progress-done{background-color:#a0c876}.progress-item.active_false{background-color:#a7001f}.item-header{flex:1 1;justify-content:space-between}.item-header span{font-size:1.8rem}.item-header span.driver{font-size:1.4rem;color:#737373}.tabs{display:flex;height:100%;flex-direction:column}.tab-list{display:flex;justify-content:space-between;flex-wrap:wrap}.tab-list-item{flex-grow:1;align-items:center;justify-content:center;padding:10px;text-align:center;cursor:pointer}.tab-list-item.active{border-bottom:2px solid #57004e;font-weight:700}.tab-content{height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ccc #fff;scrollbar-width:thin}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-thumb{background:#ccc;border:1px solid #fff;border-radius:4px}.tab-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.activity{display:flex;flex:1 1;min-height:80px;padding-left:0}.activity .info{display:flex;flex:1 1;flex-direction:column;padding:0 0 0 20px;margin-bottom:25px}.activity .name{display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-bottom:0;font-size:1.3rem;cursor:pointer}.activity .arival,.activity .expected_arival{color:#737373;font-size:1.1rem;margin:5px 0}.activity .arival{display:flex;flex:1 1;justify-content:space-between;align-items:center}.activity .number{color:#9c9c9c}.activity .address{margin-top:5px;font-size:1.15rem;color:#737373}.activity .line{width:33.3%;font-size:1.25rem}.activity .status_container{margin-top:5px;margin-bottom:20px}.activity .status_container .label{display:inline-block;color:#737373;font-size:1.1rem;width:200px}.activity .status_container .value{font-weight:700;font-size:1.1rem}.activity .time_container{display:flex;margin-top:5px;margin-bottom:20px}.activity .progress{position:relative;display:flex;flex-direction:column;align-items:center}.activity .progress .dot{width:16px;height:16px;border:2px solid #b1b2b2;border-radius:50%;background-color:#fff;position:relative}.activity .progress .dot.done{background-color:rgba(160,200,118,.4);border-color:#a0c876}.activity .progress .dot.driving,.activity .progress .dot.driving_paused,.activity .progress .dot.driving_resumed,.activity .progress .dot.todock_driving{background-color:#fff;border-color:#eaa14a}.activity .progress .dot.arrived,.activity .progress .dot.arrived_paused,.activity .progress .dot.arrived_resumed,.activity .progress .dot.todock_arrived{background-color:rgba(234,161,74,.4);border-color:#eaa14a}.activity.active_false .progress .dot{background-color:rgba(167,0,31,.4);border-color:#a7001f}.activity .progress .dot .icon{position:absolute;top:-7px;right:-7px;background-color:#fff;width:13px;height:13px;border-radius:13px}.activity .progress .line{width:2px;flex:1 1;border-left:2px dashed #b1b2b2;margin:3px 0}.activity .progress .line.done{border-left:2px solid #a0c876}.activity .progress .line.driving,.activity .progress .line.driving_paused,.activity .progress .line.driving_resumed,.activity .progress .line.todock_driving{border-left:2px dashed #eaa14a}.activity .progress .line.arrived,.activity .progress .line.arrived_paused,.activity .progress .line.arrived_resumed,.activity .progress .line.todock_arrived{border-left:2px solid #a0c876}.activity:last-child .progress .line{display:none}.activity .progress .drive_time{position:absolute;top:0;color:#737373;font-size:1rem;top:96%;right:25px;background-color:#fff;border:1px solid rgba(0,0,0,.3);padding:3px 6px;border-radius:5px;white-space:nowrap}.activity .activity_times{display:flex;flex:1 1;justify-content:space-between;margin-bottom:5px}.activity .activity_times .label{display:inline-block;color:#737373;font-size:1.1rem}.activity .activity_times .value{font-weight:700;font-size:1.1rem}.activity .activity_times .value.expected{color:green}.activity .activity_times .value.not_expected{color:red}.activity .eta{display:flex;align-items:center;justify-content:flex-end;min-width:85px}.activity .eta span{display:inline-flex;margin-top:2px}.activity .tooltip{position:relative;display:inline-flex;align-items:center;cursor:pointer}.activity .tooltip .tooltiptext{display:flex;align-items:center;justify-content:center;position:absolute;visibility:hidden;width:120px;background-color:#57004e;color:#fff;text-align:center;border-radius:6px;padding:5px 0;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.activity .tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#57004e}.activity .tooltip:hover .tooltiptext{visibility:visible;opacity:1}.stop-list .tolong{color:red}.stop-list tr{cursor:pointer}.stop-list .matched{font-size:1.1rem;margin-bottom:10px;opacity:.6}.behaviour{padding:5px 20px 15px;color:#737373}.behaviour .line{display:flex;justify-content:space-between}.behaviour .line .value{font-weight:700}.behaviour .line .title{font-size:1.9rem}.behaviour .hide,.behaviour .show{border:none;background:none;padding:0;color:#737373;text-decoration:underline;cursor:pointer}.behaviour .hide{margin-top:10px}.crossyn-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:25px;right:70px}.crossyn-container input{margin-right:10px}.crossyn-data{color:#fff;background-color:#29235c;border:none;padding:8px 15px;cursor:pointer;border-radius:3%;margin-left:20px}.crossyn-data-show{background-color:green}.details{display:flex;height:100%;flex-direction:row}.details .left{flex:0.25 1}.details .right{flex:0.75 1}.route_info_header{display:flex;justify-content:space-between;border-bottom:1px solid #eee}.route_info_header .label{padding:10px 20px;text-transform:uppercase;font-weight:700}.route_info{padding:15px 20px;color:#737373}.route_info .line{display:flex;justify-content:space-between}.route_info .line .value{font-weight:700}.route_actions{margin-top:10px}.extradata{padding:10px 20px;border-top:1px solid #eee}.extradata .line{display:flex;justify-content:space-between;font-size:1.25rem}.extradata .line .label{color:#737373}.extradata .line .value{font-weight:700}.activities{padding:20px}.map .infowindow .name{font-weight:700;font-size:1.5rem;line-height:1rem}.map .infowindow .second_name{font-size:1.4rem;line-height:1rem}.map .infowindow .bold{font-weight:700}.map .infowindow .line{line-height:1.8rem}.loader{display:flex;border:5px solid #f3f3f3;border-top-color:#57004e;border-radius:50%;width:35px;height:35px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/images/backgrounds.png) no-repeat 50% 50%;min-height:100vh;background-size:cover}.login .logo{width:180px;min-height:46px;margin-bottom:35px}.login .form{display:flex;flex-direction:column;width:330px;height:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.16);padding:32px 16px}.login .form .loading{flex-direction:column;height:300px;width:100%}.login .form .loading,.login .form form{display:flex;justify-content:center;align-items:center}.login .form form{flex:1 1;flex-direction:column}.login .form h2{text-align:center}.login .form input.error{border:1px solid #bc1414}.login .form .error_message{color:#bc1414}.login .form button{width:100%}.search-form{padding:0 20px 20px}.search-form input[type=text]{margin:0 10px 0 0}.search-form button[type=submit]{margin:0}.search-results{padding:0 20px}.item-header,.loading{display:flex}.loading{justify-content:center;align-items:center;padding:50px 0}.branche{background-color:#f5f5f5;padding:10px 20px;font-weight:700}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:initial}[hidden],template{display:none}a{background-color:initial;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}h1,h2,h3,h4,h5,h6{line-height:1.15}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:initial;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:Arial,sans-serif;line-height:1.4;background:#f5f5f5}body,h1,h2,h3,h4,h5,h6{font-size:1.4rem;color:#484848}h1,h2,h3,h4,h5,h6{margin:0 0 15px;line-height:normal}h1{font-size:2.2rem}h1,h2{font-weight:400}h2{font-size:1.8rem}h3{font-size:1.4rem;font-weight:400}a,a:active{color:inherit}a:hover{text-decoration:none}dl,ol,p,ul{margin:0 0 15px;line-height:1.6}dl,ol,ul{padding:0 0 0 20px}img{vertical-align:middle}input[type=password],input[type=text]{width:100%;margin:0 0 10px;padding:16px;color:#484848;background-color:#efefef;border:1px solid #efefef;border-radius:8px;outline:none}input[type=checkbox]{cursor:pointer}input[type=radio]+label{margin-left:8px}button[type=submit]{display:inline-block;margin:10px 0 0;padding:16px 32px;border:none;color:#fff;background-color:#57004e;border-radius:8px;cursor:pointer;outline:none}button:disabled{cursor:default;opacity:.5;pointer-events:none}.field{display:flex;margin:0 0 10px}.field:last-child{margin-bottom:0}.sidebar{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:400px;height:100%;padding:15px;z-index:100}.container-centered{max-width:768px;margin:0 auto;padding:15px}.item-list ol,.item-list ul{margin:0;padding:0;list-style:none}.item-list li{border-bottom:1px solid #eee}.item-list li:last-child{border-bottom:none}.item-list li>a{display:block;padding:15px 20px;text-decoration:none;transition:background-color .3s}.item-list li>a:hover{background-color:#f5f5f5}.card{position:relative;margin-bottom:10px;background-color:#fff;border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.card:last-child{margin-bottom:0}.scroll-y{overflow-x:hidden;overflow-y:auto;scrollbar-color:#ccc #fff;scrollbar-width:thin}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:#ccc;border:1px solid #fff;border-radius:4px}.scroll-y::-webkit-scrollbar-track{background:#fff;border-radius:4px}.switch{position:relative;display:inline-block}.switch+label{margin:0 0 0 15px}.switch input[type=checkbox]{position:absolute;opacity:0}.switch input[type=checkbox]+label{display:inline-block;position:relative;width:44px;height:22px;padding:2px;background:#f0f0f0;border-radius:12px;vertical-align:middle;cursor:pointer;outline:0;transition:all .4s ease;-webkit-user-select:none;user-select:none}.switch input[type=checkbox]+label:after{display:inline-block;width:50%;height:100%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05);border-radius:50%;content:"";transition:all .2s ease;transform:translateX(0)}.switch input[type=checkbox]+label:hover:after{box-shadow:0 0 0 5px rgba(0,0,0,.05)}.switch input[type=checkbox]:checked+label{background:#57004e}.switch input[type=checkbox]:checked+label:after{transform:translateX(100%)}
/*# sourceMappingURL=main.8bda228d.chunk.css.map */