.xmap{position:relative;display:flex;height:100%;width:100%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.xmap .u-table .el-table .cell{padding:0!important}.xmap>.menu{position:absolute;bottom:.25rem;left:50%;z-index:50;display:flex;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:1.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));padding:.25rem 1.5rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.xmap>.menu a.link{display:flex!important;flex-direction:column!important;align-items:center!important;font-size:.75rem!important;line-height:1rem!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important;text-decoration-line:none!important}.xmap>.menu a.link .svg{margin-bottom:-.125rem;width:1.5rem}.xmap>.menu a.link.active{--tw-text-opacity: 1 !important;color:rgb(96 165 250 / var(--tw-text-opacity))!important;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25) !important;--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.xmap .map-view{position:relative;z-index:10;flex-grow:1}.xmap .map-view .dispatch{position:absolute;right:0;top:.5rem;z-index:50;display:flex;height:calc(100% - 60px);width:260px;flex-direction:column;gap:.25rem;overflow:auto;border-radius:.25rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity));padding:.25rem;opacity:.9;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.xmap .map-view .dispatch .el-table__fixed:before,.xmap .map-view .dispatch .el-table:before,.xmap .map-view .dispatch .el-table:after{background-color:transparent!important}.xmap .map-view .dispatch .u-table .el-table--border{--tw-border-opacity: 1 !important;border-color:rgb(55 65 81 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(75 85 99 / var(--tw-bg-opacity))!important}.xmap .map-view .dispatch .u-table th.left{--tw-bg-opacity: 1 !important;background-color:rgb(55 65 81 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.xmap .map-view .dispatch .u-table th.left a{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.xmap .map-view .dispatch .u-table th.left .el-date-editor input,.xmap .map-view .dispatch .u-table th.left .el-date-editor .el-input__icon{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.xmap .map-view .dispatch .u-table td.left{--tw-border-opacity: 1 !important;border-color:rgb(55 65 81 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(75 85 99 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.xmap .map-view .dispatch .u-table td.left a{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.xmap .map-view .dispatch .u-table td.left.day_off .panel,.xmap .map-view .dispatch .u-table td.left.no_work .panel{--tw-blur: blur(1px) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.xmap .map-view .dispatch .u-table td.left.day_off .panel:hover,.xmap .map-view .dispatch .u-table td.left.no_work .panel:hover{--tw-blur: blur(0) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.xmap .map-view .dispatch .left .triggers{display:flex;align-items:center;gap:.25rem;padding:.25rem}.xmap .map-view .dispatch .left .link{border-radius:.25rem!important;--tw-bg-opacity: 1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity))!important;padding-left:.25rem!important;padding-right:.25rem!important;font-size:10px!important;line-height:14px!important;font-weight:700!important;--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important;text-decoration-line:none!important}.xmap .map-view .dispatch .left .link.on{--tw-text-opacity: 1 !important;color:rgb(34 197 94 / var(--tw-text-opacity))!important}.xmap .map-view .dispatch .left .hos-logs{margin:.25rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity));padding:.25rem;font-size:10px;line-height:14px}.xmap .map-view .dispatch .timelines{margin-left:1rem;margin-right:1rem;display:flex;align-items:center}.xmap .map-view .dispatch .timelines>div{position:relative;height:2.5rem;line-height:2.5rem}.xmap .map-view .dispatch .timelines>div .hour{position:absolute;left:-.25rem;top:0}.xmap .map-view .dispatch .timelines>div .scale{display:flex;align-items:center}.xmap .map-view .dispatch .timelines>div .scale div{height:.75rem;width:50%;border-left-width:1px;--tw-border-opacity: 1;border-left-color:rgb(107 114 128 / var(--tw-border-opacity))}.xmap .map-view .dispatch .timeline-cell{position:relative;margin-left:1rem;margin-right:1rem;height:2.5rem}.xmap .map-view .dispatch .driver-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));text-decoration-line:none}.xmap .map-view .dispatch .driver-name:hover{text-decoration-line:underline}.xmap .map-view .order{position:absolute;top:.5rem;left:.5rem;z-index:50;width:20rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.xmap .map-view .spot{position:absolute;top:.5rem;right:265px;z-index:50;width:600px;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.xmap .map-view .open{position:absolute;bottom:.5rem;left:.5rem;z-index:20;max-height:40%;width:20rem;overflow:auto;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.xmap .map-view .open:empty{display:none}.xmap .map-view .open .undispatched .title{display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-weight:700;line-height:2rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.xmap .map-view .open .undispatched .title:empty{display:none}.xmap .map-view .open .brokered .title{display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-weight:700;line-height:2rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.xmap .map-view .open .brokered .title:empty{display:none}.xmap .map-view .open .trips{display:flex;flex-direction:column;gap:.25rem;padding:.25rem}.xmap .map-view .open .trips .trip{position:relative;height:5rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));padding:.25rem}.xmap .map-view .open .trips .trip .header{display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;line-height:1rem}.xmap .map-view .open .trips .trip .route{padding-top:.5rem;padding-bottom:.5rem}.xmap .map-view .open .trips .trip .route .actions{padding-left:1.5rem}.routes-count{margin-right:.25rem;height:1rem;width:1.25rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));padding-left:.125rem;padding-right:.125rem;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.truck-icon.day_off,.truck-icon.no_work{opacity:.4}.canvas-container{pointer-events:none;position:absolute;top:0;left:0;z-index:50;height:100%;width:100%}.map-filters{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.map-filters .title{padding:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.map-filters label.el-checkbox{--tw-border-opacity: 1 !important;border-color:rgb(17 24 39 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(31 41 55 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.map-filters .el-checkbox-group{display:flex;flex-direction:column;gap:.25rem}.map-filters .el-checkbox-group label{margin:0!important}#tooltip{position:fixed;z-index:20;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));padding:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#tooltip:empty{display:none}@keyframes fadeInRight{0%{opacity:0;transform:translate(260px);width:260px}to{opacity:.9;transform:translate(0);width:75%}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0);width:75%}to{opacity:.9;transform:translate(0);width:260px}}.fade-in-right{animation:fadeInRight .75s forwards}.fade-out-right{animation:fadeOutRight .75s forwards}
