/* Minification failed. Returning unminified contents. (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (518,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-border-color' (528,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-border-color' (547,35): run-time error CSS1039: Token not allowed after unary operator: '-cw-row-border-color' (551,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-row-hover-bg' (555,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-row-selected-bg' (563,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-row-selected-bg' (567,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-bg' (568,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-border-color' (585,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-link-color' (593,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-link-hover-color' (597,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-active-color' (598,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-paging-active-indicator' (1788,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-navbar-padding-y' (1788,46): run-time error CSS1039: Token not allowed after unary operator: '-cw-navbar-padding-x' (1789,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-navbar-bg' (1792,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-navbar-margin-bottom' (1793,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-navbar-shadow' (1825,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-width' (1826,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-width' (1827,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-bg' (1828,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-color' (1829,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-transition' (1837,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-collapsed-width' (1838,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-collapsed-width' (1884,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-header-height' (1910,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-hover-color' (1911,30): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-hover-bg' (1946,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-color' (1947,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-bg' (1952,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-bg' (1953,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-color' (1963,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-content-transition' (1964,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-width' (1969,27): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-collapsed-width' (2010,37): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-width' (2075,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-active-color' (2076,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-active-bg' (2080,18): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-item-margin' (2087,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidebar-link-min-height' (2270,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-font-size-base' (2271,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-body-color' (2280,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-link-color' (2285,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-link-hover-color' (2290,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-link-hover-color' (2292,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-link-focus-outline' (2293,30): run-time error CSS1039: Token not allowed after unary operator: '-cw-link-focus-outline-offset' (2294,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (2298,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-font-size-small' (2615,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-color' (2619,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-active-color' (2620,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-active-bg' (2624,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-hover-color' (2625,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-hover-bg' (2634,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-color' (2638,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-active-color' (2639,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-active-bg' (2645,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-hover-color' (2646,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-link-hover-bg' (2658,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-content-bg' (2663,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-bg' (2676,30): run-time error CSS1039: Token not allowed after unary operator: '-cw-sidenav-bg' (2728,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-card-border-color' (2729,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-card-border-radius' (2899,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-btn-color' (2985,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-header-bg' (2986,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-header-color' (2987,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-header-padding' (2988,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-header-border' (2994,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-btn-padding' (2995,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-font-size-base' (2996,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-body-color' (2997,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (2998,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-color' (3004,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-body-color' (3005,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-border-color' (3007,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (3011,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (3017,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (3083,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-card-border-color' (3093,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-card-border-radius' (3094,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-bg' (3095,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-border-color' (3096,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-shadow' (3097,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-font-size-base' (3103,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-color' (3108,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-hover-bg' (3109,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-hover-color' (3113,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-focus-bg' (3114,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-focus-color' (3119,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-active-bg' (3120,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-active-color' (3397,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-footer-bg' (3398,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-footer-border-top' (3399,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-footer-padding' (3482,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-bg' (3483,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-border-color' (3484,29): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (3498,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-btn-padding' (3499,26): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-bg' (3500,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-border-color' (3501,29): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (3519,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-color' (3524,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-focus-border-color' (3525,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-select2-focus-shadow' (3534,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3535,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-color' (3537,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-color' (3545,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-color' (3549,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-hover-bg' (3550,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-hover-color' (3554,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-focus-bg' (3555,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-dropdown-item-focus-color' (3573,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-color' (3575,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (3579,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3586,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-readonly-bg' (3587,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-readonly-color' (3592,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3593,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-color' (3594,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-opacity' (3600,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3601,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-color' (3610,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-btn-padding' (3611,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-font-size-base' (3612,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (3613,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-color' (3643,36): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-color' (3644,33): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-radius' (3646,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-body-color' (3650,40): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3651,29): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-color' (3768,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3769,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-color' (3770,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-opacity' (3774,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-border-color' (3775,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (3814,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-color' (3815,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-opacity' (3819,32): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-disabled-bg' (3820,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-border-color' (3825,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-checked-bg' (3826,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-checked-border' (3831,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-focus-border-color' (3832,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-focus-shadow' (3836,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-checked-bg' (3837,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-checked-border' (3846,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-check-invalid-bg' (3870,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-btn-color' (3873,19): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-btn-opacity' (3895,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-btn-color' (3897,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-btn-hover-opacity' (4144,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (4148,28): run-time error CSS1039: Token not allowed after unary operator: '-cw-btn-primary-active-bg' (4149,24): run-time error CSS1039: Token not allowed after unary operator: '-cw-btn-primary-active-border' (4150,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-btn-primary-active-color' (4642,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (4660,29): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-border-color' (4663,44): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-border-color' (4665,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' (4699,21): run-time error CSS1039: Token not allowed after unary operator: '-cw-page-title-font-size' (4700,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-page-title-font-weight' (4701,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-page-title-color' (4702,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-page-title-bg' (4704,25): run-time error CSS1039: Token not allowed after unary operator: '-cw-page-title-margin-bottom' (4708,23): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-title-font-weight' (4709,17): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-header-color' (4710,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-modal-header-bg' (4777,44): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-border-color' (4779,22): run-time error CSS1039: Token not allowed after unary operator: '-cw-input-focus-shadow' */ /* ========================================================================== Casewhere Theme Variables -------------------------------------------------------------------------- All visual/theme-able values are defined here as CSS custom properties. Override these in a custom theme stylesheet to re-skin the application without touching the core CSS files. ========================================================================== */ :root { /* ---- Typography ---- */ --cw-font-size-base: 0.9rem; --cw-font-size-small: 0.7rem; --cw-body-color: #5e677b; /* ---- Sidebar ---- */ --cw-sidebar-width: 250px; --cw-sidebar-collapsed-width: 80px; --cw-sidebar-bg: #2c3039; --cw-sidebar-color: #fff; --cw-sidebar-active-bg: #fff; --cw-sidebar-active-color: #2c3039; --cw-sidebar-hover-bg: rgba(255, 255, 255, 0.15); --cw-sidebar-hover-color: #fff; --cw-sidebar-header-height: 71px; --cw-sidebar-transition: all 0.3s; --cw-sidebar-item-margin: 4px; --cw-sidebar-link-min-height: 41px; /* ---- Navbar / Top Nav ---- */ --cw-navbar-bg: #fff; --cw-navbar-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); --cw-navbar-padding-y: 10px; --cw-navbar-padding-x: 0px; --cw-navbar-margin-bottom: 1rem; /* ---- Content Area ---- */ --cw-content-bg: #fff; --cw-content-transition: all 0.3s; /* ---- Cards ---- */ --cw-card-border-color: #DADFE9; --cw-card-border-radius: 0; /* ---- Accent / Brand Colors ---- */ --cw-accent-color: #009587; --cw-accent-hover: #00C9B7; /* ---- Links ---- */ --cw-link-color: #0065d2; --cw-link-hover-color: #004c9f; --cw-link-focus-outline: 2px solid rgba(0, 101, 210, 0.4); --cw-link-focus-outline-offset: 1px; /* ---- Data Rows (ui-grid, listview, tables) ---- */ --cw-row-hover-bg: #f0f4f8; --cw-row-selected-bg: #d0e8f2; --cw-row-selected-color: inherit; --cw-row-stripe-bg: transparent; --cw-row-border-color: rgba(0, 0, 0, 0.06); /* ---- Pagination ---- */ --cw-paging-bg: #fafafa; --cw-paging-border-color: #f5f5f5; --cw-paging-link-color: var(--cw-link-color); --cw-paging-link-hover-color: var(--cw-link-hover-color); --cw-paging-active-color: var(--cw-btn-success-bg, #0056a0); --cw-paging-active-indicator: inset 0px 3px var(--cw-paging-active-color); /* ---- Form Controls (inputs, selects, textareas) ---- */ --cw-input-border-color: #DADFE9; --cw-input-focus-border-color: #607d8b; --cw-input-focus-shadow: 0 0 0 0.2rem rgba(96, 125, 139, 0.15); --cw-input-disabled-bg: #e9ecef; --cw-input-disabled-color: #6c757d; --cw-input-disabled-opacity: 1; --cw-input-readonly-bg: #fff; --cw-input-readonly-color: var(--cw-body-color); --cw-input-placeholder-color: #b0b0b0; --cw-input-border-radius: 0.1px; /* ---- Buttons ---- */ --cw-btn-border-radius: 0; --cw-btn-padding: 0.2rem 0.75rem; --cw-btn-focus-shadow-alpha: 0.25; --cw-btn-disabled-opacity: 0.45; --cw-btn-primary-bg: #008345; --cw-btn-primary-border: #008345; --cw-btn-primary-hover-bg: #005d31; --cw-btn-primary-hover-border: #00502a; --cw-btn-primary-active-bg: #00502a; --cw-btn-primary-active-border: #004323; --cw-btn-primary-active-color: #fff; --cw-btn-success-bg: #0065d2; --cw-btn-success-border: #0065d2; --cw-btn-success-hover-bg: #0053ac; --cw-btn-success-hover-border: #004c9f; --cw-btn-success-active-bg: #004c9f; --cw-btn-success-active-border: #004692; --cw-btn-link-color: #008345; --cw-btn-link-hover-color: #00371d; /* ---- Checkbox & Radio ---- */ --cw-check-focus-border-color: var(--cw-input-focus-border-color); --cw-check-focus-shadow: var(--cw-input-focus-shadow); --cw-check-checked-bg: var(--cw-btn-primary-bg); --cw-check-checked-border: var(--cw-btn-primary-border); --cw-check-invalid-bg: #f28380; /* ---- Select2 ---- */ --cw-select2-border-color: var(--cw-input-border-color); --cw-select2-focus-border-color: var(--cw-input-focus-border-color); --cw-select2-focus-shadow: var(--cw-input-focus-shadow); --cw-select2-bg: #fff; --cw-select2-color: var(--cw-body-color); /* ---- Dropdown Menu ---- */ --cw-dropdown-bg: #fff; --cw-dropdown-border-color: rgba(0, 0, 0, 0.15); --cw-dropdown-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); --cw-dropdown-item-color: var(--cw-body-color); --cw-dropdown-item-hover-bg: #f8f9fa; --cw-dropdown-item-hover-color: var(--cw-body-color); --cw-dropdown-item-active-bg: var(--cw-btn-primary-bg); --cw-dropdown-item-active-color: #fff; --cw-dropdown-item-focus-bg: #e9ecef; --cw-dropdown-item-focus-color: var(--cw-body-color); /* ---- Sidenav (legacy #mainNav) ---- */ --cw-sidenav-bg: #2c3039; --cw-sidenav-link-color: #fff; --cw-sidenav-link-active-color: #5e677b; --cw-sidenav-link-active-bg: #e5e5e5; --cw-sidenav-link-hover-color: #5e677b; --cw-sidenav-link-hover-bg: #e5e5e5; /* ---- Modals ---- */ --cw-modal-header-bg: #2c3039; --cw-modal-header-color: #fff; --cw-modal-header-padding: 0.65rem 1rem; --cw-modal-header-border: none; --cw-modal-btn-color: #fff; --cw-modal-btn-opacity: 0.7; --cw-modal-btn-hover-opacity: 1; --cw-modal-footer-bg: #f8f9fa; --cw-modal-footer-border-top: 1px solid #dee2e6; --cw-modal-footer-padding: 0.625rem 1rem; /* ---- Page Title (shell context — inside #cw-content-wrapper) ---- */ --cw-page-title-font-size: 1.25rem; --cw-page-title-font-weight: 500; --cw-page-title-color: var(--cw-body-color); --cw-page-title-bg: transparent; --cw-page-title-margin-bottom: 1rem; /* ---- Loader ---- */ --cw-loader-overlay-bg: rgba(255, 255, 255, 0.6); /* ---- Workflow Steps ---- */ --cw-wf-step-active-bg: #dae6f0; --cw-wf-step-done-bg: #dff0d8; --cw-wf-step-disabled-bg: #eeeeee; } #loader-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10002; } #loader-container .loader-container-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.1; transition: all 0.12s ease-in-out; } #loader-container.d-none .loader-container-overlay { opacity: 0; } img.cw-loader { height: 70px; width: 70px; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -100px; } .loader { width: 131px; height: 3px; background: #eee; border-radius: 2px; position: absolute; top: 50%; overflow: hidden; left: 50%; transform: translate(-50%,-50%); } .loader .innerloader { height: 100%; width: 100px; position: relative; left: -50px; /*background: #0077B5;*/ background: #008345; animation: move1 1.5s infinite; } @-webkit-keyframes move1 { 50% { left: 70px; } } @keyframes move1 { 50% { left: 70px; } } .cube-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sk-fading-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #607d8b; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .cw-loader .loader-container-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @-webkit-keyframes metro-slide { 0% { left: -50%; } 100% { left: 150%; } } @keyframes metro-slide { 0% { left: -50%; } 100% { left: 150%; } } @-webkit-keyframes metro-opacity { 0% { opacity: 0; } 0% { opacity: .5; } 100% { opacity: 1; } } @keyframes metro-opacity { 0% { opacity: 0; } 0% { opacity: .5; } 100% { opacity: 1; } } .preloader-metro { overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 10px; background-color: transparent; } .preloader-metro.color-style > .circle { background-color: #1ba1e2; } .preloader-metro > .circle { display: inline-block; position: absolute; width: 10px; height: 10px; background-color: #ffffff; opacity: 0; margin-left: 5px; -webkit-animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate; animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate; } .preloader-metro.color-style > .circle:nth-child(2) { background-color: #fa6800; } .preloader-metro > .circle:nth-child(2) { -webkit-animation-delay: .8s; animation-delay: .8s; } .preloader-metro.color-style > .circle:nth-child(3) { background-color: #60a917; } .preloader-metro > .circle:nth-child(3) { -webkit-animation-delay: .7s; animation-delay: .7s; } .preloader-metro.color-style > .circle:nth-child(4) { background-color: #ce352c; } .preloader-metro > .circle:nth-child(4) { -webkit-animation-delay: .6s; animation-delay: .6s; } .preloader-metro.color-style > .circle:nth-child(5) { background-color: #e3c800; } .preloader-metro > .circle:nth-child(5) { -webkit-animation-delay: .5s; animation-delay: .5s; } .listview-container { position: relative; height: 100%; width: 100%; } .cw-listview { height: 100%; overflow-y: auto; border: 1px solid var(--cw-paging-border-color, #f5f5f5); padding: 0; display: grid; gap: 10px; } .cw-listview-no-paging { height: calc(100% - 60px); max-height: 77vh; overflow-y: auto; border: 1px solid var(--cw-paging-border-color, #f5f5f5); padding: 0; } .cw-listview-row { grid-template-columns: 1fr; } .cw-listview-card { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .cw-listview .cw-list-item { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .cw-listview-row .cw-list-item { border-bottom: 1px solid var(--cw-row-border-color, rgba(0, 0, 0, 0.06)); } .cw-listview-row .cw-list-item:hover { background-color: var(--cw-row-hover-bg) !important; } .cw-listview-row .cw-list-item.selected { background-color: var(--cw-row-selected-bg) !important; } .cw-listview-card .cw-list-item:hover { box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.15); } .cw-listview-card .cw-list-item.selected { background: var(--cw-row-selected-bg) !important; } .paging-wrapper { background-color: var(--cw-paging-bg, #fafafa); border: 1px solid var(--cw-paging-border-color, #f5f5f5); display: flex; justify-content: space-between; flex-wrap: wrap; } .paging-wrapper ul { margin: 0 !important; flex: 1; } .paging-wrapper ul li { margin: 0 !important; } .paging-wrapper ul button { border: none !important; color: var(--cw-paging-link-color, #0065d2); background-color: transparent !important; padding: 15px; transition: color 0.15s ease-in-out; } .paging-wrapper ul button:hover { cursor: pointer; color: var(--cw-paging-link-hover-color, #004c9f); } .paging-wrapper .pagination .active button { color: var(--cw-paging-active-color, #0056a0) !important; box-shadow: var(--cw-paging-active-indicator, inset 0px 3px #0056a0); } .pagination > .disabled > button { pointer-events: none; } .cw-pagination-item-number { margin: auto; } @media screen and (max-width:375px) { .paging-wrapper ul button { padding: 15px 9px; } } .cw-filter-builder { z-index: 1001; background: white; border: none; transition: all .5s ease-in-out; min-width: 600px; overflow-y: auto; max-width: calc(100vw - 130px); } .cw-filter-builder.mobile { min-width: 300px; } .cw-filter-builder .filter-header { padding: 5px 0; background-color: #f4f4f4; } .cw-filter-builder.mobile .filter-header { display: flex; justify-content: space-between; } .cw-filter-builder.zoom { z-index: 1001; background: white; border: none; transition: all .5s ease-in-out; } .cw-filter-builder.zoom .cw-filter-content { height: 350px; } .cw-filter-builder .cw-filter-content { overflow-y: auto; max-height: calc(100vh - 180px); } .cw-filter-builder .cw-filter-footer { margin-bottom: 5px; } .cw-filter-builder fieldset { border: 1px solid rgba(0, 0, 0, 0.15); } .cw-filter-builder legend { font-size: 0.9em; line-height: 20px; margin: 0 5px; width: auto !important; } .cw-filter-builder legend span { padding: 3px; margin: 2px; cursor: pointer; } .cw-filter-builder .form-row, .cw-filter-builder .form-group { margin-bottom: 13px; } .cw-filter-builder .filter-group .filter-icon-group, .cw-filter-builder .filter-group .filter-icon { font-size: 0.8em; } .cw-filter-builder .filter-icon-group { position: relative; } .cw-filter-builder .filter-icon-group .fa-align-justify { opacity: 0.5; } .cw-filter-builder .filter-icon-group .fa-filter { position: absolute; top: 0.8em; left: 0.5em; font-size: .8em; } .cw-filter-builder .filter-group .filter-icon-group .fa-filter { position: absolute; bottom: 5px; right: 3px; font-size: .8em; } .cw-filter-builder .filter-group button { padding: 5px; } .cw-filter-builder .multi-select .dropdown-menu { width: auto; } cw-filter-builder.dropdown-menu.show { z-index: 1001; } .cw-filter-builder .btn-expand > span{ display: none; } .cw-filter-builder.mobile .btn-link { display: inline-flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: smaller; padding-left: 8px; padding-right: 8px; } .cw-filter-builder.mobile .btn-expand > span { display: initial; } .cw-filter-builder.mobile .btn-remove { padding-right: 0; padding-left: 4px; } .cw-filter-builder.mobile .filter-header .filter-icon-group { margin-top: -4px; } .cw-filter-builder.mobile .col, .cw-filter-builder.mobile .col-12{ padding-left: 6px; padding-right: 6px; } .cw-filter-builder.mobile .row{ margin-left: -6px; margin-right: -6px; } .cw-filter-builder.mobile .form-row{ padding-left: 4px; } .cw-filter-builder.mobile input.form-control, .cw-filter-builder.mobile select.form-control, .cw-filter-builder.mobile a.form-control, .cw-filter-builder.mobile textarea.form-control, .cw-filter-builder.mobile div.form-control { padding-left: 0px; padding-right: 0px; font-size: smaller; } .cw-filter-builder.mobile .form-row > .col, .cw-filter-builder.mobile .form-row > [class*="col-"] { padding-right: 1px; padding-left: 1px; } .flex-grow { flex: 1; } .auto-height-by-container .flex-grow-list-view { flex: 1 1 1px; } .flex-1 { flex: 1; } /*.grid-layout .flex-grow-list-view { flex: none !important; }*/ .title-wrapper { display: flex; align-items: center; } .widget { border-width: 1px; border-style: solid; margin-bottom: 15px; border-color: #ddd; position: relative; } .widget.widget-table { overflow: hidden; } .widget.widget-hide-header { border: none; background: none; } .widget.widget-focus-enabled { z-index: 999; position: relative; } .widget.widget-quick-note .widget-content { padding: 0; } .widget.widget-quick-note input.title, .widget.widget-quick-note textarea { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; resize: none; } .widget.widget-quick-note input.title { font-weight: 700; } .widget.widget-quick-note textarea:focus { outline: none; } .widget.quick-note-create .widget-footer { display: none; } .widget.quick-note-saved:hover { cursor: pointer; } .widget .widget-header { padding: 0 15px; height: 35px; background-color: #f4f4f4; border: 1px solid #ddd; } /*@media screen and (max-width: 480px) { .widget .widget-header { height: 100%; } }*/ .widget .widget-header h3 { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 1.1em; margin: 0; line-height: 35px; float: left; } @media screen and (max-width: 480px) { .widget .widget-header h3 { float: none; } } .widget .widget-header i { margin-right: 5px; } .widget .widget-header em { float: left; font-size: 0.9em; color: #a4a4a4; line-height: 35px; margin-left: 4px; } @media screen and (max-width: 1279px) { .widget .widget-header em { display: none; } } .widget .widget-header .btn-help { float: left; padding: 0; position: relative; top: 3px; left: 3px; } @media screen and (max-width: 1279px) { .widget .widget-header .btn-help { display: none; } } .widget .widget-header .btn-group > a { color: #555; } .widget .widget-header .widget-header-toolbar { float: right; width: auto; height: 35px; border-left: 1px solid #ddd; padding-left: 10px; margin-left: 10px; } @media screen and (max-width: 480px) { .widget .widget-header .widget-header-toolbar { display: block; float: none; border-left: none; margin-left: 0; padding-left: 0; } } .widget .widget-header .widget-header-toolbar > a { margin-left: 5px; } .widget .widget-header .widget-header-toolbar.btn-init-hide { display: none; } .widget .widget-header .widget-header-toolbar.process-status { border-left: none; /* status like loading, saved, failed always on the leftmost */ } .widget .widget-header .widget-header-toolbar.process-status i { font-size: 15px; line-height: 35px; margin-right: 0; } .widget .widget-header .widget-header-toolbar.process-status span { display: none; } .widget .widget-header .widget-header-toolbar .control-title { font-size: 0.9em; color: #a4a4a4; position: relative; top: 1px; } .widget .widget-header .widget-header-toolbar .label { position: relative; top: 8px; } .widget .widget-header .widget-header-toolbar .toolbar-item-group { padding-top: 0.3em; height: 100%; } .widget .widget-header .widget-header-toolbar .toolbar-item-group .label { position: relative; top: 1px; } .widget .widget-header .widget-header-toolbar .toolbar-item-group .multiselect { margin-top: 0; } .widget .widget-header .widget-header-toolbar .btn, .widget .widget-header .widget-header-toolbar .btn-borderless { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 25px; } .widget .widget-header .widget-header-toolbar .btn-borderless { padding-top: 5px; } .widget .widget-header .widget-header-toolbar .btn-borderless i { margin-right: 5px; position: relative; top: 2px; } .widget .widget-header .widget-header-toolbar .btn { margin-top: 5px; } .widget .widget-header .widget-header-toolbar .btn.btn-sm { padding: 0 10px; } .widget .widget-header .widget-header-toolbar .btn.btn-sm i { width: 10px; height: 12px; } .widget .widget-header .widget-header-toolbar .progress { width: 150px; height: 15px; margin-bottom: 0; margin-top: 10px; } .widget .widget-header .widget-header-toolbar .progress .progress-bar { font-size: 10px; line-height: 1.5; } .widget .widget-content.widget-content-no-panel { box-shadow: none !important; padding: 0 !important; border: none; background-color: inherit; } .widget .widget-content { display: flex; padding: 15px; background-color: #fff; /*-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15); box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);*/ -webkit-box-shadow: none; box-shadow: none; border: 1px solid #dadfe9; border-top: none; } .widget .widget-content h4 { font-size: 14px; } .widget .widget-content h5 { font-size: 13px; } .widget .widget-content h6 { font-size: 12px; } .widget .widget-footer { padding: 7px 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #f0f0f0; background-color: #f7f7f7; } .search-form { display: flex; justify-content: flex-end; position: relative; } .ui-grid-pager-row-count-label { display: none; } .grid-layout.fixed-height:not(.Custom) { height: 400px; } .grid-layout.fixed-height.Custom { height: auto; } .grid-layout.fixed-height > * { height: 100%; display: flex; flex-direction: column; } .ui-grid-cell { border-right: none; } .ui-grid-header { border-bottom: 2px solid #DADFE9; } .ui-grid-header-cell { vertical-align: bottom; border-right: none; } .ui-grid-header-cell:hover { border-right: 1px solid #d4d4d4; } .ui-grid-cell-contents { padding: 0.5rem; border-top: 1px solid #DADFE9; line-height: 28px; } .ui-grid-header-cell .ui-grid-cell-contents { border-top: none; } .ui-grid { height: 100%; border: none; } .ui-grid-cell-contents:focus { outline: auto; } .ui-grid-top-panel { background: none; } .ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-row:nth-child(even) .ui-grid-cell { background: none; } .ui-grid-render-container-body:not(.vertical-table-mobile) .ui-grid-row:first-child .ui-grid-cell-contents { border-top: none; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-cell-contents { padding: unset; border-top: unset; line-height: unset; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-cell-contents-responsive { padding: 0.5rem; border-top: 1px solid #DADFE9; line-height: 28px; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even) .ui-grid-cell { max-width: 100%; min-width: 100%; text-align: right; box-sizing: border-box; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(odd) .ui-grid-cell .ui-grid-cell-contents-responsive span, .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even) .ui-grid-cell .ui-grid-cell-contents-responsive span { display: inline-block!important; float: left; font-weight: bold; width: 30%; text-align: left; margin-right: 20px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 100%; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even):not(:hover) .ui-grid-cell .ui-grid-cell-contents-responsive { background: aliceblue; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(even), .ui-grid-render-container-body.vertical-table-mobile .ui-grid-row:nth-child(odd) { border-top: #aed3ab 3px double; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-viewport, .ui-grid-render-container-body.vertical-table-mobile .ui-grid-canvas { width: 100% !important; } .ui-grid-render-container-body.vertical-table-mobile .ui-grid-header { display: none; } .widget { border: 0 !important; } .filled-layout .widget { margin-bottom: 0px; height: 100% !important; } .widget-content-wrapper.collapse { display: none !important; } .widget-content-wrapper.collapse.show { display: flex !important; } .cursor-pointer { cursor: pointer; } #custom-widget-content > *:first-child { flex: 1 0 auto; display: flex; flex-direction: column; } .widget-wrapper { display: flex; flex-direction: column; } .widget-wrapper.full-height { max-height: calc(100vh - 12.9rem) !important; height: calc(100vh - 12.9rem) !important; } .widget-wrapper > *:first-child { flex: 1 0 auto; display: flex; flex-direction: column; } .modal-dialog #page-dialog-content > * > .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } .pageModal .modal-dialog .modal-content .modal-header { padding: 0; } .item-adding { animation: to-yellow 125ms cubic-bezier(.8,0,.2,1) 16 alternate; } @-webkit-keyframes to-yellow { 100% { background: #fff6be; } } @keyframes to-yellow { 100% { background: #fff6be; } } .cw-listview .cw-list-item.item-deleted, .cw-listview .cw-list-item.selected.item-deleted { background-color: #f4a3a4 !important; } .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell.item-deleted { background-color: #f4a3a4 !important; } .ui-grid-row > [ui-grid-row] > .ui-grid-cell.row-dirty { background-color: #dfecc1 !important; } .widget-backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; background-color: #e9ecef; cursor: not-allowed; z-index: 2; } .filled-layout.fixed-height { flex: 1 1 0; height: auto; } /*.page-row .page-column:last-child .widget { margin-bottom: 0; }*/ #cw-content-wrapper .cw-dynamic-page { height: 100%; display: flex; flex-direction: column; flex: 1; } .custom-control-inline { align-content: center; } .navbar-nav a[aria-expanded="true"] { background: transparent; } .widget-collapsed { height: auto !important; flex: none; } .widget-content .nav-tabs.mobile { border-bottom: 2px solid #ddd; min-height: 38.6px; } .widget-content .nav-tabs.mobile > li > a { border: none; background-color: transparent !important; position: relative; } .widget-content .nav-tabs.mobile > li > a::after { content: ""; background: #3e4a59; height: 2px; position: absolute; width: 100%; left: 0; bottom: -1px; transition: all 250ms ease 0s; margin: 0; border: 0; transform: scale(0); } .widget-content .nav-tabs.mobile > li > a.active::after, .widget-content .nav-tabs.mobile > li:hover > a::after { transform: scale(1); } .tab-pane > .filled-layout > div { flex-direction: column !important; flex: 1 1 1px; } .tab-pane > .filled-layout > div > .filled-container { height: 100%; } .fixed-height.Custom { overflow-x: hidden; overflow-y: auto; } .widget-content > cw-workflow-shell { flex: 1; display: flex; flex-direction: column; } .widget-content > cw-workflow-shell .wf-activity-section { height: auto; } .widget-content > cw-workflow-shell .fullheightnoheader { flex: 1; } .widget-content > cw-workflow-shell .fullheightnoheader .wf-activity-section { flex: 1 1 1px; } .widget-content > cw-workflow-shell .fullheightnoheader.tabpane-horizontal .wf-activity-section { flex: 1 1 auto; } .widget-content > cw-workflow-shell .step-panel { flex: 1 1 1px; } .widget-content > cw-workflow-shell .modal-body { display: flex; flex-direction: column; } .pageModal.mediumModal .modal-dialog { max-width: 75%; height: 75%; height: 75vh; } .workflowModal.mediumModal .modal-dialog { max-width: 75%; } .pageModal.smallModal .modal-dialog, .pageModal .modal-dialog { max-width: 800px; height: 60%; height: 60vh; } .pageModal .modal-dialog .modal-content { height: 100%; } .modal-dialog .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e9ecef; background: #2c3039; color: #fff; padding: 10px; border-radius: 0; align-items: center; } .modal-dialog .title-wrapper .title { font-size: inherit; margin: 0; line-height: 1.5; } .modal-dialog #page-dialog-content > * > .container-fluid { padding: 0 !important; } .modal-dialog #page-dialog-content > * > .container-fluid > div.row:first-child { margin: 0; position: fixed; width: 100%; z-index: 1; } .modal-dialog #page-dialog-content > * > .container-fluid > div.row:first-child > div { padding: 0; } .modal-dialog #page-dialog-content > * > .container-fluid > div.page-row { margin: 60px 0 0 !important; } .modal-dialog #page-dialog-content > * > .container-fluid > div.d-flex { padding-left: 15px; padding-right: 15px; margin-top: 60px; margin-bottom: 15px; overflow: auto; } .pageModal .modal-header { position: absolute; top: 12px; right: 10px; z-index: 2; border-bottom: 0 !important; } .pageModal .modal-header .btn { padding: 0; } .filled-container .grid-layout.fixed-height { flex: 1; height: auto; } .grid-layout .filled-container .page-row:last-child { margin-bottom: 0 !important; } .field-required { margin-left: 5px; color: #dc3545; font-size: .75rem; top: -3px; position: relative } .widget .collapsing { -webkit-transition: none !important; transition: none !important; display: none !important; } .text-field-collapsed { width: 36.5px; } .text-field-collapsed::-webkit-input-placeholder { color: transparent; } .text-field-collapsed:-moz-placeholder { /* Firefox 18- */ color: transparent; } .text-field-collapsed::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .text-field-collapsed:-ms-input-placeholder { color: transparent; } .icon-search { position: absolute; right: 8px !important; top: 0; padding-right: 0; } .search-field { transition: all .3s; } .btn-search { position: absolute; top: 0; right: 0; } .modal-dialog #page-dialog-content > * > .container-fluid { transform: translateX(0px); } .select2-hidden-accessible { display: none; } .cw-navigation-actions--mobile { padding: 15px 15px 0 15px; } .ui-grid-free-height .ui-grid-cell-contents { white-space: normal; } .ui-grid-free-height [ui-grid-row] { display: table-row; } .ui-grid-free-height .ui-grid-row, .ui-grid-free-height .ui-grid-cell { height: auto !important; min-height: 45px; } .ui-grid-free-height .ui-grid-cell { float: none; display: table-cell; vertical-align: top; } .choices[data-type*=select-one] .choices__inner { padding: .2rem .75rem; border-radius: 0; background-color: #fff; vertical-align: middle; min-height: unset; height: auto; display: block; font-size: .9rem; } .choices__list--single { padding: 0; display: block; } .multi-select .search-box { padding: 0; } .multi-select .search-box input { padding: 0.4rem 0.75rem; border-left: 0; border-right: 0; } .multi-select.dropdown-menu { min-width: 184px; margin-top: -1px; border: 1px solid #dadfe9; box-shadow: none; z-index: 9999; } .multi-select.show .display-box { border-color: #607d8b; } .multi-select.dropdown-menu.show { border-color: #607d8b; } .multi-select .display-box { padding: .2rem .75rem; background: #fff; text-align: right; cursor: pointer; user-select: none; border: 1px solid #dadfe9; position: relative; color: #5e677b; height: 29.38px; } .multi-select .display-box .badge-group { position: absolute; width: calc(100% - 1.5rem - 60px); height: calc(100% - 0.4rem); display: inline-block; left: .75rem; display: flex; flex-flow: nowrap; } .multi-select .display-box .badge-group .custom-badge { padding: 0.34rem; margin-right: 3px; background-color: #e3e4e4; color: #5e677b; float: left; min-width: 60px; max-width: 90px; text-align: left; display: flex; align-items: center; justify-content: space-between; } .multi-select .display-box .badge-total-selected { margin-right: 3px; padding: 0.34rem; top: -1px; position: relative; } .multi-select .display-box .deselect-all { margin-right: 3px; } .multi-select .display-box .badge-group .badge-ellipsis { float: left; font-weight: 600; } .multi-select .display-box .badge-text { margin-right: 4px; max-width: 69px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .multi-select .display-box .close-icon { float: right; max-width: 6px; } .multi-select .display-box .fa { color: #5e677b; } .multi-select .dropdown-item.active, .multi-select .dropdown-item:active { color: #5e677b; background-color: transparent; } .multi-select .dropdown-item .custom-checkbox { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multi-select .selected-items, .multi-select .available-items { max-height: 120px; overflow-y: hidden; } @media screen and (max-width: 768px) { .multi-select .selected-items, .multi-select .available-items { overflow-y: auto; } } .multi-select .available-items { margin-top: 5px; color: #5e677b; } .multi-select .no-item, .multi-select .invalid-input-length { padding: 0 .75rem .2rem; color: #5e677b; } .multi-select .no-selected-item { padding: .2rem .75rem 0; color: #5e677b; margin-bottom: 5px; } .scroll-box::-webkit-scrollbar { width: .6em; } .scroll-box::-webkit-scrollbar, .scroll-box::-webkit-scrollbar-thumb { overflow: visible; border-radius: 4px; } .scroll-box::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); } .scroll-box:hover { overflow: auto; } .search-box > input:focus { outline: 0; box-shadow: none !important; border-color: #DADFE9; } .search-box .search-icon { position: absolute; top: 7px; right: 12px; color: #5e677b; } cw-multi-select[disabled] .multi-select .display-box { background-color: #e9ecef; cursor: not-allowed; } cw-multi-select[disabled] .multi-select .display-box .custom-badge { color: #fff; background-color: #6c757d; } cw-multi-select.ng-dirty.ng-invalid .multi-select .display-box { border: 1px solid #f28380 !important; color: #db241e; } .multi-select .dropdown-item .custom-checkbox .custom-control-label { width: 100%; } .multi-select .placeholder { float: left; color: rgba(85,85,85,.5); } .multi-select-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; background-color: #fff; filter: alpha(opacity=0); } #sidebar a, #sidebar a:hover, #sidebar a:focus { color: inherit; text-decoration: none; transition: all 0.3s; } .navbar { padding: var(--cw-navbar-padding-y) var(--cw-navbar-padding-x); background: var(--cw-navbar-bg); border: none; border-radius: 0; margin-bottom: var(--cw-navbar-margin-bottom); box-shadow: var(--cw-navbar-shadow); } .navbar-btn { box-shadow: none; outline: none !important; border: none; } .line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0; } #sidebar i, #sidebar span { display: inline-block; } /* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */ .wrapper { display: flex; align-items: stretch; } #sidebar { position: fixed; min-width: var(--cw-sidebar-width); max-width: var(--cw-sidebar-width); background: var(--cw-sidebar-bg); color: var(--cw-sidebar-color); transition: var(--cw-sidebar-transition); height: 100vh; overflow: hidden; display: flex; flex-direction: column; } #sidebar.active { min-width: var(--cw-sidebar-collapsed-width); max-width: var(--cw-sidebar-collapsed-width); text-align: center; } #sidebar.active .sidebar-header h3, #sidebar.active .CTAs { display: none; } #sidebar.active .sidebar-header strong { display: block; } #sidebar ul li a { text-align: left; } #sidebar.active ul li a { padding: 20px 10px; text-align: center; font-size: 0.85em; } #sidebar.active ul li a i { margin-right: 0; display: block; font-size: 1.5em; margin-bottom: 5px; } #sidebar.active ul ul a { padding: 10px !important; } #sidebar.active .dropdown-toggle::after { top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } #sidebar .sidebar-header { padding: 20px; text-align: center; height: var(--cw-sidebar-header-height); } #sidebar .sidebar-header strong { display: none; font-size: 1.8em; } #sidebar .sidebar-content { flex: 1; overflow-y: auto; } #sidebar ul.components { padding-bottom: 20px; /* border-bottom: 1px solid #678131; */ margin-bottom: 0; } #sidebar div div a { padding: 10px; /* font-size: 1.1em; */ display: block; } #sidebar div div a:hover { color: var(--cw-sidebar-hover-color); background: var(--cw-sidebar-hover-bg); transition: background 0.2s ease, color 0.2s ease; } #sidebar div div a i { margin-right: 10px; } /*#sidebar div div.active > a, a[aria-expanded="true"] { color: #fff; background: #2c3039; }*/ a[data-toggle="collapse"] { position: relative; } /*#sidebar div div a { background: #2c3039; }*/ #sidebar div.CTAs { padding: 20px; } #sidebar div.CTAs a { text-align: center; font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 5px; } a.download { background: var(--cw-sidebar-color); color: var(--cw-sidebar-bg); } a.article, a.article:hover { background: var(--cw-sidebar-bg) !important; color: var(--cw-sidebar-color) !important; } /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */ #content { width: 100%; min-height: 100dvh; transition: var(--cw-content-transition); margin-left: var(--cw-sidebar-width); overflow: auto; } #content.sidebar-mini { margin-left: var(--cw-sidebar-collapsed-width); } /* --------------------------------------------------- MEDIAQUERIES ----------------------------------------------------- */ @media (max-width: 768px) { #sidebar { /* min-width: 80px; max-width: 80px; */ text-align: center; /* margin-left: -80px !important; */ } .dropdown-toggle::after { top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } #sidebar.active { margin-left: -80px !important; } #sidebar .sidebar-header h3, #sidebar .CTAs { display: none; } #sidebar { margin-left: 0; } #sidebarCollapse span { display: none; } #content { margin-left: 0; transform: translate3d(var(--cw-sidebar-width),0,0); } #content.sidebar-mini { margin-left: 0; transform: translateZ(0); } } .hasChild .nav-link-collapse:after { float: right; content: '\f107'; font-family: 'FontAwesome'; margin-left: 10px; } .hasChild .nav-link-collapse.collapsed:after { content: '\f105'; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 760px) { .sidebar-l .content-wrapper { margin-left: 0; } } .product-logo { background-image: url(/Content/images/casewhere-logo.png); background-position: center; background-repeat: no-repeat; } #sidebar.active .product-logo { background-image: url(/Content/images/casewhere-logo.png); background-size: 72px 22px; } #sidebar.active div div a { padding: 10px !important; font-size: 0.85em; } #sidebar.active .nav-link-text { display: block; overflow: hidden; text-overflow: ellipsis; } #sidebar.active .hasChild .nav-link-collapse:after { content: ''; } #sidebar div div div.sub-item a i { display: inline; /*margin-left: -25px;*/ } #sidebar div div a.active { color: var(--cw-sidebar-active-color); background: var(--cw-sidebar-active-bg); } #sidebar .nav-item{ margin: var(--cw-sidebar-item-margin); } #sidebar .nav-link { display: flex; align-items: center; min-height: var(--cw-sidebar-link-min-height); } #sidebar.active .nav-link { display: block; } #sidebar .nav-link > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } #sidebar .nav-link > span.cw-menu-display-count { flex: 0 0 auto; margin-left: auto; overflow: visible; white-space: nowrap; width: auto; } #sidebarCollapse:focus { outline: 0; } /*#sidebar .list-group-item i { margin-right: 10px; } #sidebar .list-group-item { padding: 10px; background-color: inherit; border: none; } #sidebar .list-group-item.active, #sidebar .list-group-item:hover { color: #2c3039; background: #fff; } .hasChild:after { float: right; content: '\f107'; font-family: 'FontAwesome'; margin-left: 10px; } .hasChild.collapsed:after { content: '\f105'; }*/ .float { position: fixed; width: 55px; height: 55px; bottom: 20px; right: 20px; background-color: #333; color: #FFF; border-radius: 50px; text-align: center; box-shadow: 2px 2px 3px #999; display: flex; justify-content: center; align-items: center; opacity: .7; } .modal-open .modal { overflow: hidden; } .cw-navigation-menu.modal.fade .modal-dialog { margin: 0; position: absolute; bottom: 20px; right: 20px; width: 200px; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transform-origin: bottom right; } .cw-navigation-menu.modal.fade.show .modal-dialog { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .cw-navigation-menu .modal-body { padding: 0; } .cw-navigation-menu .modal-body .action { padding: 10px; font-size: 16px; } .cw-navigation-menu .modal-body .action i { margin-right: 5px; } #notfound { position: relative; height: 100vh; } #notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .notfound { max-width: 767px; width: 100%; line-height: 1.4; text-align: center; padding: 15px; } .notfound .notfound-404 { position: relative; height: 220px; } .notfound .notfound-404 h1 { font-family: 'Kanit', sans-serif; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 186px; font-weight: 200; margin: 0px; background: linear-gradient(130deg, #2c3039, #2c3039); color: transparent; -webkit-background-clip: text; background-clip: text; text-transform: uppercase; } .notfound h2 { font-family: 'Kanit', sans-serif; font-size: 33px; font-weight: 200; text-transform: uppercase; margin-top: 0px; margin-bottom: 25px; letter-spacing: 3px; } .notfound p { font-family: 'Kanit', sans-serif; font-size: 16px; font-weight: 200; margin-top: 0px; margin-bottom: 25px; } html { position: relative; min-height: 100%; font-size: 16px; } body { overflow-x: hidden; font-size: var(--cw-font-size-base); color: var(--cw-body-color); } body.fixed-nav { padding-top: 0; } a { cursor: pointer; color: var(--cw-link-color); transition: color 0.15s ease-in-out; } a:hover { color: var(--cw-link-hover-color); text-decoration: underline; } a:focus { color: var(--cw-link-hover-color); text-decoration: underline; outline: var(--cw-link-focus-outline); outline-offset: var(--cw-link-focus-outline-offset); box-shadow: var(--cw-input-focus-shadow); } .smaller { font-size: var(--cw-font-size-small); } .o-hidden { overflow: hidden !important; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } #mainNav .navbar-collapse { overflow: auto; max-height: 75vh; } #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link { cursor: pointer; } #mainNav .navbar-collapse .navbar-sidenav .hasChild .nav-link-collapse:after { float: right; content: '\f107'; font-family: 'FontAwesome'; } #mainNav .navbar-collapse .navbar-sidenav .hasChild .nav-link-collapse.collapsed:after { content: '\f105'; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level { padding-left: 0; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a { display: block; padding: 0.5em 0; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover { text-decoration: none; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a { padding-left: 1em; } #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a { padding-left: 2em; } #mainNav .navbar-collapse .sidenav-toggler { display: none; } #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown > .nav-link { position: relative; min-width: 45px; } #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown > .nav-link .indicator { position: absolute; top: 2px; left: 25px; font-size: 10px; } #mainNav .navbar-collapse .navbar-nav > .withbadge { position: relative; } #mainNav .navbar-collapse .navbar-nav > .withbadge > .nav-link .badge { position: absolute; top: 2px; left: 25px; font-size: 10px; } #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message { overflow: hidden; max-width: none; text-overflow: ellipsis; } .nocaret > .dropdown-toggle::after { display: none; } @media (min-width: 761px) { #mainNav .navbar-brand { padding: .3rem 0; } #mainNav .navbar-collapse { overflow: visible; max-height: none; } #mainNav .navbar-collapse .navbar-sidenav { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 60px; } #mainNav .navbar-collapse .navbar-sidenav .nav-item { width: 100%; padding: 0; } #mainNav .navbar-collapse .navbar-sidenav .nav-item > .nav-link { padding: .6em 1em; padding-right: .4rem; } #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level, #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level { padding-left: 0; list-style: none; } #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li, #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li { width: 250px; } #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a, #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a { padding: .5em 1em; } #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a { padding-left: 2.75em; } #mainNav .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a { padding-left: 3.75em; } #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown > .nav-link { min-width: 0; } #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message { max-width: 300px; } } #mainNav.fixed-top .sidenav-toggler { display: none; } @media (min-width: 761px) { #mainNav.fixed-top .navbar-sidenav { height: calc(100vh - 60px); padding: 1rem 0; width: 250px; } body.sidenav-toggled #mainNav.fixed-top .navbar-sidenav { width: 55px !important; } #mainNav.fixed-top .sidenav-toggler { position: absolute; top: 0; left: 0; display: flex; overflow-x: hidden; overflow-y: auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: calc(100vh - 50px); } #mainNav.fixed-top .sidenav-toggler .nav-item { width: 250px; padding: 0; } #mainNav.fixed-top .sidenav-toggler .nav-item > .nav-link { padding: 1em; } } #mainNav.fixed-top.navbar-dark .sidenav-toggler { background-color: #212529; } #mainNav.fixed-top.navbar-dark .sidenav-toggler a i { color: #adb5bd; } #mainNav.fixed-top.navbar-light .sidenav-toggler { background-color: #dee2e6; } #mainNav.fixed-top.navbar-light .sidenav-toggler a i { color: rgba(0, 0, 0, 0.5); } body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler { overflow-x: hidden; } /*body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item, body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link { width: 55px !important; }*/ body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: 'FlipH'; } #mainNav.static-top .sidenav-toggler { display: none; } @media (min-width: 761px) { #mainNav.static-top .sidenav-toggler { display: flex; } } body.sidenav-toggled #mainNav.static-top #sidenavToggler i { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: 'FlipH'; } .content-wrapper-fullpage { } .graybg { background: #ecf1fb; } .content-wrapper { flex: 1; padding: 0; overflow-x: hidden; /*background: #f8f9fc;*/ display: flex; flex-direction: column; position: relative; } @media (min-width: 761px) { .sidebar-l .content-wrapper { margin-left: 0; } } #sidenavToggler i { font-weight: 800; } .navbar-sidenav-tooltip.show { display: none; } @media (min-width: 761px) { body.sidenav-toggled .content-wrapper { margin-left: 55px; } } body.sidenav-toggled .navbar-sidenav { overflow-x: hidden; width: 55px; } body.sidenav-toggled .navbar-sidenav .nav-link-text { display: none; } body.sidenav-toggled .navbar-sidenav .nav-item, body.sidenav-toggled .navbar-sidenav .nav-link { width: 55px !important; } body.sidenav-toggled .navbar-sidenav .nav-item:after, body.sidenav-toggled .navbar-sidenav .nav-link:after { display: none; } body.sidenav-toggled .navbar-sidenav-tooltip.show { display: flex; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after { color: #5e677b; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item > .nav-link { color: var(--cw-sidenav-link-color); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item > .nav-link.active { color: var(--cw-sidenav-link-active-color); background: var(--cw-sidenav-link-active-bg); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item > .nav-link:hover { color: var(--cw-sidenav-link-hover-color); background: var(--cw-sidenav-link-hover-bg); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item > .nav-link > .nav-link-text { margin-left: 5px; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a { color: var(--cw-sidenav-link-color); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a.active { color: var(--cw-sidenav-link-active-color); background: var(--cw-sidenav-link-active-bg); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a:hover, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a:hover { color: var(--cw-sidenav-link-hover-color); background: var(--cw-sidenav-link-hover-bg); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a > .nav-link-text { margin-left: 5px; } #mainNav.navbar-dark .navbar-collapse .navbar-nav .nav-item.dropdown > .nav-link:after { color: #adb5bd; } .bg-dark { background-color: var(--cw-content-bg) !important; } @media (min-width: 761px) { #mainNav.navbar-dark .navbar-collapse .navbar-sidenav { background: var(--cw-sidenav-bg); } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a { background-color: #ecf1fb; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover { color: white; } #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level { background: var(--cw-sidenav-bg); } } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after { color: rgba(0, 0, 0, 0.5); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item > .nav-link { color: rgba(0, 0, 0, 0.5); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item > .nav-link:hover { color: rgba(0, 0, 0, 0.7); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a, #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a { color: rgba(0, 0, 0, 0.5); } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level > li > a:hover, #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level > li > a:hover { color: rgba(0, 0, 0, 0.7); } #mainNav.navbar-light .navbar-collapse .navbar-nav .nav-item.dropdown > .nav-link:after { color: rgba(0, 0, 0, 0.5); } @media (min-width: 761px) { #mainNav.navbar-light .navbar-collapse .navbar-sidenav { background: #f8f9fa; } #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a { color: #000 !important; background-color: #e9ecef; } #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover { color: #000; } #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-second-level, #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-item .sidenav-third-level { background: #f8f9fa; } } .card { border: 1px solid var(--cw-card-border-color); border-radius: var(--cw-card-border-radius); } .card-body-icon { position: absolute; z-index: 0; top: -25px; right: -25px; font-size: 5rem; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } @media (min-width: 576px) { .card-columns { column-count: 1; } } @media (min-width: 768px) { .card-columns { column-count: 2; } } @media (min-width: 1200px) { .card-columns { column-count: 2; } } .card-login { max-width: 25rem; } .card-register { max-width: 40rem; } .img-circle { border-radius: 50%; } .appiconsmenu { min-width: 300px; padding: 0; } @media (min-width: 768px) { .appiconsmenu { max-width: 400px; } } .appiconsmenu .a-area { padding: 10px; } .appiconsmenu .a-item { text-align: center; } .appiconsmenu .a-item a { display: block; padding: 10px 0; color: #777; border: 1px solid transparent; border-radius: 2px; text-decoration: none; -webkit-transition: all .3s; transition: all .3s; } .appiconsmenu .a-item .ai-icon { margin: 0 auto 10px auto; width: 32px; height: 32px; } .appiconsmenu .a-item .ai-title { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .listapp .a-item { text-align: center; } .listapp .a-item a { display: block; padding: 25px 0; color: #777; border: 0; text-decoration: none; -webkit-transition: all .3s; transition: all .3s; } .listapp .a-item .ai-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widgetnumber { font-size: 40px; margin-bottom: 0px; } .widgettitle { font-size: 14px; max-width: 150px; } .listnewapp .media { margin-bottom: 40px; } .listnewapp .media p { margin-bottom: 10px; } .bigModal { padding: 0 !important; height: calc(100vh); } /*.bigModal:not([index="0"]) .modal-dialog { margin-left: 280px !important; } .bigModal:not([index="0"]) .modal-dialog .modal-content { box-shadow: -2px 0 3px 0 rgba(0,0,0,.1); }*/ /*.bigModal:not([index="0"]) .modal-dialog .modal-content .modal-header .close { left: -269px; }*/ .bigModal .modal-dialog { margin-left: 40px !important; } .bigModal .modal-dialog, .bigModal .modal-content { height: calc(100vh); border: none; border-radius: 0; } .bigModal .modal-bodyAngular.modal-body { padding: 0; } .bigModal.cw-dialog-top .modal-body { padding: 0.5rem; } .bigModal .modal-bodyAngular.modal-body .fullheightnoheader { margin: 0; height: 100%; display: flex; } .bigModal .close { position: fixed; top: calc(1rem / 2); left: calc(20px - 1.5rem / 2); color: var(--cw-modal-btn-color); display: block; z-index: 1; padding: 0; margin: 0; cursor: pointer; opacity: initial; font-size: 1.5rem; } .bigModal .modal-dialog { max-width: 100%; margin: 0; } #loginDialog .close { float: right; position: initial; display: inline-block; } #loginDialog .close span { display: block; } .vertical-centered-modal-container { display: flex !important; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; } .overflow-auto { overflow: auto; } .usercard { font-size: 0.75rem; cursor: pointer; } .usercard .card-body { padding: .5rem 0; } .usercard .sp, .usercard .container-fluid { padding-right: 5px; padding-left: 5px; } .usercard .row { margin-right: -5px; margin-left: -5px; } /* .row.small-gutter [class*='col-']:not(:first-child):not(:last-child) { padding-right:5px; padding-left:5px; } .row.small-gutter [class*='col-']:first-child { padding-right:5px; } .row.small-gutter [class*='col-']:last-child { padding-left:5px; }*/ /*---override---*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal; } .h1, h1 { font-size: 2rem; } .h2, h2 { font-size: 1.9rem; } .navbar-toggler { border: 0; border-radius: 0; padding: 0; } .modal-header { background: var(--cw-modal-header-bg); color: var(--cw-modal-header-color); padding: var(--cw-modal-header-padding); border-bottom: var(--cw-modal-header-border); border-radius: 0; align-items: center; } input.form-control, select.form-control, a.form-control, textarea.form-control, div.form-control, .select2-choice { padding: var(--cw-btn-padding); font-size: var(--cw-font-size-base); color: var(--cw-body-color); border-radius: var(--cw-input-border-radius); border: 1px solid var(--cw-input-border-color); height: auto; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } input.form-control:focus, select.form-control:focus, a.form-control:focus, textarea.form-control:focus, .select2-choice:focus { color: var(--cw-body-color); border-color: var(--cw-input-focus-border-color); outline: 0; box-shadow: var(--cw-input-focus-shadow); } .form-multi-select .multi-select { border-radius: var(--cw-input-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-multi-select .multi-select:focus { outline: 0; box-shadow: var(--cw-input-focus-shadow); } #File.ng-dirty.ng-invalid .btn { border: 1px solid #f28380 !important; } .form-control.ng-dirty.ng-invalid, cw-uploader.ng-dirty.ng-invalid div.cw-uploader, cw-monaco-editor.ng-dirty.ng-invalid div.cw-monaco-editor, cw-texteditor.ng-dirty.ng-invalid .tox.tox-tinymce, #File.ng-dirty.ng-invalid .form-control, cw-icon-picker.ng-dirty.ng-invalid button, cw-datepicker.ng-dirty.ng-invalid input.form-control, .canvas-container .ng-invalid-violated-custom-validation .form-control, .canvas-container .ng-invalid-violated-custom-validation.ng-dirty .cw-select .select2-choice, .canvas-container .ng-invalid-violated-custom-validation.ng-dirty .form-multi-select .display-box, .canvas-container .ng-invalid-violated-custom-validation.ng-dirty .custom-control .custom-control-label::before, .canvas-container .ng-invalid-violated-custom-validation.ng-dirty button.iconpicker { border: 1px solid #f28380 !important; color: #db241e; /*-webkit-animation-name: example; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 3; animation-name: example; animation-duration: 0.1s; animation-iteration-count: 3; position: relative;*/ } .form-control.ng-dirty.ng-invalid:focus { border: 1px solid #db241e !important; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes example { 50% { left: 100px; } } /* Standard syntax */ @keyframes example { 50% { left: 100px; } } label { font-weight: 500; } label.normal { font-weight: normal !important; } .col-form-legend { font-size: 0.9rem; font-weight: 500; } select.form-control:not([size]):not([multiple]) { height: 1.875rem; } hr { border-top: 1px solid var(--cw-card-border-color); margin-top: 0.5rem; } /*.navbar .nav-link, .navbar .btn-link { color: #abbcd6; }*/ .dropdown-menu { padding: 0; border-radius: var(--cw-card-border-radius); background-color: var(--cw-dropdown-bg); border: 1px solid var(--cw-dropdown-border-color); box-shadow: var(--cw-dropdown-shadow); font-size: var(--cw-font-size-base); z-index: 1001; } .dropdown-item { padding: .25rem 0.5rem; color: var(--cw-dropdown-item-color); transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; } .dropdown-item:hover { background-color: var(--cw-dropdown-item-hover-bg); color: var(--cw-dropdown-item-hover-color); } .dropdown-item:focus { background-color: var(--cw-dropdown-item-focus-bg); color: var(--cw-dropdown-item-focus-color); outline: 0; } .dropdown-item:active, .dropdown-item.active { background-color: var(--cw-dropdown-item-active-bg); color: var(--cw-dropdown-item-active-color); } .saved-filter-dropdown-item { display: grid; grid-template-columns: 1fr 25px 25px; gap: 5px; } .saved-filter-dropdown-item .btn-close { display: none; height: 20px; } .saved-filter-dropdown-item:hover .btn-close, .saved-filter-dropdown-item:focus-within .btn-close { display: inline-block; opacity: 0.6; } .saved-filter-dropdown-item .btn-close:hover, .saved-filter-dropdown-item .btn-close:focus { opacity: 1 } .dropdown-divider { margin: 0; } button.btn { cursor: pointer; } button.btn:disabled { cursor: not-allowed; } /*--------------------------*/ .step-vertical-wizard ul { margin: 0; padding: 0; list-style: none; } .step-vertical-wizard ul > li { display: block; position: relative; } .step-vertical-wizard ul > li > .btn { display: block; padding: 3px 10px; margin-bottom: 10px; color: #5e677b; font-size: 14px; font-weight: 500; text-decoration: none; width: 100%; text-align: left; display: flex; align-items: center; } .step-vertical-wizard ul > li > .btn.noCursor { cursor: inherit; } .step-vertical-wizard ul > li > .btn:hover { color: #2c3039; } .step-vertical-wizard ul > li > .btn:before { content: ''; position: absolute; width: 4px; background-color: #bdc2ce; left: 27px; height: 100%; bottom: -14px; z-index: -1; } .step-vertical-wizard ul > li > .btn .ico { pointer-events: none; font-size: 20px; background: #ddd; border-radius: 50%; color: #fff; min-width: 36px; min-height: 36px; text-align: center; padding-top: 8px; margin-right: 10px; } /*.step-vertical-wizard ul > li > a:after { content: ''; position: absolute; background: #bdc2ce; border-radius: 50%; top: 2px; left: 25px; width: 36px; height: 36px; z-index: 1; }*/ .step-vertical-wizard ul > li.complete > .btn:before { background-color: #5cb85c; } .step-vertical-wizard ul > li.complete > .btn:after { display: none; } .step-vertical-wizard ul > li:last-child > .btn:before { display: none; } .step-vertical-wizard ul > li.complete > .btn .ico { left: 10px; } .step-vertical-wizard ul > li.current > .btn:before { background-color: #bdc2ce; } .step-vertical-wizard ul > li.current > .btn:after { display: none; } .step-vertical-wizard ul > li:last-child > .btn:before { display: none; } .step-vertical-wizard ul > li.current > .btn .ico { left: 10px; } .step-vertical-wizard ul > li > .btn .ico.ico-green { color: #fff; background: #5cb85c; } .step-vertical-wizard ul > li > .btn .ico.ico-yellow { color: #fff; background: #FFC107; } i.lockstep, i.requiredstep { position: absolute; left: 35px; z-index: 2; top: 22px; color: darkred; } i.lockstep { color: black; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-button { width: 0; height: 0; } ::-webkit-scrollbar-thumb { background: #aaa; border: none; border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background: #999; } ::-webkit-scrollbar-thumb:active { background: #999; } ::-webkit-scrollbar-track { background: transparent; border: none; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } .flex-center { display: flex; align-items: center; } /*logo*/ .first-page { position: fixed; z-index: 99999998; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 1); display: flex; flex-direction: column; } .first-page .logo { position: static; z-index: 99999999; margin: unset; text-align: center; max-width: 90vw; padding: 0 1rem; } .first-page .logo img { max-width: clamp(180px, 40vw, 280px); width: 100%; height: auto; } .first-page #loader-container1 { position: relative; width: clamp(120px, 30vw, 200px); height: 3px; } .first-page .loader { position: absolute; inset: 0; width: 100%; height: 100%; transform: none; top: 0; left: 0; } .first-page .loader .innerloader { width: 100%; left: -50%; animation-name: cw-splash-move; } @keyframes cw-splash-move { 50% { left: 50%; } } @media (prefers-reduced-motion: reduce) { .first-page .loader .innerloader { animation: none; left: 0; width: 100%; } } .modal-title { font-size: inherit; } .cw-modal-footer { justify-content: center; background: var(--cw-modal-footer-bg); border-top: var(--cw-modal-footer-border-top); padding: var(--cw-modal-footer-padding); flex-shrink: 0; } .wf-activity-section.full { position: absolute; top: 0; bottom: 60px; overflow: hidden; padding: 10px; width: 100%; } /*.wf-activity-section .panel.panel-default { max-height: calc(100vh - 16.3rem); overflow-y: auto; min-height: 40vh; position: relative; } .bigModal .wf-activity-section .panel-default.non-activity-nav-pane { max-height: calc(100vh - 9.1rem); height: calc(100vh - 9.1rem); } .bigModal .wf-activity-section .panel-default { max-height: calc(100vh - 12.8rem); height: calc(100vh - 12.8rem); }*/ .wf-activity-section .panel.panel-default pdf-viewer > iframe { position: absolute; width: 100% !important; height: 100% !important; } .wf-activity-section .nav-tabs { border-bottom: 2px solid #ddd; min-height: 38.6px; } .wf-activity-section .nav-tabs > li > a { border: none; background: transparent; position: relative; } .wf-activity-section .nav-tabs > li > a::after { content: ""; background: #3e4a59; height: 2px; position: absolute; width: 100%; left: 0; bottom: -1px; transition: all 250ms ease 0s; margin: 0; border: 0; transform: scale(0); } .wf-activity-section .nav-tabs > li > a.active::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .ui-grid-pager-control, .ui-grid-pager-count-container, .ui-grid-pager-row-count-picker { padding: 8px 0; } .ui-grid-pager-row-count-picker select { height: 25px !important; font-size: 12px; border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .select2-container, .select2-container-multi { width: inherit; /*min-width: 200px;*/ } .select2-container-multi .select2-choices { padding: 0; background: var(--cw-select2-bg); border: 1px solid var(--cw-select2-border-color); border-radius: var(--cw-input-border-radius); height: 28px !important; text-align: left; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .select2-container-multi .select2-search-field > input { border: 0px; margin: 0px; padding: 4px 5px; width: 100%; } .select2-container .select2-choice { padding: var(--cw-btn-padding); background: var(--cw-select2-bg); border: 1px solid var(--cw-select2-border-color); border-radius: var(--cw-input-border-radius); height: auto; line-height: 21.6px; text-align: left; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .select2-container .select2-choice .select2-arrow, .select2-container-multi .select2-choices .select2-arrow { background: none; border-left: none; } .select2-container .select2-choice .select2-arrow b, .select2-container-multi .select2-choices .select2-arrow b { background: url(images/select2.png) no-repeat 0 4px; background-position: 0 2px; } .select2-container .select2-choice > .select2-chosen, .select2-container-multi .select2-choices > .select2-chosen { color: var(--cw-select2-color); min-height: 21.6px; } .select2-dropdown-open .select2-choice, .select2-container-active .select2-choice, .select2-dropdown-open .select2-choices, .select2-container-active .select2-choices { border-color: var(--cw-select2-focus-border-color); box-shadow: var(--cw-select2-focus-shadow); } .select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open .select2-choices .select2-arrow b { background-position: -18px 2px; } .select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choices { background-color: var(--cw-input-disabled-bg); color: var(--cw-input-disabled-color); cursor: not-allowed; border-color: var(--cw-input-border-color); } .select2-container.select2-container-disabled .select2-choice .select2-arrow { opacity: 0.5; } .select2-results li { color: var(--cw-dropdown-item-color); } .select2-results li:hover { background-color: var(--cw-dropdown-item-hover-bg); color: var(--cw-dropdown-item-hover-color); } .select2-results li.select2-highlighted { background-color: var(--cw-dropdown-item-focus-bg); color: var(--cw-dropdown-item-focus-color); outline: 0; } .open > .dropdown-menu { display: block; } .navbar-sidenav::-webkit-scrollbar-track { background: #2c3039; } .navbar-sidenav::-webkit-scrollbar-thumb { background: #adb5bd; } .input-group .input-group-text { background: none; border: 1px solid var(--cw-input-border-color); cursor: pointer; border-radius: var(--cw-input-border-radius); } .input-group > .form-control:disabled ~ .input-group-prepend .input-group-text, .input-group > .form-control:disabled ~ .input-group-append .input-group-text { background-color: var(--cw-input-disabled-bg); border-top-right-radius: 0; border-bottom-right-radius: 0; cursor: not-allowed; } .form-control[readonly] { background-color: var(--cw-input-readonly-bg); color: var(--cw-input-readonly-color); cursor: default; } .form-control:disabled { background-color: var(--cw-input-disabled-bg); color: var(--cw-input-disabled-color); opacity: var(--cw-input-disabled-opacity); cursor: not-allowed; } #ManagerEmail[disabled] + .bootstrap-tagsinput, #ManagerEmail[disabled] + .bootstrap-tagsinput input { cursor: not-allowed; background-color: var(--cw-input-disabled-bg) !important; color: var(--cw-input-disabled-color); } .form-control.ng-dirty.ng-invalid ~ .bootstrap-tagsinput { border: 1px solid #f28380 !important; color: #db241e; } .bootstrap-tagsinput { padding: var(--cw-btn-padding) !important; font-size: var(--cw-font-size-base); border-radius: var(--cw-input-border-radius) !important; border-color: var(--cw-input-border-color) !important; box-shadow: none !important; } .bootstrap-tagsinput .label.label-info { padding: .2rem; border-radius: .25rem; background-color: #17a2b8; margin: 0 0 3px 0; display: inline-block; } .bootstrap-tagsinput input { padding-left: 0 !important; padding-right: 0 !important; color: #5e677b !important; font-size: .9rem !important; transition: none !important; } .ui-select-bootstrap { outline: none; } .ui-select-bootstrap .ui-select-match { outline: none; box-shadow: none; } .ui-select-bootstrap .ui-select-match .ui-select-toggle { border: 1px solid var(--cw-input-border-color); border-radius: var(--cw-input-border-radius); outline: 0 !important; color: var(--cw-body-color); } .ui-select-bootstrap .ui-select-match .ui-select-toggle[disabled] { background-color: var(--cw-input-disabled-bg); color: var(--cw-input-disabled-color); cursor: not-allowed; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .draft-case { background-color: rgba(239, 199, 94, 0.5) !important; font-style: italic; } .modal-content { border: none; border-radius: 0; } .uploading-icon { top: 6px !important; } *[disabled], *.disabled { cursor: unset; } *[readonly], *.readonly { cursor: default; } .btn-group .btn { margin-bottom: 5px; margin-right: 5px; } .form-check-label, .custom-control-label { font-weight: normal !important; } .modal-bodyAngular.modal-body { padding: 0; overflow: auto; } .modal-bodyAngular.modal-body .fullheightnoheader { margin: 0; } .navbar-sidenav::-webkit-scrollbar-track { background: #2c3039; } .navbar-sidenav::-webkit-scrollbar-thumb { background: #adb5bd; } .input-group.date > .input-group-addon { background: none; border: none; border-bottom: 1px solid #ced4da; cursor: pointer; } label.required:after, span.required:after { content: "(*)"; color: #dc3545; margin-left: 5px; } .cw-uploader .download-link { position: absolute; z-index: 11; } .cw-uploader .form-control { border-radius: 0; } .cw-uploader .placeholder { color: #b0b0b0; } .cw-uploader .cw-uploader-input { position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .cw-uploader .cw-uploader-label { position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .cw-uploader .cw-uploader-input:disabled { cursor: not-allowed; } .cw-uploader .cw-uploader-input:disabled + .form-control { background-color: var(--cw-input-disabled-bg); color: var(--cw-input-disabled-color); opacity: var(--cw-input-disabled-opacity); } .cw-uploader .cw-uploader-input:focus + .form-control, .cw-uploader .cw-uploader-input:focus ~ .input-group-append > .btn { border: 1px solid var(--cw-input-focus-border-color); box-shadow: var(--cw-input-focus-shadow); } .cw-uploader .cw-uploader-input input { cursor: pointer; padding: 0; } .cw-uploader .clear-button { display: block; position: absolute; top: 3px; right: 6px; color: #ff0000; } .cw-uploader div.form-control { padding-right: 1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .cw-uploader div.form-control > a.download-link:not(.clear-button) { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 31px); } .errorMessage { color: #db241e; font-size: .9rem; margin-bottom: 0; text-align: left; } .custom-control-input:disabled ~ .custom-control-label { cursor: not-allowed; color: var(--cw-input-disabled-color); opacity: var(--cw-input-disabled-opacity); } .custom-control-input:disabled ~ .custom-control-label::before { background-color: var(--cw-input-disabled-bg); border-color: var(--cw-input-border-color); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: var(--cw-check-checked-bg); border-color: var(--cw-check-checked-border); opacity: 0.5; } .custom-control-input:focus ~ .custom-control-label::before { border-color: var(--cw-check-focus-border-color); box-shadow: var(--cw-check-focus-shadow); } .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--cw-check-checked-bg); border-color: var(--cw-check-checked-border); } .custom-control-input:active ~ .custom-control-label::before { background-color: rgba(0, 131, 69, 0.15); } .custom-control-input.ng-dirty.ng-invalid ~ .custom-control-label:before, cw-radio-list.ng-dirty.ng-invalid .custom-control .custom-control-input + .custom-control-label::before { background-color: var(--cw-check-invalid-bg); } .list-activity-action .panel.panel-default { height: 40vh; overflow-y: auto; } .bigModal .list-activity-action .panel.panel-default { height: calc(100vh - 63px - 51px); overflow-y: auto; } .modal-header .close { margin: unset; padding: unset; } .modal-header button.close, .modal-header button.maximize, .modal-header button.restore { min-width: auto !important; min-height: auto !important; font-weight: 500; color: var(--cw-modal-btn-color) !important; text-shadow: none; background: none !important; opacity: var(--cw-modal-btn-opacity); transition: opacity 0.2s ease; } .modal-header button.maximize, .modal-header button.restore { min-width: auto !important; min-height: auto !important; padding: 0; margin: auto; background-color: transparent; border: 0; float: left; line-height: 1; opacity: .5; } .modal-header button.close:hover, .modal-header button.maximize:hover, .modal-header button.restore:hover { outline: none; border: none; color: var(--cw-modal-btn-color); text-decoration: none; opacity: var(--cw-modal-btn-hover-opacity); } .canvas-container { overflow: auto; } .bigModal .canvas-container { height: auto; /*position: absolute;*/ } .cw-modal-footer .wf-lock-workflow { position: absolute; left: 20px; } .ui-grid-pager-control button { border-radius: 0; } .ui-grid-pager-control input { border-radius: 0; height: 25px; } .ui-gird-viewport { width: 100% !important; } /*.modal .modal-dialog { -webkit-box-shadow: 0px 0px 12px 0px #616b73; -moz-box-shadow: 0px 0px 12px 0px #616b73; box-shadow: 0px 0px 12px 0px #616b73; } .bigModal.modal .modal-dialog { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }*/ li.current { background: #d6deec; } #toast-holder #toast-container { position: static !important; } #toast-holder #toast-container.toast-top-full-width .toast { width: 100% !important; } .form-group .list-group { overflow-y: scroll; display: block; } .navbar .dropdown-menu .show > .dropdown-toggle::after { transform: rotate(-90deg); } .custom-dropdown-item.dropdown-toggle:after { float: right; margin-top: 8px; } #page-dialog-content { display: flex; flex: 1 0 auto; flex-direction: column; } #page-dialog-content > *:first-child { display: flex; flex-direction: column; flex: 1 0 auto; } .screen-block { background-color: rgba(0, 0, 0, .1); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10003; } .filter .filter-menu { left: auto; right: 0; } .form-multi-select:focus { outline: none; } .form-multi-select:focus .multi-select .display-box { border-color: #607d8b; } #toast-holder #toast-container.toast-top-full-width .toast { width: 100% !important; } .hr-seperator { height: 1px; margin-top: 0; margin-bottom: 0; } .login-modal { height: auto !important; transform: translateY(20%); position: absolute; /*z-index: 100003;*/ } .login-modal-header { min-height: 31px; margin-bottom: 5px; display: block !important; } .login-modal-header span { color: white; margin-left: 5px; margin-bottom: 5px; font-size: 18px; border-radius: 0.25rem; } .login-modal-link { color: orange; font-size: 14px; font-weight: bold; text-decoration: underline !important; } .login-modal-frame { margin-left: 5px; margin-right: 5px; } .alert-margin { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; } .login-invisible { display: none; } .modal.loginDialog { z-index: 10003 !important; } /* Help Text Icon */ .helptext .fa-question-circle:before { content: "\f059"; color: #008345 !important; } .helptext { padding-left: 0 !important; padding-right: 0 !important; } label .helptext { margin-left: 5px; display: inline-block; } .helptext.help-text-icon i.fa { margin-top: 7px; } .helptext i.fa.checkbox-has-help-text { margin-top: 5px; margin-left: 8px; } .helptext.has-help-text { display: flex; } .helptext.help-text-icon { margin-left: 5px; } .button-with-help-text { max-width: calc(100% - 21px); } .helptext.help-text-inline { width: 100%; padding: 0 15px !important; margin-bottom: .5rem; } .helptext.help-text-inline .media { padding: 10px 15px; align-items: center; background-color: #e3edf2; } .helptext.help-text-inline .media i { margin-right: 10px; } .step-panel { background: #ecf1fb; padding: 15px; min-height: 100%; z-index: 1; overflow-y: auto; overflow-x: hidden; } .ng-cloak { display: none !important; } @media (max-width: 760px) { .sidebar-l .content-wrapper { margin-left: 0; } #mainNav.fixed-top .navbar-sidenav { width: 6.5rem; } } .bigModal .modal-content cw-workflow-shell { height: 100%; display: flex; flex-direction: column; } .search-form .btn-outline-primary { /*padding: .2rem .5rem;*/ margin-right: 3px; } .btn:focus, .btn.focus { outline: 0; box-shadow: var(--cw-input-focus-shadow) !important; } .btn-primary:focus, .btn-primary.focus { background-color: var(--cw-btn-primary-active-bg); border-color: var(--cw-btn-primary-active-border); color: var(--cw-btn-primary-active-color); } .wf-activity-section { display: flex; flex-direction: column; padding: 15px 0; height: 50vh; } .mediumModal .wf-activity-section { height: 70vh; } .activity-list { margin-bottom: 20px; padding: 0 15px; } @media screen and (max-width: 900px), screen and (max-width: 959.99px) and (orientation: landscape) { .modal .modal-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .bigModal.modal .modal-dialog { margin-left: 0 !important; } .modal .close { position: relative; left: 0; top: -2px; } /* Medium and Large dialogs are forced fullscreen at this width, so the maximize/restore toggle has no visible effect — hide it. */ .modal-header button.maximize, .modal-header button.restore { display: none; } li.current { background: none; } .step-panel { max-width: 100% !important; padding: 15px 0; flex: none; width: auto; } .bigModal .modal-dialog, .bigModal .modal-content { width: 100%; height: 100%; position: fixed; } .uib-datepicker-popup.dropdown-menu table { width: 100%; } div[uib-datepicker-popup-wrap].show { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 10000; } .uib-datepicker-popup.dropdown-menu { outline: none; border: none; border-radius: 0; width: calc(100%) !important; display: flex; flex-direction: column; justify-content: center; height: auto; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .mediumModal .modal-dialog, .smallModal .modal-dialog { max-width: 100% !important; height: 100vh !important; margin: 0; } .mediumModal .wf-activity-section, .smallModal .wf-activity-section { height: calc(100vh - 45px); } /* Desktop browsers at narrow viewport widths (e.g. 200% zoom): the action footer stays visible, so lay the shell out as a flex column and let the activity area scroll inside it instead of sizing it to the viewport. */ html:not(.mobile) .workflowModal.mediumModal .modal-content, html:not(.mobile) .workflowModal.smallModal .modal-content { height: 100%; } html:not(.mobile) .workflowModal.mediumModal .modal-content cw-workflow-shell, html:not(.mobile) .workflowModal.smallModal .modal-content cw-workflow-shell { height: 100%; display: flex; flex-direction: column; min-height: 0; } html:not(.mobile) .workflowModal.mediumModal .modal-bodyAngular.modal-body .fullheightnoheader, html:not(.mobile) .workflowModal.smallModal .modal-bodyAngular.modal-body .fullheightnoheader { height: 100%; display: flex; } html:not(.mobile) .workflowModal.mediumModal .wf-activity-section, html:not(.mobile) .workflowModal.smallModal .wf-activity-section { height: auto; } .saved-filter-dropdown-item .btn-close { display: inline-block; } /* Filled-layout pages: at small viewports (real mobile and high browser zoom) stop dividing the viewport height between widgets. Let the page grow from its content so .cw-dialog-body becomes the scroll container, mirroring how grid-layout pages behave (fixed widget height, page scrolls). Scoped to the page-level container only, so filled layouts nested inside tab panes keep filling the box they are given. */ .cw-dialog.filled-layout > .cw-dialog-body > .d-flex.flex-grow { flex: 1 0 auto; } /* Top-level widgets still grow into spare room on short pages, but no longer shrink below a usable height. Collapsed widgets are excluded so they keep the existing behavior (zero flex basis plus height: auto !important reduces them to their header). */ .cw-dialog.filled-layout > .cw-dialog-body > .d-flex.flex-grow > .filled-container > .cw-widget-wrapper.filled-layout.fixed-height:not(.widget-collapsed) { flex: 1 0 auto; } /* Internally scrolling widget types need a definite height to lay out; use the same 400px as .grid-layout.fixed-height:not(.Custom). Custom widgets keep height: auto and take the height of their content. Widgets with AutoHeightMode None (inline height + flex: none) or Content (inline flex: 0 0 auto, the exact string emitted by WidgetContainerV2.cshtml) keep their configured sizing. */ .cw-dialog.filled-layout > .cw-dialog-body > .d-flex.flex-grow > .filled-container > .cw-widget-wrapper.filled-layout.fixed-height:not(.Custom):not(.widget-collapsed):not([style*="flex: 0 0 auto"]) { height: 400px; } } html.touch .cw-listview, html.touch .modal-body { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } html.mobile .multi-select.dropdown-menu.show { display: flex !important; flex-direction: column; outline: none; border: none; border-radius: 0px; margin-left: 40px; top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; width: calc(100% - 40px) !important; } html.mobile .multi-select.dropdown-menu.show .selected-items, html.mobile .multi-select.dropdown-menu.show .available-items { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } html.mobile .multi-select.dropdown-menu.show .available-items { max-height: unset; height: auto; overflow-y: scroll; } html.mobile #select2-drop { position: fixed; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; padding-top: 4px; outline: none; border: none; border-radius: 0; width: calc(100% - 40px) !important; margin-left: 40px; display: flex !important; flex-direction: column; } html.mobile .select2-drop-mask, html.mobile .multi-select-drop-mask { background-color: rgba(0,0,0,.5); opacity: 1; color: #fff; font-weight: 700; text-shadow: 0 1px 0 #fff; } html.mobile .select2-drop-mask:before, html.mobile .multi-select-drop-mask:before { position: absolute; left: 12px; font-size: 27px; top: 0px; cursor: pointer; content: "\00d7"; font-weight: 700; } html.mobile .select2-results { max-height: none !important; flex: 1; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .step-vertical-wizard.mobile ul > li > a { white-space: nowrap; } .step-vertical-wizard.mobile ul > li > a .ico { margin-right: 0; } .step-vertical-wizard.mobile { width: 56px; transition: all .3s; } .step-vertical-wizard.mobile.expand { width: 280px; } .step-vertical-wizard.mobile.expand ul > li > a { text-align: left; } .step-vertical-wizard.mobile.expand ul > li > a .ico { margin-right: 10px; } .tabpane-horizontal.mobile .step-vertical-wizard.mobile { width: auto; } .helptext.has-help-text > *:first-child { width: 100%; } .bigModal .wf-activity-section { height: auto; } .filled-layout.fixed-height .widget-content .tab-content { display: flex; flex-direction: column; background-color: #ffffff; border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6; } .filled-layout.fixed-height .widget-content .tab-content .tab-pane { flex: 1 1 1px; } .tab-content > .active { display: flex; flex-direction: column; } /* CUSTOM UI-GRID */ .ui-grid-icon-blank::before { width: 1em; content: "\f0dc"; font-family: FontAwesome; opacity: .5; } .sortable .ui-grid-invisible { visibility: visible; } .ui-grid-sort-priority-number.ui-grid-invisible { visibility: hidden; } /* CUSTOM UI.HIGHLIGHT DIRECTIVE */ .ui-match { font-weight: bold; } /* WORKFLOW MONITOR */ .widget-content-wrapper cw-workflow-monitor .workflow-monitor-container { height: 100%; padding-bottom: 15px; } .widget-content-wrapper cw-workflow-monitor .workflow-monitor-container .workflow-monitor { height: 100%; } .widget-content-wrapper cw-workflow-monitor, .widget-content-wrapper cw-workflow-monitor .workflow-monitor-container .workflow-monitor .card-body { display: flex; flex-direction: column; padding-bottom: 10px; } .widget-content-wrapper cw-workflow-monitor, .widget-content-wrapper cw-workflow-monitor .workflow-monitor-container .workflow-monitor .card-body grid-view { flex: 1; } /*Under maintainance mode*/ .logo-under-maintainance { display: none; } .cw-under-maintenance #sidebarCollapse { display: none; } .cw-under-maintenance cw-sidebar .product-logo { position: fixed; min-width: 250px; max-width: 250px; transition: all 0.3s; overflow: hidden; display: flex; flex-direction: column; } .cw-under-maintenance cw-sidebar .sidebar-content { display: none; } .cw-under-maintenance #sidebar { background-color: #f8f9fc; } .cw-under-maintenance .navbar { box-shadow: none; } .cw-under-maintenance .logo-under-maintainance { display: block; } .cw-under-maintenance #content { margin-left: unset; } .cw-under-maintenance .logo-under-maintainance .product-logo { height: 30px; width: 130px; margin-left: 25px; margin-top: 5px; } /*#region Box save user defined filter */ .box-save-filter label { width: fit-content; } .box-save-filter { display: grid; align-items: center; margin: 0 0 15px; grid-template-columns: auto 1fr auto; gap: 10px; } .box-defined-filters .dropdown-toggle.dropdown-toggle-split:after { display: none; content: unset; } /*#endregion */ /*#region Tab pane mode Horizontal */ .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal { display: flex; flex-flow: column; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel { min-height: unset; height: auto; overflow-x: auto; overflow-y: hidden; padding: 5px 10px; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .wf-activity-section { overflow-x: hidden; overflow-y: auto; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel ul { display: flex; gap: 10px; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel ul li .btn { margin: 0; padding: 8px 15px; display: grid; align-items: center; grid-template-columns: auto; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel ul li .btn:before { width: 100%; height: 4px; bottom: unset; top: 26px; left: 40px; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel ul li .btn i { margin: 0; top: 30px; width: 36px; height: 36px; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel ul li .btn span { display: flex; width: max-content; margin: 5px auto 0; } .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel { flex: unset; } .step-panel ul li.current { background-color: #d6deec7d } @media screen and (max-width: 992px) { .modal-bodyAngular.modal-body .fullheightnoheader.tabpane-horizontal .step-panel ul li .btn:before { top: 25px; } } /*#endregion */ /* #region Custom css for widget personalization */ .visibility-columns.dropdown-menu { max-height: 300px; overflow-y: scroll; } /* #endregion Custom css for widget personalization */ /* Use dvh (dynamic viewport height) unit to set max-height of the grid based on the viewport height of the browser include the navigation bar. Ref: https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 */ grid-view .grid.ui-grid { position: relative; max-height: 100dvh; } grid-view .ui-grid-pager-panel { position: fixed; } grid-view ::-webkit-scrollbar-thumb { background-color: #aaa; } /* #region Grid keyboard navigation (WCAG 2.4.7 visible focus) */ /* The cellNav focuser is the grid body's single tab stop. Don't ring the whole grid when it gets focus — the focused cell below carries the visible indicator. */ grid-view .ui-grid-focuser:focus, grid-view .ui-grid-focuser:focus-visible { /*outline: 1px solid var(--cw-input-focus-border-color, currentColor); outline-color: color-mix(in srgb, var(--cw-input-focus-border-color, currentColor) 75%, transparent); outline-offset: -1px;*/ box-shadow: var(--cw-input-focus-shadow); } /* ui-grid fills the focused cell with a solid background; keep it transparent so only the ring shows. cellNav adds the class to both nested cell divs. */ grid-view .ui-grid-cell .ui-grid-cell-focus { background-color: transparent; } /* Focus ring lives on the focused cell, in the theme's primary-button colour so it adapts per theme with no extra customization (falls back to the text colour where that token isn't defined). 1px keeps it subtle. Gated on :focus-within so the cell is only highlighted while the grid actually has keyboard focus — once focus leaves the grid, the (still class-marked) cell stops being highlighted. */ grid-view:focus-within .ui-grid-cell .ui-grid-cell-contents.ui-grid-cell-focus, grid-view:focus-within .ui-grid-cell a:focus-visible, grid-view:focus-within .ui-grid-cell button:focus-visible, grid-view:focus-within .ui-grid-cell [tabindex="0"]:focus-visible { outline: 1px solid var(--cw-input-focus-border-color, currentColor); /* same hue, just lighter: let the background show through. Falls back to the solid colour above where color-mix isn't supported. */ outline-color: color-mix(in srgb, var(--cw-input-focus-border-color, currentColor) 75%, transparent); outline-offset: -1px; box-shadow: var(--cw-input-focus-shadow); } /* #endregion Grid keyboard navigation */ .auto-align-right-number .column-type-integer, .auto-align-right-number .column-type-double, .auto-align-right-number .column-type-long, .auto-align-right-number .column-type-decimal { text-align: right; } /*List view sorting field*/ /*#sortingFieldCombobox .dropdown-item.selected { border: 1px solid #dfdfdf; background: #e2e2e2; }*/ /*Dialog*/ .cw-dialog { display: flex; flex-direction: column; height: 100%; flex: 1 } .cw-dialog.filled-layout .cw-dialog-body .cw-widget-wrapper:not(:last-child) { margin-bottom: 15px; } /* ---- Page heading (shared base) ---- */ .cw-dialog-head { display: flex; align-items: center; } /* ---- Shell context ---- */ .cw-page-shell .cw-dialog-head { font-size: var(--cw-page-title-font-size); font-weight: var(--cw-page-title-font-weight); color: var(--cw-page-title-color); background: var(--cw-page-title-bg); padding: 0; margin-bottom: var(--cw-page-title-margin-bottom); } /* ---- Dialog / modal context ---- */ .cw-page-modal .cw-dialog-head { font-weight: var(--cw-modal-title-font-weight); color: var(--cw-modal-header-color); background: var(--cw-modal-header-bg); } .cw-dialog-body { display: flex; flex-direction: column; flex: 1 1 0; overflow-y: auto; overflow-x: hidden; width: 100%; padding: 15px; margin-right: auto; margin-left: auto; } .cw-dialog-body .widget { margin-bottom: 0; } .cw-dialog-body .cw-page-row:not(:last-child) { margin-bottom: 15px; } #cw-content-wrapper .cw-dialog-body { padding: 0; overflow-x: hidden !important; } .cw-layout-responsive #cw-content-wrapper .cw-dialog-body { flex: 1 !important; min-height: 400px; } #cw-content-wrapper .cw-dialog .cw-dialog-body .tab-pane .filled-layout .widget-content > cw-workflow-shell .modal-body, #cw-content-wrapper .cw-dialog.filled-layout .cw-dialog-body .widget-content > cw-workflow-shell .modal-body { flex: 1 1 0; } #cw-content-wrapper .cw-dialog .cw-dialog-body .tab-pane .grid-layout .widget-content > cw-workflow-shell .modal-body, #cw-content-wrapper .cw-dialog.grid-layout .cw-dialog-body .widget-content > cw-workflow-shell .modal-body { flex: 1; } .cw-quick-filter-field { margin-right: 0.5rem; min-width: 150px; max-width: 250px; } .cw-quick-filter-vertical-divider { border-left: 1px solid lightgray; } /* #region Applicant/runtime portal - visible keyboard focus (WCAG 2.4.7 / 2.4.11) The project theme's focus indicator is box-shadow rgba(96,125,139,.15): roughly 1.1:1 contrast against the white dialog, the green primary buttons and the beige header, so keyboard users effectively cannot see where focus is. These rules add a high-contrast, theme-independent ring on keyboard focus only (:focus-visible), scoped to the create-license workflow modal, the portal navbar and the widget action bars. The CaseWorker desktop UI and the grid's own focus styling (see the "Grid keyboard navigation" region above) are deliberately left untouched, and none of these scopes contain grid-view. outline and box-shadow are paint-only - they add no layout box - so nothing reflows. */ .workflowModal :focus-visible, .navbar :focus-visible, cw-widget-actions :focus-visible { outline-color: color-mix(in srgb, var(--cw-input-focus-border-color, currentColor) 75%, transparent); outline-offset: -1px; box-shadow: var(--cw-input-focus-shadow); } /* #endregion */ .audit-log-container { position: relative; height: 100%; width: 100%; } .audit-log-list { overflow-y: auto; border: none; padding: 0; margin: 15px 0; } .audit-log-list .cw-audit-log-item { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); user-select: text !important; display: block; border-bottom: 1px solid rgba(0,0,0,0.2); width: 100%; color: #5e677b; padding: 5px 0; } .audit-log-list .cw-audit-log-item:hover { background-color: #f5f6f6 !important; display: inline-block; } /*.audit-log-list .cw-audit-log-item.collapsed { border: none; display: inline-block; width: 100%; } .audit-log-list .cw-audit-log-item.collapsed:hover { background-color: #f5f6f6 !important; }*/ /*.audit-log-list .cw-audit-log-item.expanded { background-color: #f5f6f6 !important; }*/ .audit-log-list ul { padding: 0px; margin: 0px; } .audit-log-list ul li { padding: 0px; margin: 0px; } .cw-audit-log-item .audit-log-date { cursor: default; font-size: small; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .cw-audit-log-item .audit-log-time { } .cw-audit-log-item .audit-log-event { cursor: pointer; } .cw-audit-log-item .audit-log-event, .cw-audit-log-item .audit-log-client-info { font-weight: bold; } .cw-audit-log-item .audit-log-username { } .cw-audit-log-item .audit-log-data { display: block; } .cw-audit-log-item .audit-log-data .audit-log-data-from-value { color: #AE304A; } .cw-audit-log-item .audit-log-data .audit-log-data-from-value.empty { font-style: italic; } .cw-audit-log-item .audit-log-data .audit-log-data-to-value { color: #60A554; } .cw-audit-log-item .audit-log-data .audit-log-data-to-value.empty { font-style: italic; } .cw-audit-log-item .audit-log-data .audit-log-data-attribute { font-weight: normal !important; } .cw-audit-log-item .audit-log-exapand-button { cursor: pointer; border: 1px solid rgba(0,0,0,0.2); /* display: none; */ border-radius: 0.15rem; display: block; margin-left: 15px; margin-top: 5px; min-width: 25px; } .cw-audit-log-item .audit-log-user-icon { margin-right: 5px; } .cw-audit-log-item .audit-log-user-fullName { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: small; display: block; } .cw-audit-log-filter { z-index: 1001; background: white; border: none; transition: all .5s ease-in-out; min-width: 330px; overflow-y: auto; } .cw-audit-log-filter .cw-filter-content { overflow-y: auto; max-height: 350px; padding-top: 10px; } .cw-audit-log-filter .cw-filter-footer { margin-bottom: 5px; } .cw-audit-log-filter .form-row, .cw-audit-log-filter .form-inline { margin-bottom: 13px; } .cw-audit-log-filter-button .has-apply-filter { text-shadow: 0px 1px 16px #008345; } .cw-monaco-editor { border: 1px solid grey } .cw_monaco_editor_wrapper { position: relative; } .cw_monaco_editor_overlay { position: absolute; top: 0; left: 0 } .cw-monaco-editor span { display: inline } .iconpicker .caret { display: none; } button.btn.btn-outline-secondary.iconpicker { border: 1px solid #DADFE9; }