/* input(388,40): Scanner error CSS1002: Unterminated string: ' input(388,40): run-time error CSS1019: Unexpected token, found '' ' */ /* Wave 8 CSP utility classes - replacements for inline style attributes, which the final-form style-src (nonce-only, no 'unsafe-inline') blocks. Naming/usage rules: generated/dependency-wave8-v6-20260714/style-migration-convention.md. Keep sorted by category; check for an existing class before adding one. */ /* display */ .u-block { display: block; } .u-display-table { display: table; } .u-flex { display: flex; } .u-inline { display: inline; } /* No !important: jQuery .show()/.hide()/.toggle() set inline display via CSSOM (allowed under CSP), and inline must be able to override this class. */ .u-hidden { display: none; } .u-inline-block { display: inline-block; } /* spacing */ .u-m-0 { margin: 0; } .u-m-4 { margin: 4px; } .u-m-auto { margin: auto; } .u-m-5 { margin: 5px; } .u-m-10 { margin: 10px; } .u-m-15 { margin: 15px; } .u-mb-0 { margin-bottom: 0; } .u-mb-5 { margin-bottom: 5px; } .u-mb-6 { margin-bottom: 6px; } .u-mb-10 { margin-bottom: 10px; } .u-mb-15 { margin-bottom: 15px; } .u-mb-20 { margin-bottom: 20px; } .u-mb-50 { margin-bottom: 50px; } .u-mb-70 { margin-bottom: 70px; } .u-mb-neg5 { margin-bottom: -5px; } .u-mb-neg10 { margin-bottom: -10px; } .u-ml-0 { margin-left: 0; } .u-ml-2 { margin-left: 2px; } .u-ml-5 { margin-left: 5px; } .u-ml-7 { margin-left: 7px; } .u-ml-8 { margin-left: 8px; } .u-ml-10 { margin-left: 10px; } .u-ml-15 { margin-left: 15px; } .u-ml-20 { margin-left: 20px; } .u-ml-25 { margin-left: 25px; } .u-ml-neg15 { margin-left: -15px; } .u-mr-0 { margin-right: 0; } .u-mr-3 { margin-right: 3px; } .u-mr-5 { margin-right: 5px; } .u-mr-6 { margin-right: 6px; } .u-mr-10 { margin-right: 10px; } .u-mr-25 { margin-right: 25px; } .u-mt-0 { margin-top: 0; } .u-mt-3 { margin-top: 3px; } .u-mt-5 { margin-top: 5px; } .u-mt-10 { margin-top: 10px; } .u-mt-15 { margin-top: 15px; } .u-mt-20 { margin-top: 20px; } .u-mt-25 { margin-top: 25px; } .u-mt-30 { margin-top: 30px; } .u-mt-45 { margin-top: 45px; } .u-mt-50 { margin-top: 50px; } .u-mw-100 { max-width: 100%; } .u-mw-300 { max-width: 300px; } .u-mw-500 { max-width: 500px; } .u-mw-600 { max-width: 600px; } .u-mx-auto { margin-left: auto; margin-right: auto; } .u-mx-5 { margin-left: 5px; margin-right: 5px; } .u-my-3 { margin-top: 3px; margin-bottom: 3px; } .u-my-5 { margin-top: 5px; margin-bottom: 5px; } .u-my-8 { margin-top: 8px; margin-bottom: 8px; } .u-my-10 { margin-top: 10px; margin-bottom: 10px; } .u-my-20 { margin-top: 20px; margin-bottom: 20px; } .u-p-0 { padding: 0; } .u-p-5 { padding: 5px; } .u-p-6 { padding: 6px; } .u-p-8 { padding: 8px; } .u-p-10 { padding: 10px; } .u-p-15 { padding: 15px; } .u-p-20 { padding: 20px; } .u-pb-2 { padding-bottom: 2px; } .u-pb-5 { padding-bottom: 5px; } .u-pb-6 { padding-bottom: 6px; } .u-pb-40 { padding-bottom: 40px; } .u-pl-0 { padding-left: 0; } .u-pl-4 { padding-left: 4px; } .u-pl-5 { padding-left: 5px; } .u-pl-8 { padding-left: 8px; } .u-pl-10 { padding-left: 10px; } .u-pl-15 { padding-left: 15px; } .u-pl-26 { padding-left: 26px; } .u-pr-0 { padding-right: 0; } .u-pr-4 { padding-right: 4px; } .u-pr-10 { padding-right: 10px; } .u-pr-15 { padding-right: 15px; } .u-pt-3 { padding-top: 3px; } .u-pt-4 { padding-top: 4px; } .u-pt-5 { padding-top: 5px; } .u-pt-9 { padding-top: 9px; } .u-pt-10 { padding-top: 10px; } .u-pt-20 { padding-top: 20px; } /* sizing */ .u-h-20 { height: 20px; } .u-h-21 { height: 21px; } .u-h-32 { height: 32px; } .u-h-36 { height: 36px; } .u-h-100 { height: 100px; } .u-h-300 { height: 300px; } .u-h-350 { height: 350px; } .u-h-400 { height: 400px; } .u-h-450 { height: 450px; } .u-h-475 { height: 475px; } .u-h-500 { height: 500px; } .u-h-600 { height: 600px; } .u-h-700 { height: 700px; } .u-h-auto { height: auto; } .u-h-20pct { height: 20%; } .u-h-80pct { height: 80%; } .u-h-95pct { height: 95%; } .u-h-100pct { height: 100%; } .u-max-h-55 { max-height: 55px; } .u-max-h-75 { max-height: 75px; } .u-max-h-80 { max-height: 80px; } .u-max-h-120 { max-height: 120px; } .u-max-h-385 { max-height: 385px; } .u-max-h-500 { max-height: 500px; } .u-max-h-800 { max-height: 800px; } .u-min-h-100 { min-height: 100px; } .u-min-h-200 { min-height: 200px; } .u-min-h-300 { min-height: 300px; } .u-min-h-400 { min-height: 400px; } .u-min-w-32 { min-width: 32px; } .u-min-w-53 { min-width: 53px; } .u-min-w-100 { min-width: 100px; } .u-w-auto { width: auto; } .u-w-8 { width: 8px; } .u-w-21 { width: 21px; } .u-w-32 { width: 32px; } .u-w-40 { width: 40px; } .u-w-50 { width: 50px; } .u-w-100 { width: 100%; } .u-w-100px { width: 100px; } .u-w-110 { width: 110px; } .u-w-150 { width: 150px; } .u-w-180 { width: 180px; } .u-w-200 { width: 200px; } .u-w-240 { width: 240px; } .u-w-250 { width: 250px; } .u-w-265 { width: 265px; } .u-w-300 { width: 300px; } .u-w-320 { width: 320px; } .u-w-350 { width: 350px; } .u-w-400 { width: 400px; } .u-w-500 { width: 500px; } .u-w-700 { width: 700px; } .u-w-5pct { width: 5%; } .u-w-7pct { width: 7%; } .u-w-8pct { width: 8%; } .u-w-10pct { width: 10%; } .u-w-12pct { width: 12%; } .u-w-15pct { width: 15%; } .u-w-16pct { width: 16%; } .u-w-20pct { width: 20%; } .u-w-22pct { width: 22%; } .u-w-25pct { width: 25%; } .u-w-30pct { width: 30%; } .u-w-40pct { width: 40%; } .u-w-45pct { width: 45%; } .u-w-48pct { width: 48%; } .u-w-49pct { width: 49%; } .u-w-50pct { width: 50%; } .u-w-70pct { width: 70%; } .u-w-75pct { width: 75%; } .u-w-80pct { width: 80%; } .u-w-95pct { width: 95%; } .u-w-99pct { width: 99%; } /* text */ .u-align-content-start { align-content: flex-start; } .u-bg-green { background-color: green; } .u-bg-none { background: none; } .u-bg-white { background-color: #fff; } .u-bold { font-weight: bold; } .u-border-none { border: none; } .u-border-radius-0 { border-radius: 0; } .u-border-radius-4 { border-radius: 4px; } .u-break-all { word-break: break-all; } .u-color-blue { color: blue; } .u-color-red { color: red; } .u-color-steelblue { color: SteelBlue; } .u-color-white { color: white; } .u-color-darkgray { color: darkgray; } .u-color-gray { color: #888; } .u-color-green { color: green; } .u-color-orange { color: orange; } .u-color-yellow { color: yellow; } .u-cursor-inherit { cursor: inherit; } .u-cursor-pointer { cursor: pointer; } .u-font-mono { font-family: monospace; } .u-italic { font-style: italic; } .u-fs-13 { font-size: 13px; } .u-fs-14 { font-size: 14px; } .u-fs-16 { font-size: 16px; } .u-fs-18 { font-size: 18px; } .u-fs-20 { font-size: 20px; } .u-fs-30 { font-size: 30px; } .u-fs-32 { font-size: 32px; } .u-fs-36 { font-size: 36px; } .u-fs-40 { font-size: 40px; } .u-fs-50 { font-size: 50px; } .u-fs-60 { font-size: 60px; } .u-fs-100 { font-size: 100px; } .u-fw-normal { font-weight: normal; } .u-json-keyword { color: #569cd6; } .u-json-number { color: #b5cea8; } .u-json-string { color: #ce9178; } .u-lh-1 { line-height: 1; } .u-nowrap { white-space: nowrap; } .u-text-overflow-ellipsis { text-overflow: ellipsis; } .u-align-self-start { align-self: flex-start; } .u-text-center { text-align: center; } .u-text-left { text-align: left; } .u-text-right { text-align: right; } .u-text-start { text-align: start; } .u-text-transform-none { text-transform: none; } .u-left-24 { left: 24px; } .u-right-auto { right: auto; } .u-right-50pct-plus-10 { right: calc(50% + 10px); } .u-top-0 { top: 0; } .u-top-8 { top: 8px; } .u-top-12 { top: 12px; } .u-top-13 { top: 13px; } .u-top-18 { top: 18px; } .u-va-bottom { vertical-align: bottom; } .u-va-middle { vertical-align: middle; } .u-va-top { vertical-align: top; } .u-ws-normal { white-space: normal; } .u-ws-pre-line { white-space: pre-line; } /* flex */ .u-ai-center { align-items: center; } .u-flex-auto { flex: auto; } .u-flex-col { flex-direction: column; } .u-gap-5 { gap: 5px; } .u-gap-8 { gap: 8px; } .u-jc-center { justify-content: center; } .u-jc-end { justify-content: flex-end; } .u-jc-start { justify-content: flex-start; } .u-self-start { align-self: flex-start; } /* view-specific: classes for views that have no per-view CSS bundle (e.g. /Content/layout only) */ .v-cms-divsel-container { width: 400px; margin: 15px auto; } .v-cms-divsel-row-margin { margin: 10px 0; } .v-comm-upload-desc-textarea { width: 500px; height: 100px; } .v-configure-pubsite-config-textarea { user-select: none; -webkit-user-select: none; height: 500px; } .v-costpanel-search-icon { right: 18px; position: absolute; } .v-customfield-contact-select { width: calc(100% - 75px); display: inline-block; } .v-customfield-margin-10-0 { margin: 10px 0; } .v-customfield-contact-collapse { margin: 10px 0 0 0; } .v-entity-comments-container { margin: 0 10px; } .v-entity-comments-textarea { width: 100%; width: -moz-available; width: -webkit-fill-available; width: fill-available; } .v-entity-geometry-filter-map { position: relative; height: 500px; width: auto; margin: 0 15px; } .v-entity-index-infomap { position: relative; padding-top: 5px; height: 400px; max-width: 100%; } .v-entity-index-responsive-graph { min-height: 400px; margin: 0 5px; } .v-entity-index-status-text { text-align: center; width: 100%; height: 100px; } .v-entity-list-caret { margin-right: 10px; width: 8px; } .v-entity-list-report-title { text-align: center; font-weight: bold; font-size: xx-large; } .v-geo-location-container { box-shadow: inset 0px 1px 10px 2px rgba(0,0,0,0.18), inset 0px 4px 9px 1px rgba(0,0,0,0.19); padding: 10px; border-radius: 4px; } .v-geofeatureview-content-panel { margin-right: 405px; } /* v-file-collapse-th: !important on padding preserved from original (competes with Bootstrap table cell padding) */ .v-file-collapse-th { max-width: 0px; padding: 0px !important; display: none; } .v-entityview-info-content { flex: 1; max-width: 100%; } .v-entityview-info-panel { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; } .v-entityview-infomap { position: relative; width: 400px; height: 400px; } .v-entityview-map-wrapper { position: relative; width: 400px; float: right; } .v-interactive-actions-container { margin: 0 10px; } .v-interactive-actions-msg { line-height: 1.5em; height: 3em; overflow: hidden; } .v-interactive-actions-table { border-collapse: separate; border-spacing: 0 1em; width: 100%; } .v-speedpath-controls-group { display: inline-block; background-color: #eeeeee; padding: 10px; } .v-speedpath-flex-content { display: flex; flex-direction: column; flex: 1 1 auto; padding: 0; margin: 0; } .v-speedpath-flex-inner { flex: 1 1 auto; position: relative; padding: 0; margin: 0; } .v-speedpath-heatmap-container { height: 100%; width: 100%; display: flex; flex-direction: column; position: absolute; } .v-speedpath-main-container { display: flex; flex-direction: column; height: 100%; width: 100%; margin: 0; padding: 0; position: absolute; overflow: hidden; } .v-speedpath-metrics-container { padding: 5px; font-family: monospace; } .v-speedpath-status-div { display: none; font-size: 24px; color: darkblue; text-align: center; } .v-speedpath-title-container { display: flex; align-items: center; padding: 0; overflow-x: auto; } .v-speedpath-toggle-btn { position: absolute; top: 0; z-index: 1000; opacity: 0.8; box-shadow: 0 4px 7px rgba(0,0,0,0.4); } .v-speedpath-toggle-wrapper { height: 0; position: relative; width: 100%; } .v-camerapopup-img { width: 420px; height: 315px; } .v-camerapopup-preset-img { width: 320px; height: 240px; } .v-cmspopup-sign-img { max-width: 300px; max-height: 55px; } .v-editpopup-header { background-color: #228000; } .v-userlocation-warning-bg { background-color: rgb(255, 132, 85); } .v-customfields-hr { border-top: 2px solid black; margin: 0; width: 100%; } .v-customfields-url-list { margin: 0; padding-left: 12px; } .v-customfields-url-list-item { list-style: disc outside; } .v-layout-alarm-icon-pos { position: absolute; left: 15px; top: 12px; } .v-layout-alarm-modal { z-index: 1040; padding-top: 0; padding-left: 0; background-color: rgba(0, 0, 0, 0); } .v-layout-alarm-modal-content { border: 1px solid rgba(0, 0, 0, .2); } .v-layout-alarm-processing { display: none; position: relative; top: 50%; } .v-layout-navbar-add-btn { color: #eee; padding: 7px 5px 0 0; display: inline-block; } .v-layout-navbar-refresh { color: #eee; display: inline-block; } .v-mapinterface-overlay-dropdown-text { display: inline-block; width: 90%; overflow: hidden; vertical-align: top; text-overflow: ellipsis; } .v-mapinterface-save-modal-share-row { display: inline-flex; margin-top: -3px; width: 100%; } .v-mapinterface-save-modal-share-label { padding-top: 10px; margin-right: 28px; margin-bottom: 10px; } .v-mapinterface-save-modal-share-picker { flex-grow: 1; margin-bottom: 10px; max-width: 72%; } .v-mapinterface-traffic-overlay-select { width: 100px; } .v-reportlayout-header-row { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; } .v-schematic-entity-add-modal { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; } .v-schematic-view-canvas { width: 100%; height: 100%; margin: 0; padding: 0; } .v-schematic-view-canvas-wrapper { width: 100%; max-height: 100%; flex: 1 1 auto; margin: 0; padding: 0; overflow: hidden; } .v-schematic-view-outer { height: 100%; position: relative; display: flex; flex-direction: column; overflow: hidden; } .v-signalview-cvdp-log { padding-left: 10px; margin: 10px; height: 600px; overflow: auto; overflow-x: hidden; background: #1C2833; font-family: monospace; } .v-tmc-intersection-graphics { display: flex; align-items: top; } .v-tmc-report-title { text-align: center; font-weight: bold; font-size: xx-large; } .v-gatewaysettings-warning-p { font-weight: bold; background-color: #ff0000; color: #ffffff; padding: 10px; font-size: 16px; border-radius: 4px; } .v-staffgroupview-search-icon { right: 20px; left: auto; } .v-staffview-permcheck-icon { font-size: x-large; color: darkgreen; } .v-systemstatus-section-hr { height: 1px; border: none; border-top: 1px solid #000000; width: 100%; } .v-comm-td-status { margin: 35px auto; } .v-comm-status-spinner { width: 21px; height: 21px; float: left; } .v-dashboardchart-header-th { background-color: rgb(48, 115, 173); color: #fff; font-weight: bold; border-top: 1px solid #246095; } .v-dashsetlayout-error-container { display: inline-block; width: calc(100% - 190px); margin-bottom: 5px; margin-top: 50px; } /* Layout knockout alarm templates */ .v-alarm-hourglass-new { color: #de0a0a; } .v-alarm-hourglass-start { color: #5798d1; } .v-alarm-hourglass-half { color: #63b948; } .v-alarm-hourglass-end { color: #697d69; } .v-alarm-excl-recovered { color: #5cb85c; } .v-alarm-excl-alert { color: #ff1717; } /* DataMap popup: route/destination table headers, close button, no-route cell */ .v-datamap-popup-table { display: inline-block; } .v-datamap-popup-close-btn { display: inline-block; right: 5px; float: right; margin-top: 5px; font-size: 1.4em; color: white; } .v-datamap-no-route-cell { color: #f33; } /* SystemStatus child-row table and format div */ .v-systemstatus-child-table { border-color: white; width: 100%; padding-left: 50px; height: auto; overflow: auto; overflow-x: hidden; } .v-systemstatus-child-tr { width: 100%; background: #dadbed; color: #383838; } .v-systemstatus-format-div { padding-left: 10px; height: auto; overflow: auto; overflow-x: hidden; background: #000; color: #FFF; } /* AssistantChat auto-continue cancel button */ .v-assistant-autocontinue-cancel { background: none; border: 1px solid var(--tm-border); border-radius: 4px; padding: 2px 10px; cursor: pointer; color: var(--tm-gray-text); font-size: 12px; } /* AssistantDrafts: approved link margin */ .v-assistant-draft-approve-link { margin-left: 8px; text-decoration: underline; } /* AssistantDrafts/Rendering: approved flex container */ .v-assistant-approve-flex { display: flex; flex-direction: column; gap: 4px; } /* AssistantDrafts reset-location button */ .v-assistant-location-reset-btn { font-size: 14px; } /* AssistantSession image placeholder */ .v-assistant-image-placeholder { width: 80px; height: 80px; background: #e5e7eb; border-radius: 6px; display: inline-block; } /* AssistantDrafts tile image: dynamic left/top set via CSSOM; only base sizing here */ .v-assistant-location-tile { } /* Chart.ts waiting dialog */ .v-chart-wait-modal { padding-top: 15%; width: 100%; height: 100%; overflow-y: visible; } .v-chart-wait-modal-h3 { margin: 0; } .v-chart-wait-modal-progress { margin-bottom: 0; } /* DateRange clear button */ .v-daterange-clear-btn { position: absolute; right: 20px; top: 10px; float: right; cursor: pointer; } /* EntityPicker no-results list item */ .v-entitypicker-no-results { margin: 5px 10px; } /* MapLocationSelector checkbox margin, glyphicon-ok button span */ .v-maplocation-checkbox { margin-left: 5px; } .v-maplocation-save-icon { margin-right: 5px; } /* TagPicker: dropdown padding-0 override, height-auto form-control, w-100 input, overflow-hidden ellipsis span, margin-left-5 loading */ .v-tagpicker-dropdown { padding: 0; } .v-tagpicker-form-control-height { height: auto; } .v-tagpicker-span-ellipsis { overflow: hidden; text-overflow: ellipsis; } /* ReportComponentList calendar icon items (margin/transform are set in template, migrate static ones) */ .v-reportcal-icon-item { margin-right: 3px; } .v-reportcal-icon-transform5 { transform: translateY(5px); margin-right: 3px; } .v-reportcal-icon-transform3 { transform: translateY(3px); margin-right: 3px; } /* ReportComponentList DataTable header cell */ .v-dashboardchart-header-th-already-in-css { } /* IssueViewActionsTable / IssueView flex row */ .v-issueview-actions-flex-row { display: flex; justify-content: space-between; align-items: center; text-align: left; } /* SchematicEngine error div */ .v-schematic-conflict-error { color: red; } /* Assistant chat error bubble color */ .v-assistant-error-color { color: red; } /* LayoutModal body text-center (already utility u-text-center; mark existing) */ /* Sku/CustomPropertiesController help link cursor */ .v-sku-help-link { cursor: inherit; } /* DataMapInterface: full-size map container */ .v-datamap-container-full { height: 100%; width: 100%; } /* TrafficSign schedule overlap table */ .v-trafficsign-overlap-table { width: 100%; } /* GatewaySettings inline form: each element uses u- utilities directly */ /* GatewayLog.ts log-level li colors (dark terminal background: #1C2833) */ .v-gatewaylog-cvdp { color: #00FFFF; } .v-gatewaylog-info { color: #FFFFFF; } .v-gatewaylog-warn { color: #FFC300; } .v-gatewaylog-error { color: #FF5733; } .v-gatewaylog-fatal { color: #FF0000; }' /* misc */ .u-list-inside { list-style: inside; } .u-z-99 { z-index: 99; } /* layout */ .u-border-collapse { border-collapse: collapse; } .u-clear-both { clear: both; } .u-clear-left { clear: left; } .u-float-left { float: left; } .u-float-right { float: right; } .u-overflow-auto { overflow: auto; } .u-overflow-hidden { overflow: hidden; } .u-overflow-unset { overflow: unset; } .u-overflow-xy-hidden { overflow-x: hidden; overflow-y: hidden; } .u-overflow-visible { overflow: visible; } .u-overflow-x-auto { overflow-x: auto; } .u-overflow-x-hidden { overflow-x: hidden; } .u-overflow-x-scroll { overflow-x: scroll; } .u-overflow-y-auto { overflow-y: auto; } .u-pe-all { pointer-events: all; } /* DraggablePopUpContainer help popup body (stylesheet links are cloned into the child window, so this rule travels with it) */ .popup-content-indent { margin-left: 10px; } .u-pos-abs { position: absolute; } .u-pos-rel { position: relative; } .u-resize-v { resize: vertical; } /* Dashboard speedometer dataLabels (useHTML) - color comes from the Highcharts theme at runtime via --speedo-contrast, set through CSSOM in _SpeedometerScript. */ .speedo-value-35 { font-size: 35px; color: var(--speedo-contrast, black); } .speedo-value-30 { font-size: 30px; color: var(--speedo-contrast, black); } .speedo-unit-25 { font-size: 25px; color: silver; } /* colResizable 1.6: rules formerly injected at plugin load as an un-nonced