/* Minification failed. Returning unminified contents. (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,20): run-time error CSS1030: Expected identifier, found '>' (85,22): run-time error CSS1031: Expected selector, found ')' (85,22): run-time error CSS1025: Expected comma or open brace, found ')' (136,19): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (150,21): run-time error CSS1039: Token not allowed after unary operator: '-size-100vw' (344,20): run-time error CSS1030: Expected identifier, found '.' (344,32): run-time error CSS1031: Expected selector, found ')' (344,32): run-time error CSS1025: Expected comma or open brace, found ')' (455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (459,20): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (461,35): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (461,56): run-time error CSS1039: Token not allowed after unary operator: '-footer-size' (468,35): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (468,56): run-time error CSS1039: Token not allowed after unary operator: '-footer-size' (468,90): run-time error CSS1039: Token not allowed after unary operator: '-modal-header-height' (468,119): run-time error CSS1039: Token not allowed after unary operator: '-modal-footer-height' (472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (476,35): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (476,56): run-time error CSS1039: Token not allowed after unary operator: '-footer-size' (476,90): run-time error CSS1039: Token not allowed after unary operator: '-modal-header-height' (476,119): run-time error CSS1039: Token not allowed after unary operator: '-modal-footer-height' (476,148): run-time error CSS1039: Token not allowed after unary operator: '-form-content-other-elements-height' (519,52): run-time error CSS1039: Token not allowed after unary operator: '-modal-header-height' (519,81): run-time error CSS1039: Token not allowed after unary operator: '-modal-footer-height' (522,52): run-time error CSS1039: Token not allowed after unary operator: '-modal-header-height' (522,81): run-time error CSS1039: Token not allowed after unary operator: '-modal-footer-height' (522,110): run-time error CSS1039: Token not allowed after unary operator: '-form-content-other-elements-height' (691,23): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (710,22): run-time error CSS1039: Token not allowed after unary operator: '-site-logo-transparancy-padding' (719,26): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (722,19): run-time error CSS1030: Expected identifier, found '#logo' (722,24): run-time error CSS1031: Expected selector, found ')' (722,24): run-time error CSS1025: Expected comma or open brace, found ')' (741,30): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (778,29): run-time error CSS1039: Token not allowed after unary operator: '-size-100vh' (778,49): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (794,31): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (809,22): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (1009,24): run-time error CSS1030: Expected identifier, found '>' (1009,26): run-time error CSS1031: Expected selector, found ')' (1009,26): run-time error CSS1025: Expected comma or open brace, found ')' (1243,30): run-time error CSS1030: Expected identifier, found '[' (1243,48): run-time error CSS1031: Expected selector, found '=' (1243,48): run-time error CSS1025: Expected comma or open brace, found '=' (1281,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (1282,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (1302,28): run-time error CSS1039: Token not allowed after unary operator: '-readability-background-color' (1303,17): run-time error CSS1039: Token not allowed after unary operator: '-readability-color' (1311,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (1316,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (1317,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (1320,23): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (1342,28): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-background-color' (1343,17): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-color' (1344,28): run-time error CSS1039: Token not allowed after unary operator: '-component-short-animation-speed' (1344,85): run-time error CSS1039: Token not allowed after unary operator: '-component-short-animation-speed' (1355,28): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-background-color' (1356,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (1361,28): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-background-color' (1362,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (1396,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (1400,17): run-time error CSS1039: Token not allowed after unary operator: '-component-grid-resize-handle-width' (1422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1429,17): run-time error CSS1039: Token not allowed after unary operator: '-component-grid-resize-handle-width' (1528,36): run-time error CSS1030: Expected identifier, found '>' (1528,59): run-time error CSS1031: Expected selector, found ')' (1528,59): run-time error CSS1025: Expected comma or open brace, found ')' (1604,41): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (1607,41): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (1625,35): run-time error CSS1030: Expected identifier, found '.' (1625,57): run-time error CSS1031: Expected selector, found ')' (1625,57): run-time error CSS1025: Expected comma or open brace, found ')' (1631,28): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-background-color' (1632,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (1661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1663,28): run-time error CSS1039: Token not allowed after unary operator: '-hatch-foreground-color' (1669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1819,17): run-time error CSS1039: Token not allowed after unary operator: '-dialog-width' (1820,18): run-time error CSS1039: Token not allowed after unary operator: '-dialog-height' (1831,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (1832,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (1850,30): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (1853,30): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (1856,30): run-time error CSS1039: Token not allowed after unary operator: '-component-darkest-value' (1892,26): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (1893,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (1901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1904,21): run-time error CSS1039: Token not allowed after unary operator: '-batch-operation-editor-first-column-width' (1905,17): run-time error CSS1039: Token not allowed after unary operator: '-batch-operation-editor-first-column-width' (1912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1953,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1969,18): run-time error CSS1039: Token not allowed after unary operator: '-height' (1970,17): run-time error CSS1039: Token not allowed after unary operator: '-width' (1982,54): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (1982,89): run-time error CSS1039: Token not allowed after unary operator: '-drop-zone-blur' (1986,54): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (1986,91): run-time error CSS1039: Token not allowed after unary operator: '-drop-zone-blur' (1994,21): run-time error CSS1039: Token not allowed after unary operator: '-info-size' (2000,32): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-background-color' (2001,21): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (2010,34): run-time error CSS1039: Token not allowed after unary operator: '-info-size' (2010,53): run-time error CSS1039: Token not allowed after unary operator: '-icon-size' (2010,72): run-time error CSS1039: Token not allowed after unary operator: '-info-size' (2015,11): run-time error CSS1030: Expected identifier, found '.' (2015,31): run-time error CSS1031: Expected selector, found ')' (2015,31): run-time error CSS1025: Expected comma or open brace, found ')' (2023,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2024,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2039,18): run-time error CSS1039: Token not allowed after unary operator: '-height' (2040,17): run-time error CSS1039: Token not allowed after unary operator: '-width' (2049,28): run-time error CSS1039: Token not allowed after unary operator: '-component-standard-animation-speed' (2049,78): run-time error CSS1039: Token not allowed after unary operator: '-component-standard-animation-speed' (2057,28): run-time error CSS1039: Token not allowed after unary operator: '-component-standard-animation-speed' (2057,78): run-time error CSS1039: Token not allowed after unary operator: '-component-standard-animation-speed' (2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2090,22): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-background-color' (2091,17): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-color' (2092,17): run-time error CSS1039: Token not allowed after unary operator: '-width' (2094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2099,20): run-time error CSS1030: Expected identifier, found '.' (2099,36): run-time error CSS1031: Expected selector, found ')' (2099,36): run-time error CSS1025: Expected comma or open brace, found ')' (2103,20): run-time error CSS1030: Expected identifier, found '.' (2103,36): run-time error CSS1031: Expected selector, found ')' (2103,36): run-time error CSS1025: Expected comma or open brace, found ')' (2108,20): run-time error CSS1030: Expected identifier, found '.' (2108,36): run-time error CSS1031: Expected selector, found ')' (2108,36): run-time error CSS1025: Expected comma or open brace, found ')' (2114,20): run-time error CSS1030: Expected identifier, found '.' (2114,36): run-time error CSS1031: Expected selector, found ')' (2114,36): run-time error CSS1025: Expected comma or open brace, found ')' (2118,20): run-time error CSS1030: Expected identifier, found '.' (2118,36): run-time error CSS1031: Expected selector, found ')' (2118,36): run-time error CSS1025: Expected comma or open brace, found ')' (2124,20): run-time error CSS1030: Expected identifier, found '.' (2124,36): run-time error CSS1031: Expected selector, found ')' (2124,36): run-time error CSS1025: Expected comma or open brace, found ')' (2138,18): run-time error CSS1039: Token not allowed after unary operator: '-content-height' (2143,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (2147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2174,33): run-time error CSS1039: Token not allowed after unary operator: '-upload-container-padding' (2177,19): run-time error CSS1039: Token not allowed after unary operator: '-upload-container-padding' (2180,26): run-time error CSS1039: Token not allowed after unary operator: '-flex-direction' (2187,18): run-time error CSS1039: Token not allowed after unary operator: '-upload-container-inner-spacing' (2188,18): run-time error CSS1039: Token not allowed after unary operator: '-flex-box-height' (2189,17): run-time error CSS1039: Token not allowed after unary operator: '-flex-box-width' (2198,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (2199,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (2206,53): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-background-color' (2206,96): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-mix-color' (2206,131): run-time error CSS1039: Token not allowed after unary operator: '-component-darkest-value' (2223,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (2224,19): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2228,19): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (2232,24): run-time error CSS1039: Token not allowed after unary operator: '-upload-box-name-padding' (2233,25): run-time error CSS1039: Token not allowed after unary operator: '-upload-box-name-padding' (2252,47): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-background-color' (2252,92): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-mix-color' (2252,129): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2253,39): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-border-color' (2258,30): run-time error CSS1039: Token not allowed after unary operator: '-flex-box-height' (2258,55): run-time error CSS1039: Token not allowed after unary operator: '-drag-drop-icon-size' (2258,84): run-time error CSS1039: Token not allowed after unary operator: '-flex-box-height' (2268,38): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-border-color' (2277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2282,28): run-time error CSS1039: Token not allowed after unary operator: '-component-progress-bar-background-color' (2283,17): run-time error CSS1039: Token not allowed after unary operator: '-component-progress-bar-color' (2284,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (2295,41): run-time error CSS1039: Token not allowed after unary operator: '-progress' (2296,19): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-text' (2296,69): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-unit' (2302,28): run-time error CSS1039: Token not allowed after unary operator: '-component-progress-bar-slider-color' (2303,61): run-time error CSS1039: Token not allowed after unary operator: '-progress-slider-animation-speed' (2306,22): run-time error CSS1039: Token not allowed after unary operator: '-progress' (2313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2357,19): run-time error CSS1039: Token not allowed after unary operator: '-header-size' (2364,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background-color' (2368,17): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width' (2371,17): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width' (2375,17): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width' (2378,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background-color' (2404,28): run-time error CSS1039: Token not allowed after unary operator: '-intersection-cell-background-color' (2405,17): run-time error CSS1039: Token not allowed after unary operator: '-intersection-cell-color' (2412,41): run-time error CSS1039: Token not allowed after unary operator: '-appointment-total-count' (2412,85): run-time error CSS1039: Token not allowed after unary operator: '-appointment-reserv-count' (2412,130): run-time error CSS1039: Token not allowed after unary operator: '-appointment-ignore-count' (2412,173): run-time error CSS1039: Token not allowed after unary operator: '-appointment-free-count' (2421,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (2422,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (2425,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (2426,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (2429,28): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2430,17): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-color' (2434,28): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2437,28): run-time error CSS1039: Token not allowed after unary operator: '-time-cell-background-color' (2438,17): run-time error CSS1039: Token not allowed after unary operator: '-time-cell-color' (2442,28): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2443,17): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-color' (2447,28): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2451,28): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2452,31): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2456,28): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2463,17): run-time error CSS1039: Token not allowed after unary operator: '-time-indication-background-color' (2475,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-working-background-color' (2476,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-working-color' (2480,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-background-color' (2481,17): run-time error CSS1039: Token not allowed after unary operator: '-selected-color' (2482,24): run-time error CSS1039: Token not allowed after unary operator: '-selected-border-color' (2486,41): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2502,33): run-time error CSS1030: Expected identifier, found '.' (2502,34): run-time error CSS1030: Expected identifier, found 'dx-scheduler-time-panel-current-time-cell' (2502,75): run-time error CSS1031: Expected selector, found ')' (2502,75): run-time error CSS1025: Expected comma or open brace, found ')' (2508,28): run-time error CSS1030: Expected identifier, found '.' (2508,70): run-time error CSS1031: Expected selector, found ')' (2508,70): run-time error CSS1025: Expected comma or open brace, found ')' (2518,28): run-time error CSS1039: Token not allowed after unary operator: '-calendar-closing-background-color' (2519,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-closing-color' (2520,24): run-time error CSS1039: Token not allowed after unary operator: '-calendar-closing-background-color' (2521,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-pointer-events-pause' (2523,41): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2527,41): run-time error CSS1039: Token not allowed after unary operator: '-component-darkest-value' (2530,41): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (2537,48): run-time error CSS1030: Expected identifier, found '.' (2537,91): run-time error CSS1031: Expected selector, found ')' (2537,91): run-time error CSS1025: Expected comma or open brace, found ')' (2547,28): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color' (2550,47): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color' (2550,79): run-time error CSS1039: Token not allowed after unary operator: '-header-mix-color' (2550,103): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2551,24): run-time error CSS1039: Token not allowed after unary operator: '-header-border-color' (2552,17): run-time error CSS1039: Token not allowed after unary operator: '-header-color' (2555,47): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color' (2555,79): run-time error CSS1039: Token not allowed after unary operator: '-header-mix-color' (2555,103): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (2558,47): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color' (2558,79): run-time error CSS1039: Token not allowed after unary operator: '-header-mix-color' (2558,103): run-time error CSS1039: Token not allowed after unary operator: '-component-darkest-value' (2569,26): run-time error CSS1039: Token not allowed after unary operator: '-font-size-factor' (2572,26): run-time error CSS1039: Token not allowed after unary operator: '-font-size-factor' (2575,18): run-time error CSS1039: Token not allowed after unary operator: '-drmx-calendar-cell-height' (2581,41): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2586,41): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (2589,41): run-time error CSS1039: Token not allowed after unary operator: '-component-darkest-value' (2592,28): run-time error CSS1039: Token not allowed after unary operator: '-resize-handle-size' (2593,31): run-time error CSS1039: Token not allowed after unary operator: '-resize-handle-size' (2601,28): run-time error CSS1039: Token not allowed after unary operator: '-appointment-status-color' (2602,18): run-time error CSS1039: Token not allowed after unary operator: '-resize-handle-size' (2610,28): run-time error CSS1039: Token not allowed after unary operator: '-appointment-blocker-background-color' (2611,17): run-time error CSS1039: Token not allowed after unary operator: '-appointment-blocker-color' (2618,23): run-time error CSS1039: Token not allowed after unary operator: '-component-icon-font-family' (2632,19): run-time error CSS1039: Token not allowed after unary operator: '-hint-content' (2655,28): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-background-color' (2656,17): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-color' (2672,28): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-background-color' (2673,17): run-time error CSS1039: Token not allowed after unary operator: '-component-primary-color' (2741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2742,25): run-time error CSS1039: Token not allowed after unary operator: '-field-type-enum-gap' (2754,23): run-time error CSS1039: Token not allowed after unary operator: '-component-monospace-font-family' (2759,23): run-time error CSS1039: Token not allowed after unary operator: '-component-monospace-font-family' (2767,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (2768,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (2771,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (2772,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (2788,16): run-time error CSS1039: Token not allowed after unary operator: '-component-flee-variable-font' (2814,23): run-time error CSS1039: Token not allowed after unary operator: '-component-icon-font-family' (2819,23): run-time error CSS1039: Token not allowed after unary operator: '-component-icon-font-family' (2824,16): run-time error CSS1039: Token not allowed after unary operator: '-component-flee-type-font' (2825,17): run-time error CSS1039: Token not allowed after unary operator: '-component-flee-type-color' (2832,50): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2839,56): run-time error CSS1039: Token not allowed after unary operator: '-hatch-background-color' (2839,87): run-time error CSS1039: Token not allowed after unary operator: '-hatch-background-color' (2839,117): run-time error CSS1039: Token not allowed after unary operator: '-hatch-space-between' (2839,145): run-time error CSS1039: Token not allowed after unary operator: '-hatch-foreground-color' (2839,175): run-time error CSS1039: Token not allowed after unary operator: '-hatch-space-between' (2839,203): run-time error CSS1039: Token not allowed after unary operator: '-hatch-foreground-color' (2839,238): run-time error CSS1039: Token not allowed after unary operator: '-hatch-space-between' (2839,267): run-time error CSS1039: Token not allowed after unary operator: '-hatch-thickness' (2868,20): run-time error CSS1030: Expected identifier, found '.' (2868,25): run-time error CSS1031: Expected selector, found ')' (2868,25): run-time error CSS1025: Expected comma or open brace, found ')' (2876,23): run-time error CSS1039: Token not allowed after unary operator: '-component-icon-font-family' (2879,47): run-time error CSS1039: Token not allowed after unary operator: '-component-short-animation-speed' (2879,101): run-time error CSS1039: Token not allowed after unary operator: '-component-short-animation-speed' (2879,162): run-time error CSS1039: Token not allowed after unary operator: '-component-short-animation-speed' (2880,28): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-background-color' (2881,17): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-color' (2882,24): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-border-color' (2888,7): run-time error CSS1030: Expected identifier, found '>' (2888,58): run-time error CSS1031: Expected selector, found ')' (2888,58): run-time error CSS1025: Expected comma or open brace, found ')' (2892,22): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (4220,28): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-background-color' (4221,17): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-color' (4222,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (4230,58): run-time error CSS1030: Expected identifier, found ',' (4230,70): run-time error CSS1031: Expected selector, found ')' (4230,70): run-time error CSS1025: Expected comma or open brace, found ')' (4238,47): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-background-color' (4238,91): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-mix-color' (4238,127): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (4241,47): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-background-color' (4241,91): run-time error CSS1039: Token not allowed after unary operator: '-component-tertiary-mix-color' (4241,127): run-time error CSS1039: Token not allowed after unary operator: '-component-darkest-value' (4659,16): run-time error CSS1030: Expected identifier, found '[' (4659,21): run-time error CSS1031: Expected selector, found '=' (4659,21): run-time error CSS1025: Expected comma or open brace, found '=' (4842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4848,13): run-time error CSS1030: Expected identifier, found '.' (4848,37): run-time error CSS1031: Expected selector, found ')' (4848,37): run-time error CSS1025: Expected comma or open brace, found ')' (4853,23): run-time error CSS1039: Token not allowed after unary operator: '-select2-search-line-height' (4866,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (4868,24): run-time error CSS1030: Expected identifier, found '.' (4868,70): run-time error CSS1031: Expected selector, found ')' (4868,70): run-time error CSS1025: Expected comma or open brace, found ')' (4882,28): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-background-color' (4883,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (4894,24): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-border' (4899,50): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (4902,50): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (4908,23): run-time error CSS1039: Token not allowed after unary operator: '-component-icon-font-family' (4909,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (4943,32): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (4969,22): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (4998,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (5019,17): run-time error CSS1039: Token not allowed after unary operator: '-component-secondary-color' (5020,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color' (5058,28): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (5059,17): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-color' (5060,54): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-border-color' (5064,18): run-time error CSS1039: Token not allowed after unary operator: '-component-button-height' (5072,47): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (5072,94): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-mix-color' (5072,133): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' (5075,47): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (5075,94): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-mix-color' (5075,133): run-time error CSS1039: Token not allowed after unary operator: '-component-darker-value' (5079,37): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-background-color' (5079,84): run-time error CSS1039: Token not allowed after unary operator: '-component-readability-border-color' (5079,126): run-time error CSS1039: Token not allowed after unary operator: '-component-dark-value' */ /* M3Web-Design: Basis-Seiten-Struktur (Anordnung, Größe, Hintergrund und Verhalten der einzelnen Bereiche) - wird nach bootstrap.css geladen */ /* TODO footer will overflow when window is resized (not zoomed) and puts data base info out of sight, see also "TODO footer" TODO M3Webservices: Sendungspositionen in Sendungserfassung will overflow to the right when zoomed to handy view */ /*#region Variablen-Ersetzung*/ /*also see CSSVariables.css*/ /*TODO use correct standard values for theme*/ /* :root { --readability-background-color: white; --primary-background-color: rgba(0,0,0,0); --secondary-background-color: #0468B1; --accent-background-color: #E31418; --readability-color: black; --primary-color: #000; --secondary-color: #fff; --accent-color: #fff; --standard-animation-speed: 1s; } */ /*#endregion Variablen-Ersetzung*/ /*#region Layout-Variablen*/ :root { --header-size: 40px; /*TODO footer not completely implemented (as it changes with content-break which can not be tracked via pure css)*/ --footer-size: 40px; /* Ausgleich transparenter Bereich des Logos */ --site-logo-transparancy-padding: 0px 5px 0px 20px; } /*#endregion Layout-Variablen*/ /* ==== Basis-Definitionen ==== */ .glimpse { z-index: 2147483642; } .hidden { display: none !important; } .tooltip { z-index: 2000; } .tooltip-inner { max-width: none; /* Remove max-width restriction */ /* white-space: nowrap; */ /* Prevent text wrapping for single-line content */ } table.dataTable .sf-right-align { text-align: right; } table.dataTable > thead { position: sticky; top: 0px; } .dont-display, .print-only { display: none; } .wait-cursor, .wait-cursor * { cursor: wait !important; } .block-interaction, .block-interaction-for-childs > *, .block-interaction-recursive, .block-interaction-recursive * { pointer-events: none !important; } *.center-icons:has(>i), table.center-icons td:has(>i) { text-align: center; vertical-align: middle; } .highlightCell, .highlight { background-color: #fdfc8b; } .hidden-text, .hidden-text *, .hidden-text a { color: transparent !important; text-decoration: none !important; background: none !important; cursor: default !important; text-shadow: none; border: 0; } .hidden-text:hover, .hidden-text a:hover { color: rgba(0, 0, 0, 0.2) !important; } .fixed-header #header, .fixed-top { top: 0; z-index: 1031; } .fixed-bottom { bottom: 0; z-index: 1030; } @media (min-width: 768px) and (min-height: 480px) { .fixed-header #header, .fixed-bottom, .fixed-top { margin-bottom: 0; position: fixed; right: 0; left: 0; } /*sticky table header under site header*/ table.dataTable > thead { top: var(--header-size, 0px); } } .central-content { max-width: 980px; margin-left: auto; margin-right: auto; } body #footer, body #header { max-width: var(--size-100vw); position: sticky; left: 0px; } body #header { top: unset !important; } body.not-responsive #wrap, body.not-responsive #footer { min-width: 1024px; } @media (min-width: 1024px) { body.not-responsive .hidden-desktop { display: none; } } body.not-responsive .visible-desktop + .hidden-desktop { display: none; } @media (min-width: 768px) and (min-height: 480px) { .central-content { margin-top: 75px; margin-bottom: 40px; } } @media (max-width: 1055px) { .row-fluid.desktop-only > [class*=span] { float: none; margin: 0; margin-bottom: 20px; width: 100%; } } .scrollable-x, .scrollable-x-tablet, .scrollable-x-desktop, .scrollable-x-phone { /* für .inner muss min-width festgelegt werden, ab dem scrollbalken erscheint */ overflow-x: auto; overflow-y: visible; } .scrollable-x > .inner, .scrollable-x-tablet > .inner { min-width: 890px; /* 980-rand (rand = 2x20padding + 2x20margin + 2x5border = 90) */ } .scrollable-x-desktop > .inner { min-width: 1110px; /* 1200-rand */ } .scrollable-x-phone > .inner { min-width: 678px; /* 768-rand */ } .scrollable-y { overflow-y: visible; max-height: 400px; } .scrollable-y > .inner { min-height: 400px; } @media (max-width: 767px) { .scrollable-y-phone { overflow-y: auto; max-height: 400px; } .scrollable-y-phone > .inner { min-height: 400px; } } .document { padding: 0px; /*box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;*/ /* box-shadow: rgba(26, 26, 26, 0.3) 0px 0px 10px 0px; border: 1px solid rgba(140, 140, 140, 0.5); background-color: #fff; */ } #map-container { border-left: 5px solid #0468B1; } #header, #footer { box-shadow: rgba(26, 26, 26, 0.4) 0px 0px 10px 0px; } .document-inline { padding: 20px; } hr { clear: both; } .sticked { z-index: 10000; } .strong { font-weight: bold; } html { overflow-y: scroll; /* Scrollbalken immer einschalten, damit layout nicht beim erscheinen/verschwinden verrutscht */ background: #ffffff; height: 100%; } body { height: 100%; min-height: fit-content !important; min-width: fit-content !important; max-width: 100%; padding: 0; } body > #wrap { min-height: 100%; max-height: fit-content; } /* ==== Bootstrap-Anpassungen/Erweiterungen ==== */ button, a, h1, h2, h3, h4, h5 { text-shadow: none !important; } .well { background-color: #fcfcfc; } .nav-header { color: #7F7F7F; text-transform: none; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(4, 104, 177, 0.8); box-shadow: none; } .pull-right a.btn { margin-left: 5px; } .pull-left a.btn { margin-right: 5px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .btn, .btn:hover, .btn:focus { background-image: none; box-shadow: none; } .dropdown-menu:has(.menu-search) { padding-top: 0px; } .dropdown-menu .menu-search { position: sticky; top: 0px; background-color: white; padding: 5px 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; } .dropdown-menu .menu-search .menu-search-bar { padding: 0px; margin: 0px; width: 100%; } .btn.disabled, .btn[disabled] { opacity: 0.3; } .btn-group.open .dropdown-toggle, .nav > li > a:hover, .nav > li > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { box-shadow: none; background-color: #D9E8F3; } td > .btn-toolbar > .btn-group, td > .btn-toolbar > .btn-group > .btn { position: static; } .btn.active, .btn:active { box-shadow: none; } .btn, .btn:hover, .btn:focus { border-color: #D9E8F3; background-color: #fff; color: #0468B1; } .table .btn { background-color: transparent; border: none; } .btn > span.caret { border-top-color: #0468B1; } .btn-primary > span.caret { border-top-color: #fff; } .dropup .btn > span.caret { border-bottom-color: #0468B1; } .dropup .btn-primary > span.caret { border-bottom-color: #fff; } .btn:hover, .btn:focus { background-color: #D9E8F3; } .btn-primary, .btn-primary:hover, .btn-primary:focus { border-color: #D9E8F3; background-color: #0468B1; color: #fff; } .btn-primary:hover, .btn-primary:focus { background-color: #1FA0FE; } .btn-danger, .btn-danger:hover, .btn-danger:focus { border-color: #E31418; } .btn-danger:hover, .btn-danger:focus { background-color: #FF3034; } .dropdown-menu, .popover { border-radius: 0; border: 1px solid #0468B1; } .modal, .modal.fade.in { /*TODO actually apply the height limits to footer and header*/ --modal-header-height: 60px; --modal-footer-height: 60px; position: fixed; /*position under header*/ top: calc(var(--header-size) + 15px); /*size from header to footer + margins*/ max-height: calc(100vh - var(--header-size) - var(--footer-size) - (2 * 15px)); z-index: 1031; } .modal-body { /*scale from 0px to full size - modal header and footer*/ min-height: auto; max-height: calc(100vh - var(--header-size) - var(--footer-size) - (2 * 15px) - var(--modal-header-height) - var(--modal-footer-height)); } .modal .form-content { --form-content-other-elements-height: 120px; /*if a form-content element is present, instead of scrollbar on modal-body use this to scroll, scale from 50px to full size - modal header and footer - form-actions and other elements*/ overflow-y: auto; min-height: 50px; max-height: calc(100vh - var(--header-size) - var(--footer-size) - (2 * 15px) - var(--modal-header-height) - var(--modal-footer-height) - var(--form-content-other-elements-height)); } .modal-header, .headings h1 { border-bottom: 2px solid #0468B1; margin-bottom: 20px; margin-top: 0px; } .modal .form-actions { margin-bottom: 0px; } .modal-header { margin-bottom: 0px; } .modal-backdrop, .modal-backdrop.fade.in { z-index: 998; opacity: 0.3; } .modal.modal-large { width: 90%; left: 50%; margin-left: -50%; width: 90%; /* desired relative width */ /*min-height: 80%;*/ left: 5%; /* (100%-width)/2 */ margin: auto auto auto auto; /* place center */ } @media (max-width: 768px) { /*if screen size is to small: overlay header and footer with dialog (-margin)*/ .modal, .modal.fade.in { top: 15px; max-height: calc(100vh - (2 * 15px)); } .modal-body { min-height: auto; max-height: calc(100vh - (2 * 15px) - var(--modal-header-height) - var(--modal-footer-height)); } .modal .form-content { max-height: calc(100vh - (2 * 15px) - var(--modal-header-height) - var(--modal-footer-height) - var(--form-content-other-elements-height)); } } @media (min-width: 768px) { .no-space > [class*="span"], .no-space > .row-fluid > [class*="span"], .fixed-space10 > [class*="span"]:first-child, .fixed-space10 > .row-fluid > [class*="span"]:first-child { margin-left: 0; } .fixed-space10 > [class*="span"], .fixed-space10 > .row-fluid > [class*="span"] { margin-left: 10px; } } legend + .control-group { margin-top: 0; } .form-horizontal .control-group.input-append { display: block; } /* ==== Leaflet-Anpassungen ==== */ /* TODO: Anpassungen nach leaflet-css laden und !important-Anweisungen wieder weg) */ .leaflet-top, .leaflet-bottom { z-index: 9 !important; } .leaflet-popup-content-wrapper { -webkit-border-radius: 2px !important; border-radius: 2px !important; } .leaflet-popup-content { margin: 10px 30px 10px 10px !important; } /* ==== Seiten-Struktur ==== */ .container-fluid { width: auto; } .container, .container-fluid { /* bei kleiner Auflösung kleinerer Rand */ padding-left: 20px; padding-right: 20px; } @media (min-width: 1200px) { body.responsive .container, body.responsive .container-fluid { padding-left: 40px; /* 40 px müssen genügen, 80 sind zu viel*/ padding-right: 40px; } } #page-content { padding-bottom: 20px; padding-top: 10px; min-height: 300px; min-width: 260px; /* passt genau für form-inputs */ } @media (max-width: 767px) { #page-left, #page-bottom, #page-middle, #page-top { min-height: 0px; } } .collapsed-table-row { float: left; } /* ==== Definitionen für Sticky Footer ==== */ body.sticky-footer { height: 100%; } body.sticky-footer #wrap { height: auto !important; height: 100%; margin: 0 auto -55px; /* Negative indent footer by it's height */ } @media (min-width: 768px) and (min-height: 480px) { .fixed-footer #push, #footer { height: 55px; } } @media (max-width: 1055px) { body.sticky-footer #footer /* Lastly, apply responsive CSS fixes as necessary */ { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } } /* ==== Definitionen für Fixed Footer */ @media (min-width: 768px) and (min-height: 480px) { body.fixed-footer #footer { margin-bottom: 0; position: fixed; bottom: 0; right: 0; left: 0; } } #header { z-index: 1010; } #footer { z-index: 1000; } /* Benachrichtigung bis Tablet über ganze breite anzeigen */ #notifications { margin: 20px 20px; position: fixed; top: 0; right: 0; z-index: 8020; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; border-radius: 5px; } .alert button.close { display: none; } #notifications .alert button.close { display: block; } @media (min-width: 980px) { #notifications { top: 20px; right: 40px; /* links neben I-MenuIcon */ position: fixed; } .index-page #notifications { top: var(--header-size); /*display right under header*/ } } @media (min-width: 1200px) { #notifications { right: 100px; /* links neben I-MenuIcon */ } } #header-right { padding-top: 15px; } #logo, #logo.brand { padding: 0px; margin: var(--site-logo-transparancy-padding); } #logo > a, #logo.brand > a { display: block; } #logo img { height: var(--header-size); } .flex > *:has(#logo) { flex-shrink: 0; } .borderround { border-radius: 10px } .navbar-inner { justify-content: space-between; } @media (max-width: 1055px) { #logo, #logo.brand { overflow: hidden; } body.responsive #header-menu.collapse { margin-top: var(--header-size); position: absolute; width: 100%; background: rgba(4, 104, 177, 1.0); flex-direction: column; } body.responsive #header-menu.collapse > * { height: fit-content; width: 100%; } .navbar .collapse-button { flex-grow: 1; } } #collapse-button button.btn-navbar { margin: 0px; margin-top: 5px; background: none; } #collapse-button button.btn-navbar.collapsed { background-color: rgba(4, 104, 177, 0.8); } #collapse-button button.btn-navbar, #collapse-button button.btn-navbar:hover { background-color: rgba(4, 104, 177, 1.0); } /* ==== Hintergrund-Grafiken und Größe von Header und Footer ==== */ #page { margin-top: 0; min-height: calc(var(--size-100vh) - var(--header-size)); } body.page-document #page { margin-top: 20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) and (min-height: 480px) { body.fixed-header.scrolled #header { box-shadow: rgba(26, 26, 26, 0.8) 0px 0px 15px 0px; } body.fixed-header #page /* !body.index-page */ { padding-top: var(--header-size); /*display right under header*/ } body.fixed-header.page-document #page { /*margin-top: 100px;*/ } body.fixed-header.index-page.page-document #page { /*margin-top: 115px;*/ } } #header, #header-content, #header .navbar-static-top { height: var(--header-size); } body.index-page #header-menu { margin-left: 0; } body.index-page #menu-page { width: 0px !important; overflow: hidden !important; } body.index-page .index-clearfix { clear: both; } body.index-page #logo { clear: both; } #header-menu { flex-grow: 1; } body.index-page #header-menu { margin-top: 0; } #header-menu ul.nav-tabs:after { clear: none; } #header-submenu { float: right; } #header { background-color: #0567b0; background-image: url('/Public/Themes/Herbstwest/images/HG-Header-Startseite-Kachel.png'); background-position: top; background-repeat: repeat-x; } #logo h1 { margin: 0; margin-bottom: -20px; } #logo h1 span { vertical-align: middle; font-style: italic; text-shadow: none; font-size: 32px; } #logo a:hover { text-decoration: none; } #header-content { background: url('/Public/Themes/Herbstwest/images/HG-Header-Startseite.png'); background-position: top left; background-repeat: no-repeat; } #footer, #footer-content { min-height: 55px; } #footer { background-color: #0567b0; background-image: url('/Public/Themes/Herbstwest/images/HG-Footer-Kachel.png'); background-position: bottom left; background-repeat: repeat-x; } #footer-left, #footer-right, #footer-middle { padding-top: 5px; text-align: left; } @media (min-width: 768px) { #footer-left, #footer-right, #footer-middle { padding-top: 15px; } #footer-left { text-align: left; } #footer-right { text-align: right; } #footer-middle { text-align: center; } } @media (max-width: 768px) { #footer-right { margin-bottom: 10px; } } @media (min-width: 768px) { #footer-content { background-image: url('/Public/Themes/Herbstwest/images/HG-Footer.png'); background-position: bottom left; background-repeat: no-repeat; } } /* ==== AJAX-Panel */ .ajax-panel { /*position: relative;*/ } .ajax-panel-loader { width: 100%; height: 100%; min-height: 300px; position: absolute; top: 0; left: 0; } .ajax-panel-loader { text-align: center; z-index: 1000; background-color: white; background-image: url(/Public/Images/ActionIcons/ajax-loader-squares.gif); background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.5; } .ajax-panel-loader h4 { margin-top: 10px; color: #fff; text-align: center; } /* ==== Layouts ===== */ .layout-document { /* max-width: 940px; */ /* tablet(980px) - 20px margin */ margin: auto; } /* ==== Grids ==== */ .grid-container { width: 100%; overflow-x: auto; } .grid { min-width: 1200px; } .btn-gg-active, .btn-gg-active:hover, .btn-gg-active:focus { background-color: orange; } .number { text-align: right; } div.note-editor .btn-toolbar { margin-top: 0; margin-bottom: 0; } div.note-editor .note-editable { background: #fff; } *.center-icons:has(>i), table.center-icons td:has(>i) { text-align: center; vertical-align: middle; } /* M3Web-Design: Farbdefinitionen Die Farben werden an verschiedenen Stellen verwendet und sind hier zusätzlich als CSS-Klassen definiert Siehe auch Core.Mvc.Base.ColorSystem */ /* ==== Primärfarben ==== */ /* Blau: 100%: #0468B1 Linkfarbe 30%: #D9E8F3 inaktive positive Icons (Darstellungsumschalter) 10%: #B4D2E8 Mouse-Over-Hinterlegung von Navigationselementen (Tabs) */ /* Grau: 90%: #1A1A1A Farbe für Fließtexte und Headlines 50%: #7F7F7F Outlines von grauen Formularfeldern; Formularbezeichnungen innerhalb von Formularzellen; Marginalinformationen, Hinterlegung Tabellenköpfe 30%: #B2B2B2 10%: #E5E5E5 dunkler Hintergrund abwechselnder Tabellenzeilenhinterlegungen 5%: #F2F2F2 heller Hintergrund abwechselnder Tabellenzeilenhinterlegungen; helle Hinter-gründe von Inhalts- und Formularbereichen */ /* ==== Sekundärfarben ==== */ /* Blau1: #003A65 #0468B1 #1FA0FE Rot: #E31418 #CA0307 #FF3034 Orange: #E69902 #FFC350 #FFAE10 Gelb: #FFD510 #E6BE02 #FFE363 Grün: #019705 #76FF05 #07B00B Blau2: #12B6D0 #039EB7 #10DEFD Lila1: #9B007C #E117E8 #B50090 Lila2: #6803FD #5C00E3 #9650FF */ .color-main-blue { background-color: #0468B1; } .color-main-blue30 { background-color: #B4D2E8;/*#D9E8F3;*/ } .color-main-blue10 { background-color: #E6F0F7; } .color-main-gray90 { background-color: #1A1A1A; } .color-main-gray50 { background-color: #7F7F7F; } .color-main-gray30 { background-color: #B2B2B2; } .color-main-gray10 { background-color: #E5E5E5; } .color-main-gray05 { background-color: #F2F2F2; } /* M3Web-Design: Standard-Erscheinungsbild der Oberflächenelemente (Farben, Schriftarten, Hintergrundbilder) - wird nach layout.css geladen - spezialisierte Styles (Screen, Mobile, Print) werden später geladen */ body { font-size: 13px; line-height: 18px; color: #1A1A1A; } html { /*background-color: #0567b0;*/ } strong em, em strong { color: #E31418; font-style: normal; } #footer { font-size: 11px; color: #ffffff; } #footer, #footer a, #footer a:hover, #footer a:active, #footer a:focus { color: #ffffff; } #footer .muted, #footer .muted a { color: #b4d2e8; } #page-middle h1 { font-size: 28px; font-weight: bold; line-height: 45px; color: #1A1A1A; border-bottom: 1px solid #7f7f7f; margin-bottom: 25px; } h2 { font-size: 20px; line-height: 30px; color: #1A1A1A; border-bottom: 1px solid #f2f2f2; margin-bottom: 25px; } h3 { font-size: 15px; line-height: 18px; margin-bottom: 9px; color: #1A1A1A; border-bottom: 1px solid #f6f6f6; } h4 { font-weight: bold; font-size: 13px; line-height: 18px; margin-bottom: 9px; color: #1A1A1A; } h5, h6 { font-weight: bold; font-size: 11px; line-height: 18px; margin-bottom: 9px; color: #1A1A1A; } .headings #content-title { font-size: 28px; font-weight: bold; color: #191919; /*#0468B1;*/ } .headings #content-subtitle { font-size: 28px; font-weight: normal; color: black; } /* ==== LANGUAGE-SWITCHER ==== */ .language-selector .language > a, .language-selector .language.current { background-repeat: no-repeat !important; background-position-y: center; padding-left: 25px; } .language-selector li.language > a { padding-left: 38px; background-position-x: 12px; } a [class^="icon-"]:before, [class*=" icon-"]:before, button [class^="icon-"]:before, [class*=" icon-"]:before { cursor: inherit; } /* ==== CODEMIRROR ==== */ .CodeMirror { border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); /** wie well */ } .CodeMirror-gutter { background: #fcfcfc; } .CodeMirror-scroll { height: 100% !important; /*max-height: 800px;*/ background: white; } /* ==== DataTables ==== */ table.dataTable { margin: 0; margin-bottom: 6px; } /*#region ajax loading*/ .data-table-wrapper:has(table[data-ajax-loading=true])::before, .data-table-wrapper:has(table[data-ajax-loading=true])::after { --bar-color: var(--component-progress-bar-background-color); --bar-width: 5%; content: ''; display: block; width: 50%; height: 5px; /* Create 5 bars using background gradients */ background-image: linear-gradient( to right, color-mix(in srgb, var(--bar-color), transparent 75%) calc(var(--bar-width) * 0),color-mix(in srgb, var(--bar-color), transparent 50%) calc(var(--bar-width) * 1), transparent calc(var(--bar-width) * 1), transparent calc(var(--bar-width) * 2), color-mix(in srgb, var(--bar-color), transparent 50%) calc(var(--bar-width) * 2),color-mix(in srgb, var(--bar-color), transparent 25%) calc(var(--bar-width) * 3), transparent calc(var(--bar-width) * 3), transparent calc(var(--bar-width) * 4), var(--bar-color) calc(var(--bar-width) * 4),var(--bar-color) calc(var(--bar-width) * 5), transparent calc(var(--bar-width) * 5), transparent calc(var(--bar-width) * 6), color-mix(in srgb, var(--bar-color), transparent 25%) calc(var(--bar-width) * 6),color-mix(in srgb, var(--bar-color), transparent 50%) calc(var(--bar-width) * 7), transparent calc(var(--bar-width) * 7), transparent calc(var(--bar-width) * 8), color-mix(in srgb, var(--bar-color), transparent 50%) calc(var(--bar-width) * 8),color-mix(in srgb, var(--bar-color), transparent 75%) calc(var(--bar-width) * 9), transparent calc(var(--bar-width) * 9) ); animation: translate-x-left-right var(--component-standard-animation-speed) infinite ease-in-out alternate-reverse; /*animation-timing-function: steps(10, jump-none);*/ animation-timing-function: var(--component-animation-ping-pong-slowmo); } @keyframes translate-x-left-right { 0% { transform: translateX(0%); } 100% { transform: translateX(150%); } } /*#endregion ajax loading*/ /*#region paging*/ .data-table-wrapper .dt-paging, .data-table-wrapper .dt-paging { margin: 0; } .data-table-wrapper .paging { display: flex; float: right; } div.dt-container select.dt-input { width: 75px; background-color: var(--component-readability-background-color); color: var(--component-readability-color); border-radius: 0px; border: 1px solid #CCCCCC; height: 100%; } .data-table-wrapper .paging > .dt-length, .data-table-wrapper .paging > .dt-paging { float: none; display: inline-block; margin-left: 5px; } .data-table-wrapper .paging > .dt-length > label { display: none; } .data-table-wrapper .dt-paging { border: 1px solid #CCCCCC; float: left; box-sizing: border-box; background-color: var(--readability-background-color); color: var(--readability-color); } .data-table-wrapper .dt-paging { padding-top: 0px; margin-top: 0px; } .data-table-wrapper .dataTables_info { padding: 0px; height: var(--component-button-height); display: flex; align-items: center; } div.dt-container .dt-paging { background-color: var(--component-readability-background-color); color: var(--component-readability-color); } div.dt-container .dt-paging .dt-paging-button { height: calc(var(--component-button-height)); margin: 0px; border: 0px !important; border-radius: 0px !important; margin: 0px; } div.dt-container .dt-paging .dt-paging-button:not(:first-child) { border-left: 1px solid #CCCCCC !important; } .data-table-wrapper .dt-paging .disabled { color: inherit !important; } div.dt-container .dt-paging .dt-paging-button.previous, div.dt-container .dt-paging .dt-paging-button.next { color: inherit; } div.dt-container .dt-paging .dt-paging-button:not(.disabled):hover, div.dt-container .dt-paging .dt-paging-button:not(.disabled):active{ box-shadow: none; background: none; cursor: pointer; background-color: var(--component-tertiary-background-color); color: var(--component-tertiary-color) !important; transition: color var(--component-short-animation-speed), background-color var(--component-short-animation-speed); } div.dt-container .dt-paging .dt-paging-button.last, div.dt-container .dt-paging .dt-paging-button.first { display: none; } div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover, div.dt-container .dt-paging .dt-paging-button.current:active { cursor: initial; background-color: var(--component-secondary-background-color); color: var(--component-secondary-color) !important; } /*.data-table-wrapper .paging option:hover, does not work*/ .data-table-wrapper .paging option:checked { background-color: var(--component-secondary-background-color); color: var(--component-secondary-color) !important; } /*#endregion paging*/ .table tbody tr.active td, .table tbody tr.active th, table.dataTable.display tbody tr.active.odd > .sorting_1, table.dataTable.display tbody tr.active.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.active.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.active.even > .sorting_1, table.dataTable.display tbody tr.active.odd > .sorting_2 table.dataTable.display tbody tr.active.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.active.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.active.even > .sorting_2, table.dataTable.display tbody tr.active.odd > .sorting_3, table.dataTable.display tbody tr.active.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.active.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.active.even > .sorting_3, table.dataTable.order-column tbody tr.active > .sorting_1, table.dataTable.order-column tbody tr.active > .sorting_2, table.dataTable.order-column tbody tr.active > .sorting_3, table.dataTable.display tbody tr.active > .sorting_1, table.dataTable.display tbody tr.active > .sorting_2, table.dataTable.display tbody tr.active > .sorting_3 { background-color: #D9E8F3; } /*.table tbody tr td:hover,*/ .table tbody tr.active td, .table tbody tr.active th { background-color: #D9E8F3 !important; color: inherit; } table.table thead span.dt-column-order { width:8px; color: var(--component-secondary-color); } table.table thead th.resizable span.dt-column-order, table.table thead td.resizable span.dt-column-order { right: var(--component-grid-resize-handle-width) !important; } table.table > tbody > tr.selected a { background-color: inherit; color: #0468B1; } table.table > thead > tr > th > .dt-column-title { overflow: hidden; text-overflow: clip; } table.table > thead > tr > th > .dt-column-title > * { overflow: visible; float: left; } table.table thead th { /*explicit value needed for dt-resize-handle*/ position: relative; } table.table { width: min-content; /*firefox fix*/ } table.table .dt-resize-handle { --hatch-foreground-color: var(--component-secondary-color); --hatch-background-color: transparent; --hatch-space-between: 1px; --hatch-thickness: 1px; position: absolute; cursor: ew-resize; height: 100%; width: var(--component-grid-resize-handle-width); right: 0px; top: 0px; } .table .btn { margin-top: -2px; margin-bottom: -2px; /*padding-top: 2px; padding-bottom: 2px;*/ } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #D9E8F3 !important; } table.dataTable tbody td.dataTables_empty { font-weight: bold; font-style: italic; padding: 20px !important; } .data-table-wrapper.no-footer .dataTables_scrollBody, table.dataTable.no-footer { border-bottom: 1px solid #0567b0; } table.dataTable thead, table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #0567b0; white-space: nowrap; } table.dataTable tfoot th, table.dataTable tfoot td { border-top: 1px solid #0567b0; } .dataTables_scrollHead, table.dataTable thead tr { background-color: #D9E8F3; /*background-color: #7f7f7f; color: #fff;*/ } table.DTTT_selectable tbody tr { cursor: default; } div.DTTT .btn { border: none; color: #0567b0 !important; } table.dataTable { /*http://stackoverflow.com/questions/18679020/border-around-tr-element-doesnt-show*/ border-collapse: collapse; table-layout: fixed; } table.dataTable td:not(.overflow-visible), table.dataTable td:not(.overflow-visible) a, table.dataTable td:not(.overflow-visible) span, table.dataTable th:not(.overflow-visible) span { overflow: hidden; text-overflow: ellipsis; } table.dataTable thead th, table.dataTable thead td { padding: 8px; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 5px; } table.dataTable.compact thead th.resizable, table.dataTable.compact thead td.resizable { padding-right: 5px; } table.dataTable.compact thead th.orderable, table.dataTable.compact thead td.orderable { padding-right: 15px; } table.dataTable.compact thead th.orderable.resizable, table.dataTable.compact thead td.orderable.resizable { padding-right: 20px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td, table.dataTable.compact .row-calc > td { padding: 2px 5px; } table.dataTable.compact th:has(>.dt-column-title:empty), table.dataTable.compact td:has(>.dt-column-title:empty) { padding: 0px; } table.dataTable.compact tbody th .btn-group, table.dataTable.compact tbody td .btn-group { margin-top: 0; margin-bottom: 0; } table.dataTable.compact tbody th.btn-toolbar, table.dataTable.compact tbody td.btn-toolbar { padding: 2px 5px; } table.dataTable thead th > span, table.dataTable thead td > span { display: block; width: 100%; } .DTTT.btn-group > .btn + .DTTT.btn-group > .btn { margin-left: 5px; } a.DTTT_button_csv, a.DTTT_button_xls, a.DTTT_button_copy, a.DTTT_button_pdf, a.DTTT_button_print { padding: 4px 12px; } div .DTTT.btn-group { float: left; } div .DTTT.btn-group + div.clear { display: none; clear: none; } a.DTTT_button_print span, a.DTTT_button_print:hover span, a.DTTT_button_csv span, a.DTTT_button_csv:hover span, a.DTTT_button_xls span, a.DTTT_button_xls:hover span, a.DTTT_button_pdf span, a.DTTT_button_pdf:hover span, a.DTTT_button_copy span, a.DTTT_button_copy:hover span { background: none; padding: 0; } a.DTTT_button_print span a.DTTT_button_csv span, a.DTTT_button_csv:hover span, a.DTTT_button_xls span, a.DTTT_button_xls:hover span, a.DTTT_button_pdf span, a.DTTT_button_pdf:hover span, a.DTTT_button_copy span, a.DTTT_button_copy:hover span { background: none; } .table .pull-right > .dropdown-menu { right: 0; left: auto; top: 0; } .page-actions .dropdown-menu > li:hover { filter: brightness(calc(100% - var(--component-dark-value))); } .page-actions .dropdown-menu > li:active { filter: brightness(calc(100% - var(--component-darker-value))); } .dataTables_scroll .table { margin-left: 0; } .data-table-wrapper .dataTables_info { clear: none; float: right; } table.dataTable > tbody > tr.selected > * { box-shadow: none !important; } table.dataTable.hover > tbody > tr.selected:hover > * { box-shadow: none !important; } /*#region calculation row*/ table .row-calc td:not(.calc):has(.dt-column-title:empty) { backdrop-filter: brightness(calc(100% - var(--component-darker-value))); } table .row-calc .select-calc-type { font-weight: bold; background-color: var(--component-secondary-background-color); color: var(--component-secondary-color); } table .row-calc .calc-symbol { padding-right: 10px; font-size: 2em; /*put in middle (middle will actually not center)*/ vertical-align: bottom; } table:not(.show-calculation-row) .row-calc { display: none !important; } /*#endregion calculation row*/ /*#region draggable rank column*/ table td.show-rank::after { content: counter(rank); } /*increse counter for every row*/ table tr { counter-increment: rank; } /*reset counter for every table section*/ thead, tbody, tfoot { counter-reset: rank; } table td.rowReorder-draggable.background-hatch { --hatch-background-color: #00000000; --hatch-foreground-color: #e5e5e5; border: 1px solid var(--hatch-foreground-color); } table tr:last-child td.rowReorder-draggable.background-hatch { border-bottom: 0px; } table tr.DTTT_selected td.rowReorder-draggable.background-hatch { --hatch-foreground-color: #DDDDDD; } /*#endregion draggable rank column*/ /* fixed columns */ .DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper, .DTFC_LeftFootWrapper { border-right: 1px solid #e5e5e5; } .DTFC_RightHeadWrapper, .DTFC_RightBodyWrapper, .DTFC_RightFootWrapper { border-left: 1px solid #e5e5e5; } /* ==== Datepicker ==== */ .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker td, .datepicker th { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: #ffffff; background-image: none; } .datepicker table tr td.today { font-weight: bold; } .datepicker table tr td.disabled, .datepicker table tr td.day.disabled, .datepicker table tr td.today.disabled, .datepicker table tr td.day.disabled, .datepicker table tr td.disabled:hover, .datepicker table tr td.day.disabled:hover, .datepicker table tr td.today.disabled:hover { background-color: #f9f9f9; color: #bbbbbb; cursor: default; } .datepicker table, .datepicker table td.cw, .datepicker table.table-condensed thead tr, .datepicker thead tr, .datepicker table.table-condensed thead tr td, .datepicker thead tr td, .datepicker table.table-condensed thead tr th, .datepicker thead tr th { background-color: #D9E8F3; } /*.datepicker td.cw, .datepicker .table.table-condensed thead tr th, .datepicker tfoot tr th:hover { background: #ffffff; }*/ .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #0567b0; color: #ffffff; } .datepicker thead tr:first-child th.cw:hover { background: #D9E8F3; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #E5E5E5; background-image: none; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #0567b0; background-image: none; color: #fff; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0567b0; background-image: none; color: #fff; } .input-daterange .add-on { height: 20px; line-height: 20px; padding: 4px 5px 4px 2px; } .datepicker { z-index: 11; } /*#region Dialog*/ dialog[open] { display: flex; } dialog { --dialog-width: 500px; --dialog-height: fit-content; width: var(--dialog-width); height: var(--dialog-height); max-height: 100%; max-width: 100%; flex-wrap: nowrap; flex-direction: column; padding: 0px; padding-bottom: 10px; border: none; border-radius: 6px; box-shadow: black 1px 1px 5px; overflow-x: hidden; background-color: var(--component-readability-background-color); color: var(--component-readability-color); } dialog .dialog-head { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; padding: 10px; margin-bottom: 15px; } dialog .dialog-head .dialog-close-button { position: absolute; right: 0px; margin-right: 10px; background: none; border: none; font-size: 20px; font-weight: bold; opacity: calc(20% + var(--component-dark-value)); } dialog .dialog-head .dialog-close-button:hover { opacity: calc(20% + var(--component-darker-value)); } dialog .dialog-head .dialog-close-button:active { opacity: calc(20% + var(--component-darkest-value)); } dialog .dialog-head .dialog-title { font-size: 20px; font-weight: bold; pointer-events: none; } dialog .dialog-body { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; } dialog .dialog-body .dialog-main { display: flex; flex-wrap: nowrap; flex-direction: column; gap: 10px; width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; } dialog .dialog-label { text-align: center; overflow-x: auto; padding: 10px; } dialog .dialog-body .dialog-buttons { display: flex; flex-wrap: nowrap; justify-content: space-between; } dialog .dialog-body .dialog-buttons > input[type=button], dialog .dialog-body .dialog-buttons > button { min-width: calc(var(--component-button-height) * 2); height: var(--component-button-height); } /*#endregion Dialog*/ /*#region batch-operation-editor*/ .batch-operation-editor .editor-render textarea { height: 100px; } .batch-operation-editor { --batch-operation-editor-first-column-width: 300px; } .batch-operation-editor .batch-operation-data > tbody > tr > td:first-child { min-width: var(--batch-operation-editor-first-column-width); width: var(--batch-operation-editor-first-column-width); } /*#endregion batch-operation-editor*/ /*#region components*/ /*#region BatchOperationViewer*/ .batch-operation-viewer-separator.component.separator { --separator-orientation: vertical; --separator-position: auto; --width: 100%; --height: fit-content; gap: 15px; } .batch-operation-viewer-separator.component.separator > .separator-second { flex-grow: 1; /*TODO grids are not calculating their css size correctly this is the quick fix*/ min-width: auto; min-height: auto; } .batch-operation { width: 100%; } .batch-operation fieldset > table { width: 100%; background-color: transparent; } .batch-operation fieldset > table > td { padding: 4px; } .batch-operation fieldset .editor-render .field-input { width: fit-content; /*size as big as the input (which should be standardized)*/ float: right; text-align: right; } .batch-operation fieldset .editor-render .field-display { width: 100%; /*size as big as possible*/ } .batch-operation fieldset > * { margin-bottom: 10px; } @media (max-width: 1024px) { .batch-operation-viewer-separator.component.separator { --separator-orientation: horizontal; } } /*#endregion BatchOperationViewer*/ /*#region DropZone*/ .drop-zone { --info-size: 100px; /*[0-1]*/ --icon-size: 0.8; --width: var(--size-100vw); --height: 50vh; --drop-zone-blur: 5px; min-height: fit-content; min-width: fit-content; height: var(--height); width: var(--width); max-height: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; visibility: hidden; z-index: 999; } .drop-zone.dragging { visibility: visible; backdrop-filter: brightness(calc(100% - var(--component-dark-value))) blur(var(--drop-zone-blur)); } .drop-zone.hover { backdrop-filter: brightness(calc(100% - var(--component-darker-value))) blur(var(--drop-zone-blur)); } .drop-zone .drop-zone-info { min-height: fit-content; min-width: fit-content; max-width: 100%; max-height: 100%; width: var(--info-size); aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: var(--component-secondary-background-color); color: var(--component-secondary-color); border-radius: 20px; padding: 5px !important; box-shadow: 0px 0px 10px 0px black; border: 2px black solid; } .drop-zone .drop-zone-icon { aspect-ratio: 1 / 1; font-size: min(calc(var(--info-size) * var(--icon-size)), var(--info-size)); display: flex; align-items: center; justify-content: center; } *:has(.drop-zone.full-size) { /*needs to be explicitely set for drop zones to get correct height/width*/ position: relative; } .drop-zone.full-size { position: absolute; left: 0px; top: 0px; --width: 100%; --height: 100%; } /*#endregion DropZone*/ /*#region Separator*/ .component.separator { /*vertical | horizontal (will determine the separator orientation, so if vertical the items will be aligned on the x-Axis, unset == vertical)*/ --separator-orientation: vertical; /*[length|auto] position of the separator (if auto -> fit-content)*/ --separator-position: 50%; --width: var(--size-100vw); --height: 50vh; min-height: fit-content; min-width: fit-content; height: var(--height); width: var(--width); max-height: 100%; max-width: 100%; display: flex; } .component.separator .separator-first { margin: 0px; padding: 0px; transition: width var(--component-standard-animation-speed), height var(--component-standard-animation-speed); min-height: fit-content; min-width: fit-content; } .component.separator .separator-second { margin: 0px; padding: 0px; transition: width var(--component-standard-animation-speed), height var(--component-standard-animation-speed); min-height: fit-content; min-width: fit-content; } /*#endregion Separator*/ /*#region UploadDialogue*/ .upload-dialogue { /*#region override via css in implementing views if needed*/ /*is atleast as big as --drag-drop-info-size + some margin*/ --content-height: 325px; --width: 600px; --flex-box-height: 40px; --flex-box-width: auto; /*see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView */ /*top | bottom | unset (only used when the other --scroll-into-view properties are unset)*/ --scroll-into-view-align: bottom; /*#region experimental behaviour (not supported by all browsers)*/ /*smooth | instant | auto | unset*/ --scroll-into-view-behaviour: unset; /*start | center | end | nearest | unset*/ --scroll-into-view-block: unset; --scroll-into-view-inline: unset; /*#endregion experimental behaviour (not supported by all browsers)*/ --upload-dialogue-blur: 5px; /*WARNING: unexpected behaviour for anything else than column or column-reverse*/ --flex-direction: column-reverse; /*--upload-container-padding + --upload-container-inner-spacing == header padding (when opened in dialogue)*/ --upload-container-padding: 11px; --upload-container-inner-spacing: 4px; --upload-box-name-padding: 25px; /*#endregion override via css in implementing views if needed*/ background: var(--component-primary-background-color); color: var(--component-primary-color); width: var(--width); /*drop zone vars*/ --drag-drop-info-size: 100px; --drag-drop-icon-size: 0.8; } /*#region when opened in dialogue*/ #PartialDialog:has(.upload-dialogue) .modal-body { padding: 0px; } #PartialDialog:has(.upload-dialogue) .modal-header { margin: 0px; padding-bottom: 0px; } #PartialDialog:has(.upload-dialogue) .modal-footer { padding: 0px; margin: 0px; border-top: 0px; } #PartialDialog:has(.upload-dialogue) .upload-dialogue { --width: 100%; } #PartialDialog:has(.upload-dialogue) .upload-dialogue-header { margin-bottom: 0px; border-bottom: 0px; margin-top: 5px; } #PartialDialog:has(.upload-dialogue) .upload-dialogue-upload-button { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } /*#endregion when opened in dialogue*/ .upload-dialogue * { padding: 0px; margin: 0px; } .upload-dialogue .upload-dialogue-content { height: var(--content-height); } .upload-dialogue-footer { position: relative; height: var(--component-button-height); } .upload-container-drop-zone { --info-size: var(--drag-drop-info-size); --icon-size: var(--drag-drop-icon-size); } .upload-dialogue-upload-button { height: 100%; width: 100% !important; border: 0px; border-radius: 0px !important; display: flex; justify-content: center; align-items: center; } .upload-dialogue-progress-bar.progress-bar { position: absolute; top: 0px; left: 0px; --component-progress-bar-background-color: var(--component-tertiary-background-color); --component-progress-bar-slider-color: color-mix(in srgb, var(--component-tertiary-background-color), var(--component-tertiary-mix-color) var(--component-darker-value)); --component-progress-bar-color: var(--component-tertiary-color); } .upload-dialogue .progress-bar-background { font-size: 0px !important; } /*justify-content: flex-end does not work with scrollbar, also see https://github.com/philipwalton/flexbugs/issues/53 instead use .upload-dialogue-content to scroll*/ .upload-dialogue .upload-container { width: calc(100% - 2 * var(--upload-container-padding)); /*height: calc(100% - 2 * var(--upload-container-padding));*/ height: fit-content; padding: var(--upload-container-padding); display: flex; flex-wrap: nowrap; flex-direction: var(--flex-direction); overflow-y: auto; overflow-x: hidden; position: relative; } .upload-dialogue .upload-box { margin: var(--upload-container-inner-spacing); height: var(--flex-box-height); width: var(--flex-box-width); } .upload-dialogue .upload-box > * { height: 100%; width: 100%; } .upload-dialogue .upload-box-labeling { background-color: var(--component-readability-background-color); color: var(--component-readability-color); height: 100%; width: 100%; position: relative; display: flex; box-sizing: border-box; font-weight: 700; box-shadow: 2px 2px 4px color-mix(in srgb, var(--component-primary-background-color), var(--component-primary-mix-color) var(--component-darkest-value)); } .upload-dialogue .upload-box-labeling.stage-labeling { cursor: pointer; } .upload-dialogue .upload-box-labeling.stage-labeling:hover::before { pointer-events: none; content: ''; z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; /*background-color: var(--component-secondary-mix-color);*/ background-color: var(--component-readability-color); opacity: var(--component-dark-value); } .upload-dialogue .upload-box-labeling.stage-labeling:active::before { opacity: var(--component-darker-value); } .upload-dialogue .upload-box-labeling .upload-box-name { padding-left: var(--upload-box-name-padding); padding-right: var(--upload-box-name-padding); height: 100%; width: 40px; text-align: center; display: flex; align-items: center; justify-content: center; flex: 1; } .upload-dialogue .upload-box-labeling > div:not(.upload-box-name) { aspect-ratio: 1 / 1; height: 100%; display: flex; justify-content: center; align-items: center; } .upload-dialogue .upload-box-labeling > div:not(.upload-box-name):first-child { background-color: color-mix(in srgb, var(--component-secondary-background-color), var(--component-secondary-mix-color) var(--component-dark-value)); box-shadow: -2px 0px 7px 0px var(--component-secondary-border-color); clip-path: inset(0px -15px 0px 0px); } .upload-box-labeling i { font-size: min(calc(var(--flex-box-height) * var(--drag-drop-icon-size)), var(--flex-box-height)); } .upload-box-labeling label { cursor: default; } .upload-box-labeling .btn { border-radius: 0px !important; border: 0px; box-shadow: 2px 0px 7px 0px var(--component-readability-border-color); clip-path: inset(0px 0px 0px -15px); } /*#endregion UploadDialogue*/ /*#region ProgressBar*/ /*ATTENTION: --progress is used to determine the progress (should be from 0 to 100)*/ .progress-bar { --progress-bar-animation-speed: var(--component-short-animation-speed); --progress-slider-animation-speed: var(--component-short-animation-speed); --progress-bar-text: ''; --progress-bar-unit: '%'; position: relative; background-color: var(--component-progress-bar-background-color); color: var(--component-progress-bar-color); height: var(--component-button-height); width: 100%; } .progress-bar::after { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; /*get 'string' representation*/ counter-reset: progress-string var(--progress); content: var(--progress-bar-text) counter(progress-string) var(--progress-bar-unit); } .progress-bar::before { position: absolute; content: ''; background-color: var(--component-progress-bar-slider-color); transition: width cubic-bezier(0.2, 0.5, 0.3, 0.9) var(--progress-slider-animation-speed); height: 100%; /*calculate percentage*/ width: calc(var(--progress) * 1%); } /*#endregion ProgressBar*/ /*#region Calendar*/ .component.calendar { --header-background-color: var(--component-secondary-background-color); --header-border-color: var(--component-secondary-border-color); --header-color: var(--component-secondary-color); --header-mix-color: var(--component-secondary-mix-color); --scrollbar-width: 5px; --scrollbar-background-color: var(--component-tertiary-background-color); --time-indication-background-color: var(--component-tertiary-background-color); --time-indication-color: var(--component-tertiary-color); --intersection-cell-background-color: var(--component-secondary-background-color); --intersection-cell-color: var(--component-secondary-color); --calendar-closing-background-color: lightgrey; --calendar-closing-color: grey; --calendar-working-background-color: var(--component-readability-background-color); --calendar-working-color: var(--component-readability-color); --selected-background-color: color-mix(in srgb, color-mix(in srgb, var(--component-readability-background-color), var(--component-readability-mix-color) var(--component-dark-value)), var(--component-secondary-background-color) var(--component-darkest-value)); --selected-color: var(--component-readability-color); --selected-border-color: color-mix(in srgb, color-mix(in srgb, var(--component-readability-background-color), var(--component-readability-mix-color) var(--component-darkest-value)), var(--component-secondary-background-color) var(--component-darkest-value)); --time-cell-background-color: var(--calendar-working-background-color); --time-cell-color: var(--calendar-working-color); --appointment-blocker-background-color: grey; --appointment-blocker-color: lightgrey; --resize-handle-size: 5px; --calendar-pointer-events-pause: none; aspect-ratio: 1/1; width: 800px; background-color: white; } /*#region resizable and sticky header*/ .component.calendar.resizable { overflow: hidden; resize: both; } .component.calendar:not(.resizable) .dx-scheduler-header-panel-container { position: sticky; top: 0px; z-index: 1; } .component.calendar .dx-scheduler-work-space { overflow: visible; } @media (min-width: 768px) and (min-height: 480px) { /*sticky header under site header*/ .component.calendar:not(.resizable) .dx-scheduler-header-panel-container { top: var(--header-size, 0px); } } /*#endregion resizable and sticky header*/ /*#region scrollbar*/ .component.calendar .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { background-color: var(--scrollbar-background-color); opacity: 0.5 !important; } .component.calendar .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: var(--scrollbar-width); } .component.calendar .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover { width: var(--scrollbar-width); } .component.calendar .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { transition: none !important; width: var(--scrollbar-width); } .component.calendar .dx-scrollable-scroll-content { background-color: var(--scrollbar-background-color) !important; opacity: 0.5 !important; } /*#endregion scrollbar*/ .component.calendar.hide-day-2 .dx-scheduler-date-table-row td:nth-child(2), .component.calendar.hide-day-3 .dx-scheduler-date-table-row td:nth-child(3), .component.calendar.hide-day-4 .dx-scheduler-date-table-row td:nth-child(4), .component.calendar.hide-day-5 .dx-scheduler-date-table-row td:nth-child(5), .component.calendar.hide-day-6 .dx-scheduler-date-table-row td:nth-child(6), .component.calendar.hide-day-7 .dx-scheduler-date-table-row td:nth-child(7) { display: none !important; /* this should NOT be applied to the FIRST day of week (if you want to hide it) -> else crash*/ flex: 0 !important; width: 0px !important; } .component.calendar.hide-day-2 .dx-scheduler-header-row th:nth-child(2), .component.calendar.hide-day-3 .dx-scheduler-header-row th:nth-child(3), .component.calendar.hide-day-4 .dx-scheduler-header-row th:nth-child(4), .component.calendar.hide-day-5 .dx-scheduler-header-row th:nth-child(5), .component.calendar.hide-day-6 .dx-scheduler-header-row th:nth-child(6), .component.calendar.hide-day-7 .dx-scheduler-header-row th:nth-child(7) { display: none !important; width: 0px !important; } .component.calendar .dx-scheduler-header-panel-container .dx-scheduler-header-panel-empty-cell { background-color: var(--intersection-cell-background-color); color: var(--intersection-cell-color); display: flex; justify-content: center; align-items: center; } .component.calendar .dx-scheduler-header-panel-container .dx-scheduler-header-panel-empty-cell::before { /*get 'string' representation*/ counter-reset: total-count var(--appointment-total-count) reserv-count var(--appointment-reserv-count) ignore-count var(--appointment-ignore-count) free-count var(--appointment-free-count); content: counter(total-count) '/' counter(reserv-count) '/' counter(ignore-count) '/' counter(free-count); position: absolute; vertical-align: middle; text-align: center; display: block; } .component.calendar .dx-scheduler-group-header { background-color: var(--component-readability-background-color); color: var(--component-readability-color); } .component.calendar .dx-scheduler-header-panel-cell { background-color: var(--component-readability-background-color); color: var(--component-readability-color); } .component.calendar .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { background-color: var(--time-indication-background-color); color: var(--time-indication-color); } .component.calendar .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before { background-color: var(--time-indication-background-color); } .component.calendar .dx-scheduler-time-panel-cell { background-color: var(--time-cell-background-color); color: var(--time-cell-color); } .component.calendar .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell { background-color: var(--time-indication-background-color); color: var(--time-indication-color); } .component.calendar .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before { background-color: var(--time-indication-background-color); } .component.calendar .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell { border-top-color: var(--time-indication-background-color); border-bottom-color: var(--time-indication-background-color); } .component.calendar .dx-scheduler-date-time-indicator { background-color: var(--time-indication-background-color); } .component.calendar .dx-scheduler-date-time-indicator { height: 3px; } .component.calendar .dx-scheduler-date-time-indicator::before { z-index: 0; color: var(--time-indication-background-color); font-size: 60px; left: 0px; top: 0px; transform: translateX(-20.5%) translateY(-23.5%); } /*remove additional time indicator arrow in grouped day views*/ .component.calendar .dx-scheduler-work-space-day.dx-scheduler-work-space-grouped .dx-scheduler-date-time-indicator + .dx-scheduler-date-time-indicator::before { display: none; } .component.calendar .dx-scheduler-date-table-cell { background-color: var(--calendar-working-background-color); color: var(--calendar-working-color); } /*all selected cell*/ .component.calendar .dx-scheduler-date-table-cell.dx-state-focused { background-color: var(--selected-background-color); color: var(--selected-color); border-color: var(--selected-border-color); } /*last selected cell*/ .component.calendar .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { filter: brightness(calc(100% - var(--component-dark-value))); } .component.calendar .dx-scheduler-date-table-cell .month-day-label { padding: 5px; } .component.calendar .dx-scheduler-time-panel-cell .time-label { position: absolute; padding-right: 20px; top: 0px; left: 100%; transform: translateX(-100%) translateY(-50%); } .component.calendar .dx-scheduler-time-panel tr:first-child .time-label { display: none; } /*first label in time-cell time indicator*/ .component.calendar tr:not(:has(.dx-scheduler-time-panel-current-time-cell)) + tr:has(.dx-scheduler-time-panel-current-time-cell) .time-label { background: linear-gradient(var(--time-cell-color) 0%, var(--time-cell-color) 50%, var(--time-indication-color) 50%); color: transparent; background-clip: text; } /*last label in time-cell time indicator*/ .component.calendar tr:has(.dx-scheduler-time-panel-current-time-cell) + tr:not(:has(.dx-scheduler-time-panel-current-time-cell)) .time-label { background: linear-gradient(var(--time-indication-color) 0%, var(--time-indication-color) 50%, var(--time-cell-color) 50%); color: transparent; background-clip: text; } .component.calendar .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:not([working-hour-cell]), .component.calendar .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:not([working-hour-cell]), .component.calendar .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:not([working-day-cell]), .component.calendar .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-other-month { background-color: var(--calendar-closing-background-color); color: var(--calendar-closing-color); border-color: var(--calendar-closing-background-color); pointer-events: var(--calendar-pointer-events-pause); /*use filter instead of opacity so that the background color is not interfering*/ filter: brightness(calc(100% - var(--component-dark-value))); opacity: 1; } .component.calendar .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-other-month { filter: brightness(calc(100% - var(--component-darkest-value))); } .component.calendar .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-scheduler-date-table-other-month[working-day-cell] { filter: brightness(calc(100% - var(--component-darker-value))); } .component.calendar .dx-scheduler-date-table { cursor: default; } /*fix for resizable height with scrolling*/ .component.calendar .dx-scrollable-content:has(.dx-scheduler-date-table-scrollable-content), .component.calendar .dx-scrollable-content .dx-scheduler-date-table-scrollable-content, .component.calendar .dx-scrollable-content .dx-scheduler-date-table-scrollable-content .dx-scheduler-time-panel, .component.calendar .dx-scrollable-content .dx-scheduler-date-table-scrollable-content .dx-scheduler-date-table-container, .component.calendar .dx-scrollable-content .dx-scheduler-date-table-scrollable-content .dx-scheduler-date-table-container .dx-scheduler-date-table { height: 100% !important; min-height: fit-content !important; } .component.calendar .dx-scheduler-header { background-color: var(--header-background-color); } .component.calendar .dx-scheduler-header .dx-button { background-color: color-mix(in srgb, var(--header-background-color), var(--header-mix-color) var(--component-dark-value)); border-color: var(--header-border-color); color: var(--header-color); } .component.calendar .dx-scheduler-header .dx-button:hover { background-color: color-mix(in srgb, var(--header-background-color), var(--header-mix-color) var(--component-darker-value)); } .component.calendar .dx-scheduler-header .dx-button:active { background-color: color-mix(in srgb, var(--header-background-color), var(--header-mix-color) var(--component-darkest-value)); } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment { min-height: 25px; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details, .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-appointment-empty .dx-scheduler-appointment-title { display: block; } .dx-scheduler-appointment-title { font-size: calc(var(--font-size-factor, 1) * 14px) } .dx-scheduler-appointment-content-details { font-size: calc(var(--font-size-factor, 1) * 11px) } .dx-scheduler-cell-sizes-vertical { height: var(--drmx-calendar-cell-height, 50px); } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment.dx-state-focused::before { content: none; } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment:hover { filter: brightness(calc(100% - var(--component-dark-value))); /*put before time indicator*/ z-index: 1; } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment.dx-state-focused { filter: brightness(calc(100% - var(--component-darker-value))); } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment:active { filter: brightness(calc(100% - var(--component-darkest-value))); } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment-content { padding-top: calc(var(--resize-handle-size) + 5px); padding-bottom: calc(var(--resize-handle-size) + 5px); } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment-content [class^='calendar-info-field-id'], .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment-content [class*=' calendar-info-field-id'] { display: flex; justify-content: space-between; } .component.calendar .dx-scheduler-work-space .dx-scheduler-appointment .dx-resizable-handle { background-color: var(--appointment-status-color); height: var(--resize-handle-size); } /*#region appointment types*/ .component.calendar .dx-scheduler-work-space .appointment-blocker { /*width: var(--appointement-full-width) !important;*/ border-width: 0px !important; } .component.calendar .dx-scheduler-work-space .appointment-blocker .dx-scheduler-appointment-content { background-color: var(--appointment-blocker-background-color); color: var(--appointment-blocker-color); } /*#endregion appointment types*/ /*#endregion Calendar*/ /*#endregion components*/ /*#region auto-rendering*/ .select2-option { font-family: var(--component-icon-font-family); } .select2-option .select2-option-split { display: inline; } /*select last select2-option-split when there are only two, also see https://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has*/ .select2-option-split:first-child:nth-last-child(2) ~ .select2-option-split { float: right; } .required-label { font-weight: bold; } /*#region form-hints*/ .hint-symbol::after { content: var(--hint-content); display: inline; vertical-align: super; padding-left: 2px; font-size: 0.8em; } .form-hint > mark { padding: 1px 3px; } .form-hint > mark > .hint-text { padding-right: 2px; } .form-hint > mark > .hint-symbol { padding-right: 3px; } .form-hint > mark > .hint-symbol::after { font-size: 1em; } /*#endregion form-hints*/ /*#region editor-render*/ .editor-render { padding-bottom: 10px; background-color: var(--component-primary-background-color); color: var(--component-primary-color); } .editor-render .editor-hint { padding-top: 10px; padding-bottom: 10px; } .editor-render-caption { font-weight: bold; font-size: 1.15em; padding: 20px; padding-bottom: 10px; } .editor-render table:only-child, .editor-render .editor-render:only-child { max-width: 100%; width: auto; height: 100%; background-color: var(--component-primary-background-color); color: var(--component-primary-color); } /*#region input add-on*/ .editor-render .input-prepend, .editor-render .input-append { margin: 0px; padding: 0px; } .editor-render .input-prepend > input, .editor-render .input-append > input { /* input width - add-on width (40px)*/ width: 180px; } .editor-render .input-prepend > input.input-small, .editor-render .input-prepend > input.input-mini, .editor-render .input-prepend > input.input-micro, .editor-render .input-prepend > input.input-nano, .editor-render .input-append > input.input-small, .editor-render .input-append > input.input-mini, .editor-render .input-append > input.input-micro, .editor-render .input-append > input.input-nano { /*.input-small width - add-on width (40px)*/ width: 50px; } .editor-render .input-prepend > .field-type-datetime.datetime-type-date + .add-on, .editor-render .input-append > .field-type-datetime.datetime-type-date + .add-on { font-size: 15px; } .editor-render .input-prepend > .field-type-datetime.datetime-type-time + .add-on, .editor-render .input-append > .field-type-datetime.datetime-type-time + .add-on { font-size: 17px; } /*#endregion input add-on*/ /*#region editor-type-table*/ .editor-type-table { /*needed for border-image to work*/ border-collapse: separate; width: 100%; } .editor-type-table > tbody > tr:not(:last-child) > td:first-child { border: 1px dotted #C0C0C0; border-image: linear-gradient(to right, #C0C0C0 0%, transparent 85%) 1; border-left: 0px; border-top: 0px; border-right: 0px; } .editor-type-table > tbody > tr > td:not(:last-child) { padding-right: 5px; } .editor-type-table > tbody > tr:not(:last-child) > td { padding-bottom: 7px; } .editor-type-table > tbody > tr:not(:first-child) > td { padding-top: 7px; } .editor-type-table .field-input .input-multiple { width: 100%; height: 100%; display: flex; flex-wrap: wrap; gap: 10px; } .editor-type-table .field-input .input-multiple textarea { flex-basis: 100%; } /*#endregion editor-type-table*/ /*#region field-type-enum*/ table.field-type-enum { background-color: transparent; } table.field-type-enum tr td:not(:last-of-type) { --field-type-enum-gap: 20px; padding-right: var(--field-type-enum-gap); } table.field-type-enum tr input[type=checkbox] { margin: 0px; } table.field-type-enum tr { cursor: pointer; } /*#endregion field-type-enum*/ /*#region field-type-fleeexpression*/ .field-type-fleeexpression { font-family: var(--component-monospace-font-family); } /*#endregion field-type-fleeexpression*/ /*#region field-type-configuredhtmlformfields*/ .field-type-configuredhtmlformfields { font-family: var(--component-monospace-font-family); } /*#endregion field-type-configuredhtmlformfields*/ /*#endregion editor-render*/ /*#region specific renderers*/ /*#region flee-info-box*/ .flee-info-box { background-color: var(--component-readability-background-color); color: var(--component-readability-color); } .flee-info-box table { background-color: var(--component-readability-background-color); color: var(--component-readability-color); } .flee-info-box-data { overflow-y: auto; max-height: 300px; width: 100%; margin-bottom: 20px; } .flee-info-box .flee-info-box-variables { width: 100%; margin-bottom: 10px; } .flee-info-box .flee-info-box-variables td:not(:first-child) { padding-left: 5px; } .flee-info-box .flee-info-box-variables .flee-variable-name, .flee-info-box .flee-info-box-variables .flee-variable-alias { font: var(--component-flee-variable-font); } .flee-info-box .flee-info-box-packages { display: flex; gap: 15px; flex-wrap: wrap; font-size: 11px; } .flee-info-box .flee-info-box-packages-label { font-weight: bold; flex-basis: 100%; display: flex; justify-content: center; align-items: center; } .flee-info-box .flee-info-box-packages .flee-package { flex-basis: 30%; } .flee-info-box .flee-info-box-packages .flee-package.package-available { order: 0; } .flee-info-box .flee-info-box-packages .flee-package.package-unavailable { order: 1; } .flee-info-box .flee-info-box-packages .flee-package.package-available::before { content: '\f14a'; font-family: var(--component-icon-font-family); margin-right: 5px; } .flee-info-box .flee-info-box-packages .flee-package.package-unavailable::before { content: '\f096'; font-family: var(--component-icon-font-family); margin-right: 5px; } .flee-type { font: var(--component-flee-type-font); color: var(--component-flee-type-color); } /*#endregion flee-info-box*/ /*#endregion specific renderers*/ /*#endregion auto-rendering*/ /*#region Verschiedenes*/ .btn.toggle-on { backdrop-filter: brightness(calc(100% - var(--component-dark-value))); } .background-hatch { --hatch-foreground-color: var(--component-primary-color); --hatch-background-color: var(--component-primary-background-color); --hatch-space-between: 7px; --hatch-thickness: 2px; background: repeating-linear-gradient(-45deg, var(--hatch-background-color), var(--hatch-background-color) var(--hatch-space-between), var(--hatch-foreground-color) var(--hatch-space-between), var(--hatch-foreground-color) calc(var(--hatch-space-between) + var(--hatch-thickness))); } .flex { width: 100%; height: 100%; display: flex; flex-wrap: wrap; gap: 20px; } .flex > * { height: fit-content; width: fit-content; } .flex-columns { flex-wrap: nowrap; } .flex-columns > * { height: 100%; width: fit-content; } .flex-rows { flex-direction: column; } .flex-rows > * { height: fit-content; width: 100%; } #PartialDialog:has(.flex) { width: fit-content; } a[disabled], a.disabled { /*disable user interaction too*/ pointer-events: none; } .enable-font-icons { font-family: var(--component-icon-font-family); } .completion-helper-highlight { transition: background-color ease-in var(--component-short-animation-speed), color ease-in var(--component-short-animation-speed), border-color ease-in var(--component-short-animation-speed) !important; background-color: var(--component-tertiary-background-color) !important; color: var(--component-tertiary-color) !important; border-color: var(--component-tertiary-border-color) !important; } /*#endregion Verschiedenes*/ /*#region browser fixes*/ /*#region Edge*/ /*(Getestet mit Version 124.0.2478.97) form autfill will set input color to inherit !important (currently not overridable)*/ *:has(>input:-internal-edge-excel-like-autofill-previewed) { color: var(--component-readability-color) !important; } input:-internal-edge-excel-like-autofill-previewed { background: var(--component-readability-background-color) !important; } /*#endregion Edge*/ /*#endregion browser fixes*/ .qr-code-container { text-align: center; padding-top: 40px; } /* M3Web-Design: Erscheinungsbild von Navigationselementen (Links, Buttons, Menü und Notifications) - wird nach layout.css und style.css geladen */ /* ==== Links ==== */ a { cursor: pointer; color: #0468B1; } /* ==== Bootstrap Fixes ==== */ a [class^="icon-"]:before, a [class*=" icon-"]:before { cursor: pointer; } .nav-stacked > li + li > a { border-top: 0; } .level1 > li { z-index: 550; } .level1 > li.dropdown { z-index: 551; } .level1 + .level1 > li { z-index: 540; } .level1 + .level1 > li.dropdown { z-index: 541; } .level2 > li { z-index: 560; } .level2 > li.dropdown { z-index: 561; } /* ==== Hauptmenü ==== */ .btn.menu-icon-only > .menu-icon, body.responsive .menu-icon-only .menu-icon { margin-right: 0; } .menu-icon, .nav-collapse.in .menu-icon-only .menu-icon { margin-right: 7px; } .menu-caret, .btn .menu-caret { margin-left: 5px; } .menu-icon-only > .menu-name, .menu-icon-only > .caret { display: none; } /*.page-actions .btn { padding: 5px 0px; }*/ .btn-group { /* notwendig bei "zeilenumbruch" für buttons */ margin-top: 5px; margin-bottom: 5px; } .dropdown-menu { z-index: 1001; } .dropdown-menu img { max-width: 16px !important; max-height: 16px !important; } .dropdown-menu input, .dropdown-menu select { margin: 0 20px; } .filter .dropdown-menu { max-height: 200px; overflow-y: auto; } .nav-collapse .dropdown-menu { background: #fff; } i.menu-icon, span.menu-icon { display: inline-block; min-width: 15px; text-align: center; } .dropdown-menu button { width: 100%; font-weight: normal; white-space: nowrap; border: none; text-align: left; } .dropdown-menu i.menu-icon, .dropdown-menu button, .dropdown-menu a { color: #0468B1; background: #fff; } .dropdown-menu .active i.menu-icon, .dropdown-menu a:hover i.menu-icon, .dropdown-menu button:hover i.menu-icon { color: inherit; background: inherit; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > button, .dropdown-menu > .active > button:focus { color: #0468B1; background-color: #d1e3f1; } .dropdown-menu > .active > a:hover, .dropdown-menu > .active > button:hover { color: #0468B1; background-color: #d1e3f1; } /*.typeahead .dropdown-menu { overflow-y: hidden; } */ #header .navbar, #header .navbar-inner, #header .btn-group { margin: 0; padding: 0; border: 0; /*height: 80px;*/ /* don't waste 80px vertically on the header! */ /*min-height: 80px;*/ border-radius: 0; background: none; text-shadow: none; filter: none; } #header .navbar-inner, #header-menu { gap: 0px; } #header-menu i.menu-icon { font-size: 16px; } #header .nav, #header-menu .nav-tabs > li, #header .nav-tabs { /* bootstrap-unterstrich der tabs zurücksetzen */ margin-bottom: 0; } #header .navbar, #header .navbar-inner, #header .btn { box-shadow: none; } .navbar-inner::after, .navbar-inner::before { position: absolute; display: none; } #header .nav.level1 > li > a { background: transparent; padding: 5px 10px; line-height: 30px; margin: 0; font-size: 1.1em; color: #ffffff; border-radius: 0; border: 0; /*min-width: 100px;*/ text-shadow: none; overflow: hidden; } #header .nav.level1 > li > a.menu-icon-only { width: auto; min-width: 0; } #header .nav.pull-right > li > a { /*text-align: right;*/ } #header .nav > li > a:hover, #header .nav > li > a:focus { text-decoration: none; background-color: #0468B1; border: 0; } #footer .nav > li > a:hover, #footer .nav > li > a:focus { text-decoration: none; background-color: #D9E8F3; color: #0468B1; border: 0; } @media (min-width: 1055px) { body.responsive #header .nav.level1 > li.active, body.responsive #header .nav.level1 > li.active > a { box-shadow: rgba(255, 255, 255, 1.0) 0px 10px 0px 0px; } } @media (min-height: 480px) { body.scrolled #header .nav.level1 > li.active, body.scrolled #header .nav.level1 > li.active > a { box-shadow: none; } } @media (max-width: 1055px) and (min-height: 480px) { body.responsive #header .nav.level1 > li.active { box-shadow: none; } } #header .nav.level1 > li.active > a, #header .nav.level1 > li.active > a:hover, #header .nav.level1 > li.active > a:focus { color: #0468B1; background: #ffffff; font-weight: bold; } /*ausgeschaltet aus dem Grund dass in Mobile Versrion die Untermunüs waren überlagert*/ /*#header .nav.level1 > li { height: 40px; max-height: 40px; } */ #header span.caret { border-top-color: #FFF; margin-top: 13px; margin-left: 5px; } #header li.active span.caret { border-top-color: #0468B1; } @media (min-width: 1055px) and (max-width: 1386px) { /* Menütext bei kleiner Auflösung verbergen */ body.responsive #menu-settings.level1 > li > a > .menu-name { display: none; } } @media (max-width: 1055px) { /* Icon-Only-Menüpunkte bei .nav-bar.collapsed mit text anzeigen */ body.responsive #header .nav-collapse a.menu-icon-only > .menu-name, body.responsive #header .menu-icon-only > .menu-name, body.responsive #header .menu-icon-only > .caret { display: inline-block; } body.responsive #header-menu { margin-top: 0; margin-left: 0; } body.responsive #header-menu ul + ul { border-top: 1px solid rgba(255, 255, 255, 0.2); /*#D9E8F3*/ } body.responsive #header .nav > li > a:hover, body.responsive #header .nav > li > a:focus { background-color: rgba(255, 255, 255, 0.2); /*#D9E8F3;*/ /*color: #0468B1;*/ } } /* ==== Menüs ==== */ .page-actions { margin: 0; } .page-actions .btn-toolbar { margin-top: 0px; margin-bottom: 20px; min-height: 30px; } .page-actions .btn { height: 30px; vertical-align: middle; } .page-actions .btn-group { margin: 0; } .page-actions .btn-group > .btn + .dropdown-toggle { padding-left: 0; } .page-actions .btn-group > .btn + .dropdown-toggle + .dropdown-menu { right: 0; left: auto; } .page-actions .btn /* .form-actions .btn */ { border: none !important; background: none !important; box-shadow: none !important; color: #0468B1 !important; text-shadow: none !important; } .selection-toggle .btn, .no-border .btn { border: none !important; } .page-actions .btn > .caret { border-top-color: #0468B1; } .page-actions .btn, .form-actions .btn { /*min-height: 30px;*/ } .page-actions .btn span { line-height: 30px; } .page-actions .btn .caret { margin-top: 12px; } .page-actions .btn:hover /* .form-actions .btn */ { background: #D9E8F3 !important; } @media (max-width: 1055px) { body.responsive .form-actions .menu-name, body.responsive .page-actions .menu-name { display: none; } body.responsive .form-actions .dropdown-menu .menu-name, body.responsive .form-actions .btn-primary .menu-name, body.responsive .page-actions .dropdown-menu .menu-name, body.responsive .page-actions .btn-primary .menu-name { display: inline-block; } body.responsive .form-actions .menu-icon, body.responsive .page-actions .menu-icon { margin-right: 0; } body.responsive .form-actions .dropdown-menu .menu-icon, body.responsive .form-actions .btn-primary .menu-icon, body.responsive .page-actions .dropdown-menu .menu-icon, body.responsive .page-actions .btn-primary .menu-icon { margin-right: 7px; } } /* ==== Tabs ==== */ .nav-tabs { border-bottom: 2px solid #0468B1; } .nav-tabs > li { margin: 0; } .nav-tabs > li > a, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { margin-right: 0; border: none; border-radius: 0; color: #0468B1; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background: #0468B1; color: #fff; font-weight: bold; } .nav-tabs > a:hover, .nav-tabs > a:focus { background: #D9E8F3; } /* ==== List/Detail-Kombi-Ansicht ==== */ @media (min-width: 768px) { .row-fluid.split-view > .entity-selection { width: 25%; } .row-fluid.split-view > .entity-details { margin-left: 0; width: 75%; } } @media (min-width: 768px) and (max-width: 1055px) { .row-fluid.split-view > .entity-selection { width: 30%; } .row-fluid.split-view > .entity-details { margin-left: 0; width: 70%; } } /* ==== Auswahllisten ==== */ .nav-list.entity-list > .active > a, .nav-list.entity-list > .active > a:hover, .nav-list.entity-list > .active > a:focus { background-color: transparent; } .entity-selection .nav-list { padding: 0; } .entity-list .entity { /* li.entity */ border-left: 5px solid #0468B1; background-color: #F2F2F2; color: #7F7F7F; margin-bottom: 3px; padding: 0 15px; margin-right: 10px; } .entity-selection h4 { color: #0468B1; } .entity a span { color: #7F7F7F; } .entity-selection .entity .entity-selection a, .entity-selection a:hover, .entity-selection a:focus, .entity-selection a:active, .entity-selection .nav-list > li > a, .entity-selection .nav-list > .active > a, .entity-selection .nav-list > .active > a:hover, .entity-selection .nav-list > .active > a:focus, .entity-selection .nav-list .nav-header { text-shadow: none !important; text-decoration: none !important; background-color: initial !important; } .entity-selection .selection-toggle { padding: 0 0px; } .entity-selection .selection-toggle .btn-toolbar { margin: 0; } .entity-selection a:hover, .entity-selection a:focus, .entity-selection .nav > li > a:hover, .entity-selection .nav > li > a:focus { background-color: #D9E8F3; } .entity-selection .selected a:hover, .entity-selection .selected a:focus, .entity-selection .nav > li.selected > a:hover, .entity-selection .nav > li.selected > a:focus { background-color: transparent; } /* Darstellung verschiedener Selektionszustände */ .entity-list .entity.selected, .entity-list .entity.active { border-left-color: #0468B1; background-color: white; margin-right: 0px; padding-right: 25px; } .entity-list .entity.disabled { border-left: 5px solid #7F7F7F; background-color: #F2F2F2; } .entity-list .entity.disabled, .entity-list .entity.disabled a, .entity-list .entity.disabled a:focus, .entity-list .entity.disabled a:hover { color: #7F7F7F; } .entity-list .entity.active { border-left-color: #B2B2B2; background-color: #D9E8F3; } /* Fixes für Accordion */ .entity-selection .accordion-group, .entity-selection .accordion-toggle, .entity-selection .accordion-inner { border: none; padding: 0; margin: 0; } .entity-selection .accordion-heading { margin-bottom: 3px; } .entity-selection .accordion-heading h4 { margin: 0; } .entity-selection .accordion-heading a:hover h4, .entity-selection .accordion-heading a:focus h4 { color: #0468B1; } .entity-selection .accordion-heading a, .entity-selection .accordion-heading a.collapsed:hover { padding: 10px 20px 10px 0; background: url(/Public/Images/Herbstwest/Icons/Dropdown-pos_18x18px.png) left no-repeat; padding-left: 25px; } .entity-selection .accordion-heading a.collapsed /*.entity-selection .accordion-heading a:hover*/ { background-image: url(/Public/Images/Herbstwest/Icons/Dropright-pos_18x18px.png); } @media (max-width: 1055px) { body.responsive .entity-selection[class*="span"] { margin-bottom: 20px; } } /* ==== Kontextmenü ==== */ /* ==== Buttons ==== */ /* ==== Notifications ==== */ #toast { border-radius: 5px; background-color: rgba(31, 160, 254, 0.9); border: 1px solid #fff; color: #fff; position: fixed; top: 20px; left: 50%; width: 200px; margin-left: -100px; padding: 5px 0; text-align: center; opacity: .9; z-index: 9999; /*The good stuff */ -webkit-transition: opacity 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: opacity 0.5s ease-out; /* FF4+ */ -ms-transition: opacity 0.5s ease-out; /* IE10? */ -o-transition: opacity 0.5s ease-out; /* Opera 10.5+ */ transition: opacity 0.5s ease-out; } div.notify, div.validation-summary-errors, /* Alle Benachtigungen */ div.validation-summary-valid { background: rgba(178, 178, 178, 0.1); background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-neg_28x28px.png); background-position: 10px 10px; background-repeat: no-repeat; border: 0px solid #fbeed5; font-weight: bold; color: #C09853; min-height: 35px; padding-left: 50px; padding-top: 5px; text-shadow: none !important; margin: 0; } div.validation-summary-errors, div.validation-summary-valid { margin-top: 20px; margin-bottom: 20px; border-radius: 5px; min-height: 45px; } div.notify a { color: #fff; text-decoration: underline; } .notifications .alert + .alert button { display: none; } .alert { /* Einzelne Notifications innerhalb der Seite */ border-radius: 1px; } #notifications .alert { /* Notifications innerhalb der globalen Notifications */ border-radius: 0; } div.notify button.close { font-size: 18px; opacity: 1; text-shadow: none; color: #fff; padding: 2px; margin: 0; } div.notify button.close .menu-icon { margin: 0; } div.notify { /* max-height: 100px;*/ overflow: auto; } #content-body div.notify { max-height: 500px; } .content-body div.notify { max-height: none; } div.notifications { max-height: 500px; overflow: auto; } div.notify span.title, div.notify h4 { font-weight: bold; color: inherit; } div.notify-debug { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-neg_28x28px.png); background-color: rgba(178, 178, 178, 0.9); border-color: #ccc; color: #333; } div.notify-success { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Feedback-neg_28x28px.png); background-color: rgba(7, 176, 11, 0.9); border-color: #ccc; color: #fff; } div.notify-fail { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Warnung-neg_28x28px.png); background-color: rgba(31, 160, 254, 0.9); border-color: #ccc; color: #fff; } .notifications div.notify-success + div.notify-success { background-image: none; } div.notify-info, div.notify-important { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-neg_28x28px.png); background-color: rgba(31, 160, 254, 0.9); border-color: #ccc; color: #fff; } div.notify-warn, div.notify-warning { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Warnung-neg_28x28px.png); background-color: rgba(255, 213, 16, 0.9); border-color: #ccc; color: #333; } div.notify-error, div.validation-summary-errors { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Fehler-neg_28x28px.png); background-color: rgba(227, 20, 24, 0.9); border-color: #ccc; color: #fff; } div.notify-fatal { background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Fehler-neg_28x28px.png); font-weight: bold; background-color: rgba(227, 20, 24, 0.9); border-color: #ccc; color: #fff; } div.notify-question { background-color: rgba(4, 104, 177, 0.9); background-image: url(/Public/Images/Herbstwest/Icons/Hilfe-neg_28x28px.png); color: #fff; } /* ==== Dashboard-Menü ==== */ .dash + .dash { margin-top: 40px; } .dash ul { width: 100%; } .row-dash { display: table; width: 100%; content: ""; } @media (max-width: 1055px) and (min-width: 768px) { .row-fluid:after { clear: both; } } .row-dash .tile { /*padding: 10px;*/ margin: 0; } body.not-responsive .row-dash .tile { float: left; } body.not-responsive .row-dash .tile1 { width: 100%; } body.not-responsive .row-dash .tile2 { width: 50%; } body.not-responsive .row-dash .tile3 { width: 33.33%; } body.not-responsive .row-dash .tile3:last-child { width: 33.34%; } body.not-responsive .row-dash .tile4 { width: 25%; } body.not-responsive .row-dash .tile5 { width: 20%; } body.not-responsive .row-dash .tile6 { width: 16.66%; } body.not-responsive .row-dash .tile6:last-child { width: 16.67%; } body.not-responsive .row-dash .tile8 { width: 12.5%; } body.not-responsive .row-dash .tile10 { width: 10%; } @media (min-width: 768px) { .row-dash .tile { float: left; } .row-dash .tile1 { width: 100%; } .row-dash .tile2 { width: 50%; } .row-dash .tile3 { width: 33.33%; } .row-dash .tile3:last-child { width: 33.34%; } .row-dash .tile4 { width: 25%; } .row-dash .tile5 { width: 20%; } .row-dash .tile6 { width: 16.66%; } .row-dash .tile6:last-child { width: 16.67%; } .row-dash .tile8 { width: 12.5%; } .row-dash .tile10 { width: 10%; } } @media (max-width: 767px) { .dash .row-dash + .row-dash { margin-top: 10px; } } .dash ul li { float: left; } .dash a { display: block; height: 160px; vertical-align: middle; /* wie fieldset */ background: #f2f2f2; border-color: transparent; border-style: solid; border-width: 1px; font-weight: bold; font-size: 12pt; color: #0468B1; display: block; padding: 20px 20px; min-height: 100%; /* Mindesthöhe für moderne Browser */ height: auto !important; /* Important Regel für moderne Browser */ height: 100%; /* Mindesthöhe für den IE */ overflow: hidden !important; /* FF Scroll-leiste */ /*box-shadow: rgba(200, 200, 200, 0.2) 0px 0px 10px 0px;*/ border: 1px solid rgba(200, 200, 200, 0.1); margin: 0px; } .dash .row-dash > .tile + .tile { margin-top: 10px; } .dash a:hover, .dash a:active { background: #d9e8f3; border: 1px solid rgba(4, 104, 177, 0.1); /* box-shadow: rgba(26, 26, 26, 0.2) 0px 0px 10px 0px; */ text-decoration: none; /*margin: 9px;*/ } body.not-responsive .dash a .menu-icon { margin-right: 20px; } body.not-responsive .dash a { text-align: center; padding: 20px 10px; min-height: 115px; margin: 10px; } body.not-responsive .dash > .row-dash > .tile + .tile { margin: 0; } body.not-responsive .dash > .row-dash:first-child a { margin-top: 0; } body.not-responsive .dash a .menu-icon, body.not-responsive .dash a .menu-name { display: block; margin: 0 auto; width: 100%; text-align: center; } body.not-responsive .dash a .menu-icon { margin-bottom: 20px; } @media (min-width: 768px) { .dash a { text-align: center; padding: 20px 10px 10px 10px; min-height: 115px; margin: 3px; } .dash > .row-dash > .tile + .tile { margin: 0; } .dash > .row-dash:first-child a { margin-top: 0; } .dash a .menu-icon, .dash a .menu-name { display: block; margin: 0 auto; width: 100%; text-align: center; min-height: 30px; } .dash a .menu-icon { margin-bottom: 20px; } } .dash a .menu-icon { vertical-align: middle; text-align: center; line-height: 70px; font-size: 70px; /*height: 70px;*/ min-width: 70px; } @media (max-width: 767px) { .dash a .menu-icon { display: inline-block; margin-right: 20px; } .dash a .menu-icon img { vertical-align: baseline; } body.responsive .dash .row-fluid > div + div { margin-top: 10px; } } /* ==== Tables ==== */ .table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th { background-color: #fcfcfc; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #fff; } .table td > a { display: block; } .table td > a:hover { /*background-color: #eeeeee;*/ } table.statusborder tbody tr { border-left: 5px solid blue; } .table th { background-color: #D9E8F3; /* a la Syncfusion, but lighter */ } table.statusborder thead tr { border-left: 5px solid #D9E8F3; } table.table-condensed thead tr { background-color: #D9E8F3; } table.table-condensed tbody tr { margin-bottom: 2px; } table.table-condensed tbody tr a { font-weight: bold; } /* M3Web-Design: Erscheinungsbild für Formulare (Fieldsets, Inputs Labels, aber auch Display...) - wird nach layout.css und style.css geladen */ /* ==== Bootstrap-Definitionen zurücksetzen */ /* Inputs: runde Ecken zurücksetzen */ /*select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-append .add-on, .input-prepend .add-on, .btn { border-radius: 0; }*/ input[data-val-required] { background-color: #f8f0ff; } label.uneditable-input { cursor: pointer; padding-left: 25px; } select { line-height: 24px; } .input-small select { width: 104px; /* 90px + 1px border + 1px padd von input.small */ } .input-mini select { width: 74px; /* 90px + 1px border + 1px padd von input.small */ } select.input-micro { width: 54px; /* 90px + 1px border + 1px padd von input.small */ } .form-inline > label { padding-top: 5px; margin-bottom: 0; } .form-inline input, .form-inline select { /*margin-bottom: 5px;*/ } .label-counter { margin-right: 5px; text-align: right; min-width: 20px; } form { margin-bottom: 0; } .controls + .controls { margin-top: 2px; } .input-micro, .input-prepend input.input-micro, .input-append input.input-micro { width: 40px; } .dl-horizontal > dd:after { display: table; content: ""; clear: both; } .dl-left dt { text-align: left; } .form-horizontal .control-group, .controls.form-inline { margin-bottom: 3px; } .form-horizontal .control-group, .controls.form-inline .benutzer { margin-bottom: 2px; } .pull-right .btn-toolbar { display: inline-block; } .btn-toolbar.no-margin, .btn-toolbar.no-margin > .btn-group, .controls.form-inline .btn-toolbar, .controls.form-inline .btn-group, .controls.form-inline .input-append { margin-top: 0; margin-bottom: 0; } @media (min-width: 768px) { .form-horizontal.small-labels .control-label { width: 120px; } .form-horizontal.small-labels .controls { margin-left: 120px; } } /* ==== Filter-Zeile ==== */ .popover-content:empty { display: none; } fieldset.filter, fieldset.filter-form { /* siehe auch print.css - wird nicht gedruckt */ /* padding: 2px; margin-bottom: 10px; */ margin-top: 0; } fieldset.filter-form div.filter-label { display: none; } fieldset.filter-form { background: #E5E5E5; padding: 15px 15px 11px 15px; border: none; } fieldset.filter-form .filter.small input, fieldset.filter-form .filter.small select, fieldset.filter-form .filter.small div.btn-group a.btn { max-width: 100px; } .filter-editor .btn-group { margin: 0; } .filter-form > .filter, .filter-form > .filter-notes { font-size: .9em; float: left; width: auto; min-width: 20px; margin-bottom: 5px; margin-right: 5px; } .filter-form > .filter.fixedwidth { width: 200px; } .filter-form > .filter.small, .filter-form > .filter.fixedwidth.small { width: 100px; } .filter-form > .filter.large, .filter-form > .filter.fixedwidth.large { width: 300px; } .filter .popover.bottom .arrow { left: 10%; } .filter-form > .filter.small, .filter-form > .filter-notes { min-width: 100px; } .filter-form > .filter:last-child, .filter-form > .filter-notes:last-child { margin-right: 0; } div.filter.small { width: 100px; } .filter-form > .filter-notes { float: right; /*min-height: 35px; vertical-align: middle; display: flex; align-items: center;*/ } .filter-form > .filter-notes { float: right; width: auto; padding-top: 0; margin-top: 0; } .filter-form .drmx-cls-datepicker-button { background-color: var(--component-tertiary-background-color); color: var(--component-tertiary-color); height: var(--component-button-height); aspect-ratio: 1/1; border: 1px rgb(204, 204, 204) solid; border-radius: 0px; } .filter-form .drmx-cls-datepicker-button:first-child { border-right: 0px; } .filter-form .drmx-cls-datepicker-button:not(:first-child,:last-child) { border-right: 0px; border-left: 0px; } .filter-form .drmx-cls-datepicker-button:last-child { border-left: 0px; } .filter-form .drmx-cls-datepicker-button:hover { background-color: color-mix(in srgb, var(--component-tertiary-background-color), var(--component-tertiary-mix-color) var(--component-darker-value)); } .filter-form .drmx-cls-datepicker-button:active { background-color: color-mix(in srgb, var(--component-tertiary-background-color), var(--component-tertiary-mix-color) var(--component-darkest-value)); } div.filter-notes p { padding: 0; margin: 0; } div.filter-notes { text-align: right; } .filter .input-daterange .input-mini { width: 75px; } .filter .input-daterange .add-on { width: 20px; } .filter:hover .filter-description, .controls:hover .control-description, .editor:hover .editor-description, .display:hover .display-description { display: block; } div.filter label { display: block; width: 100%; } div.filter-label, div.filter-editor, div.filter-description { /* padding: 1px 5px; untereinander darstellen */ display: block; clear: both; width: 100%; min-height: 15px; /* sonst rutscht description manchmal über den editor */ } div.filter-label { color: #888; margin-bottom: 0; padding-bottom: 0; } div.filter-label label { font-size: 0.9em; display: block; width: 100%; } div.filter-editor div.input-small { width: 100%; } div.filter-editor select { /* padding-top: 0px; */ } div.filter-editor .small input { width: 90px; } div.filter-editor .small select { width: 90px; } .filter-form .btn-group { margin-top: 0; margin-bottom: 0; } .filter-form .btn-toolbar { margin: 0; } .filter .btn { background-color: transparent; border: 1px solid transparent; } .filter .btn-group.open .btn.dropdown-toggle, .filter .btn:hover, .filter .btn:active, .filter .btn:focus { /*border: 1px solid #0567b0;*/ background-color: #e5e5e5; /*#D9E8F3; /*#D9E8F3;*/ border: 1px solid #cccccc; } .filter .btn-group.open .btn.dropdown-toggle, .filter .btn:active { background-color: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } div.filter-description, div.display-description, div.control-description, div.editor-description { /* css-Tooltip */ display: none; font-size: 1em; text-align: left; clear: both; color: #aaa5b0; position: absolute; background-color: #fff; border: 1px solid #ccc; margin: 2px 0px; z-index: 9; } div.filter-description { width: 200px; } .filter:hover .filter-description, .controls:hover .control-description, .display:hover .display-description, .editor:hover .editor-description { display: block; } div.filter .popover, div.controls .popover, div.display .popover, div.editor .popover { top: inherit; left: inherit; } /* ==== Bootstrap Typeahead ==== */ .typeahead.dropdown-menu { max-height: 400px !important; overflow-y: auto; overflow-x: hidden; } /* ==== Collapsible Fieldset ==== */ fieldset.collapsible.collapsed > legend { border-bottom: 1px solid #e5e5e5; } fieldset.collapsible > legend:hover { background-color: rgba(217, 232, 243, 0.5); /* #e5e5e5 */ cursor: pointer; } .collapsible legend > i.icon { width: 10px; display: inline-block; } /* ==== Detail-Ansichten ==== */ .display { display: block; line-height: 20px; min-height: 20px; margin-top: 5px; padding-bottom: 5px; } .display-separated .display { /*padding-top: 10px; border-top: 1px solid rgb(250, 250, 250);*/ } .display-field { vertical-align: top; display: block; margin-left: 180px; } .display-field:empty { content: 'hmm'; color: #aaa; padding: 10px 20px; /* height=20px, width=40px */ font-size: 0px; } .display-label { vertical-align: top; display: block; float: left; width: 160px; } @media (max-width: 379px) { .display-label, .display-field { width: 100%; margin-left: 0; } .display-label { text-decoration: underline; } } /* ==== Fieldsets ==== */ .form-container { background: #f2f2f2; /* hellgrauer Hintergrund */ border-left: 5px solid #0567b0; /* dunkler (Status-) Streifen links */ border-bottom: none; border-right: none; border-top: none; padding: 10px 20px 10px 20px; } .control-label { text-align: left; } .form-container.central-form { padding-left: 225px; padding-right: 225px; } .form-container .form-heading { /* gleiche Farbe wie dunkler Streifen, nur transparent */ background: rgba(4, 104, 177, 0.1); /* = #0567b0 */ margin: -10px -20px 0px -20px; padding: 10px 20px 10px 20px; } .form-container .form-heading h2 { margin: 0; background-position: center right; background-repeat: no-repeat; border: none; } .form-actions { margin-top: 10px; border-top: 2px solid #0468B1; clear: both; padding: 0px; } .form-container .form-actions { background: #fff; margin: 0px -20px -5px -20px; padding: 0px 20px; border: none; } .form-container > .form-heading + .form-actions { margin-top: 0px; margin-bottom: 20px; } @media print { .form-actions, .form-actions *, .notifications, .notifications * .btn-toolbar, .btn-toolbar *, a.no-explicit-print[href]:after, abbr.no-explicit-print[title]:after { display: none !important; } } .form-container > fieldset + fieldset, .form-container > fieldset + .row-fluid, .form-container > .row-fluid + fieldset, .form-container > .row-fluid + .row-fluid, .form-container .separate { /*padding-top: 20px; margin-bottom: 0px; border-top: 2px solid #fff;*/ } /* fieldset legend { line-height: 18px; font-size: 15px; font-weight: bold;*/ /*padding: 20px 20px 5px 0px;*/ /*margin-left: -25px;*/ /* margin-bottom: 15px; border: none; } */ fieldset { margin-top: 20px; margin-bottom: 20px; } div.invisible-label label, td.invisible-label label { display: none; } .display-description, .editor-description { width: 400px; } .editor-label, div.editor-label label, div.display-label label, td.editor-label label, td.display-label label { display: block; min-width: 150px; } /* ==== Form-Inputs ==== */ input[type=search], input.search, input.filter, .filter.search input, .select2-search input, .filter input.filter { background-image: url(/Public/Images/Herbstwest/Icons/Suche-inactive_18x18px.png); background-position: right center; background-position: right 5px top 50%; background-repeat: no-repeat; } /* ==== Validierung ==== */ .field-validation-error, span.Autocomplete_Wrapper.error { font-size: 0.8em; text-align: left; margin: 2px; margin-top: -10px; position: relative; display: block; clear: both; color: #BF4160; } input.input-validation-error, select.input-validation-error, textarea.input-validation-error, .input-validation-error input, .input-validation-error select, .input-validation-error textarea, .editor-field input.input-validation-error, .editor-field select.input-validation-error, .editor-field textarea.input-validation-error { background-color: #FFE0DC; border-color: #BF4160; } .validation-summary-valid { display: none; } .full-width, input.full-width, .full-width input { width: 100%; } textarea.huge { width: 100%; height: 150px; } /* ==== Spezial-Formate ==== */ span.winbutton { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; text-align: left; background-color: #FBFAF9; color: #111; box-shadow: inset 0 0 .3em #333; border-radius: 2px; padding: 1px 6px; margin: 0px 3px; } .color-green, .color-green a { /* zugestellte in Message-Recipients */ color: forestgreen; } .color-red, .color-red a { /* nicht-zugestellte in Message-Recipients */ color: darkred; } .color-violet, .color-violet a { /* nicht-zugestellte in Message-Recipients */ color: blueviolet; } label:has(input[type="checkbox"]), label.checkbox, label[for] { /*scale labels for checkboxes to the checkbox + text (so that only text + checkbox is clickable)*/ width: fit-content; } .editor-field input[type="checkbox"] { width: auto; background-color: white; } .display-small .display-label, .editor-small .editor-label { width: 100px; min-width: 100px; } .subform td.editor-field { width: auto; } .editor-field input, .editor-field select, .editor-field textarea { color: #333; width: 200px; } .editor-field textarea { height: 60px; } .editor-field-small input, .editor-field-small select { width: 60px; } .editor-field-date input, .editor-field-date select { width: 75px; } .editor-field-medium input, .editor-field-medium select { width: 90px; } .editor-field-100 input, .editor-field-100 select { /*width: 100%;*/ } .editor-field-xsmall input, .editor-field-xsmall select { width: 40px; } .editor-field-large input, .editor-field-large select { width: 300px; } .editor-field-xlarge input, .editor-field-xlarge select { width: 450px; } .editor-field-xxlarge input, .editor-field-xxlarge select { width: 600px; } .field-validation-error, span.Autocomplete_Wrapper.error { font-size: 0.9em; text-align: left; margin: 2px; position: relative; display: block; clear: both; } .field-validation-error, span.Autocomplete_Wrapper.error { color: #BF4160; } input.input-validation-error, select.input-validation-error, textarea.input-validation-error, .input-validation-error input, .input-validation-error select, .input-validation-error textarea, .editor-field input.input-validation-error, .editor-field select.input-validation-error, .editor-field textarea.input-validation-error { background-color: #FFE0DC; border-color: #BF4160; } .full-width, input.full-width, .full-width input { width: 100%; } textarea.huge { width: 100%; height: 150px; } span[title] { cursor: pointer; /*)text-decoration: underline; text-decoration-style: dotted;*/ } .achtung, span.achtung, span.achtung a, span.achtung a:link, span.achtung a:hover, span.achtung a:visited { color: red !important; } .table label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* TODO: http://codepen.io/jamesbarnett/pen/yILjk */ /* .table input[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .table input[type=checkbox] + label { padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; background-image: url(/Public/Themes/Herbstwest/images/lite-blue-check.png); } .table input[type=checkbox]:checked + label { background-position: 0 -15px; } .table input[type=checkbox]:checked + label:before { content: 0 -15px; } */ /*#region SELECT2*/ .select2-container { --secondary-background-color: #d1e3f1; --secondary-color: #0468B1; --select2-search-line-height: 20px; width: 220px; /*same as normal inputs*/ } /*hide description when dropdown is active*/ .filter:has(.select2-container--open) .filter-description { display: none; } .select2-container .select2-selection__rendered { line-height: var(--select2-search-line-height) !important; max-height: 100%; } .select2-container .select2-selection { padding: 4px 6px; margin-bottom: 0; font-size: 12px; vertical-align: middle; color: rgb(85, 85, 85); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .select2-container .select2-selection--single { height: var(--component-button-height); } .select2-container:has(.select2-selection.select2-selection--multiple) { width: 100% !important; /*somehow the width is statically set to 220px*/ } .select2-container .select2-selection--multiple .select2-search--inline { border: none; margin-top: 5px; /*so that the text is on same line as .select2-selection__choice*/ } .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field { height: fit-content; min-height: fit-content; margin: 0px;/*so that the text is on same line as .select2-selection__choice*/ } .select2-container .select2-selection--multiple .select2-selection__choice { position: relative; background-color: var(--component-secondary-background-color); color: var(--component-secondary-color); } .select2-container .select2-selection--multiple .select2-selection__choice { padding: 0px; display: flex; padding-right: 5px; } .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { position: relative; min-width: 15px; color: transparent; /*"remove" x*/ border-right: var(--component-secondary-border); padding-right: 2px; padding-left: 2px; } .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { backdrop-filter: brightness(calc(100% - var(--component-dark-value))); } .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active { backdrop-filter: brightness(calc(100% - var(--component-darker-value))); } .select2-container .select2-selection--multiple .select2-selection__choice .select2-option { padding-left: 3px; } .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove::before { font-family: var(--component-icon-font-family); color: var(--component-secondary-color); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; font-size: 1.2em; font-weight: lighter; opacity: 1; content: '\f014';/*icon-trash*/ } /* .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { opacity: 1; backdrop-filter: brightness(calc(100% - var(--component-dark-value))); }*/ .select2-container--open .select2-search__field { box-shadow: none; } .select2-container, .select2-container--open { border: none; border-radius: 0; background: transparent; overflow-x: visible; } .select2-container .select2-selection, .select2-container .select2-selection .select2-selection__arrow, .select2-search, .select2-results__options { border-radius: 0; background-image: none; background-color: var(--component-readability-background-color); border-color: #cccccc; } .select2-container .select2-selection .select2-selection__arrow { border-left: none; } .select2-container--open .select2-selection, .select2-search { border-color: rgba(4,104,177,.8); } .select2-selection[aria-expanded=true] { border-bottom: none !important; } .select2-search { border: 1px solid rgba(4,104,177,.8); background: #fff; border-top: none; padding: 0; } .select2-search input { border: none !important; box-shadow: none !important; height: auto !important; min-height: var(--component-button-height); padding: 4px 20px 4px 5px; } .filter .select2-container { width: 100%; } .filter .input-daterange > .select2-container { width: 90px; } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: none; font-weight: bold; } .select2-dropdown { background-color: transparent; border: none; } .select2-results { min-width: 300px; max-width: 500px; margin-top: 5px; border: 1px solid rgba(4,104,177,.8); color: #0468B1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .filter-editor .select2-container { height: var(--component-button-height); } .select2-results__options { white-space: nowrap; width: 100%; padding: 5px 0; } .select2-results__options .select2-results__option { text-overflow: ellipsis; overflow: hidden; } .select2-results__options .select2-no-results { background: none; font-style: italic; text-align: center; color: #1A1A1A; } /*basically :hover*/ .select2-container .select2-results__option--highlighted { color: var(--component-secondary-color) !important; background-color: var(--secondary-background-color) !important; } /*derzeit aktiviertes element*/ .select2-container .select2-results__option[aria-selected=true] { /*TODO if needed*/ } /*#endregion SELECT2*/ .language { width: 65px; background-color: transparent; border-style: none; border-radius: 5px; margin: 0px; font-weight: bold; } #selectLanguage { background-repeat: no-repeat; background-image: url(/Public/Images/Flags/de.png); background-position: center; background-position-x: 30px; } .extra-margin-bottom { margin-bottom:3px; } .bundesland { width: 20px; } /*#region custom-context-menu*/ .custom-context-menu { border-radius: 7px; padding-top: 7px; padding-bottom: 10px; background-color: var(--component-readability-background-color); color: var(--component-readability-color); box-shadow: 2px 5px 10px color-mix(in srgb, var(--component-readability-border-color), transparent 50%); } .custom-context-menu .context-menu-button { width: calc(100% - 20px); height: var(--component-button-height); display: flex; align-items: center; padding-left: 10px; padding-right: 10px; cursor: pointer; } .custom-context-menu .context-menu-button:hover { background-color: color-mix(in srgb, var(--component-readability-background-color), var(--component-readability-mix-color) var(--component-dark-value)); } .custom-context-menu .context-menu-button:active { background-color: color-mix(in srgb, var(--component-readability-background-color), var(--component-readability-mix-color) var(--component-darker-value)); } .custom-context-menu hr { margin: 5px 0px 5px 0px; border: color-mix(in srgb, var(--component-readability-background-color), var(--component-readability-border-color) var(--component-dark-value)) solid 1px; } /*#endregion custom-context-menu*/ /* M3Web-Design: Spezial-Styles für Desktop-Anzeige - wird nach allem anderen CSS-Files geladen */ @media screen { } /* M3Web-Design: Spezial-Styles für Drucker-Ausgabe - wird nach allem anderen CSS-Files geladen */ /* */ @media print { li { margin-top: 0; } body, a, a:link, a:visited, input, select, button, legend, table, td { font-family: Helvetica, Arial, sans-serif; font-size: 9pt !important; color: #000; text-decoration: none; } a, a:link, a:visited { text-decoration: underline; text-decoration-style: dotted; text-decoration-color: #ccc; } .noprint, .dont-print, .menu, #header, #footer, fieldset.filter, fieldset.filter-form, .form-actions, .page-actions, .profiler-results, tr.FilterBar, .Gridtoolbar, .filter-description, .profiler-results { display: none; } h1 { font-size: 1.3em; font-style: italic; border-bottom: 1px solid; margin-bottom: 0.2em; } h2 { font-size: 1.2em; border-bottom: 1px solid; margin-bottom: 0.2em; } h3 { font-size: 1.1em; } #content-title, #content-subtitle { font-size: 1.5em; font-weight: bold; margin-right: auto; margin: 0; padding: 0; } fieldset, div.GridContent, div.GridContent table, input, select, button { border: 1px solid #333; overflow: visible; } div.GridContent table td { padding: 1px !important; } .print-description { margin-top: 0; font-size: .8em; color: #777; text-align: right; } #content-subtitle { padding-left: .5em; font-weight: normal; } .headings { margin: 0; padding: 0; overflow: hidden; display: block; clear: both; float: none; width: 100%; /*border: 1px solid green;*/ } fieldset, table, input { border-color: #777; } div.filter-print { border: 1px solid transparent; /* wenn kein border, kommts zu anzeige-störungen */ display: block; font-size: .8em; width: 100%; clear: both; } div.filter-print li, div.filter-print p /*, div.filter-print li ul*/ { border: 1px solid transparent; display: block; float: left; margin-right: 1em; vertical-align: middle; } hr { clear: both; } div.display-label, div.editor-label, td.display-label, td.editor-label { display: block; width: 200px; text-align: right; vertical-align: top; padding-right: 10px; } table { max-width: 100%; background-color: transparent; } .table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; } .table th, .table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } .table-caption { font-weight: bold; margin-bottom: 20px; } .table-caption-column { text-align: right; } .table-column-num { text-align: right; } .table-caption-row { text-align: center; } .ui-dialog-title { float: none; text-align: center; } } /* M3Web-Design: Spezial-Styles für kleine Displays / mobile Geräte - wird nach allem anderen CSS-Files geladen */ @media handheld { } /** ==================== Overrides bootstrap.css ================= **/ .control-group { margin-bottom: 1px; } /** ==================== Overrides layout.css ==================== **/ #header, #footer { /*box-shadow: none; /*rgba(26, 26, 26, 0.4) 0px 0px 10px 0px;!1!*/ } body.sticky-footer #wrap { margin: 0 auto -35px; /* Negative indent footer by it's height */ } @media (min-width: 768px) and (min-height: 480px) { .fixed-footer #push, #footer { height: 30px; } } @media (min-width: 768px) and (min-height: 480px) { body.fixed-header.scrolled #header { /*box-shadow: none;*/ } } #footer, #footer-content { min-height: 30px; } @media (min-width: 768px) { #footer-left, #footer-right, #footer-middle { padding-top: 5px; } } #footer-left .maininfo { padding-top: 5px; } /** ==================== Overrides style.css ==================== **/ html, #header { background-color: #fff; background-image: url(/Public/Themes/Platforms/services/images/wolken.jpg); background-position-x: 50%; background-position-y: 0px; background-repeat: no-repeat; background-attachment: fixed; background-position: center top; } dl.dl-horizontal > dt { text-align: left; } body { font-size: 13px; } table { font-size: 11px; } .well { background-color: rgba(255, 255, 255, 0.7); } #header .nav.level1 > li > a { color: #4D586A; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 9pt; text-align: center; text-transform: uppercase; font-weight: bold; } #header span.caret { border-top-color: #4D586A; } #header .nav > li > a:hover, #header .nav > li > a:focus { background-color: rgba(255, 255, 255, 0.4); /*background-color: transparent;*/ border: 0 none; text-decoration: none; color: #000; text-shadow: 0.1em 0.1em 0.2em #EEEEEE; } fieldset.filter-form, .form-container { background-color: rgba(217, 232, 243, 0.2); border: 1px solid #B4D2E8; } .modal { background-color: #fff; background-position-x: 50%; background-position-y: 0px; background-repeat: no-repeat; } body { background-color: transparent; } .page-actions .btn-toolbar { margin-top: 0px; margin-bottom: 10px; min-height: 30px; } .page-actions .btn { height: 30px; vertical-align: middle; } #header-content, #footer-content { background: none; background-color: rgba(217, 232, 243, 0.5); } #header { border-bottom: 1px solid #B4D2E8; } #footer { background: #fff; border-top: 1px solid #B4D2E8; color: #92A9B6; } #footer a { color: #92A9B6; } #footer, #footer a:hover, #footer a:visited { color: #0468B1; } fieldset { margin-top: 5px; } .form-actions { background: transparent; } .modal-header { border-bottom: 2px solid #B4D2E8; } .modal-header h3 { color: #0468B1; font-size: 20px; font-weight: bold; } #logo h1 span { font-size: 9pt; color: #3A4648; font-weight: normal; font-family: "Segoe UI", Arial, Helvetica, sans-serif; } #header .nav.level1 > li.active > a, #header .nav.level1 > li.active > a:hover, #header .nav.level1 > li.active > a:focus { background-color: rgba(255, 255, 255, 0.6); /*background-color: rgba(217, 232, 243, 0.5);*/ /*border: 1px solid #B4D2E8;*/ } body.responsive #header .nav.level1 > li.active, body.responsive #header .nav.level1 > li.active > a { box-shadow: none; } div.filter, div.filter-notes { min-width: 100px; } div.filter.small { width: 100px; } #Vp_Palette, #Vp_Stueck, #Wae_Warenwert { font-size: 8pt; height: 28px; } @media (min-width: 980px) { #notifications { top: 0px; right: 40px; /* links neben I-MenuIcon */ position: fixed; } .index-page #notifications { top: 0px; } } @media (min-width: 1200px) { #notifications { right: 60px; /* links neben I-MenuIcon */ } } p.ex1 { margin-top: 6px; margin-bottom: 0; font-size: 12px; font-weight: bold; } input[type="checkbox"].ex2 { margin-top: 2px; min-height: 28px } .checkbox input[type="checkbox"].ex3 { margin-left: 3px; } .error { color: red; }