/* Minification failed. Returning unminified contents. (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (52,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (109,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (142,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (172,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (246,39): run-time error CSS1046: Expect comma, found '0' (246,43): run-time error CSS1046: Expect comma, found '/' (247,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (373,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (405,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (453,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (487,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (508,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (521,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (528,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (541,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (553,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (566,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (577,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (591,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (599,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (619,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (626,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (633,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (634,24): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (640,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (682,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (692,45): run-time error CSS1034: Expected closing parenthesis, found '/' (692,45): run-time error CSS1042: Expected function, found '/' (692,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (712,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action--disabled' (713,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (723,45): run-time error CSS1034: Expected closing parenthesis, found '/' (723,45): run-time error CSS1042: Expected function, found '/' (723,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (733,28): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (747,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (748,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (755,28): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (761,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (782,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (801,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action--disabled' (802,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (812,45): run-time error CSS1034: Expected closing parenthesis, found '/' (812,45): run-time error CSS1042: Expected function, found '/' (812,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (821,28): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (842,45): run-time error CSS1034: Expected closing parenthesis, found '/' (842,45): run-time error CSS1042: Expected function, found '/' (842,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (864,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (866,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (871,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (873,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (892,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (896,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (900,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (918,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (922,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (926,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (931,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action--disabled' (932,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-disabled' (933,45): run-time error CSS1034: Expected closing parenthesis, found '/' (933,45): run-time error CSS1042: Expected function, found '/' (933,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (940,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (941,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (945,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (953,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (983,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (988,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (995,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (996,24): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (1000,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-highlight-color' (1019,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1048,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1143,22): run-time error CSS1039: Token not allowed after unary operator: '-color-backdrop' (1153,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1154,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (1155,22): run-time error CSS1039: Token not allowed after unary operator: '-color-page-background' (1162,35): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1169,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (1225,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1239,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (1246,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1259,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1265,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1279,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1302,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1303,23): run-time error CSS1039: Token not allowed after unary operator: '-form-field-height' (1303,51): run-time error CSS1039: Token not allowed after unary operator: '-form-field-padding' (1304,25): run-time error CSS1039: Token not allowed after unary operator: '-form-field-border-radius' (1305,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1309,19): run-time error CSS1039: Token not allowed after unary operator: '-form-field-padding' (1310,34): run-time error CSS1039: Token not allowed after unary operator: '-form-field-padding' (1312,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (1313,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1320,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1327,18): run-time error CSS1039: Token not allowed after unary operator: '-form-field-height' (1365,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1373,36): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (1416,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-solid' (1535,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1577,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1578,25): run-time error CSS1039: Token not allowed after unary operator: '-form-field-border-radius' (1579,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1583,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (1588,18): run-time error CSS1039: Token not allowed after unary operator: '-form-field-height' (1594,93): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (1601,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary--active' (1614,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1616,33): run-time error CSS1046: Expect comma, found '0' (1616,37): run-time error CSS1046: Expect comma, found '/' (1626,35): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1652,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1653,25): run-time error CSS1039: Token not allowed after unary operator: '-form-field-border-radius' (1696,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1751,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1759,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (1766,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (1800,22): run-time error CSS1039: Token not allowed after unary operator: '-color-page-background' (1826,33): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1886,26): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1887,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1892,98): run-time error CSS1030: Expected identifier, found ':' (1892,104): run-time error CSS1031: Expected selector, found ')' (1892,104): run-time error CSS1025: Expected comma or open brace, found ')' (1921,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1922,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1930,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1962,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1963,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (1968,26): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2035,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (2052,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (2054,35): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2085,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2090,21): run-time error CSS1039: Token not allowed after unary operator: '-color-action--active' (2120,36): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2131,35): run-time error CSS1046: Expect comma, found '0' (2131,39): run-time error CSS1046: Expect comma, found '/' (2165,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2170,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (2172,34): run-time error CSS1039: Token not allowed after unary operator: '-color-page-background' (2189,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary--active' (2198,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2378,38): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2446,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2464,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2572,21): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2582,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (2606,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (2613,21): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (2651,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2655,21): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2660,30): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (2698,36): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2709,35): run-time error CSS1046: Expect comma, found '0' (2709,39): run-time error CSS1046: Expect comma, found '/' (2745,32): run-time error CSS1039: Token not allowed after unary operator: '-color-accent' (2746,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (2824,26): run-time error CSS1039: Token not allowed after unary operator: '-color-m2-light-grey' (2855,21): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (2890,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3017,32): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3018,21): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3029,42): run-time error CSS1030: Expected identifier, found ':' (3029,48): run-time error CSS1031: Expected selector, found ')' (3029,48): run-time error CSS1025: Expected comma or open brace, found ')' (3040,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3065,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3066,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3088,28): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3089,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3101,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (3116,25): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (3191,22): run-time error CSS1039: Token not allowed after unary operator: '-color-m2-light-grey' (3208,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent' (3215,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3332,35): run-time error CSS1046: Expect comma, found '232' (3332,42): run-time error CSS1046: Expect comma, found ')' (3352,31): run-time error CSS1046: Expect comma, found '232' (3352,38): run-time error CSS1046: Expect comma, found ')' (3357,31): run-time error CSS1046: Expect comma, found '210' (3357,38): run-time error CSS1046: Expect comma, found ')' (3376,31): run-time error CSS1046: Expect comma, found '210' (3376,38): run-time error CSS1046: Expect comma, found ')' (3388,31): run-time error CSS1046: Expect comma, found '232' (3388,38): run-time error CSS1046: Expect comma, found ')' (3465,21): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3468,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3542,20): run-time error CSS1030: Expected identifier, found '>' (3542,36): run-time error CSS1031: Expected selector, found ')' (3542,36): run-time error CSS1025: Expected comma or open brace, found ')' (3815,14): run-time error CSS1030: Expected identifier, found '#ServeSchedules' (3815,29): run-time error CSS1031: Expected selector, found ')' (3815,29): run-time error CSS1025: Expected comma or open brace, found ')' (3819,14): run-time error CSS1030: Expected identifier, found '#ServeSchedules' (3819,29): run-time error CSS1031: Expected selector, found ')' (3819,29): run-time error CSS1025: Expected comma or open brace, found ')' (3824,37): run-time error CSS1030: Expected identifier, found '#TaskSchedule' (3824,50): run-time error CSS1031: Expected selector, found ')' (3824,50): run-time error CSS1025: Expected comma or open brace, found ')' (3837,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3901,22): run-time error CSS1039: Token not allowed after unary operator: '-color-page-background' (3908,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3980,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (3983,42): run-time error CSS1030: Expected identifier, found '#AdditionalAttention' (3983,62): run-time error CSS1031: Expected selector, found ')' (3983,62): run-time error CSS1025: Expected comma or open brace, found ')' (4005,22): run-time error CSS1039: Token not allowed after unary operator: '-color-page-background' (4146,25): run-time error CSS1039: Token not allowed after unary operator: '-font-color-primary' (4431,17): run-time error CSS1039: Token not allowed after unary operator: '-color-action' (4540,22): run-time error CSS1039: Token not allowed after unary operator: '-color-action' */ .style-revert, .style-revert.style-revert-parent * { all: revert; } :root { --color-primary: #191e27; --color-secondary: #f1f3f4; --color-secondary--active: #e2e7e9; --color-m2-light-grey: #595959; --color-tertiary: #e3e7e8; --color-page-background: #fff; --color-action: #247cf4; --color-btn-solid: #fff; --color-action--disabled: #f1f3f4; --color-action--active: rgba(36 124 244 / 80%); --color-backdrop: rgba(20,24,31,0.8); --color-invalid: #ff0b0b; --color-accent: #f4b824; --font-family: Arial; --font-size: 1.6rem; --font-color-primary: #000; --font-color-disabled: #a8aaaa; --font-color-accent: #f4b824; --form-column-gap: 30px; --form-field-vgap: 10px; --form-field-hgap: 30px; --form-field-height: 40px; --form-field-border-radius: 4px; --form-field-background: var(--color-secondary); --form-field-font-size: 1.4rem; --form-field-padding: 10px; --header-height: 130px; } body { background: #f8f8f8; } .nav-head { z-index: 99 !important; } #Map { z-index: 90 !important; } #header-shell, .nav-head { background: var(--color-primary); top: 0; font-family: var(--font-family); z-index: 10; } #header-shell .logo { padding: revert; height: 24px !important; } #header-shell .logo a, #header-shell .logo a:link, #header-shell .logo a:visited, #header-shell .logo a:hover, #header-shell .logo a:active { background: url(/Content/images/logo-text.svg) no-repeat scroll 0 0; width: 194px; height: 24px; } #header-shell { padding: 5px 10px; height: 18px; padding-right: 4px; } #header-shell #version { font-size: 9px; color: #fff; margin-left: 18px; line-height: 24px; } #header-shell .mast-head { height: 24px; } #header-shell .mast-nav { padding: 0px; height: auto; } #header-shell .mast-nav .mast-gray { margin-left: 18px; margin-top: 3.5px; } #header-shell #jqxMenu .mast-nav li { padding: 0px; margin: 0px; } #header-shell #jqxMenu .mast-nav li a, #header-shell .mast-nav .mast-gray a, #gauge-support { margin: 0 6px; color: #fff !important; font-family: var(--font-family); font-size: 10px; font-weight: 700; background: #595959; border: 1px solid #2b2b2b; display: inline-block; border-radius: 500px; padding: 0px 16px; text-decoration: none; cursor: pointer; height: 17px; line-height: 17px; } #header-shell #jqxMenu .mast-nav li a:hover, #header-shell .mast-nav .mast-gray a:hover { background: #737373; } #header-shell #jqxMenu .mast-nav li:last-child a { margin-right: 0px; } .nav-head .nav { margin: 8px 7px 1px; padding: 0px; } .nav-head .nav li a { font-size: 14px !important; color: #f4b824 !important; text-align: center; cursor: pointer; font-family: var(--font-family); padding: 0px !important; line-height: 14px !important; font-weight: 700 !important; text-shadow: revert !important; box-shadow: revert !important; border: revert !important; background: revert !important; height: auto !important; } .nav-head .nav li:hover:before, .nav-head .nav li.active:before { visibility: hidden; } .nav-head .nav li a, .nav-head .nav li:before { grid-row: 1; grid-column: 1; } .nav-head .nav li { position: relative; margin: 0 3px; padding: 12px 12px 15px; text-decoration: none; font-family: var(--font-family); font-size: 14px; color: #f4b824 !important; text-align: center; cursor: pointer; height: calc(41px - 27px); } .nav-head .nav li.active, .nav-head .nav li:hover { padding: 12px 12px 15px; background: #191e27; } .nav-head .nav li.active:after, .nav-head .nav li:hover:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; } .nav-head .search { margin: 0px; margin-right: 34px; margin-top: 8px; padding: 0px; width: 288px; height: 34px; background: none; } .nav-head .search::before { content: ""; position: absolute; right: -17px; top: 47%; transform: translateY(-50%); width: 17px; height: 17px; background-repeat: no-repeat; background-size: 17px 17px; background-color: #c7c7c7; -webkit-mask-image: url(/Content/StyleOverrides/search.svg); -webkit-mask-size: 17px 17px; mask-image: url(/Content/StyleOverrides/search.svg); } .nav-head .search input { padding: 10px 40px 10px 10px !important; width: 264px; font-size: 14px !important; line-height: 100% !important; height: 12px; background: #595959 !important; color: #fff !important; border: 1px solid #595959 !important; } .nav-head .search input:focus-visible { border: 1px solid #595959 !important; } .nav-head .search .clear-search { display: none !important; } .nav-head .search .search-dropdown { width: 109.5%; margin: 0px; top: -4px; box-shadow: 0px 2px 4px rgb(0 0 0 / 16%); background: var(--color-secondary); border-radius: 0px 0px 4px 4px !important; overflow: hidden; } .nav-head .search .search-dropdown .dd-content { width: 100%; margin: 0px; padding: 0px; background: unset; max-height: 250px; overflow-y: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .nav-head .search .search-dropdown .dd-content .search-results { margin: 0px; width: 100%; background: unset; max-height: 240px; } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets { background: unset; } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets .title { display: none; } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li { padding: 4px 0px 0px 0px; height: 42px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li h3 { width: calc(100% - 20px); } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li .locate { bottom: 0px; height: 100%; width: auto; } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li .locate a { overflow: visible; height: 100%; width: auto; line-height: 34px; } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li h3 a { display: block; width: 100%; text-align: start; background: none; outline: none; border: none; padding: 8px 10px; line-height: 18px; font-size: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; box-sizing: border-box; font-size: 12px; } .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li:hover, .nav-head .search .search-dropdown .dd-content .search-results .search-results-assets ul li:focus-visible { background-color: #d0d0d0; } .nav-head .search .search-dropdown .dd-bot { width: 100%; margin: 0px; background: unset; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0px 0px 4px 4px !important; font-weight: 700; font-size: 10px; padding: 6px 10px; line-height: unset; height: 26px; } .nav-head .search .search-dropdown .dd-bot .results-number, .nav-head .search .search-dropdown .dd-bot .close { height: 100%; line-height: 12px; color: #000; } .nav-head .search .search-dropdown .dd-bot .close a { color: #000; } .subnav-head { justify-content: space-between; align-items: center; background: #f1f3f4 !important; padding: 0px; margin: 0px; height: 9em !important; top: -1px; margin-bottom: 10px; } .subnav-nav { padding: 6px 10px 0 !important; overflow: visible !important; } .subnav-nav li { padding: 10px !important; color: #505050; text-decoration: none; cursor: pointer !important; } .subnav-nav li a { font-size: 14px; font-family: var(--font-family); font-weight: 400 !important; padding-bottom: 2px !important; background: revert !important; cursor: pointer !important; text-decoration: none !important; text-shadow: unset !important; line-height: 14px !important; height: 16px !important; } .subnav-nav li.active a, .subnav-nav li:hover a { display: inline-block !important; color: #000 !important; padding-bottom: 2px !important; border-bottom: 2px solid; } .assets-nav { margin: 10px 0px 0px !important; padding: 0px 7px !important; border-bottom: 1px solid #247cf4 !important; } .assets-nav li a { visibility: hidden; font-size: 14px !important; color: white !important; text-align: center !important; cursor: pointer; font-family: var(--font-family); padding: 0px 10px !important; line-height: 14px !important; font-weight: 700 !important; text-shadow: revert !important; box-shadow: revert !important; border: revert !important; background: revert !important; height: auto !important; min-width: 80px !important; width: auto !important; } .assets-nav li:before { content: attr(data-text); font-weight: 400; line-height: 14px !important; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; } .assets-nav.desktop li:hover:before, .assets-nav li.active:before { visibility: hidden; } .assets-nav.desktop li:hover a, .assets-nav li.active a { visibility: visible; color: #247ef8 !important; } .assets-nav li a, .assets-nav li:before { grid-row: 1; grid-column: 1; color: white; } .assets-nav li { position: relative !important; margin: 0 3px !important; padding: 7px 0px 7px !important; background: #247cf4 !important; border-radius: 5px 5px 0 0; text-decoration: none; font-family: var(--font-family); font-size: 14px; color: #333 !important; text-align: center; cursor: pointer; height: calc(41px - 27px); border: 1px solid #247cf4 !important; } .assets-nav li.active, .assets-nav.desktop li:hover { background: white !important; border: 1px solid #247ef8 !important; color: #247ef8 !important; } .assets-nav li.active:after, .assets-nav.desktop li:hover:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #ffffff } /*Bootstrap Button Updates*/ .bootstrapiso .btn.btn-solid:not(:disabled):not(.disabled), input.button.btn-solid, .logonbox button, .tm-header a.button.add.btn-solid { background-color: var(--color-action) !important; color: #fff; border: none; outline: none; margin: 0 !important; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; max-height: 36px !important; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; } .tm-header a.button.add.btn-solid { width: fit-content; display:unset; } .bootstrapiso .btn.btn-solid:not(:disabled):hover, input.button.btn-solid:hover, .logonbox button:hover, .tm-header a.button.add.btn-solid:hover { background-color: var(--color-action--active) !important; color: #fff } input.button.wizardNextButton.solid, input.button.wizardSaveButton.solid { background-color: var(--color-action) !important; color: #fff; border: none; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; max-height: 36px !important; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; min-width: 83px; margin-left: 10px !important; } input.button.wizardSaveButton.solid { min-width: 90px; } input.button.btn-hollow { background-color: #fff !important; color: var(--color-action); border: none; outline: none; margin: 0 !important; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; text-decoration: none; } input.button.wizardDeleteButton.btn-hollow, input.button.wizardDeleteButton.btn-hollow:hover { margin-left: 10px !important; } input.button.btn-hollow:hover { background-color: var(--color-action) !important; color: #fff; border: none; outline: none; margin: 0 !important; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; text-decoration: none; } .bootstrapiso .btn.btn-hollow:not(:disabled):not(.disabled), .widget input.btn-hollow { background-color: #fff !important; color: var(--color-action); border: none; outline: none; margin: 0 !important; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; max-height: 36px !important; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: normal; text-decoration: none; } .bootstrapiso .btn.btn-hollow:not(:disabled):hover, .widget input.btn-hollow:hover { background-color: var(--color-action) !important; color: #fff !important; font-weight: 700; } .fc .fc-runReport-button.btn-hollow:disabled:hover { background-color: #fff !important; color: var(--font-color-disabled) !important; border-color: var(--font-color-disabled) !important; font-weight: 400; } .bootstrapiso .btn.btn-clear:not(:disabled):not(.disabled) { background-color: transparent !important; color: var(--color-action); border: none; outline: none; margin: 0 !important; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: transparent; font-weight: 400; } .bootstrapiso .btn.btn-clear:not(:disabled):hover { background-color: rgba(0,0,0,.05) !important; } .fc .fc-customUsageRange-button.btn-solid { float: left !important; width: 170px !important; } .fc .fc-runReport-button.btn-hollow:not(:disabled):not(.disabled) { display: inline-block !important; max-height: 40px !important; height: 40px !important; width: 170px !important; margin-left: .75em !important; } .bootstrapiso .btn-secondary.disabled.btn-clear, .bootstrapiso .btn-secondary:disabled.btn-clear { background-color: transparent !important; color: var(--font-color-disabled); border: none; outline: none; margin: 0 !important; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: none; font-weight: 400; display: inline-block !important; max-height: 40px !important; height: 40px !important; margin-left: .75em !important; } .bootstrapiso .btn-secondary.disabled.btn-solid, .bootstrapiso .btn-secondary:disabled.btn-solid, .bootstrapiso .btn-secondary:disabled.btn-hollow, .bootstrapiso .btn-secondary:disabled.btn-hollow { background-color: var(--color-action--disabled) !important; color: var(--font-color-disabled); border: none; outline: none; margin: 0 !important; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; max-height: 36px !important; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--font-color-disabled); font-weight: 700; display: inline-block !important; max-height: 36px !important; margin-left: .75em !important; } .bootstrapiso .btn-secondary:disabled.btn-hollow, .bootstrapiso .btn-secondary:disabled.btn-hollow, .bootstrapiso .btn.btn-hollow:not(:disabled):not(.disabled) { font-weight: 400 !important; } .bootstrapiso .input-group > .input-group-append > .btn:disabled { border-color: var(--color-action--active); background-color: var(--color-action--active); } .fc .fc-runReport-button.btn-hollow:disabled { width: 170px !important; max-height: 40px !important; height: 40px !important; border: 1px solid var(--font-color-disabled); font-weight: 400; } .ui-dialog .ui-dialog-buttonpane button.btn-solid, .sitebutton.btn-solid { background-color: var(--color-action) !important; color: #fff !important; border: none; outline: none; margin-bottom: 2px !important; display: inline-block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; max-height: 36px !important; width: 40%; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; } a.sitebutton.btn-solid { min-height: unset; height: 14px; width: 30%; } .ui-dialog .ui-dialog-buttonpane button.btn-solid:hover, .sitebutton.btn-solid:hover, .bootstrapiso .btn-group-toggle .btn-primary-gauge:not(:disabled):not(.disabled):hover { background-color: rgba(17 100 215 / 80%) !important; color: #fff; border: 1px solid #052d63; } .ui-dialog .ui-dialog-buttonpane button.btn-solid:disabled { background-color: var(--color-action--disabled) !important; color: var(--font-color-disabled) !important; border: none; outline: none; margin-bottom: 2px !important; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: 40%; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--font-color-disabled); font-weight: 700; display: inline-block !important; max-height: 40px !important; height: 40px !important; margin-left: .75em !important; } .ui-dialog .ui-dialog-buttonpane button.btn-clear { background-color: transparent !important; color: #fff; border: none; outline: none; margin-bottom: 2px !important; margin-left: 0px !important; display: inline-block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%) !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: 40%; border-radius: 4px !important; font-size: 14px !important; background: none; font-weight: 400; display: inline-block !important; max-height: 40px !important; height: 40px !important; margin-left: .75em !important; } .ui-dialog .ui-dialog-buttonpane button.btn-clear:hover { background-color: rgba(142, 142, 142, 0.9) !important; } .fd_widget_reports .fd_reports_button { text-shadow: unset; border-color: var(--color-action); background-color: #fff; color: var(--color-action); background: none; } .fd_widget_reports .fd_reports_button:hover { border-color: var(--color-action); color: #fff; background-color: var(--color-action); } .logonbox button { display: unset; width: 60%; } /*Updating Instances of #247cf4cc(Blue) to var(--color-action)*/ [style = "color:#247cf4cc"], #btnViewPage, #tableTabs a:not(.active), .displayAddress, .displayAddress a, .ui-widget-content .header a, #nhtsaLink, .SelectedDeviceRow td, #NAM_ResultsTable tbody tr td #quickDirIcon_Foreground, #table-wrapper a:link, .table-wrapper a:visited, #table-wrapper a:visited, .table-wrapper a:hover, #table-wrapper a:hover, #editCustomSchedule, a.sslink { color: var(--color-action) !important; } [style = "background-color:#247cf4cc"] { background-color: var(--color-action) !important; } [style = "border-color:#247cf4cc"] { border-color: var(--color-action) !important; } a, a:link, a:visited, a:hover, a:active, .widget-options a, .widget-counter .trueOdometerCheck, .widget-counter .trueMeterCheck, .bootstrapiso .btn-alt-primary-gauge, .bootstrapiso .btn-alt-primary-gauge.disabled, .bootstrapiso .btn-alt-primary-gauge:disabled, .PathLink:hover, .UpTier:hover, .InnerWidget .SelectedColumnItem, .InnerWidget .SelectedColumnItem:after, .InnerWidget .ColumnItem:hover, .imgNav-arrow, #NearestAssetsResultsTable tbody tr td .quickDirIcon_Foreground, #NearestAssetsResultsTable tbody tr td .quickDirIcon_Foreground, .table-wrapper a, #table-wrapper a, .table-wrapper a:link { color: var(--color-action); } .bootstrapiso .badge-primary-gauge { background-color: var(--color-action); } .bootstrapiso .btn-alt-primary-gauge:hover { border-color: var(--color-action); } .bootstrapiso .btn-primary-gauge.disabled, .bootstrapiso .btn-primary-gauge:disabled { background: var(--color-action--disabled); color: var(--font-color-disabled); box-shadow: inset 0, 0, 2px rgb(0, 0, 0 / 25%); } .bootstrapiso .btn-primary-gauge, .bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled):active, .bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled).active, .bootstrapiso .show > .btn-alt-primary-gauge.dropdown-toggle { background-color: var(--color-action); border-color: var(--color-action); } .bootstrapiso .list-group-item-primary-gauge.list-group-item-action.active { background-color: var(--color-action); border-color: #052d63; } .bootstrapiso .btn-primary-gauge:not(:disabled):not(.disabled):active, .bootstrapiso .btn-primary-gauge:not(:disabled):not(.disabled).active, .bootstrapiso .show > .btn-primary-gauge.dropdown-toggle { background-color: rgba(17 100 215 / 80%); border-color: var(--color-action); outline: 4px solid #1661c7c9; outline-offset: -6px; font-weight: 600; box-shadow: none; } .bootstrapiso .list-group-item-primary-gauge.list-group-item-action:hover, .bootstrapiso .list-group-item-primary-gauge.list-group-item-action:focus { border-color: rgba(17 100 215 / 80%); outline: 2px solid #102392; } /*Updating Instances of #004085 to #052D63*/ .bootstrapiso .alert-primary, .bootstrapiso .list-group-item-primary, .bootstrapiso .list-group-item-primary.list-group-item-action:hover, .bootstrapiso .list-group-item-primary.list-group-item-action:focus { color: #052D63; } .bootstrapiso .list-group-item-primary.list-group-item-action.active { background-color: #052d63; border-color: #052D63; } /*Updating Instances of #127397 to var(--color-action--active)*/ #NearestAssetsResultsTable tbody tr .quickDirIcon_Cell:hover .quickDirIcon_Foreground, #NearestAssetsResultsTable tbody tr .quickDirIcon_Cell:hover .quickDirIcon_Foreground, #NAM_ResultsTable tbody tr td #quickDirIcon_Link:hover #quickDirIcon_Foreground { color: var(--color-action--active) } .bootstrapiso .badge-primary-gauge[href]:hover, .bootstrapiso .badge-primary-gauge[href]:focus { background-color: var(--color-action--active) } .bootstrapiso .btn-primary-gauge:hover, .bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled):active:hover, .bootstrapiso .btn-alt-primary-gauge:not(:disabled):not(.disabled).active:hover, .bootstrapiso .show > .btn-alt-primary-gauge.dropdown-toggle { background-color: var(--color-action--active) !important; border-color: var(--color-action--active) !important; } .fc .fc-highlight { background: var(--fc-highlight-color, rgba(36, 124, 244, 0.1)); } .WelcomeMessage { margin-left: 203px; margin-top: 6.7px; color: white; list-style: none; position: absolute; } .nav-button { display: block; width: 64.2px; } #mobileSite { margin: 0 6px; color: #fff !important; font-family: var(--font-family) !important; font-size: 10px !important; font-weight: 700 !important; background: #595959; border: 1px solid #2b2b2b; display: inline-block; border-radius: 500px; padding: 0px 16px !important; text-decoration: none; cursor: pointer; height: 17px !important; line-height: 17px !important; } ul.mast-nav li a, ul.mast-nav li a:link, ul.mast-nav li a:visited { color: white !important; } ul.mast-nav li a:hover, ul.mast-nav li a:active { background: #737373 !important; } /*M2.0 Pagination Display*/ .tm-header .paging.table-pagination > div { display: flex; border: none; background: none; padding: 0px 5px !important; line-height: 30px; font-family: var(--font-family); font-size: 15px !important; font-weight: 400; color: #585858; border-radius: 4px; text-shadow: none; box-shadow: none; width: 30px; } .tm-header .paging.table-pagination > div.asset-count { width: auto; } .table-pagination.paging i.fas { font-size: 20px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .table-pagination.paging .page-right a, .table-pagination.paging .page-right a:link, .table-pagination.paging .page-right a:visited, .table-pagination.paging .page-left a, .table-pagination.paging .page-left a:link, .table-pagination.paging .page-left a:visited, .table-pagination.paging .page-first a, .table-pagination.paging .page-first a:link, .table-pagination.paging .page-first a:visited, .table-pagination.paging .page-last a, .table-pagination.paging .page-last a:link, .table-pagination.paging .page-last a:visited { display: flex !important; margin-top: 28px !important; padding-left: 10px; } .table-pagination.paging { display: flex; margin-top: 3px; } .table-pagination .page-left a { color: black; } .ForgotCancel { margin-left: 5px; display: inline-block; float: unset !important; padding: 10px 17px 0px 17px; min-height: 25px; border-radius: 4px !important; font-size: 14px !important; font-weight: 400; } .ms2-body .bootstrapiso .btn.rptActionBtn.btn-solid:not(:disabled):not(.disabled), .ms2-body .bootstrapiso .btn-secondary.rptActionBtn.disabled.btn-solid, .ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-solid, .ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-hollow, .ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-hollow, .ms2-body .bootstrapiso .btn.btn-hollow.rptActionBtn:not(:disabled):not(.disabled), .ms2-body .bootstrapiso .btn.btn-clear.rptActionBtn:not(:disabled):not(.disabled), .ms2-body .bootstrapiso .btn-secondary.rptActionBtn:disabled.btn-clear { min-height: unset !important; height: unset !important; display: block !important; height: unset !important; max-height: unset !important; width: 140px !important; max-width: 140px !important; } ul.nav li.active a i { color: white; } ul.nav li a i, ul.nav li.active i { display: none; } .nav-head .nav li:hover a { visibility: visible; text-decoration: underline; text-decoration-color: #f4b824; text-decoration-thickness: 2.2px; text-underline-offset: 8px; font-size: 14px !important; } .nav-head .nav li.active a { visibility: visible; text-decoration: underline; text-decoration-color: white; text-decoration-thickness: 2.2px; text-underline-offset: 8px; color: white !important; font-size: 14px !important; } .ui-widget-overlay { background: var(--color-backdrop); backdrop-filter: blur(3px); opacity: 1; } .ui-dialog[role="dialog"] { padding: 0em; background: #fff !important; border-radius: 5px; font-size: 10px !important; font-family: var(--font-family) !important; color: var(--font-color-primary) !important; background: var(--color-page-background) !important; } .ui-dialog[role="dialog"] .ui-dialog-titlebar { border-radius: 5px 5px 0 0; background: #f1f3f4; border: unset; border-bottom: 1px solid var(--color-tertiary); padding: 30px 60px 30px 20px !important; } .ui-dialog[role="dialog"] .ui-dialog-title { font-size: 1.8em; font-weight: 700; color: var(--font-color-primary); margin: 0 !important; width: auto; overflow: visible !important; } .ui-dialog[role="dialog"] .ui-dialog-titlebar-close, .ui-dialog[role="dialog"] .ui-dialog-titlebar-close:hover, .ui-dialog[role="dialog"] .ui-dialog-titlebar-close:focus { position: absolute !important; z-index: 3; right: 10px !important; top: 20px !important; width: 40px !important; height: 40px !important; background: none; border: none; font-size: 0 !important; background-image: url(/Content/StyleOverrides/close.svg); background-position: 50%; border-radius: 4px; cursor: pointer; outline: none; } .ui-dialog[role="dialog"] .ui-dialog-titlebar-close:hover { background-color: #e5e7e8 !important; } .ui-dialog[role="dialog"] .ui-dialog-titlebar-close * { opacity: 0; } .ui-dialog[role="dialog"] .ui-dialog-content { position: relative !important; padding: 20px !important; font-size: 1.4em; line-height: 2.2em; } .ui-dialog[role="dialog"] .ui-dialog-buttonpane { background: none; margin: 0 20px 20px !important; border: none; padding: 0 !important; } .ui-dialog[role="dialog"] .ui-dialog-buttonset { display: flex; justify-content: center; gap: 10px; } .ui-dialog[role="dialog"] .ui-dialog-buttonset button, .ui-dialog[role="dialog"] .ui-dialog-buttonset button:hover, .ui-dialog[role="dialog"] .ui-dialog-buttonset button:focus { background: var(--color-action); color: #fff; font-weight: 700; padding: 10px 17px; min-height: 36px; border-radius: 4px; font-size: 1.4em !important; border: none; outline: none; margin: 0 !important; } .ui-dialog[role="dialog"] .ui-dialog-buttonset button:hover, .ui-dialog[role="dialog"] .ui-dialog-buttonset button:focus { background: var(--color-action--active); } .ui-dialog[role="dialog"] .ui-dialog-buttonset button.btn-hollow { background-color: #fff !important; color: var(--color-action); border: none; outline: none; margin: 0 !important; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; text-decoration: none; } .ui-dialog[role="dialog"] .ui-dialog-buttonset button.btn-hollow:hover { background-color: var(--color-action) !important; color: #fff; border: none; outline: none; margin: 0 !important; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); font-weight: 700; text-decoration: none; } .widget-table .table-filter .search-filters .filter-dd.adiContainer { margin-right: 30px !important; } #bulkUpdateWidgetTable .widget-table-scroll-body { overflow-y: scroll; max-height: 252px; } .ui-dialog[role="dialog"] .scheduleDayColumn { min-width: 267px !important; } input[type="text"], input[type="number"], textarea, input[type="password"], select, dl.dropdown { background: var(--color-secondary) !important; height: calc(var(--form-field-height) - (var(--form-field-padding)*2) - 2px); border-radius: var(--form-field-border-radius) !important; border: 1px solid var(--color-secondary) !important; outline: none; font-size: 14px !important; line-height: 14px !important; padding: var(--form-field-padding) !important; max-width: calc(100% - (var(--form-field-padding)*2) - 2px) !important; box-sizing: content-box !important; color: var(--font-color-primary) !important; font-family: var(--font-family) !important; } input[type="text"]:focus-visible, textarea:focus-visible, input[type="password"]:focus-visible, select:focus-visible { border: 1px solid var(--color-action) !important; } select, dl.dropdown { max-width: 100% !important; text-overflow: ellipsis; padding: 10px 30px 10px 10px !important; height: var(--form-field-height); appearance: none; box-sizing: border-box !important; /* Custom Caret Icon */ background-image: url(/Content/StyleOverrides/down-arrow.svg) !important; background-repeat: no-repeat !important; background-size: 18px 16px !important; background-position: right 10px center !important; line-height: 18px !important; } input[type="checkbox"] { background-color: #f1f3f4; border: 1px solid #acacac; border-radius: 4px; margin: 0px !important; display: inline-block; width: 18px !important; height: 18px !important; appearance: none; background-size: 11px 8px; transition: background-color .2s ease; } /* These styles for checkbox labels are too unstable to apply everywhere */ /*input[type="checkbox"] + label { line-height: 18px !important; display: inline-block; position: absolute; padding-left: 16px; }*/ input[type="checkbox"]:not([disabled]):hover { background-color: #d9dadb; cursor: pointer; } input[type="checkbox"]:checked { background-color: var(--color-action); background-image: url(/Content/StyleOverrides/checkmark.svg); background-position: 50%; background-repeat: no-repeat; border: none; } input[type="checkbox"]:checked:not([disabled]):hover { background-color: var(--color-action--active); } input[type="radio"] { width: 20px; height: 20px; } /* These styles for radio labels are too unstable to apply everywhere */ /*input[type="radio"] + label { line-height: 20px !important; display: inline-block; position: absolute; padding-left: 16px; }*/ .m2s-form.ms2-form-dialog-1000 .m2s-form-2-col { width: 50% !important; float: left !important; } .m2s-form.ms2-form-dialog-1000 .m2s-form-2-col .item-skinny-ish { width: 100% !important; } .m2s-form.ms2-form-dialog-1000 .widget-properties .m2s-form-2-col dl.item-skinny-ish > dd, .m2s-form .widget-properties .m2s-form-2-col dl.item-tall > dd { width: 100% !important; } .m2s-form.ms2-form-dialog-1000 .widget-properties dl.item-skinny-ish > dt { width: 234px !important; } .m2s-form.ms2-form-dialog-1000 .widget-properties .m2s-form-2-col.m2s-form-col-left dl.item-skinny-ish > dd, .m2s-form .widget-properties .m2s-form-2-col.m2s-form-col-left dl.item-tall > dd { padding-right: 8px !important; } .m2s-form.ms2-form-dialog-1000 .widget.widget-properties dl dd textarea { width: 100% !important; } .m2s-form input.button.btn-solid, form .widget.widget-properties dl.item-footer dd input.button.btn-solid { color: var(--color-btn-solid) !important; font-weight: normal !important; } .m2s-form .form-ddl-dd-container { padding-left: 0 !important; } .m2s-form .widget.widget-properties dl dd select { float: right; } .m2s-form .widget.widget-properties dl dd input#Name, .m2s-form .widget.widget-properties dl dd select, .m2s-form .widget.widget-properties dl dd input[type="text"], .m2s-form .widget.widget-properties .NotificationProperties dl dd input#Name, .m2s-form .widget.widget-properties dl dd input[type="text"] { width: 100% !important; } .m2s-form .widget.widget-properties dl dd input[type="checkbox"] { padding-left: -10px !important; } .m2s-form .widget-properties dl.item-tall > dd > #Notes { resize: none; height: 100px !important; } .m2s-form .widget-properties .text-area-container { padding-left: 10px !important; padding-right: 3px !important; } .m2s-form .widget-properties .text-area-parent-container { height: inherit !important; min-height: inherit !important; } .m2s-form .widget.widget-properties dl dd.text-area-container textarea#Description { resize: none; width: calc(100% - 30px)!important; margin: 0 !important; min-height: inherit !important; } .m2s-form .widget-properties .widget-content dl.item-footer .m2-checkbox { margin-bottom: 3px !important; } .m2s-form #AvailableTasks .widget-content dl dt input { vertical-align: baseline; } .m2s-form #AvailableTasks dl.item-skinny-ish { margin-bottom: 5px; } .m2s-form dl.item-skinny-ish.task { margin-bottom: 5px; } .m2s-form .widget.widget-properties dl dd.selected-tasks-containter { height: auto !important; padding-left: 0; } .m2s-form dd.selected-tasks-containter dl.selected-tasks-item dt { height: auto !important; } .m2s-form dd.selected-tasks-containter dl.selected-tasks-item dt input[type="checkbox"] { margin-left: 0px !important; } .m2s-form dd.selected-tasks-containter dl.selected-tasks-item dt { height: auto !important; width: 21px !important; } .m2s-form dd.selected-tasks-containter dl.selected-tasks-item dd { height: auto !important; width: 99% !important; } form.m2s-form .widget.widget-properties dl.target-list-selector-container dd td input[type=text] { width: 26px !important; margin-left: 0px; padding: 10px !important; } form.m2s-form .widget.widget-properties dl.target-list-selector-container dd td select { width: auto !important; margin-left: 0px; } form.m2s-form .widget.widget-properties dl.target-list-selector-container dd button { width: 61px !important; padding: 0 !important; } form.m2s-form .widget.widget-properties dl.target-list-selector-container table.targets thead tr { background-color: transparent; } form.m2s-form .widget.widget-properties dl.target-list-selector-container table.targets { border: none; } form.m2s-form .widget.widget-properties dl.target-list-selector-container table.targets td { padding: 0; } .ScheduleSteps .ui-state-default, .contactList .ui-state-default, .tree_item .ui-state-default { color: var(--color-action); } /* Company Edit Form */ form .widget.widget-properties dl.item-footer dd input.button.btn-solid { font-weight: 700; color: #fff; } form .widget.widget-properties.company-edit dl dd select { padding-left: 10px !important; width: 330px !important; } form .widget.widget-properties.company-edit dl dd input[type="text"] { width: 298px !important; } /* Asset Category Add/Edit Form */ form .widget.widget-properties dl dd select.AssetType { width: 324px !important; padding-left: 10px !important; } form .widget.widget-properties dl dd input[type="text"].CategoryDescription{ width: 292px !important; } form .widget.widget-properties.asset-category dl dd textarea{ height: 36px !important; max-height: 48px !important; } #dateDD input[type="radio"], #dateDD label[for] { vertical-align: middle; } form#subCompanyIdForm .widget.widget-properties dl dd input[type="checkbox"], form#internalContactForm .widget.widget-properties dl dd input[type="checkbox"] { margin-left: -5px !important; } /* Multi-select button */ button[type="button"].ui-multiselect { background: var(--color-secondary) !important; border-radius: var(--form-field-border-radius) !important; border: 1px solid var(--color-secondary) !important; outline: none; font-size: 14px !important; line-height: 14px !important; color: var(--font-color-primary); font-weight: initial; max-width: 100% !important; text-overflow: ellipsis; padding: 10px 30px 10px 10px !important; height: var(--form-field-height); appearance: none; box-sizing: border-box !important; cursor: pointer; /* Custom Caret Icon */ background-image: url(/Content/StyleOverrides/data:image/svg+xml;charset=utf8,â–¾) !important; background-repeat: no-repeat !important; background-size: 18px 16px !important; background-position: right 10px center !important; } button[type="button"].ui-multiselect.ui-state-active { background-color: var(--color-secondary--active) !important; } .ui-multiselect-open { display: none; } /* Multi-select overlay */ .ui-multiselect-menu { transform: translateY(10px); padding: 0px 10px !important; background: var(--color-secondary); border: none !important; box-shadow: 0 2px 4px rgb(0 0 0 / 16%); border-radius: 4px; } .ui-multiselect-header { background: none !important; border: none; width: 100%; padding: 10px 10px 0px !important; margin-bottom: 0px !important; border-bottom: 1px solid var(--color-tertiary); position: relative; left: -10px !important; } .ui-multiselect-filter { margin: 0 !important; width: 100% !important; float: unset; } .ui-multiselect-filter label { width: 100%; display: block; position: relative; } .ui-multiselect-filter label input { margin: 0 !important; width: 100% !important; font-size: 14px !important; outline: none !important; padding: 10px !important; padding-right: 40px !important; box-sizing: border-box !important; height: 36px !important; border: 1px solid var(--color-tertiary) !important; border-radius: var(--form-field-border-radius) !important; } .ui-multiselect-filter label::before { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background: url(/Content/StyleOverrides/search.svg); background-repeat: no-repeat; background-size: 17px 17px; } .ui-multiselect-menu .ui-helper-reset { float: left !important; width: 100%; background: transparent; min-height: 36px; padding: 8px 0px !important; top: unset !important; } .ui-multiselect-menu .ui-helper-reset li { padding: 0px !important; } .ui-multiselect-menu .ui-helper-reset li:hover { background: rgba(0, 0, 0, 0.05); } .ui-multiselect-none .ui-icon-closethick, .ui-multiselect-all .ui-icon-check { display: none !important; } .ui-multiselect-none span, .ui-multiselect-all span { border-radius: 4px; border: none; outline: none; color: var(--color-action); font-size: 14px !important; line-height: 16px !important; font-weight: normal; text-decoration: none !important; height: 16px !important; padding: 10px 17px !important; display: block; } .ui-helper-reset li :hover, .ui-helper-reset li :hover { text-decoration: none !important; } .ui-multiselect-checkboxes { padding: 6px 0px !important; width: calc(100% + 10px); height: auto !important; max-height: 250px; box-sizing: border-box; } .ui-multiselect-checkboxes li { padding: 0 !important; background: none !important; } .ui-multiselect-checkboxes li label { padding: 6px 10px !important; padding-left: 0px !important; border: none !important; background: none !important; } .ui-multiselect-checkboxes li label input { position: relative !important; top: unset !important; left: unset !important; margin-right: 12px !important; display: block; float: left; width: 18px !important; height: 18px !important; appearance: none; background-size: 11px 8px; transition: background-color .2s ease; } .ui-multiselect-checkboxes li label.ui-state-hover input { background-color: #d9dadb; } .ui-multiselect-checkboxes li label input:checked { background-color: var(--color-action); background-image: url(/Content/StyleOverrides/checkmark.svg); background-position: 50%; background-repeat: no-repeat; border: none; } .ui-multiselect-checkboxes li label.ui-state-hover input:checked { background-color: var(--color-action--active); } .ui-multiselect-checkboxes li label span { line-height: 18px; font-size: 14px; font-weight: normal !important; color: var(--font-color-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; top: unset; left: unset; } .widget-table.widget-table-scroll { margin-bottom: 0 !important; position: relative; top: 0px !important; left: 0px !important; right: 0px !important; width: calc(100%) !important; height: auto !important; } .widget-table.widget-table-scroll .widget-table-scroll-body { margin-top: 0px !important; } #AssetList > div.floatThead-wrapper > div.widget-table-scroll-body { overflow-x: auto; } .widget-table .table-filter { border: 1px solid transparent; background: var(--color-page-background); margin-top: 1em; z-index: 2; width: 0 !important; min-height: 0 !important; overflow: hidden; display: flex; } .table-filter.row.justify-content-end { padding: 1%; } .widget-table .table-filter .search-filters { margin: 0px; background-color: white; } .widget-table .table-filter .search-filters .filter-dd { margin: 0px !important; margin-bottom: 10px !important; } .widget-table .table-filter .search-cont { float: unset !important; padding-right: 30px; border-left: 1px solid var(--color-tertiary); } div#assetlinkdialog .widget-table .table-filter .search-cont { float: unset !important; padding-right: 0px; border-left: none; } .widget-table .table-filter .search-cont #query { padding-right: 40px !important; width: calc(100% - 50px); } .widget-table .table-filter .search-cont .grid-search-box { margin-bottom: 10px; width: 100%; display: block; position: relative; } .widget-table .table-filter .search-cont .grid-search-box::before { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background-repeat: no-repeat; background-size: 17px 17px; background-color: #000; -webkit-mask-image: url(/Content/StyleOverrides/search.svg); -webkit-mask-size: 17px 17px; mask-image: url(/Content/StyleOverrides/search.svg); } /*Solid Button Style w/ set width*/ .widget-table .table-filter .search-cont .filter-buttons .button, .widget-table .table-filter .search-cont .filter-buttons .button:hover, .widget-table .table-filter .search-cont .filter-buttons .button:focus, .tm-header a.button, .tm-header a.button:link, .tm-header a.button:visited, .widget-table .table-filter .search-cont .filter-buttons .button:focus { border: none; outline: none; margin: 0 !important; cursor: pointer; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: var(--color-action) !important; border: 1px solid var(--color-action); color: #fff; font-weight: 400; } /*Solid Button Hover Style*/ .widget-table .table-filter .search-cont .filter-buttons .button:hover, a.button:link:is(:hover) .widget-table .table-filter .search-cont .filter-buttons .button:hover, #addAssetSubmit:hover, button.button.woSave:hover, form .widget.widget-properties dl.item-footer dd input.button.SaveSite:hover, editTagStatusBtn.widget-button:hover, #confirmUpdateBtn:hover, button.button.OEMRun:hover, form .widget.widget-properties dl.item-footer dd input.button.deviceSave:hover, #device-service-submit-button:hover, input.button.meter-sync-close:hover, .widget.widget-properties dl.item-footer dd input.fuel-type-save:hover, .widget.widget-properties dl.item-footer dd input.billing-code-save:hover { background: var(--color-action--active) !important; color: #fff; } /*Solid Button Style w/o set width*/ #addAssetSubmit, button.button.woSave, form .widget.widget-properties dl.item-footer dd input.button.SaveSite, #editTagStatusBtn.widget-button, #confirmUpdateBtn, button.button.OEMRun, form .widget.widget-properties dl.item-footer dd input.button.deviceSave, #device-service-submit-button, input.button.meter-sync-close, .widget.widget-properties dl.item-footer dd input.fuel-type-save, .widget.widget-properties dl.item-footer dd input.billing-code-save { border: none; outline: none; cursor: pointer; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; border-radius: 4px !important; font-size: 14px !important; background: var(--color-action) !important; border: 1px solid var(--color-action); color: #fff; font-weight: 400; } /*borderless floating text button*/ .widget-table .table-filter .search-cont .filter-buttons a.button.clearSort, #cancelUpdateBtn, .ForgotCancel { background-color: transparent !important; color: var(--color-action); border: none; outline: none; background: transparent; } /*borderless floating text button hover style*/ .widget-table .table-filter .search-cont .filter-buttons a.button.clearSort:hover, #cancelUpdateBtn:hover, a.ForgotCancel:hover { background-color: rgba(0,0,0,.05) !important; text-decoration: none; } .widget-button, .widget-button:hover, .widget-button:focus { border: none !important; outline: none; margin: auto !important; cursor: pointer; display: block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px !important; min-height: 36px; width: fit-content !important; border-radius: 4px !important; font-size: 14px !important; background: none !important; border: 1px solid var(--color-action) !important; color: var(--color-action); font-weight: 400 !important; } .widget-button:hover { background: var(--color-action) !important; color: #fff !important; } button.button.woSavePrint, button.button.woSave, button.button.woDelete { height: 40px; } .widget-table .grid-toolbar { padding: 20px 30px; border-top: none; width: auto; height: 80px; } .widget-table .grid-toolbar .pagination-bar .table-pagination { margin: 0px !important; padding: 0px !important; } .widget-table .grid-toolbar .pagination-bar .table-pagination div, .widget-table .grid-toolbar .pagination-bar .table-pagination .grid-toolbar-btn { font-size: unset !important; margin: 0px !important; padding: 0px !important; position: initial !important; top: unset !important; transform: unset !important; } .widget-table .grid-toolbar .grid-toolbar-btn { min-width: 40px !important; height: 40px !important; background: none; border: none; outline: none; border-radius: 4px; cursor: pointer; padding: 0; color: #585858; background-repeat: no-repeat !important; background-position: 50%; display: flex !important; align-items: center; justify-content: center; flex: 0 0 auto; text-decoration: none !important; } .widget-table .grid-toolbar .pagination-bar .grid-toolbar-btn { font-size: 20px !important; height: 40px !important; background: none; background-repeat: no-repeat !important; background-position: 50%; display: flex !important; text-decoration: none !important; } .widget-table .grid-toolbar .grid-toolbar-btn:hover { background-color: #f1f3f4 !important; color: #000; } .widget-table .grid-toolbar .page-number .showallpages.grid-toolbar-btn { padding: 0px 10px !important; line-height: 20px; font-family: var(--font-family); font-size: 12px !important; font-weight: 400; color: #585858; background: none; border: none; border-radius: 4px; text-shadow: none; box-shadow: none; float: unset; } .widget-table tr td { padding: 0px 10px !important; min-height: 30px; font-size: 14px !important; font-weight: normal !important; font-family: var(--font-family); /*border-right: 2px solid #fff !important;*/ border-bottom: 1px solid var(--color-tertiary) !important; color: #000 !important; background: #fff !important; } .widget-table tr { line-height: 1; } .widget-table tr.selected td, .widget-table tr.ModifiedRow td { background: #595959 !important; color: white !important; } .widget-table tr.ModifiedRow td a, tr.ModifiedRow td a:not([href="#"]):not(.noInvert), tr.ModifiedRow td.invertText, tr.ModifiedRow td.invertText a { color: white !important; } .widget-table tr td:hover { /*background: var(--color-secondary) !important;*/ } .widget-table td a { color: var(--color-action) !important; text-decoration: none !important; } .widget-table td a:hover { color: var(--color-action--active) !important; } .widget-table .gearHolder { margin: 0px !important; padding: 0px !important; width: 40px !important; height: 40px !important; display: inline-block; } .widget-table .gearHolder .gearMenu { width: 100% !important; height: 100% !important; padding: 0px !important; margin: 0px !important; border: none !important; border-radius: 4px; outline: none; color: #585858; background-image: url(/Content/StyleOverrides/more.svg); background-repeat: no-repeat; background-position: 50%; opacity: 1 !important; box-shadow: unset !important; background-color: unset !important; transition: unset !important; } .widget-table .gearHolder .gearMenu:hover { background-color: var(--color-secondary) !important; color: #000; } .widget-table .gearHolder .gearMenu img { display: none !important; } .widget-table .gearHolder .popupContent { background: #292f38; border-radius: 4px; box-shadow: 0 0 3px rgb(0 0 0 / 25%); width: 200px; overflow: hidden; padding: 2px; } .widget-table .gearHolder .popupContent .popupLabel { display: flex; width: 100%; align-items: center; background: none; border: none; outline: none; } .widget-table .gearHolder .popupContent .popupLabel a { width: 100%; padding: 10px 15px; min-height: 40px; cursor: pointer; text-decoration: none !important; font-size: 14px; font-weight: normal; color: #fff !important; box-sizing: border-box; } .widget-table .gearHolder .popupContent .popupLabel a:hover { background: #191e27; } .widget-table th { border: none !important; padding: 10px !important; background: var(--color-secondary) !important; font-size: 12px; line-height: 14px; height: 54px !important; font-weight: bold !important; font-family: var(--font-family); box-sizing: border-box; border-right: 2px solid var(--color-page-background) !important; color: #000 !important; } .widget-table thead tr { height: 30px !important; } thead { height: 30px !important; } .widget-table th:last-child { border: none !important; } .widget-table th.col-sort { background: var(--color-secondary--active) !important; } .widget-table th:hover { background: #e8ebed !important; } .widget-table th[sort=""]:hover, .widget-table th:not([sort]):hover { background: var(--color-secondary) !important; } /* Loading Icon */ .widget-table td[colspan] { background: #fff !important; cursor: default !important; border: none !important; height: 100px !important; padding: 0px !important; } select.gridDropDowns { padding: 10px 40px 10px 10px !important; min-height: calc(20px + 14px + 2px); line-height: 14px !important; } input.gridInputs { box-sizing: border-box !important; min-height: calc(20px + 14px + 2px); } #bulkUpdateDialog .ddColumn .ddRow select { padding: 10px 40px 10px 10px !important; min-height: calc(20px + 14px + 2px); line-height: 14px !important; font-size: 12px !important; } #AssetList > div.table-filter.row.justify-content-end > div.search-cont.col-auto { background: #fff; } div.table-filter.row.justify-content-end { width: 101% !important; z-index: 12; } div.widget-table-scroll-body table tbody tr td { text-overflow: ellipsis; min-width: 0; overflow: hidden; display: table-cell; } #GridCollapse { position: fixed; width: 35px; right: 1%; top: 84px; height: 34px; border: none; color: #707070; background: none; } #GridCollapseLabel { float: left; margin-left: -115px; position: relative; top: 10px; font-size: 14px; } #GridCollapse:hover { border-radius: 3px; background-color: rgba(0,0,0,.05); color: #000; } #AssetList { text-overflow: ellipsis; white-space: nowrap; } .CompanyName { max-width: 23ch; text-overflow: ellipsis; min-width: 0; overflow: hidden; display: table-cell; padding-bottom: 1px; } td.AssetName a { max-width: 55ch; text-overflow: ellipsis; min-width: 0; overflow: hidden; display: table-cell; padding-bottom: 1px; } .Reason { max-width: 15ch; } tr td.District { max-width: 10ch; } #LastKnownLocation { max-width: 62ch; text-overflow: ellipsis; min-width: 0; overflow: hidden; display: table-cell; padding-bottom: 1px; } #serviceHistory .widget-table .grid-toolbar, #deviceServiceHistory .widget-table .grid-toolbar { padding: 7px 30px 12px 30px; height: 22px; padding-top: 14px; position: sticky; top: 0; height: 100%; background: white 100px 100px; } #serviceHistory .widget-table thead tr { position: sticky; top: 27px; } #serviceHistory .widget-table .grid-toolbar .pagination-bar .grid-toolbar-btn, #deviceServiceHistory .widget-table .grid-toolbar .pagination-bar .grid-toolbar-btn { height: 0px !important; } div.floatThead-wrapper div.widget-table-scroll-body table thead tr { height: 30px; } .col-dynamic { background-color: white; } #txtApplyFilter { background-color: white; } .table-filter-container { display: none; width: 100%; position: fixed; top: 123px; left: 0; z-index: 12; height: fit-content; } div#assetlinkdialog { height: calc( 100vh - 220px ) !important; } div#assetlinkdialog .table-filter-container { top: 0; z-index: 1; display: block; overflow: hidden; position:relative; } div#assetlinkdialog div.search-filters button { max-height: 19px; vertical-align: text-top; } div#assetlinkdialog button[type="button"].ui-multiselect { padding-top: 2px !important; margin-right: 5px; padding-right: 17px !important; } #assignmentDate { width: 225px; min-height: 36px; padding-left: 10px; background: #f1f3f4; border: 1px solid 1px solid var(--color-secondary) !important; border-radius: 3px; margin-top: 2px; } th#ManaualEntryTime { width: 150px !important; } td#assetLabel { width: 250px; } .widget-content#serviceHistory .search-cont, .widget-content#deviceServiceHistory .search-cont { display: none; } .widget-content#serviceHistory .table-filter-container, .widget-content#deviceServiceHistory .table-filter-container { position: sticky; top: 0; margin-bottom: -27px; z-index: 1; max-width: 500px; display: block; height: 27px; overflow: hidden; } #serviceHistory .widget-table thead tr#costHeader { top: 27px; } div.datedropdown { height: 27px; } .widget-content#serviceHistory .ui-multiselect, .widget-content#deviceServiceHistory .ui-multiselect, .widget-content dl.dropdown{ width: 225px; max-height: 19px; padding-top: 1px !important; position: relative; top: -6px; left: -21px; } .widget-content dl.dropdown { left: 0; } .widget-content dl.dropdown a { color: black !important; } .widget-content dl.dropdown a > span { top: -2px; position: relative; } .widget-content dl.dropdown ul { max-height: 200px !important; } #showAllAssets { color: white !important; background: var(--color-action); display: block; width: 84px; height: 23px; vertical-align: middle; border-radius: 3px; margin-left: 48%; position: fixed; margin-top: 7px; padding-top: 7px; } #showAllAssets:hover, #showAllAssets a:active, #showAllAssets a:visited { text-decoration: none !important; } .tm-header .addButton { color: white !important; background: var(--color-action); display: block; border-radius: 3px; margin-top: -10px; float: right; text-align: center; border: none; outline: none; cursor: pointer; padding: 5px 15px; font-size: 14px; font-weight: 400; text-decoration: none; } #AssetList input#approved { min-height: 18px; min-width: 18px !important; max-width: 18px !important; max-height: 18px; } #AssetList input[type="text"] { font-size: 12px !important; } .widget-properties dl.item-skinny-ish > dt { font-size: .9em; } .ui-menu-item a { font-size: 12px; } .rdoPrevService label { display: inline-block; vertical-align: middle; margin-top: -11px; margin-left: 10px; } #tagStatusTable .widget-table tr { line-height: 2; } .widget-properties dl.item-tall > dt.TagStatusDropdown { background: none; border: none; } #tagStatusTable .item-footer { margin-top: 45px; margin-left: 229px; } #cancelUpdateBtn { height: 35px; margin-left: 5px; } /*General Styles*/ html, body { background-color: white; } .select-option { width: 100px; } .widget-filter { display: none; } .widget-assetsassigned-m2-style table tbody tr td > div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 270px; } textarea { resize: none; } .widget-table .table-filter .search-cont .filter-buttons .button#download-reports { position: relative; left: 262px; top: -70px; height: 50px; } .widget { box-shadow: unset !important; padding: 0px !important; overflow: visible !important; margin: 0px !important; background: unset !important; } .widget a { color: var(--color-action) !important; font-weight: normal; } .widget-header { background: unset !important; border: unset !important; line-height: 40px !important; font-family: Arial !important; height: 40px !important; color: var(--font-color-primary) !important; } .widget.collapsed .widget-header .widget-exp, .widget .widget-header .widget-col { height: 100%; padding: 0px; width: 40px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .widget .widget-header .widget-exp a, .widget .widget-header .widget-col a { border-radius: 50%; } .widget-header h1 { font-size: 18px !important; font-weight: 700 !important; line-height: 40px !important; font-family: Arial !important; color: var(--font-color-primary) !important; padding: 0px; } .widget-header h1 select { margin: 0px !important; font-size: 18px !important; color: var(--font-color-primary) !important; cursor: pointer; } .widget-header h1 select:disabled { padding: 0px !important; background: unset !important; border: unset !important; opacity: 1 !important; cursor: default; } .widget-header .widget-options { margin: 0px !important; padding: 0px !important; height: 100% !important; width: unset !important; font-size: 14px !important; } .widget-header .widget-options button, .widget-header .widget-options #btnViewPage { margin: 0 !important; font-family: Arial !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 5px 8px; min-height: unset; height: auto !important; width: 100%; border-radius: 4px !important; font-size: 14px !important; background: none !important; border: 1px solid var(--color-action) !important; font-weight: 400; transition: unset !important; opacity: unset !important; color: var(--color-action) !important; } .widget-header .widget-options button:hover, .widget-header .widget-options #btnViewPage:hover { background: var(--color-action) !important; color: #fff !important; } .widget-header .widget-options button[disabled], .widget-header .widget-options #btnViewPage[disabled] { background: none !important; border: 1px solid white !important; color: white !important; } .widget .gearHolder { margin: 0px !important; padding: 0px !important; width: 40px !important; height: 40px !important; display: inline-block; } .widget .gearHolder .gearMenu { width: 100% !important; height: 100% !important; padding: 0px !important; margin: 0px !important; border: none !important; border-radius: 4px; outline: none; color: #585858; background-image: url(/Content/StyleOverrides/more.svg); background-repeat: no-repeat; background-position: 50%; opacity: 1 !important; box-shadow: unset !important; background-color: unset !important; transition: unset !important; } .widget .gearHolder .gearMenu:hover { background-color: var(--color-secondary) !important; color: #000; } .widget .gearHolder .gearMenu img { display: none !important; } .widget .gearHolder .popupContent { background: #292f38; border-radius: 4px; box-shadow: 0 0 3px rgb(0 0 0 / 25%); width: 200px; overflow: hidden; padding: 2px; } .widget .gearHolder .popupContent .popupLabel { display: flex; width: 100%; align-items: center; background: none; border: none; outline: none; } .widget .gearHolder .popupContent .popupLabel a { width: 100%; padding: 10px 15px; min-height: 40px; cursor: pointer; text-decoration: none !important; font-size: 14px; font-weight: normal; color: #fff !important; box-sizing: border-box; } .widget .gearHolder .popupContent .popupLabel a:hover { background: #191e27; } .widget-content { max-width: 100%; background: rgb(255, 255, 255) !important; padding: 10px 0px !important; border: none; border-top: 4px solid var(--color-accent); font-family: var(--font-family) !important; font-size: 14px !important; line-height: 18px; min-height: 14px; height: auto; } /* search-box */ .widget-search-box { margin-bottom: 10px; width: 100%; display: block; position: relative; } .widget-search-box::before { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background-repeat: no-repeat; background-size: 17px 17px; background-color: #000; -webkit-mask-image: url(/Content/StyleOverrides/search.svg); -webkit-mask-size: 17px 17px; mask-image: url(/Content/StyleOverrides/search.svg); } /* Dashboard widget sizing */ .widget-content.fd_widget_content { height: calc(100% -37px) !important; } .highcharts-container > svg { margin-top: 10px; } .fd_col { display: inline-block; width: 33%; height: 38vh; min-width: 500px; min-height: 320px; padding: 10px; } .widget-content .counter { width: 100% !important; height: auto; padding: 0px; margin: 0px; display: flex; justify-content: center; background: none; margin: 5px 0px; } .widget-content .counter + .footer-text { background: none; font-weight: 400; font-size: 16px; line-height: 24px; } .widget-content .counter + .footer-text .ts { margin: 0px !important; background: none; font-weight: 400; font-size: 16px; line-height: 24px; } .widget-content .counter .digit { font-family: Arial, sans-serif !important; font-weight: bold !important; background: var(--color-m2-light-grey); text-indent: 0px; color: #fff; font-size: 37px; padding: 0px !important; border-radius: 4px !important; height: 57px; width: 47px; border: 1px solid #dee2e6 !important; line-height: 57px; text-align: center; } .widget-content .counter .digit.digit-dot { width: auto; margin: 0px !important; background: none; border: none !important; color: #000; line-height: 77px !important; } .widget.widget-properties { z-index: 3; } .widget.widget-properties dl { height: auto; min-height: 30px; padding: 0px; margin-bottom: 10px; color: var(--font-color-primary); border: unset !important; border-left: 2px solid rgba(0, 0, 0, 0.2) !important; display: inline-block; } .widget.widget-properties dl dt { height: 100%; background: none; width: 45% !important; min-height: 30px; border: unset !important; line-height: 30px; font-size: 14px; padding-top: 0px; padding-left: 5px; align-items: center; display: flex; } .widget.widget-properties dl dt label { font-size: 12px !important; font-weight: 700; font-family: Arial; margin-bottom: 0px; } .widget.widget-properties dl dd { width: 55% !important; font-size: 14px !important; line-height: 40px; height: 100%; position: relative; min-height: 40px; border: unset !important; background: var(--color-secondary); padding-left: 10px; padding-top: 0px; margin-bottom: 0px; } .widget.widget-properties dl dd input[type="checkbox"] { vertical-align: middle; margin-left: -37px !important; margin-bottom: 9px !important; } .widget.widget-properties.tire-information dl dt{ width: 30% !important; } .widget.widget-properties.tire-information dl dd{ width: 70% !important; } .widget.widget-properties dl dd input[type="checkbox"] { margin-left: -9px !important; } form#addUserForm .widget.widget-properties dd > div#DistrictsTree { padding-right: 7px !important; } form .widget.widget-properties dl dt label { line-height: 40px; } form .widget.widget-properties dl dd { /*background: none;*/ } form .widget.widget-properties .NotificationProperties dl dd input#Name, form .widget.widget-properties dl dd input[type="text"] { width: 264px !important; } form .widget.widget-properties dl dd input[type="text"]#SerialNumber, form .widget.widget-properties dl dd input[type="text"]#SecondaryVIN{ text-transform: uppercase; } form .widget.widget-properties dd > input[type="text"], form .widget.widget-properties dd > select, form .widget.widget-properties dd > div#DistrictsTree { margin-left: -10px !important; padding-right: 20px !important; } form .widget.widget-properties dl dd textarea { max-width: 94% !important; min-width: calc(100% - 20px - 15px - 21px) !important; min-height: 40px; max-height: 400px; margin-left: -10px !important; margin: 0px; width: 265px; } form .widget.widget-properties dl dd select { width: 295px !important; max-width: 110% !important; } form .widget.widget-properties dl.item-header, form .widget.widget-properties dl.item-footer { width: 100%; border: none !important; margin: 10px 0px; } form .widget.widget-properties dl.item-header { margin-bottom: 20px; } form .widget.widget-properties dl.item-header dd, form .widget.widget-properties dl.item-footer dd { width: 100% !important; padding: 0px !important; } form .widget.widget-properties dl.item-footer dd { background: none !important; } /*Hollow Button Zero Margin*/ .ms2-body .hollow-button, form .widget.widget-properties dl.item-header dd input.button, form .widget.widget-properties dl.item-header dd input.button:hover, form .widget.widget-properties dl.item-header dd input.button:focus, form .widget.widget-properties dl.item-footer dd input.button, form .widget.widget-properties dl.item-footer dd input.button:hover, form .widget.widget-properties dl.item-footer dd input.button:focus, th button.button, th button.button:hover, th button.button:focus, td button.button, td button.button:hover, td button.button:focus, input.btn-main-2, input.btn-main-2:hover, input.btn-main-2:focus, .filter-buttons button.button, #btnAttach, #removeAllAssets, .dm_form_col.inline-column.col-600 .form-button, div#button-container .button, #device-accessory-partial .cancel-attachment, .ui-dialog[role="dialog"] .ui-dialog-buttonset button.cancelDelete { border: none; outline: none; margin: 0 !important; cursor: pointer; display: inline-block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: auto; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); color: var(--color-action); font-weight: 400; } /*Hollow Button Hover*/ form .widget.widget-properties dl.item-header dd input.button:hover, form .widget.widget-properties dl.item-footer dd input.button:hover, .ms2-body button.hollow-button:hover, .ms2-body button.hollow-button:focus, th button.button:hover, td button.button:hover, input.btn-main-2:hover, .filter-buttons button.button:is(:hover), button.button.woSavePrint:hover, button.button.woDelete:hover, #btnAttach:hover, #removeAllAssets:hover, .dm_form_col.inline-column.col-600 .form-button:hover, #device-accessory-partial .cancel-attachment:hover, .file-upload .files-button:hover, .ui-dialog[role="dialog"] .ui-dialog-buttonset button.cancelDelete:hover { background: var(--color-action); color: #fff; } /*Hollow Button Hover w/ Important Styles*/ #pairing-record-list .widget-table .table-filter .search-cont .filter-buttons .button:hover, .ui-dialog[role="dialog"] .ui-dialog-buttonset button.cancelButtonClass:hover { background: var(--color-action) !important; color: #fff !important; } /*Hollow Button unset Margin*/ button.button.woSavePrint, button.button.woDelete { border: none; outline: none; cursor: pointer; display: inline-block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; padding: 10px 17px; min-height: 36px; width: auto; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); color: var(--color-action); font-weight: 400; } /*Hollow Button Unset margin, height, width, padding*/ .FileUploadBtn, .file-upload .files-button, #pairing-record-list .widget-table .table-filter .search-cont .filter-buttons .button, .ui-dialog[role="dialog"] .ui-dialog-buttonset button.cancelButtonClass { border: none; outline: none; cursor: pointer; display: inline-block; font-family: unset !important; -moz-text-shadow: unset !important; -webkit-text-shadow: unset !important; text-shadow: unset !important; -moz-box-shadow: unset !important; box-shadow: unset !important; float: unset !important; line-height: 16px !important; border-radius: 4px !important; font-size: 14px !important; background: none; border: 1px solid var(--color-action); color: var(--color-action); font-weight: 400; } .widget-footer { background: unset !important; border: unset !important; font-size: 18px !important; font-weight: normal !important; line-height: 22px !important; font-family: Arial !important; height: unset !important; color: var(--font-color-primary); padding: 5px 0px; } .widget-footer .widget-footer-link { padding: 0px !important; height: 22px !important; } .widget-footer .widget-footer-link a { font-size: 14px !important; font-weight: normal !important; line-height: 22px !important; font-family: Arial !important; height: 100% !important; color: var(--font-color-primary) !important; padding: 0px !important; display: inline-block; } .widget-bottom { height: 22px !important; border: unset !important; background: unset !important; } .widget.widget-summary .widget-header .widget-options div { margin: 0px !important; padding: 0px !important; width: auto !important; height: 100% !important; } .widget.widget-summary .widget-header .widget-options div i { width: auto !important; height: 100% !important; line-height: 40px; } .col-620.col-540 { width: 540px; } /* Asset General Widgets */ .widget.widget-battery .widget-header .widget-options div { margin: 0px !important; height: 26px !important; width: 55px; margin-top: 7px !important; } .widget.drivingSummaryWidget table tr td { padding-bottom: 5px; } #HourMeterWidget.widget .widget-options[data-caution='true']::before, #OdometerWidget.widget .widget-options[data-caution='true']::before { content: "\f071"; font-family: 'Font Awesome 5 Pro'; text-align: center; line-height: 40px; display: block; float: left; width: 40px; height: 40px; } #ServiceSchedulesWidget.widget .widget-content { height: 271px !important; overflow-y: auto !important; padding-left: 9px !important; } #ServiceSchedulesWidget.widget .widget-content div { font-size: 14px !important; } #ServiceSchedulesWidget.widget .widget-content ol { padding: 0px 10px; margin-bottom: 20px !important; margin-top: 5px !important; } #PartsListWidget.widget .widget-content ul { padding: 0px 10px; } .widget-properties .widget-content.asset-prop { background: var(--color-m2-light-grey) !important; background-clip: content-box !important; } .asset-prop-widget { overflow-y: scroll; max-height: 240px; margin-right: 3px; margin-bottom: 3px; margin-top: 20px; } .asset-prop-widget::-webkit-scrollbar { width: 7px; } .asset-prop-widget::-webkit-scrollbar-thumb { background: var(--color-accent); border-radius: 4px; } /* Dashboard */ .fd_container { background: var(--color-secondary) !important; margin-top: 0px; background: white !important; max-height: 78vh; } .fd_widget_content { padding: unset !important; } .fd_container.RFID-dashboard .fd_full .widget.fd_widget.fd_widget_RFIDInventory .col-dynamic { height: calc(100vh - 280px); } /* Label Adjustments */ .filter-dd label { line-height: 40px; font-size: 12px; font-weight: unset; } /* Date Filter Adjustments */ .date-filter { height: unset; margin-bottom: 10px; } /* Pop-Up Widget Adjustments*/ .widget-properties dl dd input[type=text], .widget-properties dl dd select, .widget-properties dl dd input[type=number], .widget-properties dl dd input[type=datetime-local], .widget-properties dl dd textarea { width: 100%; margin-left: -10px; padding-right: 20px !important; } .widget-properties dl dd select { max-width: unset !important; width: calc(100% + 10px); } .widget-properties dl.item-skinny-ish > dt { line-height: 40px; margin-right: 19px; } .item-skinny-ish input[type="checkbox"] { margin-top: 11px !important; } .input-group.mb-1 { width: 285px; } .widget.widget-properties dl dd input[type="text"].number, .widget.widget-properties dl dd input[type="text"]#GVW, .widget.widget-properties dl dd input[type="text"]#PayloadCapacity, .widget.widget-properties dl dd input[type="text"]#GCWR, .widget.widget-properties dl dd input[type="text"]#CurbWeight, .widget.widget-properties dl dd select#PayloadCapacityUnit { width: 28% !important; } .widget.widget-properties dl dd select#PayloadCapacityUnit { margin-left: 10px !important; } .widget.widget-properties dl dd input[type="text"]#ReplacementThreshold { width: 265px !important; } .measurement { margin-right: 28px; } .widget.widget-properties dl dd.classDescription, .widget.widget-properties dl dd.AEMPBox { margin-left: -23px; width: 50.5% !important; } .widget.widget-properties dl dd input[type="text"].assetTagSearch_Input { width: 232px !important; } #ServiceSchedulesWidget { height: 333px; } body > div.shell > div.content-shell > div.float-left.col-300 > div.widget.widget-default.condition { height: 333px; } .tm-header { padding-top: 12px; } dd label { margin-right: 26px; } #serviceHistory > div > table > tfoot > tr > td { padding: 0 10px !important; } /*JQX Grid*/ .jqx-widget .jqx-widget-header { font-weight: 700 !important; font-family: Arial !important; font-size: 13px; border: none; background-color: #f1f3f4; border-right: 2px solid #fff; } .jqx-widget .jqx-widget-header:hover { background-color: rgb(232 232 232) !important; cursor: n-resize; } .jqx-widget .jqx-widget-header span { cursor: n-resize !important; } .jqx-disableselect { border: none; } .jqx-widget .jqx-grid-cell { font-size: 1rem; border: none; } .jqx-widget-content [role="row"]:hover .jqx-grid-cell, .jqx-widget-content [role="row"]:hover .jqx-grid-cell-alt { cursor: pointer; background-color: rgb(232 232 232) !important; } .jqx-widget-content [role="row"] > .jqx-grid-cell:focus, .jqx-widget-content [role="row"] > .jqx-grid-cell-alt:focus { background-color: rgb(210 210 210) !important; } div#jqxScrollThumbverticalScrollBarresults { background-color: #c1c1c1; border-radius: unset; } .jqx-grid-cell-alt, .jqx-widget .jqx-grid-cell { background-color: rgb(255,255,255); border-bottom: 1px solid #e3e7e8; } .jqx-grid-cell.jqx-grid-cell-office.jqx-item.jqx-item-office.jqx-grid-cell-sort.jqx-grid-cell-sort-office { background-color: #fff; } .jqx-grid-cell.jqx-grid-cell-office.jqx-item.jqx-item-office.jqx-grid-cell-selected.jqx-grid-cell-selected-office.jqx-fill-state-pressed.jqx-fill-state-pressed-office { background-color: rgb(210 210 210) !important; } .jqx-grid-cell-left-align { margin-left: 4px; } .jqx-grid-column-menubutton.jqx-grid-column-menubutton-office.jqx-icon-arrow-down.jqx-icon-arrow-down-office { display: none !important; } .jqx-grid-column-header.jqx-grid-column-header-office.jqx-widget-header.jqx-widget-header-office:hover div { background-color: rgb(232 232 232) !important; } form .widget.widget-properties dl dd input#Name, form .widget.widget-properties dl dd input#Code, form .widget.widget-properties dl.NotesInput dd input[type="text"], .widget.widget-properties dl dd#dateDD input[type="text"].number, form .widget.widget-properties dl dd input#Hours, form .widget.widget-properties dl dd input#Odometer, form .widget.widget-properties dl dd input#TargetDate{ width: 292px !important; } form .widget.widget-properties dl dd select#WorkOrderNotificationTargetType_ID, form .widget.widget-properties dl dd select#TargetCompany_ID, form .widget.widget-properties dl dd select#TargetServiceSchedule_ID, form .widget.widget-properties .notificationProperties-container dl dd select { width: 271px !important; } form .widget.widget-properties dl dd select#AssignContact { width: 292px !important; } form .widget.widget-properties dl dd { background: none !important; } #RecipientsWidget > div.widget-content > dl.item-skinny-ish.fixed.contactList > dt { margin-right: 0px; } .widget .widget-content table#ulAssignedContact { width: 90% !important; } #ServiceNotificationForm #RecipientsWidget { position: unset; left: unset; top: unset; } .contactList td { padding-left: 10px; } #dateDD { background: none !important; } #removeAllAssets, #ActiveInactive { background: none; } input[type="radio"]#rbtnDueDateDayInterval, input[type="radio"]#rbtnDueDateTargetDate { margin-left: -10px; } dd label { margin-right: 0px !important; } #ServeSchedules > dl.item-tall > dt { margin-right: 16px; } .ScheduleSteps { padding: 10px 0px 10px 7px !important; } .ScheduleSteps li, .ui-draggable-dragging { margin: 0 5px 5px 0; padding: 5px; font-size: 12px; width: 100%; cursor: pointer; box-sizing: border-box; max-width: 325px; min-height: 30px; color: var(--color-action); } .ScheduleSteps li.ui-state-default{ color: var(--color-action); } /*form .widget.widget-properties dl.ScheduleSteps dd { background: var(--color-secondary) !important }*/ form .widget.widget-properties .widget-content dl dd select#FK_ServiceScheduleTypeID { width: 323px !important; } form .widget.widget-properties dl dd textarea#Description { margin-left: 0px !important; } #ServiceTaskForm .widget.widget-properties dl dd { width: 335px; margin-left: 15px; } form .widget.widget-properties dl dd textarea#Description { height: 100px !important; width: 292px; margin-left: 16px !important; resize: none; } .widget-properties .widget-content.availableTasks { overflow-y: scroll; max-height: 455px; } #typepartial .widget.widget-properties#AvailableTasks { margin-top: 18px !important; margin-left: 826px !important; position: absolute; width: 560px; } #typepartial .widget.widget-properties { margin-top: 24px !important; } .widget-content.upcomingService { max-height: 400px; overflow-y: scroll; } .widget-content.upcomingService .grid-toolbar{ display:none; } .widget-options .grid-search-box.type-search::after { content: ""; position: absolute; display: inline-flex; right: 33px; top: 8px; transform: translateY(-50%); width: 17px; height: 17px; background-repeat: no-repeat; background-size: 17px 17px; background-color: #000; -webkit-mask-image: url(/content/styleoverrides/search.svg); -webkit-mask-size: 17px 17px; mask-image: url(/content/styleoverrides/search.svg); margin-right: -28px } .grid-search-box.type-search { position:relative; } .content-shell:has(> .schedule-view), .content-shell:has(> #meterSyncDialog) { margin-top: 10px; } .schedule-view .widget-header{ margin-bottom: 10px; } .ui-menu-item-wrapper{ font-size:12px; } .ui-state-active a:hover, .ui-menu-item:hover, .ui-menu-item-wrapper:hover { background-color: #d0d0d0; } .widget-properties dl.item-tall dd{ background-color: white; } .header-label{ text-align: left; } .dueMetersPartial tr > td > dl.item-skinny-ish > dd { width: 120px !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none; background: none; font-weight: 100; color: black; } .ui-autocomplete-loading { background: url(/Content/images/wait.gif) no-repeat right center; } /* Company Work Schedule */ select#WorkSeasonStartDay, select#WorkSeasonEndDay { width: 45px !important; min-width: 45px !important; margin-left: 0px; } select#WorkSeasonStartMonth, select#WorkSeasonEndMonth { margin-left: 0px !important; } select { background-position: right 7px center !important; } .widget.widget-properties dl dd.work-schedule { background-color: white; width: 60% !important; } .widget.widget-properties dl dd.work-schedule input[type="checkbox"] { margin-left: 0px !important; margin-bottom: 13px !important; } .widget-properties dl.item-skinny-ish > dt.work-schedule { width: 40% !important; margin-right: 0px !important; } .widget.widget-properties dl.save-footer { border-left: none !important; width: 610px; margin-top: 20px; } input.button.btn-solid.work-schedule { width: 15%; margin-left: auto !important; margin-right: auto !important; } .woDetailTitle{ font-size: 18px !important; } .woDetailHeader{ margin-bottom: 10px; } .woDetailHeader .caution{ margin-top: 12px; } #Person_ID, #Status_ID, .woSave, .woSavePrint { margin-right: 10px; } .woDetailContent td{ padding-bottom: 20px; } .woDetailHeader div.widget-options{ margin-top: 10px !important; } .woDetailSave{ margin-right: 5px; } .servicerecord td{ padding-bottom: 10px; } .servicerecord contact-search > input[type='text']{ width: 170px; } .servicerecord contact-search > div > div { border: 1px solid lightgray; height: 40px; padding: 8px; width: 100%; margin-top: 8px; margin-right: 8px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .servicerecord contact-search > div > div button.button { float: right !important; height: 18px; width: 18px; font-size: 9px !important; text-transform: uppercase; font-weight: bold; padding: 0px 3px 0px 3px; min-height: 18px; } .mechanicLabel{ display: block; } .mechanicLabel label{ top: 31px; position: relative; } .servicerecord #ServiceRecord_ServiceCode_ID{ width: 192px; } .servicerecord tr td:nth-child(3) label { margin-left: 10px; } #ServiceRecord_Note, .specialInstructions textarea{ resize:none; height: 87px !important; } .tasksPerformedList div, .toBePerformed li{ margin-bottom: 5px; } #addAssetScheduleForm .widget-properties dl.item-skinny-ish dd{ border: none; } #addAssetScheduleForm .widget-properties dl.item-tall dd { border: none; } .mechanicName { padding: 0px 10px 30px 10px; } .mechanicName .button{ margin-top: 5px; } #addAssetScheduleForm div.wait { border: none; margin-bottom: 10px !important; } .widget.widget-properties.ViewEditSite dl dd input#Name { width: 264px !important; } .ViewEditSite select{ background-position: right 19px center !important; } .widget.widget-properties dl dd.SiteDescriptionEdit { width: 285px !important; margin-left: -10px; margin-top: -6px; } .SiteDescription { margin-left: 20px; } .widget.widget-properties.ViewEditSite .item-footer { margin-top: 15px; } .FileUploadBtn input[type="file"] { opacity:0; position:absolute; top:0; left:0; } .FileUploadBtn { padding: 10px 5px; margin-left: 5px; } /*Footer Page Selection Input*/ .jqx-input.jqx-input-office.jqx-widget-content.jqx-widget-content-office.jqx-grid-pager-input.jqx-grid-pager-input-office.jqx-rc-all.jqx-rc-all-office { margin-top: -5px; background-color: #efefef !important; height: 6px !important; } /*OEM Connection properties*/ form .widget.widget-properties .OEMProperties dl dd input[type="text"] { margin-left: -1px; } .widget-properties .OEMProperties dl dd input[type=text]#Url, .widget-properties .OEMProperties dl dd input[type=text]#AuthUrl, .widget-properties .OEMProperties dl dd input[type=text]#TokenKey, .widget-properties .OEMProperties dl dd input[type=text]#TokenSecret, .widget-properties .OEMProperties dl dd select#FK_OEMAssetMatchingMethodID, .item-skinny-ish input[type="checkbox"]#AuthHeadersOnFirstRequest, .item-skinny-ish input[type="checkbox"]#CreateMissingAssets { margin-left: -25px !important; } .widget-properties .OEMProperties dl dd input[type=text]#Url, .widget-properties .OEMProperties dl dd input[type=text]#AuthUrl, .widget-properties .OEMProperties dl dd input[type=text]#TokenKey, .widget-properties .OEMProperties dl dd input[type=text]#TokenSecret, form .widget.widget-properties .OEMProperties dl dd input[type="text"]#Username, form .widget.widget-properties .OEMProperties dl dd input[type="text"]#Password, .widget.widget-properties .OEMProperties dl dd input[type="text"]#ExternalAPIKey { width: 292px !important; } .widget-properties .OEMProperties dl dd select#FK_OEMAssetMatchingMethodID { width: 323px !important; } .OEMProperties #FK_OEMDataProviderID { width: 323px !important; } dl.item-header p { line-height: 22px; } .DeviceCreatedProperties #AssetCategory_ID { margin-right: 2px; } .col-620:has(#ServeSchedules){ width: 680px; } .col-620:has(#ServeSchedules) dd{ margin-left: 25px; padding-left: 0px; } .widget.widget-properties dl dd:has(#TaskSchedule) { width: 72% !important; } form .widget.widget-properties #ServeSchedules dl dd input[type="text"], .widget.widget-properties #ServeSchedules dl dd#dateDD input[type="text"].number { width: 324px !important; } form .widget.widget-properties #ServeSchedules dl dd select#FK_ServiceScheduleTypeID { width: 355px !important; } form .widget.widget-properties dl dt label#Device_DeviceModel, form .widget.widget-properties dl dt label#Device_ScriptFile, form .widget.widget-properties dl dt label#Device_FirmwareFile { background: var(--color-secondary) !important; width: 50% !important; } .dm_form_col inline-column.col-600{ margin-right: 25px; } form .widget.widget-properties .service-info dl dd textarea { height: 100%; width: 190px !important; padding-top: 1em; min-width: unset !important; } form .widget.widget-properties .service-info dl dd input[type="text"] { width: 300px !important; } form .widget.widget-properties .service-info dl dd textarea#ServiceNote { height: 100%; width: 244px !important; padding-top: 1em; margin-left: 5px !important; min-width: unset !important; } form .widget.widget-properties .service-info dl dd textarea#InstallNote { height: 100%; width: 1200px !important; padding-top: 1em; margin-left: 3px !important; min-width: unset !important; } form .widget.widget-properties .service-info dl dd select { width: 25px !important; top: -19px; position: relative; margin-right: 18px; } .dm_form_col.inline-column.col-600 { margin-right: 25px; } .device-service-details .grid-toolbar { padding: 0px; height: unset } .widget.widget-properties dl dd input[type="checkbox"]#AdditionalAttention{ margin-left: 0px !important; } #unpair-device-usage-table .table-filter-container { display: flex; width: 100%; position: unset; height: fit-content; } #unpair-device-usage-table .table-filter { border: 1px solid transparent; background: var(--color-page-background); width: 100% !important; overflow: hidden; display: flex; } form .widget.widget-properties.device-service-details dl dd { background: var(--color-secondary) !important; } #pairing-record-list .date-field.hasDatepicker { width: 160px !important; margin-right: 15px; } #pairing-record-list .filter-buttons div { display: flex; } #pairing-record-list .filter-buttons div .button{ margin-right:10px !important; } #pairing-record-list .widget-table .table-filter .search-cont .filter-buttons .button#QuickFilterButton { display: none; } form .widget.widget-properties.device-service-details dl dd select { width: 300px !important; } #device-service-submit-button { margin: 0px 5px !important; } button.form-button.cancel-attachment{ margin-right:5px !important; } .file-upload .files-button { height: 45px; width: 126px; } .file-upload { width: 45px; margin-left: 100px; } form .widget.widget-properties.device-service-details dl dd input[type="text"]#asset-search-box{ width: 268px !important; } #pairing-record-list .widget-table .table-filter .search-cont .filter-buttons .button { background: none !important; padding-top: 7px; padding-bottom: 0px; } #files-partial .widget.widget-properties dl{ border-radius: 0px; } input.button[disabled], button.button[disabled] { color: lightgray !important; border-color: lightgray !important; } input.button[disabled]:hover, button.button[disabled]:hover { color: lightgray !important; border-color: lightgray !important; background: none !important; } .upcomingService .widget-table tr { line-height: 1.4; } .upcomingService .widget-table tr td[title="Work To Be Performed"] { color: var(--color-action) !important; } form .widget.widget-properties dl dd:has(#AdditionalAttention) { width: 95% !important; } .align-right-short-question { left: 12.5em !important; margin-top: 17px; } form .widget.widget-properties dl dd input[type="text"]#device-search-box { width: 277px !important; } .DeviceService .table-filter-container { display: flex; width: 100%; position: unset; height: fit-content; } .DeviceService .table-filter { border: 1px solid transparent; background: var(--color-page-background); width: 100% !important; overflow: hidden; display: flex; } .DeviceService .date-field.hasDatepicker { width: 160px !important; margin-right: 15px; } .DeviceService .filter-buttons div { display: flex; padding-left: 24px; } .DeviceService .filter-buttons div .button { margin-right: 10px !important; } .DeviceService .widget-table .table-filter .search-cont .filter-buttons .button#QuickFilterButton { background: none !important; border: none !important; } .DeviceService .filter-buttons div a { width: 55px !important; } form .widget.widget-properties .service-info dl dd input[type="text"]#Odometer, form .widget.widget-properties .service-info dl dd input[type="text"]#HourMeter, form .widget.widget-properties .service-info dl dd input[type="text"]#InstallDeviceLocation { width: 245px !important; } form .widget.widget-properties .service-info dl dd input[type="text"].hasTechnicians { width: 246px !important; } .dm_form_col.inline-column.col-600 .form-button#uploadBtnCSV { opacity: unset; margin-bottom: 5px !important; } .widget-table tr.SelectedDeviceRow td { background-color: #247cf4cc !important; color: #FFFFFF !important; } form .widget.widget-properties dl dd input[type="text"].tire-information-textbox { width: 7% !important; margin-left: unset; } form .widget.widget-properties dl dd input[type="text"].tire-information-textbox.tire-size { width: 30% !important; margin-left: unset; } form#groupForm .widget.widget-properties dl dd input[type="text"] { width: 100% !important; } form#groupForm .widget.widget-properties dl dd select { width: calc(100% + 10px) !important; } form.asset-schedule-move-form .widget.widget-properties .widget-content .asset-schedule-due-meter-container dl dd .due-meter-input { width: 80px !important; } form.asset-schedule-move-form .widget.widget-properties .widget-content .asset-schedule-due-meter-container dl dt.header-label { width: 150px !important; margin-right: 5px; } form.asset-schedule-move-form .widget.widget-properties .widget-content .asset-schedule-due-meter-container dl dd.input-texbox { width: 110px !important; } form.asset-schedule-move-form .widget.widget-properties dl dd { line-height: unset !important; padding-left: 0px !important; } form.asset-schedule-move-form .widget.widget-properties dl dd input[type="file"].FileUploaded { line-height: 40px !important; } form.asset-schedule-move-form .widget.widget-properties dl dd ul.ScheduleSteps { margin-top: 0px; padding: 0px !important; } .asset-schedule-due-meter-container .first-header { width: 300px !important; } .asset-schedule-due-meter-container .addition-symbol-header { width: 10px !important; } form.asset-schedule-move-form .widget-properties dl.item-skinny-ish { height: unset !important; } form.asset-schedule-move-form .widget-properties dl.item-skinny-ish { gap: 0px; } form.asset-schedule-move-form .widget.widget-properties dl dd select { width: calc(100% + 15px) !important; } .upcomingService table td[title='Days Until'], .upcomingService table td[title='Miles Until'], .upcomingService table td[title='Hours Until'] { text-align: center; } .assettagradio-container { display: inline-flex; } .assettagradio-inputs { float: left; display: inline-flex; margin-right: 4px; line-height: 36px; } .assettagradio-inputs .assettagradio-input { display: inline-flex; vertical-align: bottom; } .assettagradio-inputs .assettagradio-input input { display: inline-flex; margin-right: 4px; align-self: center; } .assettagradio-inputs .assettagradio-input label { color: var(--font-color-primary); margin-right: 4px; vertical-align: bottom; } .assettagradio-inputs .assettagradio-input label:before { content: none; } /*https://outsidesource.atlassian.net/browse/GPUI-12 BEGIN*/ button[type="button"].ui-multiselect { font-family: Arial !important; background-image: none !important; } button[type="button"].ui-multiselect#EventTypeIds_ms { width: 229px !important; } button[type="button"].ui-multiselect { font-size: 14px !important; } button[type="button"].ui-multiselect:after { content: ""; position: relative; right: -15px; width: 0; height: 10px; top: 5px; border-top: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; float: right; } .btn-inline { display: inline !important; color: white !important; } .ui-multiselect-menu { animation-duration: 2s; } /*https://outsidesource.atlassian.net/browse/GPUI-12 END*/ /*https://outsidesource.atlassian.net/browse/GPUI-15 BEGIN*/ .widget-table tr td { font-size: 13px !important; } .ui-multiselect-header ul { font-size: 13px !important; } .ui-multiselect-checkboxes li label span { font-size: 13px !important; } .ui-multiselect-header .ui-multiselect-filter input { font-size: 13px !important; } .ui-multiselect-none span, .ui-multiselect-all span { font-size: 13px !important; } /*https://outsidesource.atlassian.net/browse/GPUI-15 END*/ /* GPUI-11 Begin*/ .widget-properties dl.item-skinny-ish { height: auto; display: flex; gap: 0.5rem; } .widget-properties dl.item-skinny-ish > dt { height: max-content; font-size: 12px; } .widget-properties dl.item-skinny-ish > dd > textarea { margin-top: 0px !important; height: 72% !important; } .widget-properties dl.item-skinny-ish > .clsThreshold > input[type=text] { margin: 0px !important; } .widget-properties dl.item-tall { height: auto; display: flex; gap: 0.5rem; } .widget-properties dl.item-tall > dd { padding: 0px !important; } .widget-properties dl.item-tall > dt { padding-right: 5px; } .widget-properties dl.item-tall table.targets { width: auto !important; margin: 0px !important; } .widget-properties dl.item-tall > dd > table > tbody > tr > td > input[type=text] { width: 15px !important; } .widget-properties dl.item-tall > dd > table > tbody > tr > td > select { width: auto; } .AssetClass > .Asset { padding-left: 25px !important; } .AssetClass > input[type=checkbox] { margin-right: 5px !important; } .widget-table .table-filter { margin-top: 0px !important; } .subnav-head { margin-bottom: 0px !important; } .ui-accordion .ui-accordion-content { padding: 0px !important; height: auto !important; } .ui-state-active a, .ui-state-active a:link { color: #247cf4cc !important; } .widget.widget-properties dd > select { padding: 0px 3px !important; } /* GPUI-11 End*/ /* GPUI-18 Begin*/ .widget.widget-properties dl.item-footer dd { width: 100% !important; background-color: #fff !important; } #WorkSeasonEndMonth { margin-left: 0px !important; } /* GPUI-18 End*/ /* GPUI-17 Begin*/ .widget-properties dl.item-tall > dd > #Notes { margin: 0 !important; width: calc(100% - 30px) !important; } /* GPUI-17 End*/ .m2s-form #AssetsTree, .m2s-form #assetsSelectedWidget { width: 49%; display: inline-block; float: left; } .m2s-form #assetsSelectedWidget { margin-left: 12px; } .m2s-form #AssetsTree .widget-content, .m2s-form #assetsSelectedWidget .widget-content { height: calc(100% - 47px); max-height: 500px; } .m2s-form .FormColumn_Confirm_Assets #confirm_Assets .widget-properties, .m2s-form #assetsSelectedWidget .widget-properties { height: calc(100% - 15px); } .m2s-form .FormColumn_Confirm_Assets #confirm_Assets .widget-content, .m2s-form #assetsSelectedWidget .widget-content { height: calc(100% - 47px); overflow-y: auto; overflow-x: hidden; } .m2s-form #assetsSelectedWidget_container .assetLabel, .m2s-form #AssetsTree #tree_container .assetLabel { font-size: 15px; } .m2s-form #assetsSelectedWidget_container div, .m2s-form #assetsSelectedWidget_container label, .m2s-form #assetsSelectedWidget_container a { cursor: pointer; } .m2s-form .assetMakeSearch_container { width: 100%; } .m2s-form .input-group.mb-1 { width: 100%; } .m2s-form .bootstrapiso .mb-1, .bootstrapiso .my-1 { margin-bottom: 0; } .m2s-form #assetMakeModels { padding-left: 9px; } .m2s-form #assetMakeModels .add-input { margin-left: 0px !important; padding: 10px !important; width: 100% !important; } .m2s-form #assetMakeModels tbody { width: 100%; } .m2s-form #assetMakeModels .add-button, .m2s-form #assetMakeModels .clear-button, .m2s-form #assetMakeModels .edit-models-button { width: auto !important; float: right !important; margin-top: 5px !important; margin-left: 5px !important; } .m2s-form .assetMakeModels_body .input-container { width: 100%; min-width: unset !important; } .m2s-form .assetMakeModels_body .asset-count-container { width: 35px; min-width: unset !important; } .m2s-form .assetMakeModels_body .action-container { width: auto !important; min-width: unset !important; } .m2s-form .model-items-container { margin: 0 0 5px 0 !important; } .m2s-form .widget-properties dl.item-tall table { border-spacing: 0px; } .m2s-form .widget.widget-properties dl dd textarea { width: 80% !important; min-width: unset !important; margin-left: 0 !important; } .m2s-form .widget.widget-properties dl dd textarea.m2s-textarea { resize: none; width: 100% !important; max-width: unset !important; } .m2s-form .widget.widget-properties dl dd.clsThreshold { font-size: 12px !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { color: var(--color-action); } .ms2-body .bootstrapiso .py-2#rptTitle { padding-top: 18px !important; } .ms2-body .bootstrapiso .mt-4.my-4.run-report-btn-container, .ms2-body .bootstrapiso .my-4.run-report-btn-container { margin-top: 15px !important; } .ms2-body #Reports_ReportSearch { margin-top: 7px; } .ms2-body .bootstrapiso .list-group-item-light.list-group-item-action { display: inline !important; } .ms2-body .bootstrapiso .list-group-item-light.list-group-item-action.active { background-color: transparent; color: #007bff !important; font-weight: bold !important; padding-left: 30px !important; border: 0; } .ms2-body .bootstrapiso .list-group-item-light.list-group-item-action.active .ms2-btn-report-item-desc { vertical-align: middle; } .ms2-body .bootstrapiso .list-group-item-light.list-group-item-action .badge { opacity: 0; display: none; } .ms2-body .bootstrapiso .list-group-item-light.list-group-item-action.active .badge { float: right !important; color: white !important; background-color: #007bff !important; line-height: 19px; opacity: 1; display: block; } .ms2-body .list-group-item-action.active .ms2-caret { width: 0; height: 0; display: inline-block; border: 7px solid transparent; vertical-align: middle; } .ms2-body .ms2-caret-down { border-top-color: #007bff !important; } .ms2-body .ms2-caret-right { border-left-color: #007bff !important; } .ms2-body .ms2-caret-up { border-bottom-color: #007bff !important; } .ms2-body .ms2-caret-left { border-right-color: #007bff !important; } .ms2-body .report-filters-container #rptParameters { overflow-y: auto; display: inline-block !important; width: 100%; } .ms2-body .loading.py-3 { padding-top: 250px !important; } .ms2-body .report-filters-container .filter-overlay-group-label { color: #f4b824; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .ms2-body .report-filters-container .report-filter-label { font-weight: bold; } .ms2-body .report-filters-container .custom-checkbox .custom-control-label, .ms2-body .report-filters-container .custom-radio .custom-control-label { padding-top: 3px; } .ms2-body .report-filters-container .timePeriodLabel { font-size: 13px; font-style: italic; } .ms2-body #monthlyOptions .of-the-month-label { padding-top: 11px; } .ms2-body #formCol { overflow-y: auto !important; } .hoursColumn_Hour.selected { background: var(--color-action) !important; } .wizardNextButton { max-width: 70px !important; margin-left: 30vw !important; } .ms2-body .logoJMC { padding-left: 0px; padding-top: 0px; } .ms2-body .logoJMC a, .logoJMC a:link, .logoJMC a:visited, .logoJMC a:hover, .logoJMC a:active { background-size: auto 100%; width: 195px; height: 27px; } #btnOpenApolloEld { width: 200px; vertical-align: middle; text-align: center; float: left !important; margin-left: 45% !important; } .ms2-body .dynamic-ajax-body-waiting img { margin-left: 46%; }