/* Minification failed. Returning unminified contents. (928,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (1358,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (1359,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (1697,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1701,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1702,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img' (1702,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon' (1706,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (1706,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1707,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1715,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (2349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2360,22): run-time error CSS1039: Token not allowed after unary operator: '-panel' (2361,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2362,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2368,35): run-time error CSS1039: Token not allowed after unary operator: '-line' (2437,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2439,32): run-time error CSS1039: Token not allowed after unary operator: '-line' (2451,32): run-time error CSS1039: Token not allowed after unary operator: '-line' (2461,36): run-time error CSS1039: Token not allowed after unary operator: '-line' (2482,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2496,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2503,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2515,34): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2541,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2601,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2605,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2611,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2615,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2619,28): run-time error CSS1030: Expected identifier, found '#sidebar-tutorial-toggler-input' (2619,67): run-time error CSS1031: Expected selector, found ')' (2619,67): run-time error CSS1025: Expected comma or open brace, found ')' (2624,33): run-time error CSS1030: Expected identifier, found '#sidebar-tutorial-toggler-input' (2624,73): run-time error CSS1031: Expected selector, found ')' (2624,73): run-time error CSS1025: Expected comma or open brace, found ')' (2635,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor' (2643,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-tutorial-width' (2644,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-tutorial-width' (2645,42): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-tutorial-open' (2670,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-toggler-size' (2672,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor' (2674,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-toggler-size' (2695,42): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-tutorial-open' (2700,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-toggler-size' (2712,14): run-time error CSS1030: Expected identifier, found '#portal-settings' (2712,35): run-time error CSS1031: Expected selector, found ')' (2712,35): run-time error CSS1025: Expected comma or open brace, found ')' (2720,14): run-time error CSS1030: Expected identifier, found '#portal-settings' (2720,35): run-time error CSS1031: Expected selector, found ')' (2720,35): run-time error CSS1025: Expected comma or open brace, found ')' (2966,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (3438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3440,30): run-time error CSS1039: Token not allowed after unary operator: '-svg' (3441,22): run-time error CSS1039: Token not allowed after unary operator: '-svg' (3452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3454,30): run-time error CSS1039: Token not allowed after unary operator: '-svg' (3455,22): run-time error CSS1039: Token not allowed after unary operator: '-svg' (3615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3641,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3642,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3643,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3644,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3645,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3646,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3647,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3648,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3649,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3650,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3651,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3653,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3654,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3655,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3656,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3657,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3658,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3659,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3660,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3661,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3662,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3666,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3671,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3676,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3680,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3681,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3686,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3687,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3692,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3693,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3698,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3699,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3703,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3704,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3708,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundLoginColor' (3709,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3717,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3718,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3727,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3728,40): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor' (3732,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3740,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3745,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3749,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3753,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor' (3757,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3761,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3765,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3769,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3773,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor' (3777,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3781,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3785,22): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor' (3790,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3794,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3798,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3802,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3806,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3816,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3819,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3823,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3827,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3831,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3835,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3839,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3848,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3852,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3868,16): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3885,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3886,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3887,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3891,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3895,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3898,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3902,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3905,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3908,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3911,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3914,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3918,27): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3922,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor' (3930,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor' (3934,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3939,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3944,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3949,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3954,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3959,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3963,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3976,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3986,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3995,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (4004,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (4013,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (4015,20): run-time error CSS1035: Expected colon, found 'div' (4026,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (4028,20): run-time error CSS1035: Expected colon, found 'div' (4039,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (4041,20): run-time error CSS1035: Expected colon, found 'div' (4052,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (4058,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4059,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4063,28): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4067,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4071,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4072,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4075,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4081,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4087,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4092,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4095,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4099,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4100,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4104,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (4105,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4109,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (4110,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4114,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4115,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4119,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4120,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4121,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4122,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4126,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (4127,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (4128,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (4129,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4133,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (4134,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (4135,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (4136,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4140,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4141,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4142,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4143,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4147,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4148,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4152,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4156,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4184,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4188,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4192,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4196,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor' (4200,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor' (4204,30): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor' (4208,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4212,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4216,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4219,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4223,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4231,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4234,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4237,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4240,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4244,35): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4254,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4260,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4265,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor' (4269,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4277,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4285,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4289,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4290,37): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4294,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4298,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4302,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4303,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4307,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4308,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4314,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold' (4320,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb' (4324,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold' (4328,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb' (4332,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb' (4337,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4341,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4345,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4349,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4353,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4358,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4363,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4427,32): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (4428,28): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (4459,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4464,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4471,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4475,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4476,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4480,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4481,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4482,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4487,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4488,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4492,33): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4496,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4500,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4504,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4508,31): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4513,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4522,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4526,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4530,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4531,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4535,32): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor' (4540,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4548,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4553,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4556,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4560,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4561,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (4565,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4566,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (4570,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4587,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-rgb' (4600,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4607,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4699,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4705,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (4714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4728,22): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg-secondary' (4735,22): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg' (4739,22): run-time error CSS1039: Token not allowed after unary operator: '-eg-primary' (4747,41): run-time error CSS1039: Token not allowed after unary operator: '-eg-text' (4747,61): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg' (4750,28): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg' (4751,25): run-time error CSS1039: Token not allowed after unary operator: '-eg-radius-lg' (4756,53): run-time error CSS1039: Token not allowed after unary operator: '-eg-text' (4756,73): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg' (4759,53): run-time error CSS1039: Token not allowed after unary operator: '-eg-text' (4759,73): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg' (4762,53): run-time error CSS1039: Token not allowed after unary operator: '-eg-text' (4762,73): run-time error CSS1039: Token not allowed after unary operator: '-eg-bg' (4765,35): run-time error CSS1039: Token not allowed after unary operator: '-eg-border' (4768,35): run-time error CSS1039: Token not allowed after unary operator: '-eg-border' (4772,25): run-time error CSS1039: Token not allowed after unary operator: '-eg-radius-lg' (4784,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4786,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4787,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4799,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4836,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (4840,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (4841,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4845,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (4846,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4850,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4854,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4857,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4858,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (4883,30): run-time error CSS1030: Expected identifier, found ',' (4883,44): run-time error CSS1031: Expected selector, found ')' (4883,44): run-time error CSS1025: Expected comma or open brace, found ')' (4887,34): run-time error CSS1030: Expected identifier, found ',' (4887,48): run-time error CSS1031: Expected selector, found ')' (4887,48): run-time error CSS1025: Expected comma or open brace, found ')' (4901,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (4902,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4906,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4907,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4908,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4911,24): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4912,37): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4916,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4917,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4918,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4922,24): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4923,37): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4927,30): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4932,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4936,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4940,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4944,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4948,22): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4949,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4953,34): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4954,35): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (4958,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4962,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4966,45): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4966,72): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4970,33): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4974,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4978,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4982,28): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4989,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4990,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4995,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (4999,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (5003,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold' (5007,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold' (5012,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (5013,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5019,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5020,29): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5021,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5025,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (5032,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5039,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (5040,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (5045,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (5046,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (5052,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (5053,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5054,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5059,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5065,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (5066,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5072,32): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor' (5073,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5074,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5080,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (5086,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5091,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5095,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5099,36): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5100,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (5105,40): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (5109,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (5110,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (5111,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (5116,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (5117,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (5694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ input, select { text-wrap: auto; } .dropdown-contracts { max-height: 300px; overflow: auto; } .hide { display: none !important; } .info-last-read { display: inline-block !important; position: relative; top: 0; padding: 2px 10px; margin: 0; list-style: none; color: #fff; font-size: 12px; font-weight: 600; background: #2b3d4c; border-radius: 4px; margin-top: 7px; } .info-last-read:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fe8925; position: absolute; top: -6px; left: 3px; } .modal-styled .modal-footer { color: #555; background-color: transparent; border-top-color: #ddd; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top: 0px solid #fe8925; padding-right: 0px; } .change-contract-info:hover { color: #f17f1e; text-decoration: none; } .change-contract-info { color: #fe8925; text-decoration: none; } div.RadGrid .rgRow td, div.RadGrid .rgAltRow td { padding-top: 5px; padding-bottom: 5px; } .RadGrid_Metro .rgGroupHeader { background: #fff !important; color: #f17f1e !important; font-weight: bold !important; } .RadGrid_Metro .rgMasterTable td.rgGroupCol, .RadGrid_Metro .rgMasterTable td.rgExpandCol { border-color: #fff !important; background: #fff none !important; } .menu-width { max-width: 250px; max-height: 60px; } .menu-width_contractList { max-width: 850px !important; max-height: 60px; } @media (max-width:767px) { .menu-width { max-width: none; max-height: none; } } .spaceBetweenSection { padding-top: 20px !important; padding-bottom: 20px !important; } .margin-bottom_10 { margin-bottom: 10px !important; } .margin-bottom_30 { margin-bottom: 30px !important; } .margin-bottom_20 { margin-bottom: 20px !important; } .margin-left_20 { padding-left: 4.5% !important; } .FontColorGray { color: #999 !important; text-decoration: none; } .FontColorGreen { color: #009900 !important; text-decoration: none; } .modal_dialog_telerikSearchGrid_width { width: 900px !important; } .modal_dialog_telerikSearchGrid_width_650 { width: 650px !important; } .modal_dialog_telerikSearchGrid_width_1100 { width: 1100px !important; } .modal_dialog_telerikSearchGrid_width_1330 { width: 1330px !important; } .modal_dialog_telerikSearchGrid_width_740 { width: 740px !important; } .marginRight_20 { margin-right: 20px !important; } .marginTop_20 { margin-top: 20px !important; } .marginTop_10 { margin-top: 10px !important; } .textbox_width { width: 84% !important; } .textbox_width_94 { width: 94% !important; } .textbox_width_full { width: 100% !important; } .textbox_width_99 { width: 45% !important; } .lineHeight_5 { line-height: 0.5 !important; } .txtBold { font-weight: bold !important; } .popover { position: absolute; text-align: justify right; top: 0; left: 0; z-index: 1010; display: none; max-width: 1000px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .convertToLabel { border: none !important; background-color: transparent !important; } .height_10 { height: 10px !important; } .height_22 { height: 22px !important; } .height_15 { height: 15px !important; } .height_25 { height: 25px !important; } .mandatoryField { color: red; padding-left: 3px !important; } .portalBody_750 { width: 750px !important; } .iconTelephone { height: 19px !important; margin-bottom: 6px !important; } .FontColorRed { color: Red !important; text-decoration: none; } .FontColorBlack { color: black !important; text-decoration: none; } .margin-bottom_0 { margin-bottom: 0px !important; } .margin-left_8perc { margin-left: 8% !important; } .mainnav_margin-bottom_resize { /*margin-bottom: 30px !important;*/ margin-bottom: 0px !important; } .theme_submenu:hover { background-color: #fe8925 !important; color: white !important; } .theme_font_color_gray { color: #999 !important; } .margin-top_3 { margin-top: 3px !important; } .navbar-nav li a { line-height: 20px; /*height: 100%;*/ padding-top: 0; } .customDate { width: 100% !important; line-height: 0.5 !important; /*height:25px !important;*/ border-radius: 0px !important; box-shadow: none !important; border-color: #555 !important; /*#aaa !important;*/ font-size: 12px !important; } .customDate:focus { border-color: black !important; } .width_900 { width: 900px; } .width_81-5 { width: 81.5% !important; } .width_97 { width: 97% !important; } .width_84 { width: 84% !important; } .lineHeight_0-65 { line-height: 0.65 !important; } /*.alignCenter {*/ .RadGrid_Metro input[type=checkbox] { float: left; position: relative; left: 40%; } .marginBottom_0-1 { margin-bottom: 0.5px !important; } .maxWidth-none { max-width: none !important; } .textbox-height_auto { height: auto !important; } .customLabel { font-weight: normal !important; line-height: 1.1 !important; max-width: 100% !important; /*max-width:480px !important;*/ background-color: #eee; opacity: 1; } .textbox_line-height { line-height: 0.5 !important } .line-height1 { line-height: 1.2 !important } .paddingTopBottom-none { padding-top: 0px !important; padding-bottom: 0px !important; } .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } .button-left { float: left; } .button-right { float: right; } .button-modal { color: #fe8925 !important; padding: 0px 0px !important; display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .button-comentary { padding: 0px 0px !important; display: inline-block; margin: 2px 5px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .ModalValueName { padding-bottom: 5px; font-size: x-large; margin: 0px; } .ModalValueDescr { padding-bottom: 15px; font-size: large; margin: 0px; } .col-modal { padding: 0px 5px !important; } .row-modal { margin: 0px !important; display: flex; min-height: 23.60px; } .grid-container { display: grid; grid-template-columns: 1fr 10fr; grid-gap: 5px; } .grid-item { display: flex; align-items: center; justify-content: center; } .grid-item { background-color: #dce0dd !important; border: 0px solid #666; } .item-1 { background-color: #F4B084 !important; } .item-2 { background-color: #FCE4D6 !important; } .item-3 { background-color: #FFE699 !important; } .item-4 { background-color: #E2EFDA !important; } .item-5 { background-color: #C6E0B4 !important; } .item-6 { background-color: #00B050 !important; } .comment-conteiner { display: block; margin: 0px 15px; background-color: antiquewhite; text-align: center; } .comment-title { text-align: center; background-color: #d2d2d2; font-size: 14px !important; } .eval-textarea { resize: none; max-width: 100%; width: 100% !important; background-color: transparent; } .dropDownTemplate { text-align: center; } .k-grid-header th.k-header { vertical-align: top; } .k-grid-header th.k-header > .k-link { max-height: 65px; white-space: normal; vertical-align: text-top; text-align: center; text-overflow: ellipsis; } .dropdown-Idiom { float: right !important; margin: 15px; } .dropdown-Idiom { float: right !important; margin: 15px; } @media (min-width: 991px) { .d-lg-block { display: block !important; } } @media (max-width: 991px) { .d-max-lg-block { display: block !important; } .paddingLeft-sm-none { padding-left: 0px !important; } .paddingRight-sm-none { padding-right: 0px !important; } .min-width-login { min-width: 365px; } .sidebar { width: 280px !important; } } @media screen and (max-width: 991px) { .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child { margin-left: 1rem; margin-right: 1rem; } } @media screen and (max-width: 991px) { .sidebar-offcanvas { position: fixed !important; max-height: calc(100vh - 60px) !important; top: 60px !important; bottom: 0 !important; overflow: auto !important; right: -280px !important; -webkit-transition: all 0.25s ease-out !important; -o-transition: all 0.25s ease-out !important; transition: all 0.25s ease-out !important; } .sidebar-offcanvas.active { right: 0 !important; } .text-wrap-sm { white-space: normal !important } } @media (min-width: 991px) { .paddingLeft-lg-none { padding-left: 0px !important; } .paddingRight-lg-none { padding-right: 0px !important; } .min-width-login { min-width: 450px; } .d-lg-block, .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item.nav-settings { display: block !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (min-width: 991px) { .d-lg-none { display: none !important; } .d-lg-margin-left { margin-left: 10px !important } .paddingLeft-none { padding-left: 0px !important; } .paddingRight-none { padding-right: 0px !important; } } .loading-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; } .spinner { border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; } .spinner-sm { border: 6px solid #f3f3f3; /* Light grey */ border-top: 6px solid #3498db; /* Blue */ border-radius: 50%; width: 24px; height: 24px; animation: spin 2s linear infinite; } /* Animation */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .min-height-500 { min-height: 500px; } .padding-right_10 { padding-right: 10px; } .switch-icon { cursor: pointer; font-size: 1.5rem; } .switch-icon-login-container { float: left !important; margin: 15px; } .auth-form-light .brand-logo { background-position: left; } .navbar-brand.brand-logo.mr-5 { background-position: center; width: inherit; cursor: pointer; background: content-box; } .auth .auth-form-light { border-radius: 15px; } .nav-emp { font-size: 0.775rem !important; font-family: "Nunito", sans-serif; font-weight: 500; width: max-content; } .sidebar .nav .nav-item .nav-link .menu-title { font-size: 0.775rem !important; } .nav-link { word-wrap: break-word; overflow-wrap: break-word; white-space: normal !important; } .navbar-nav-input { width: inherit; margin-left: 10px; } .navbar .navbar-menu-wrapper { background: #ffffff; transition: width 0.25s ease; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; color: #6C7383; padding-right: 2.375rem; padding-left: 1.375rem !important; width: calc(100% - 235px); height: 60px; } .nav-item-12 { width: 100%; } .selector-div:hover { cursor: auto; border: 0px; color: white; background-color: unset; } .selector-div { cursor: auto; border: 0px; background-color: unset; } .selector { border: 1px solid #ccc; width: 200px; cursor: pointer; position: relative; } .options { display: none; border-top: 1px solid #ccc; background-color: #fff; } .option { padding: 10px; border-bottom: 1px solid #ccc; } .option:hover { background-color: #f1f1f1; } .nav.icon-selector { border: 0px } .option-Search { width: 100%; padding: 10px; box-sizing: border-box; border: none; border-bottom: 1px solid #ccc; } /*Raios Pill*/ .selectgroup-pills { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } .selectgroup { display: -ms-inline-flexbox; display: inline-flex; } .selectgroup-pills .selectgroup-item { margin-right: .5rem; -ms-flex-positive: 0; flex-grow: 0; } .selectgroup-item { -ms-flex-positive: 1; flex-grow: 1; position: relative; font-weight: 400 !important; } .selectgroup-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .selectgroup-item:not(:last-child) .selectgroup-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .selectgroup-pills .selectgroup-button { border-radius: 50px !important; } .selectgroup-button-icon { padding-left: .5rem; padding-right: .5rem; font-size: 1rem; } .selectgroup-button { display: block; border: 1px solid rgba(0, 40, 100, .12); text-align: center; padding: 10px; position: relative; cursor: pointer; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 2.375rem; } .select-button { display: block; border: 1px solid rgba(0, 40, 100, .12); text-align: center; padding: 10px; position: relative; cursor: pointer; border-radius: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 2.375rem; } .icon-selector { display: flex; gap: 10px; } .selectgroup-input:checked + .selectgroup-button { z-index: 1; background: var(--ButtonActiveBackGroundColor) } .selectgroup-input:focus + .selectgroup-button { z-index: 2; box-shadow: 0 0 0 2px rgba(21,114,232,.25) } .select-icon-i { margin-right: 0px !important } .sidebar .nav .nav-item .nav-link .menu-company { color: inherit; display: contents; font-size: 0.875rem; line-height: 1; vertical-align: middle; cursor: pointer; } .sidebar-dark .sidebar .nav .nav-item .nav-link .menu-company { color: inherit; } .sidebar .nav .nav-item:hover > .nav-link i, .sidebar .nav .nav-item:hover > .nav-link .menu-company, .sidebar .nav .nav-item:hover > .nav-link .menu-arrow { color: #fff; } @media (min-width: 992px) { .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-company { display: block; margin: auto; } .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-company, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title { display: none; } .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-company, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title { display: none; } .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-company { border-radius: 0 5px 5px 0px; background: #4B49AC; } .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-company { border-radius: 5px 0 0 5px; } .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-company { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background: #4B49AC; padding: 0.5rem 1.4rem; left: 70px; position: absolute; text-align: left; top: 0; bottom: 0; width: 190px; z-index: 1; line-height: 1.8; -webkit-box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25); box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25); } .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-company { background: #232227; } .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-company { left: auto; right: 70px; text-align: left; -webkit-box-shadow: -4px 0px 7px 0px rgba(182, 185, 189, 0.25); box-shadow: -4px 0px 7px 0px rgba(182, 185, 189, 0.25); } .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-company { color: #ffffff; } .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-company:after { display: none; } .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-company { background: #4B49AC; } .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-company { background: #232227; } /* Vendor CSS ships this rule commented out, so clicking a parent item in the collapsed sidebar leaves Bootstrap's collapse ".show" class expanded permanently instead of only revealing the submenu on hover (see hoverable-collapse.js). */ .sidebar-icon-only .sidebar .nav .nav-item:not(.hover-open) > .collapse, .sidebar-icon-only .sidebar .nav .nav-item:not(.hover-open) > .collapsing { display: none; } } /*copilot sugestion*/ .icon-option { cursor: pointer; padding: 10px; border: 1px solid #ccc; border-radius: 5px; transition: background-color 0.3s; display: flex; align-items: center; justify-content: center; } .icon-option input[type="radio"] { display: none; } .icon-option label { margin: 0; font-size: 24px; } .icon-option input[type="radio"]:checked + label { background-color: #d0eaff; border-color: #007bff; border-radius: 5px; padding: 10px; } .break-div { width: 100px; /* Adjust the width as needed */ border: 1px solid #000; padding: 5px; overflow-wrap: break-word; /* Ensures long words break */ word-break: break-all; /* Breaks text at any character */ white-space: pre-wrap; /* Preserves whitespace and breaks lines */ } .custom_image-container { display: flex; flex-wrap: wrap; gap: 0.5rem; } .custom_image-container input { opacity: 0; height: 0; } .custom_image-container label { display: flex; justify-content: center; align-items: center; font-size: 150%; cursor: pointer; width: 100px; border: solid 1px black; border-radius: 5px; object-fit: cover; } .custom_image-container img { width: 100px; height: 100px; border: solid 1px black; border-radius: 5px; object-fit: cover; } .color-circle { width: 30px; height: 30px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 10px; background-color: #000000; /* Default color */ } .subform_active { background: #6495ed; border-radius: 10px; padding-bottom: 7px; } .subform_trigger { background: linear-gradient(to left, #6495ed 80%, #ffffff 90%); color: white; border-top-right-radius: 15px; } .subform_control { background-color: rgba(255, 255, 255, 0.5) !important; } .animated-div { position: relative; overflow: hidden; transition: height 0.5s ease, opacity 0.5s ease; padding: 5px; } .hidden { height: 0; opacity: 0; } .accordion-body-side-panel { padding: 5px; } /*color-profile Picker*/ .colorSquare { width: 25%; float: left; height: 10%; position: relative; display: flex; align-items: center; color: white; font-family: Arial, sans-serif; cursor: pointer; height: 75px; padding: 0px !important; border: 2px rgba(0, 0, 0, 0.5); } .color-name { flex: 1; position: absolute; bottom: 0px; color: #fff; opacity: .9; right: 0px; font-size: smaller; transform: rotate(-45deg); transform-origin: left bottom; white-space: nowrap; } .hex-code { position: absolute; bottom: 8px; color: #fff; opacity: .9; left: 8px; font-size: smaller; } .color-picker { border: none; background: transparent; cursor: pointer; width: 100%; height: 100%; } .breadcrumb { border: 0px !important; } .textarea-auto { line-break: anywhere; resize: none; field-sizing: content; } .toast-flex { display: flex !important; justify-content: space-evenly; } .font-blur { filter: blur(5px); } .card-header-noborder { padding: 0.75rem 1.25rem; margin-bottom: 0; border: 0px !important; background-color: transparent !important; } .borderProfilePic { display: inline-flex; height: 117px !important; max-width: 115px !important; padding: 3px; margin-left: 15px; margin-top: 10px; } .borderCircle { width: 100%; height: 100%; border-radius: 100% !important; object-fit: cover; } .border-left-red { border-left: 4px solid #db0000 !important; } .border-left-blue { border-left: 4px solid blue !important; } .border-left-green { border-left: 4px solid #07e293 !important; } #personalInfoBG { position: relative; width: 100px; height: 100px; border-radius: 50% 50%; } div#personalInfoBG > .selected-image-holder { width: 100%; height: 100%; border-radius: 50% 50%; } div#personalInfoBG > .selected-image-holder { width: 100%; overflow: hidden; } div#personalInfoBG > .selected-image-holder > img { width: 100%; height: 100%; object-fit: cover; object-fit: center center; } .form-group .toggle-password { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .form-group { position: relative; } .text-message { overflow-wrap: break-word; font-size: 14px; } .input-transparent { background-color: rgba(255, 255, 255, 0.5) !important; } input::-ms-reveal, input::-ms-clear { display: none; } .h6, h6 { font-size: 15px !important; } .sidebar .nav.sub-menu .nav-item::before { width: 0px !important; height: 0px !important; position: absolute !important; margin-top: 0px !important; border-radius: 0% !important; background: transparent !important; } @media (min-width: 991px) { .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] { border-radius: 0px 0px 0 0 !important; } } .navbar .navbar-brand-wrapper .navbar-brand img { max-width: 100% !important; height: 60px !important; margin: auto !important; vertical-align: middle !important; } .navbar .navbar-brand-wrapper .brand-logo-mini img { width: calc(70px - 0px) !important; max-width: 100% !important; margin: auto !important; } .responsive-container { display: flex; /* Default to flex layout */ gap: 15px; /* Add gap between elements */ } @media (min-width: 1200px), (max-width: 575.98px) { /* Extra large devices (≥1200px) */ .responsive-container { display: grid; /* Change to grid layout */ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust columns as needed */ } } @media (max-width: 768px) { .content-wrapper-theme { padding: 0.375rem 0.375rem !important; } .card-body { padding: 1.25rem 0.6rem !important; } } .content-wrapper-theme { background: var(--BackGroundColor) !important; color: var(--TextColor); padding: 0.375rem 2.375rem; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; } .responsive-container .responsive-container-elem { margin: 0; /* Remove individual margins */ } .responsive-wrapper { display: flex; /* Default to flex layout */ gap: 15px; /* Add gap between elements */ } @media (min-width: 1200px) { /* Extra large devices (≥1200px) */ .responsive-wrapper { display: grid; /* Change to grid layout */ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust columns as needed */ gap: 0px; /* Add gap between elements */ } } table.dataTable { width: 100% !important; } .info-box { padding: 10px; margin: 20px auto; position: relative; } .info-title { font-weight: bold; padding: 0 10px; position: absolute; top: -12px; left: 10px; } .info-container { display: flex; justify-content: space-between; padding: 10px 0; } .info-container span { font-size: 15px; } @media (max-width: 768px) { .info-container { display: block; margin-top: 15px; } } .input-auth { border-radius: 4px !important; text-indent: 5px; } .modal-auto { height: auto !important; line-height: normal; } .input-DragDrop { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; } .div-DragDrop { position: absolute; top: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; background: #ffffff; border: 3px dotted #bebebe; border-radius: 10px; } .label-DragDrop { display: inline-block; position: relative; height: 100px; width: 350px; } .p-DragDrop { word-wrap: break-word; word-break: break-all; } .div-DragDrop.dragover { background-color: #dbead5; } .btn { height: auto !important; } .table-container { position: relative; width: 100%; } /*.d-lg-flex { display: flex; } @media (max-width: 1200px) {*/ /* Extra large devices (≥1200px) */ /*.d-lg-flex { display: block; } }*/ /* Style for the filter panel */ .filter-panel { height: 100%; width: 0; position: absolute; top: 0; right: 0; overflow-x: hidden; transition: 0.5s; padding-top: 15px; box-shadow: -2px 0 5px rgba(0,0,0,0.5); z-index: 1; border-radius: 4px; } .filter-panel-content { padding: 20px; } .filter-panel .closebtn { position: absolute; top: 10px; right: 25px; font-size: 36px; } .modal .modal-dialog { margin-top: 35px !important; } .form-control { background-color: transparent !important; } table.dataTable th, table.dataTable td { box-sizing: border-box; font-size: smaller; } div.dt-container div.dt-search { display: none !important; } .settings-panel-header { height: 40px; } .helper-panel-header { height: 40px; position: fixed; } .table-striped thead tr { border-top-left-radius: 15px !important; border-top-right-radius: 15px !important; } .table-striped thead tr th:first-child:not(.dtr-hidden) { border-top-left-radius: 5px; } .table-striped thead tr th:last-child:not(.dtr-hidden) { border-top-right-radius: 5px; } .tab-content { padding: 0px 0px !important; } .row-colorPicker { width: 100%; place-self: center; } .mh-0 { max-height: 0; } #attachment-add-img-label-mobile { display: none; } @media (max-width: 768px) { #attachment-add-img-label-desktop { display: none; } #attachment-add-img-label-mobile { display: inline-block; } } .input-file { cursor: pointer; } .standart-link { font-size: 14px !important; text-decoration: underline; } .standart-link:hover { Transition: 0.3s !important; text-decoration: none; -webkit-transition: all 300ms ease !important; -moz-transition: all 300ms ease !important; -ms-transition: all 300ms ease !important; -o-transition: all 300ms ease !important; transition: all 300ms ease !important; } .dropdown-toggle { text-decoration: none !important; } /* Avatar File Input Wrapper */ div#AvatarFileUpload { position: relative; width: 150px; height: 150px; border-radius: 50% 50%; /* margin: auto;*/ } /* Image Preview Wrapper and Container */ div#AvatarFileUpload > .selected-image-holder { width: 100%; height: 100%; border-radius: 50% 50%; } div#AvatarFileUpload > .selected-image-holder { width: 100%; overflow: hidden; } div#AvatarFileUpload > .selected-image-holder > img { width: 100%; height: 100%; object-fit: cover; object-fit: center center; } /* Image Selector to Browse Image to Upload */ div#AvatarFileUpload > .avatar-selector { position: absolute; bottom: 109px; right: 0%; width: 30px; height: 30px; } div#AvatarFileUpload > .avatar-selector input[type="file"] { display: none; } div#AvatarFileUpload > .avatar-selector > .avatar-selector-btn { width: 100%; height: 100%; background: #f5f5f59e; border-radius: 50% 50%; } div#AvatarFileUpload > .avatar-selector > .avatar-selector-btn::before { font-size: 28px; margin: 2px; } .auth .brand-logo img { display: block; margin: auto; } .scroll-to-top { position: fixed; bottom: 20px; right: 20px; display: none; background-color: #007bff; color: white; border: none; padding: 10px; border-radius: 50%; cursor: pointer; font-size: 20px; z-index: 1000; } .scroll-to-top:hover { background-color: #0056b3; } .responsive-table-array { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; } .mx-content { width: -webkit-max-content; /* For Safari */ width: -moz-max-content; /* For Firefox */ width: max-content; } .form-input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-input-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; border-radius: var(--bs-border-radius-sm); } .btn-scrolly-rail--next { position: absolute !important; top: 30%; right: 1; } .btn-scrolly-rail--previous { position: absolute !important; top: 30%; left: 1; } #calendar { max-width: 900px; margin: 0 auto; } #buttons { display: flex; justify-content: center; margin: 20px 0; } #buttons button, #buttons select { margin: 0 5px; } .borderProfilePic { height: 90px !important; max-width: 90px !important; background-color: white; padding: 3px; border: 2px inset #fe8925; margin-bottom: 15px; } .lineGridScroll { max-height: 215px !important; overflow-y: auto !important; } .side-modal { position: fixed; } .left-modal { left: 0; } .right-modal { right: 0; } .form-control-sm { height: 2.163rem !important; } .btn-sm { height: 2.163rem !important; } .dtr-control .dt-column-order:before{ content:"" !important } .table-number-center { text-align: center !important; } .f-w-600 { font-weight: 600; } .grid-item { margin-bottom: 0px !important; } .message-panel { padding: 0.375rem 2.375rem; } .tab-content-configs { margin: 0px 13px; } .form-labelWrapper { display: inline; } .popover-scroll { max-height: 300px; overflow-y: auto; } .popover-tooltip { background-color: #333; color: #fff; font-weight: 500; padding: 8px 12px; font-size: 13px; border-radius: 4px; display: none; max-width: 280px; z-index: 1050; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); position: absolute; } .popover-tooltip.show { display: block; } .popper-arrow, .popper-arrow::before { position: absolute; width: 8px; height: 8px; background: inherit; } .popper-arrow { visibility: hidden; } .popper-arrow::before { visibility: visible; content: ''; transform: rotate(45deg); } /* Arrow positioning based on placement */ .popover-tooltip[data-popper-placement^='top'] > .popper-arrow { bottom: -4px; } .popover-tooltip[data-popper-placement^='bottom'] > .popper-arrow { top: -4px; } .popover-tooltip[data-popper-placement^='left'] > .popper-arrow { right: -4px; } .popover-tooltip[data-popper-placement^='right'] > .popper-arrow { left: -4px; } .popover-tooltip { max-height: 215px; overflow: auto; } .sticky-header { position: sticky; top: 0; z-index: 1020; background-color: inherit; } .white-sapce { white-space: break-spaces; } .grid-item { border-radius: 0px !important; } table.display.dataTable > tbody > tr.selected > *, table.display.dataTable > tbody > tr.odd.selected > *, table.display.dataTable > tbody > tr.selected:hover > * { box-shadow: inset 0 0 0 9999px #acbad4 !important; color: #333; background-color: #fff; } .table-row-highlight { background-color: yellow; transition: background-color 1s ease; /* Smooth fade */ } .organigramTree-Wrapper{ height:80vh; overflow-y:auto; } .image_anchor { height: 40px !important; width: 40px !important; } .helper-panel { display: none; position: fixed; top: 0px; bottom: 0; width: 80vw; /* 80% of viewport width */ max-width: 600px; /* optional limit for tablets */ overflow-y: auto; /* scroll if content is tall */ height: 100vh; /* full height */ transition: left 1s ease, right 1s ease, box-shadow 1s ease; z-index: 9999; } @media (max-width: 768px) { .helper-panel { width: 100vw; /* full width on small screens */ max-width: 400px; /* optional limit for tablets */ box-shadow: none; /* optional for cleaner look */ } } .helper-panel.open { display: block; } .helper-panel.open.right { right: 0; } .helper-panel.open.left { left: 0; } #tutorialwrapper { display: flex; flex-direction: column; /* stack pages vertically */ align-items: center; overflow-y: auto; } .pdf-page { max-width: 100%; height: auto; } /* Container row: keep things aligned */ .row_Buttons { display: flex; align-items: center; gap: .5rem; /* spacing between toggle button and actions */ width: fit-content; border-radius: 0.375rem; } /* The actions wrapper starts collapsed (translated left, 0 opacity) */ .actionButtons { display: contents; /* horizontal line of buttons */ align-items: center; gap: .5rem; /* animation baseline */ opacity: 0; transform: translateX(-12px); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s transform; pointer-events: none; /* unfocusable while hidden */ } /* When open, slide to the right and show */ .actionButtons.is-open { opacity: 1; transform: translateX(0); pointer-events: auto; } /* Optional: make line breaks not break your horizontal layout */ .actionButtons br { display: none; } /* Optional: keep buttons compact on one line */ .actionButtons .btn { white-space: nowrap; } .ts-control { min-width: 200px; /* Adjust as needed */ } /* Multi-select controls must grow in height to show all selected items, overriding the fixed .form-control-sm height. */ .ts-wrapper.multi.form-control-sm, .ts-wrapper.multi .ts-control { height: auto !important; min-height: 2.163rem; flex-wrap: wrap; } .ts-dropdown { min-width: 200px; z-index: 9999 !important; } .modal-open .ts-dropdown { z-index: 9999 !important; width: inherit !important; } /* If dropdownParent: .modal */ .modal .ts-dropdown { z-index: 9999; } /* (Optional) reasonable max height inside viewport */ .ts-dropdown .ts-dropdown-content { max-height: min(320px, calc(100vh - 2rem)); overflow: auto; } .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button { right: calc(100% - 17px) !important; } .ts-control .item { margin-left: 10px; font-size: 17px !important; } .grid-hydra { position: relative; } .grid-item-hydra { padding: 8px; } .grid-sizer-hydra, .grid-item-hydra { width: 8.333333%; /* 1 / 12 */ } grid-item--width1 { width: 8.333333%; /* col-1 */ } .grid-item--width2 { width: 16.666667%; /* col-2 */ } .grid-item--width3 { width: 25%; /* col-3 */ } .grid-item--width4 { width: 33.333333%; /* col-4 */ } .grid-item--width5 { width: 41.666667%; } .grid-item--width6 { width: 50%; } .grid-item--width7 { width: 58.333333%; } .grid-item--width8 { width: 66.666667%; } .grid-item--width9 { width: 75%; } .grid-item--width10 { width: 83.333333%; } .grid-item--width11 { width: 91.666667%; } .grid-item--width12 { width: 100%; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item { padding: 0rem 1.562rem !important; } hr { margin-top: 0rem !important; } .header-content-wrapper { display: flex; place-content: space-between; justify-content: end; } .justify-end { justify-self: right; } #calendarListCurrentMonth { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; } #rowCalendarsContainer { container-type: inline-size; container-name: calendar-row; } @container calendar-row (max-width: 600px) { #calendarListMonthWrapper { display: none; } #calendarListCurrentMonth .eg-list-filter { display: none; } #calendarMonthWrapper{ width:100% } } #calendarListCurrentMonth .eg-list-filter { display: none; } .settings-panel .nav-tabs .nav-item .nav-link { flex-wrap: wrap; } /* Container layout */ .sortable-wrapper { display: flex; gap: 20px; margin-top: 15px; } /* Group (Active / Disabled cards) */ .group { flex: 1; background: #f3f5f9; border-radius: 8px; padding: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } /* Title */ .group h3 { font-size: 14px; font-weight: 600; color: #666; margin-bottom: 10px; text-align: center; } /* item row wrapper */ .row-item { display: flex; align-items: center; margin-bottom: 8px; } .row-item:hover .order { color: #333; } /* Number outside */ .order { width: 25px; text-align: right; margin-right: 8px; font-size: 13px; font-weight: 600; color: #666; } /* Your existing itemCompany adjusted slightly */ .itemcompany { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 6px; } /* Hover effect */ .itemcompany:hover { box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Active item */ .itemcompany.active { background: #e6f4ea; border-color: #a5d6a7; } /* Disabled item */ .itemcompany.disabled { background: #f8e6e6; border-color: #e0b4b4; } /* Checkbox */ .itemcompany input { transform: scale(1.1); } /* Drag ghost */ .dragging { opacity: 0.4; } .company-name { font-size: 13px; color: #444; } .drag-handle { cursor: grab; margin-right: 8px; color: #999; } .itemcompany .inactive-mode { background: #ccc !important; cursor: not-allowed; opacity: 0.7; cursor: auto; } .inactive-mode .order { opacity: 0.4; } .fade-hidden { opacity: 0; transition: opacity 0.3s ease; } .fade-show { opacity: 1; } /* Scrollbar width */ #calendarListCurrentMonth::-webkit-scrollbar { width: 12px; } /* Track */ #calendarListCurrentMonth::-webkit-scrollbar-track { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* Thumb */ #calendarListCurrentMonth::-webkit-scrollbar-thumb { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* Scrollbar width */ .eg-events-list::-webkit-scrollbar { width: 12px; } /* Track */ .eg-events-list::-webkit-scrollbar-track { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* Thumb */ .eg-events-list::-webkit-scrollbar-thumb { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* Scrollbar width */ .eg-timeline-view::-webkit-scrollbar { width: 12px; } /* Track */ .eg-timeline-view::-webkit-scrollbar-track { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* Thumb */ .eg-timeline-view::-webkit-scrollbar-thumb { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .chat-count::before { content: attr(value); display: inline-block; min-width: 18px; height: 18px; line-height: 18px; text-align: center; padding: 0 5px; font-size: 13px; border-radius: 50px; position: relative; left: 15px; top: 9px; font-weight: bolder; } /* Notification DashBoard */ :root { --bg: #f4f6f8; --panel: #ffffff; --line: #d8dde3; --text: #1f2933; --muted: #6b7785; --blue: #0d6efd; --radius: 10px; } .wrap-notif { margin: 0 auto; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 14px 30px rgba(9, 30, 66, 0.08); overflow: hidden; } .group-notif { border-bottom: 1px solid var(--line); } .group-notif:last-child { border-bottom: 0; } .group-header-notif { width: 100%; border: 0; margin: 0; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; font-size: 18px; font-weight: 700; text-align: left; transition: background-color 0.2s ease; } .group-title-notif { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .group-count-notif { border-radius: 999px; padding: 1px 10px; font-size: 13px; font-weight: 700; } .chevron-notif { display: inline-block; width: 10px; height: 10px; transform: rotate(45deg); transition: transform 0.2s ease; margin-right: 4px; } .group-notif.collapsed-notif .chevron-notif { transform: rotate(-45deg); margin-top: 4px; } .group-content-notif { overflow: hidden; transition: max-height 0.28s ease; } .group-notif.collapsed-notif .group-content-notif { max-height: 0 !important; } .list-header-notif { display: grid; grid-template-columns: 1fr 140px; gap: 16px; padding: 10px 18px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--muted); background: #f8f9fb; border-top: 1px solid var(--line); } .list-header-notif.columns-3 { grid-template-columns: 1fr 140px 110px; } .item-notif { display: grid; grid-template-columns: 25px 1fr minmax(25px, auto); align-items: center; gap: 16px; border-top: 1px solid var(--line); padding: 12px 18px; cursor: pointer; } .item-notif.columns-3 { grid-template-columns: 1fr 140px 110px; } .item-notif:first-child { border-top: 1px solid var(--line); } .item-row-notif { min-width: 0; } .item-title-notif { margin: 0; font-size: 16px; line-height: 1.3; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 auto; } .item-date-notif { font-size: 13px; color: var(--muted); white-space: nowrap; flex-shrink: 0; } .item-date-notif.text_custom { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .item-status-notif { font-size: 13px; color: var(--muted); white-space: nowrap; justify-self: start; } .item-active-notif { font-size: 13px; color: var(--muted); white-space: nowrap; flex-shrink: 0; } .item-subtitle-notif { margin: 0 0 8px 0; font-size: 14px; line-height: 1.35; } .marked-item-notif { border-right: 6px solid var(--blue); } .item-indicators-notif { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .item-notif .item-read-icon, .item-notif .item-favorite-icon { display: none; font-size: 18px; } .item-notif.is-read .item-read-icon { display: inline-block; } .item-notif.is-favorite .item-favorite-icon { display: inline-block !important; } #btnToggleFavorite .icon-star { color: var(--muted); font-size: 20px; } @media (max-width: 720px) { .group-header-notif { font-size: 16px; } .item-notif { padding: 12px 14px; } .item-title-notif { font-size: 19px; } .item-date-notif { font-size: 12px; } .item-subtitle-notif { font-size: 13px; } .item-body-notif { font-size: 12px; } } .sun-editor .se-dialog .se-dialog-inner .se-dialog-content { top: 70px; } /* Sidebar-tutorial toggle: uses @property, custom properties and :has(), which the legacy ASP.NET bundling minifier cannot parse. Kept out of the minified bundle and served as-is (see BundleConfig.cs / _BaseLayout.cshtml). */ :root { --sidebar-toggler-size: 3rem; /* Fallback only: kept in sync with 80% of #mainContainer's width by fnUpdateTutorialSidebarMetrics() in miscellaneous.js (window resize/ResizeObserver). */ --sidebar-tutorial-width: 16rem; /* Fallback only: kept in sync with #mainContainer's left edge, so the panel can be docked next to the main content instead of the far edge of the viewport. */ --sidebar-tutorial-content-left: 16rem; /* Matches #portal-settings/.settings-panel's fixed width (vertical-layout-light/style.css), so the docked tutorial sidebar below never renders (partially) underneath it. */ --settings-panel-width: 300px; } @property --sidebar-tutorial-open { syntax: ''; initial-value: 0; inherits: true; } @keyframes openSidebar { from { --sidebar-tutorial-open: 0; } to { --sidebar-tutorial-open: 1; } } @keyframes closeSidebar { from { --sidebar-tutorial-open: 1; } to { --sidebar-tutorial-open: 0; } } .button-helper-wrapper:has(#sidebar-tutorial-toggler-input:checked) { animation: .25s ease openSidebar; --sidebar-tutorial-open: 1; } .button-helper-wrapper:not(:has(#sidebar-tutorial-toggler-input:checked)) { animation: .25s ease closeSidebar; --sidebar-tutorial-open: 0; } /* aside.sidebar-tutorial (not just .sidebar-tutorial): needs to outrank Bootstrap's .row > * (width:100%), since the markup wraps this aside in a .row wrapper. translateX uses % (relative to the element's own box) instead of a fixed rem amount, so the slide animation keeps working regardless of the dynamic width. */ aside.sidebar-tutorial { z-index: 40; background: var(--sideMenuBackGroundColor) !important; position: fixed; right: 0; top: 58px; bottom: 0; display: flex; align-items: stretch; justify-content: stretch; width: var(--sidebar-tutorial-width); max-width: var(--sidebar-tutorial-width); transform: translateX(calc((1 - var(--sidebar-tutorial-open)) * 100%)); transition: left .2s ease, right .2s ease; } .sidebar-tutorial-content { position: relative; height: 100%; width: 100%; } .sidebar-tutorial-file { height: 100%; overflow-y: auto; overflow-x: hidden; text-align: left; margin-top: 2rem; margin-left: 5px; margin-right: 5px; } .sidebar-tutorial-toggler { position: absolute; display: flex; align-items: center; justify-content: center; left: calc(var(--sidebar-toggler-size) * -1); top: 0; background: var(--sideMenuBackGroundColor) !important; height: 2rem; width: var(--sidebar-toggler-size); border: 0; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; cursor: help; transition: .15s ease; z-index: 50; } .sidebar-tutorial-toggler:hover { background: cornflowerblue; } .sidebar-tutorial-toggler input { display: none; } @media (max-width: 991px) { aside.sidebar-tutorial { right: auto; left: 0; transform: translateX(calc((var(--sidebar-tutorial-open) - 1) * 100%)); } .sidebar-tutorial-toggler { left: auto; right: calc(var(--sidebar-toggler-size) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } } /* Desktop only: while the general settings panel (#portal-settings) is open, it docks to the right edge on top of where the tutorial sidebar would be, so move the latter to the left of the content area (next to the first/personal-data card) instead. */ @media (min-width: 992px) { body:has(#portal-settings.open) aside.sidebar-tutorial { left: var(--sidebar-tutorial-content-left); right: calc(var(--settings-panel-width) + var(--sidebar-toggler-size)); width: auto; max-width: none; transform: translateX(calc((var(--sidebar-tutorial-open) - 1) * 100%)); } body:has(#portal-settings.open) .sidebar-tutorial-toggler { left: auto; right: calc(var(--sidebar-toggler-size) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } } /* Mirrors the desktop toggle rotation (vertical-layout-light/style.css .sidebar-icon-only rule) for the mobile off-canvas toggle, driven by the "mobile-menu-open" body class set in skydash-vendor.js. */ .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right { transform: scaleX(1); transition: transform 0.3s linear; } .mobile-menu-open .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right { transform: scaleX(-1); } #TeamList tr.child tr.child { padding: 0; } .icon-INICIO::before { font-family: 'Material Symbols'; content: '\e88a'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; font-style: normal; } .icon-INFORMACAOPESSOAL::before { font-family: 'Material Symbols'; content: '\f4ca'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-GESTAODETEMPO::before { font-family: 'Material Symbols'; content: '\ebe7'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-DADOSECONOMICOS::before { font-family: 'Material Symbols'; content: '\f52d'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-SHST::before { font-family: 'Material Symbols'; content: '\e1eb'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-FORMACOES::before { font-family: 'Material Symbols'; content: '\ea3e'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-AVALIACAODEDESEMPENHO::before { font-family: 'Material Symbols'; content: '\e179'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-GESTAO::before { font-family: 'Material Symbols'; content: '\f02f'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-CONFIGURACAOEMPRESARIAL::before { font-family: 'Material Symbols'; content: '\e726'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-COMUNICACAO::before { font-family: 'Material Symbols'; content: '\e7f4'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-CompanySelector::before { font-family: 'Material Symbols'; content: '\ea40'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-Settings::before { font-family: 'Material Symbols'; content: '\e8b8'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-User::before { font-family: 'Material Symbols'; content: '\e7fd'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-LogOff::before { font-family: 'Material Symbols'; content: '\e8ac'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-LightMode::before { font-family: 'Material Symbols'; content: '\e518'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-DarkMode::before { font-family: 'Material Symbols'; content: '\e51c'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-Magnifier::before { font-family: 'Material Symbols'; content: '\e8b6'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-Hamburger::before { font-family: 'Material Symbols'; content: '\e5d2'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-MenuClose::before { font-family: 'Material Symbols'; content: '\f3d3'; font-size: 40px; display: inline-block; font-style: normal; } .icon-eyeshow::before { font-family: 'Material Symbols'; content: '\e8f4'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-eyeshide::before { font-family: 'Material Symbols'; content: '\e8f5'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-morevertical { text-align: center; width: 1.25em; font-size: .875em; line-height: .07143em !important; vertical-align: .05357em; font-style: normal; } .icon-morevertical::before { font-family: 'Material Symbols'; content: '\e5d4'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-microsoft-Azure::before { font-family: 'themify'; content: "\e754"; font-size: 24px; display: inline-block; vertical-align: middle; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #40abed font-style: normal; } .icon-eyeopen::before { font-family: 'Material Symbols'; content: '\e8f4'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-eyeshut::before { font-family: 'Material Symbols'; content: '\e8f5'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-success::before { font-family: 'Material Symbols'; content: '\e86c'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-error::before { font-family: 'Material Symbols'; content: '\e002'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-language::before { font-family: 'Material Symbols'; content: '\e894'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-holiday::before { font-family: 'Material Symbols'; content: '\eb3e'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-absence::before { font-family: 'Material Symbols'; content: '\e614'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-annualholiday::before { font-family: 'Material Symbols'; content: '\ea65'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-small::before { font-size: 15px !important; font-style: normal !important; } .icon-edit::before { font-family: 'Material Symbols'; content: '\f88d'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-uploadfile::before { font-family: 'Material Symbols'; content: '\e9fc'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-downloadfile::before { font-family: 'Material Symbols'; content: '\f090'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-trashcan::before { font-family: 'Material Symbols'; content: '\e872'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-add::before { font-family: 'Material Symbols'; content: '\e145'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-view::before { font-family: 'Material Symbols'; content: '\f801'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-close::before { font-family: 'Material Symbols'; content: '\e5cd'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-excel::after { font-family: 'Material Symbols'; content: "\f191"; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-filter::after { font-family: 'Material Symbols'; content: '\ef4f'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-filteroff::after { font-family: 'Material Symbols'; content: '\eb32'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-email::before { font-family: 'Material Symbols'; content: '\e158'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { content: ''; border: 0px !important; font-style: normal; } table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before { content: ''; border: 0px !important; font-style: normal; } table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { font-family: 'Material Symbols'; content: '\e146'; font-size: 20px; display: inline-block; vertical-align: middle; border: 0px !important; font-style: normal; } table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before { font-family: 'Material Symbols'; content: '\e909'; font-size: 20px; display: inline-block; vertical-align: middle; border: 0px !important; font-style: normal; } td.details-control:before { font-family: 'Material Symbols'; content: '\e146' !important; font-size: 20px; display: inline-block !important; vertical-align: middle; cursor: pointer; font-style: normal; } tr.dtr-expanded td.details-control:before { font-family: 'Material Symbols'; content: '\e909' !important; font-size: 20px; display: inline-block !important; vertical-align: middle; font-style: normal; } table.dataTable thead > tr > th.details-control span.dt-column-order:before { content: '' !important; font-style: normal; } table.dataTable thead > tr > th.details-control-none span.dt-column-order:before { content: '' !important; font-style: normal; } .icon-webservice:before { font-family: 'Material Symbols'; content: '\e2bd'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-gallery:before { font-family: 'Material Symbols'; content: '\e3f4'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-pallete:before { font-family: 'Material Symbols'; content: '\e40a'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-switchdirections:before { font-family: 'Material Symbols'; content: '\e8d4'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-print:before { font-family: 'Material Symbols'; content: '\e8ad'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-payments:after { font-family: 'Material Symbols'; content: '\ef63'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-sync:after { font-family: 'Material Symbols'; content: '\eb5a'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-collapsecontent:after { font-family: 'Material Symbols'; content: '\f507'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-expandcontent:after { font-family: 'Material Symbols'; content: '\f830'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-cameraphoto:before { font-family: 'Material Symbols'; content: '\e412'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-cameraAdd:before { font-family: 'Material Symbols'; content: '\e439'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-plane-send:after { font-family: 'Material Symbols'; content: '\e163'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-arrow-open:after { font-family: 'Material Symbols'; content: '\e316'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-arrow-close:after { font-family: 'Material Symbols'; content: '\e313'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-arrow-slideleft:after { font-family: 'Material Symbols'; content: '\e314'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-arrow-slideright:after { font-family: 'Material Symbols'; content: '\e315'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-employee-data:after { font-family: 'Material Symbols'; content: '\e09e'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-preview-page::before { font-family: 'Material Symbols'; content: '\eac3'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-call-api::before { font-family: 'Material Symbols'; content: '\f1b7'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-move-item::before { font-family: 'Material Symbols'; content: '\f71e'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-submit-data::after { font-family: 'Material Symbols'; content: '\f23a'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-info::after { font-family: 'Material Symbols'; content: '\e88e'; font-size: 17px; display: inline-block; vertical-align: bottom; font-style: normal; cursor: help; } .dropdown .dropdown-toggle:after { border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; font: normal normal normal 24px / 1 "Material Symbols" !important; content: "\e5c5" !important; } .dropdown .dropdown-toggle[aria-expanded="true"]:after { border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; font: normal normal normal 24px / 1 "Material Symbols" !important; content: "\e5c7" !important; } .sidebar .nav .nav-item .nav-link i.menu-arrow:before { content: "\e5e1" !important; font-family: "Material Symbols" !important; font-size: 1rem !important; display: inline-block; vertical-align: middle; font-style: normal; } .icon-microsoft-Azure::before { display: inline-block; width: 24px; height: 24px; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.05 4.24L6.56 18.05L2 18l5.09-8.76zm.7 1.09L22 19.76H6.74l9.3-1.66l-4.87-5.79z'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .icon-microsoft-windows::before { display: inline-block; width: 24px; height: 24px; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 12V6.75l6-1.32v6.48zm17-9v8.75l-10 .15V5.21zM3 13l6 .09v6.81l-6-1.15zm17 .25V22l-10-1.91V13.1z'/%3E%3C/svg%3E"); background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .icon-employee:after { font-family: 'Material Symbols'; content: '\ea67'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-horizontal-menu:after { font-family: 'Material Symbols'; content: '\e5d3'; font-size: 20px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-zoom-in::after { font-family: 'Material Symbols'; content: '\e8ff'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-zoom-out::after { font-family: 'Material Symbols'; content: '\e900'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-center::after { font-family: 'Material Symbols'; content: '\f394'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-expand-all::after { font-family: 'Material Symbols'; content: '\ead0'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-collapse-all::after { font-family: 'Material Symbols'; content: '\eacf'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-compact::after { font-family: 'Material Symbols'; content: '\f39f'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-checkmark::before { font-family: 'Material Symbols'; content: '\f457'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-movehand::after { font-family: 'Material Symbols'; content: '\e9ec'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-editdashboard::before { font-family: 'Material Symbols'; content: '\e871'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-calendar::before { font-family: 'Material Symbols'; content: '\ebcc'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-checkmark::before { font-family: 'Material Symbols'; content: '\f457'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-call-smtp::before { font-family: 'Material Symbols'; content: '\f187'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-chatbubble::after { font-family: 'Material Symbols'; content: '\e0b7'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-star-favorite::before { font-family: 'Material Symbols'; content: '\e838'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-fill::before { font-variation-settings: 'FILL' 1; } .icon-fill::after { font-variation-settings: 'FILL' 1; } :root { --BackGroundColor: #f8f7f7; --BackGroundLoginColor: #f8f6f6; --TextColor: #525151; --IconColor: #9ba9c5; --navBarBackGroundColor: #eaedf0; --navBarActiveBackGroundColor: #D2D5D8; --navBarContrastBackGroundColor: #D2D5D8; --sideMenuBackGroundColor: #ebedf0; --ButtonBackGroundColor: #c6d0e6; --ButtonActiveBackGroundColor: #B2BBCF; --CardBackGroundColor: #f3f4f7; --CardLoginBackGroundColor: #ffffff; --CardHeaderBackGoundColor: #d6d6d6; --CardInputBackGoundColor: #DADADA; --theme-success-rgb: #28a745; --theme-info-rgb: #17A2B8; --theme-warning-rgb: #FFFF00; --theme-danger-rgb: #dc3545; --theme-primary-rgb: #8b8acd; --theme-secondary-rgb: #a3a4a5; --theme-gold: #d4af37; --NavSettingsButtonActiveColor: #D7D7D7; --NavSettingsButtonColor: #979797; } :root[data-theme='dark'] { --BackGroundColor: #585656; --BackGroundLoginColor: #585656; --TextColor: #ffffff; --IconColor: #c6d0e6; --navBarBackGroundColor: #373839; --navBarActiveBackGroundColor: #4B4B4C; --navBarContrastBackGroundColor: #313233; --sideMenuBackGroundColor: #373839; --ButtonBackGroundColor: #9ba9c5; --ButtonActiveBackGroundColor: #8B98B1; --CardBackGroundColor: #373839; --CardLoginBackGroundColor: #373839; --CardHeaderBackGoundColor: #7a7575; --CardInputBackGoundColor: #878282; --theme-success-rgb: #7CFC00; --theme-info-rgb: #17A2B8; --theme-warning-rgb: #FFFF00; --theme-danger-rgb: #dc3545; --theme-primary-rgb: #8b8acd; --theme-secondary-rgb: #a3a4a5; --NavSettingsButtonActiveColor: #787878; --NavSettingsButtonColor: #A1A1A1; } body { background: var(--BackGroundColor) !important; } h1:not(.text_custom), h2:not(.text_custom), h3:not(.text_custom), h5:not(.text_custom), h6:not(.text_custom), p:not(.text_custom), label:not(.text_custom), span:not(.text_custom), a:not(.text_custom), button:not(.text_custom), textarea:not(.text_custom), ul:not(.text_custom), ol:not(.text_custom), li:not(.text_custom), table:not(.text_custom), tr:not(.text_custom), caption:not(.text_custom), blockquote:not(.text_custom), cite:not(.text_custom), code:not(.text_custom), pre:not(.text_custom), em:not(.text_custom), strong:not(.text_custom), abbr:not(.text_custom), dfn:not(.text_custom), address:not(.text_custom), input:not(.text_custom), select:not(.text_custom), i:not(.text_custom) { font-family: 'Open Sans' !important; color: var(--TextColor) !important; font-size: 14px !important; } #ball { background-color: var(--ButtonBackGroundColor) !important; } button:not(.button_custom) { background-color: var(--ButtonBackGroundColor); color: var(--TextColor) ; border: none; } button:not(.button_custom):hover { background-color: var(--ButtonActiveBackGroundColor); color: var(--TextColor); border: none; } button:not(.button_custom)[aria-pressed="true"] { background-color: var(--ButtonActiveBackGroundColor); color: var(--TextColor); border: none; } .main-panel { background: var(--BackGroundColor) !important; color: var(--TextColor); } .content-wrapper-theme { background: var(--BackGroundColor) !important; color: var(--TextColor); } .content-wrapper-login-theme { background: var(--BackGroundLoginColor) !important; color: var(--TextColor); padding: 0.375rem 2.375rem !important; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; } .footer { background: var(--BackGroundColor) !important; color: var(--TextColor); padding: 12px 0.6rem !important; } .sidebar .nav.sub-menu { padding: 0 0 0 0 !important; } .hydra-nav { background: var(--navBarBackGroundColor) !important; box-shadow: 0px 5px 21px -5px var(--navBarContrastBackGroundColor) !important; } .settings-panel .nav-tabs .nav-item .nav-link{ color: var(--TextColor) !important; } .settings-panel .settings-heading { border: 0px !important; } .settings-panel .settings-close { color: var(--TextColor) !important; } .settings-save-button { width: -webkit-fill-available; background: var(--ButtonBackGroundColor) !important; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown { background: var(--navBarBackGroundColor) !important; } .settings-panel { background: var(--navBarActiveBackGroundColor) !important; } .accordion-button { background: var(--ButtonBackGroundColor) !important; } .accordion-button:hover { background: var(--ButtonActiveBackGroundColor) !important; } .accordion-button[aria-expanded="true"] { background: var(--ButtonActiveBackGroundColor) !important; } .accordion-body-side-panel { background: var(--ButtonActiveBackGroundColor) !important; } .hydra-side-menu { background: var(--sideMenuBackGroundColor) !important; } .hydra-button { background: var(--ButtonBackGroundColor) !important; } .hydra-card { background: var(--CardBackGroundColor) !important; } .auth .auth-form-light { background: var(--CardLoginBackGroundColor) !important; } .sidebar .nav.sub-menu { background: var(--ButtonActiveBackGroundColor) !important; } .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title { background: var(--ButtonActiveBackGroundColor) !important; } .sidebar .nav .nav-item.active > .nav-link { background: var(--ButtonActiveBackGroundColor) !important; } .sidebar .nav:not(.sub-menu) > .nav-item.active { background: var(--ButtonBackGroundColor) !important; } .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link { background: var(--ButtonActiveBackGroundColor) !important; Transition: 0.3s !important; -webkit-transition: all 300ms ease !important; -moz-transition: all 300ms ease !important; -ms-transition: all 300ms ease !important; -o-transition: all 300ms ease !important; transition: all 300ms ease !important; } .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] { background: var(--ButtonActiveBackGroundColor) !important; } .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link.active[aria-expanded="true"] { background: var(--ButtonBackGroundColor) !important; } .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link.active { background: var(--ButtonBackGroundColor) !important; } .sidebar .nav.sub-menu .nav-item .nav-link { background: var(--ButtonActiveBackGroundColor) !important; } .sidebar .nav.sub-menu .nav-item .nav-link:hover { background: var(--ButtonBackGroundColor) !important; } .sidebar .nav.sub-menu .nav-item .nav-link.active { background: var(--ButtonBackGroundColor) !important; } .button_theme { background-color: var(--ButtonBackGroundColor) !important; display: block !important; width: 195px; margin: auto; border: 0 !important; border-radius: 4px !important; } .button_theme:hover { background-color: var(--ButtonActiveBackGroundColor) !important; } .button_theme:active { background-color: var(--ButtonActiveBackGroundColor) !important; } .button_Azure, button_Azure:hover { background-color: #3e6598 !important; color: white !important; display: block !important; width: 195px; margin: auto; border: 0 !important; border-radius: 4px !important; } .auth-link { font-size: 14px !important; text-decoration: underline; color:var(--TextColor) !important; } .auth-link:hover { Transition: 0.3s !important; text-decoration: none; -webkit-transition: all 300ms ease !important; -moz-transition: all 300ms ease !important; -ms-transition: all 300ms ease !important; -o-transition: all 300ms ease !important; transition: all 300ms ease !important; } .card-header-fill { padding: 0.75rem 1.25rem; margin-bottom: 0; border: 0px !important; background-color: transparent !important; background: var(--CardHeaderBackGoundColor) !important; border-top-left-radius: var(--bs-border-radius); border-top-right-radius: var(--bs-border-radius); } .icon-color:before { color: var(--IconColor) !important; } .icon-color:after { color: var(--IconColor) !important; } .dropdown .dropdown-toggle:after { color: var(--IconColor) !important; } .dropdown .dropdown-toggle:before { color: var(--IconColor) !important; } .dropdown .dropdown-toggle[aria-expanded="true"]:after { color: var(--IconColor) !important; } .dropdown .dropdown-toggle[aria-expanded="true"]:before { color: var(--IconColor) !important; } .sidebar .nav .nav-item .nav-link i.menu-arrow:before { color: var(--IconColor) !important; } .sidebar .nav .nav-item .nav-link i.menu-arrow:after { color: var(--IconColor) !important; } .card{ background-color:var(--CardBackGroundColor) !important; } .dropdown-item:focus, .dropdown-item:hover { background: var(--navBarActiveBackGroundColor) !important; } .dropdown-item.preview-item:hover, dropdown-item.preview-item:focus { background: transparent !important } .select-button, .selectgroup-button:hover { background: var(--navBarActiveBackGroundColor) !important; } .navbar-toggler, .navbar-toggler:hover { background: var(--navBarBackGroundColor) !important; } [aria-controls="MyRequestsPendingTable"] { border: 1px solid var(--CardHeaderBackGoundColor) !important; height: 1rem; } [aria-controls="TasksPendingTable"] { border: 1px solid var(--CardHeaderBackGoundColor) !important; height: 1rem; } [aria-controls="IBANSTable"] { border: 1px solid var(--CardHeaderBackGoundColor) !important; height: 1rem; } [aria-controls="FilesTable"] { border: 1px solid var(--CardHeaderBackGoundColor) !important; height: 1rem; } [aria-controls="CustomReportsTable"] { border: 1px solid var(--CardHeaderBackGoundColor) !important; height: 1rem; } [aria-controls="MyApprovals"] { border: 1px solid var(--CardHeaderBackGoundColor) !important; height: 1rem; } .event-weekoff { background: grey !important; opacity: 0.5 !important; border-radius: 0px !important; } .event-holiday { background: #36B949 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #36B949 !important; overflow: hidden; } .ec-year-event-dot.event-holiday:before { color: #36B949 !important; } .event-holiday-unsubmitted { background: #5A9AD7 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #5A9AD7 !important; overflow: hidden; } .ec-year-event-dot.event-holiday-unsubmitted:before { color: #5A9AD7 !important; } .event-holiday-submitted { background: #FFC000 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #FFC000 !important; overflow: hidden; } .ec-year-event-dot.event-holiday-submitted:before { color: #FFC000 !important; } .event-holiday-removal { background: #FE0000 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #FE0000 !important; overflow: hidden; } .ec-year-event-dot.event-holiday-removal:before { color: #FE0000 !important; } .event-absence { background: #36B949 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #36B949 !important; overflow: hidden; .ec-event-body div{ display: grid; text-align: -webkit-left; } } .ec-year-event-dot.event-absence:before { color: #36B949 !important; } .event-absence-removal { background: #FE0000 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #FE0000 !important; overflow: hidden; .ec-event-body div{ display: grid; text-align: -webkit-left; } } .ec-year-event-dot.event-absence-removal:before { color: #FE0000 !important; } .event-absence-submitted { background: #FFC000 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #5A9AD7 !important; overflow: hidden; .ec-event-body div{ display: grid; text-align: -webkit-left; } } .ec-year-event-dot.event-absence-submitted:before { color: #FFC000 !important; } .event-anualholiday { background: #7795b3 !important; white-space: break-spaces; border: calc(var(--fc-list-event-dot-width) / 2) solid #7795b3 !important; } .ec-year-event-dot.event-anualholiday:before { color: #7795b3 !important; } .info-title { background-color: var(--CardBackGroundColor); color: var(--TextColor) !important; } .info-box { border: 1px solid var(--TextColor); } .fc .fc-list-sticky .fc-list-day > * { background: var(--CardHeaderBackGoundColor); } .input-theme { border: 1px solid var(--ButtonBackGroundColor) !important; background-color: var(--ButtonBackGroundColor) !important; } .modal-header-theme { background-color: var(--CardHeaderBackGoundColor) !important; } .modal-body-theme { padding-top: 7px !important; padding-bottom: 4px !important; background-color: var(--CardBackGroundColor) !important; } .modal-footer-theme { padding-top: 7px !important; padding-bottom: 7px !important; background-color: var(--CardBackGroundColor) !important; justify-content: space-between; } .valid-feedback { color: var(--theme-success-rgb) !important; } .invalid-feedback { color: var(--theme-danger-rgb) !important; } .toast-notif-success { border-left: 5px solid var(--theme-success-rgb) !important; background: var(--BackGroundColor) !important; } .toast-notif-info { border-left: 5px solid var(--theme-info-rgb) !important; background: var(--BackGroundColor) !important; } .toast-notif-warning { border-left: 5px solid var(--theme-warning-rgb) !important; background: var(--BackGroundColor) !important; } .toast-notif-danger { border-left: 5px solid var(--theme-danger-rgb) !important; background: var(--BackGroundColor) !important; } .toast-ask-success { border-left: 5px solid var(--theme-success-rgb) !important; border-right: 5px solid var(--theme-success-rgb) !important; border-bottom: 5px solid var(--theme-success-rgb) !important; background: var(--BackGroundColor) !important; } .toast-ask-info { border-left: 5px solid var(--theme-info-rgb) !important; border-right: 5px solid var(--theme-info-rgb) !important; border-bottom: 5px solid var(--theme-info-rgb) !important; background: var(--BackGroundColor) !important; } .toast-ask-warning { border-left: 5px solid var(--theme-warning-rgb) !important; border-right: 5px solid var(--theme-warning-rgb) !important; border-bottom: 5px solid var(--theme-warning-rgb) !important; background: var(--BackGroundColor) !important; } .toast-ask-danger { border-left: 5px solid var(--theme-danger-rgb) !important; border-right: 5px solid var(--theme-danger-rgb) !important; border-bottom: 5px solid var(--theme-danger-rgb) !important; background: var(--BackGroundColor) !important; } .toast-header { background: var(--BackGroundColor) !important; color: var(--TextColor) !important; } .selected-row { background-color: var(--ButtonActiveBackGroundColor) !important; } .filter-panel { background-color: var(--CardBackGroundColor); } .badge-primary { background-color: #8b8acd !important; } .badge-secondary { background-color: #a3a4a5 !important; } .badge-danger { background-color: #FF4747 !important; } .badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { background-color: #57B657 !important; } .badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { background-color: #248AFD !important; } .badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { background-color: #FFC100 !important; } .nav-tabs .nav-link { background: var(--ButtonActiveBackGroundColor) !important; } .nav-tabs .nav-link:hover { background: var(--ButtonBackGroundColor) !important; } .nav-tabs .nav-link.active { background: var(--ButtonBackGroundColor) !important; } .nav-tabs .nav-link .setting-button { background: var(--NavSettingsButtonColor) !important; } .nav-tabs .nav-link .setting-button:hover { background: var(--NavSettingsButtonActiveColor) !important; } .nav-tabs .nav-link .setting-button.active { background: var(--NavSettingsButtonActiveColor) !important; } /* Datatables theme*/ .table-striped tbody tr:nth-of-type(odd) { background: var(--CardBackGroundColor) !important; } .table-striped tbody tr:nth-of-type(even) { background: var(--CardHeaderBackGoundColor) !important; } .dataTable thead tr { background: var(--ButtonBackGroundColor) !important; } .dataTable tfoot tr { background: var(--ButtonBackGroundColor) !important; } /* Datatables theme*/ div#AvatarFileUpload { border: 3px solid var(--CardHeaderBackGoundColor); } .card-select{ cursor:pointer; } .card-select:hover { background-color: var(--ButtonBackGroundColor) !important; } .selected-card { background-color: var(--ButtonActiveBackGroundColor) !important; } .dropdown-menu { background-color: var(--ButtonBackGroundColor) !important; } .dropdown-item:focus, .dropdown-item:hover { background-color: var(--ButtonActiveBackGroundColor); } .container_dataRow_separater { border-bottom: 1px solid var(--TextColor); width: 100%; } .card-disable { cursor: auto; background-color: lightgray !important; } .wrapperCard { border-color: var(--CardHeaderBackGoundColor) !important; } .devizer-theme { border: 0; height: 5px; background: var(--CardHeaderBackGoundColor) !important; margin-bottom: 15px; margin-top: 6px !important; } .comment-conteiner { background-color: var(--CardInputBackGoundColor) !important; } .comment-title { background-color: var(--CardHeaderBackGoundColor) !important; } .tab-content { border: 1px solid transparent !important; } .side-modal { background: var(--CardBackGroundColor); } .skillDescr_container { background-color: #dce0dd; } .borderProfilePic { border: 3px solid var(--CardHeaderBackGoundColor) !important; } .ModalValueName { color: var(--ButtonBackGroundColor); border-bottom: 1.5px solid var(--ButtonBackGroundColor); } .list-group-item { border: 1px solid var(--CardHeaderBackGoundColor) !important; } .title-theme { border-bottom: 1px solid var(--CardHeaderBackGoundColor) !important; } .spinner { border-color: var(--TextColor) !important; border-top-color: var(--ButtonBackGroundColor) !important; } .spinner-sm { border-color: var(--TextColor) !important; border-top-color: var(--IconColor) !important; } .isleader-colorSubtitle { height: 24px; width: 24px; background-color: var(--theme-gold) !important; } .isInactive-colorSubtitle { height: 24px; width: 24px; background-color: var(--theme-secondary-rgb) !important; } .isleader-color { color: var(--theme-gold) !important; } .isInactive-color { color: var(--theme-secondary-rgb) !important; } .itemInactive-color { background-color: var(--theme-secondary-rgb) !important; } .bold-text-theme { font-weight: bold; color: var(--ButtonBackGroundColor) !important; } .text_error { color: var(--theme-danger-rgb); } .text_success { color: var(--theme-success-rgb); } .popover-tooltip { background-color: var(--CardBackGroundColor); } .dt-scroll{ background-color: var(--CardBackGroundColor); } tr[data-dt-row] { background-color: var(--CardHeaderBackGoundColor); transition: background-color 0.3s ease; } hr { border-top: var(--ButtonBackGroundColor) !important; border: 1px solid !important; margin-top: 2rem !important; margin-right: 0.2rem !important; margin-left: 0.2rem !important; margin-bottom: 0.2rem !important; } .fade-in { opacity: 0.4; animation: fadeInContent 0.4s ease-in-out forwards; } @keyframes fadeInContent { from { opacity: 0.4; } to { opacity: 1; } } @keyframes loading-skeleton { from { opacity: 0.4; } to { opacity: 1; } } .loading-skeleton { pointer-events: none; animation: loading-skeleton 1s infinite alternate; } .loading-skeleton img { filter: grayscale(100%) contrast(0%) brightness(1.8); } .loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6, .loading-skeleton p, .loading-skeleton span, .loading-skeleton li, .loading-skeleton i, .loading-skeleton div, .loading-skeleton .btn, .loading-skeleton label, .loading-skeleton .form-control, .loading-skeleton table, .loading-skeleton thead, .loading-skeleton tr, .loading-skeleton th { color: transparent !important; appearance: none; -webkit-appearance: none; background-color: var(--navBarBackGroundColor) !important; border-color: var(--navBarBackGroundColor); min-height: 21px; } .loading-skeleton table { min-height: 150px !important; } .loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder, .loading-skeleton p::placeholder, .loading-skeleton span::placeholder, .loading-skeleton li::placeholder, .loading-skeleton i::placeholder, .loading-skeleton div::placeholder, .loading-skeleton .btn::placeholder, .loading-skeleton label::placeholder, .loading-skeleton .form-control::placeholder, .loading-skeleton table::placeholder, .loading-skeleton thead ::placeholder, .loading-skeleton tr::placeholder, .loading-skeleton th::placeholder { color: transparent; } .helper-panel { background-color: white; border: 1px solid var(--CardHeaderBackGoundColor); } .button-helper-wrapper { text-align: end; background-color: var(--BackGroundColor); margin: unset !important; border-radius: 3px; justify-self: right; } div.orgChart div.node { background: var(--CardHeaderBackGoundColor) !important; } .org-card { background: var(--CardHeaderBackGoundColor) !important; border-color: var(--CardHeaderBackGoundColor) !important; } .expand-btn { color: var(--IconColor); background-color: var(--BackGroundColor); border: 2px solid var(--ButtonBackGroundColor) !important; } /* Optional hover/focus states */ .expand-btn:hover { border-color: var(--ButtonBackGroundColor) !important; background-color: var(--ButtonActiveBackGroundColor) !important; } .expand-btn:active { outline: 2px solid var(--ButtonActiveBackGroundColor) !important; } .popover-menu { background: var(--ButtonBackGroundColor); } .popover-menu button:hover { background: var(--ButtonBackGroundColor) !important; } .row_Buttons { background-color: var(--ButtonBackGroundColor); } .button_bold { border: 1.5px solid var( --TextColor) !important; } .ts-dropdown-content .option:not(:last-child) { border-bottom: 1px solid var(--CardHeaderBackGoundColor); } /* Opcional: garanta que a última não tenha borda, caso exista estilo herdado */ .ts-dropdown-content .option:last-child { border-bottom: none !important; } .plugin-dropdown_input .dropdown-input { border: 1px solid var(--BackGroundColor); } .ts-dropdown, .ts-control, .ts-control input { color: var(--TextColor) !important; } .ts-dropdown .active { background-color: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; } .ts-dropdown, .ts-dropdown.form-control, .ts-dropdown.form-select { background-color: var(--CardInputBackGoundColor) !important; } div .text-theme { font-family: 'Open Sans' !important; color: var(--TextColor) !important; font-size: 14px !important; } .dt-info { font-family: 'Open Sans' !important; color: var(--TextColor) !important; font-size: 14px !important; } .accordion-body { background-color: var(--BackGroundColor); } .list-group-item { background-color: var(--CardHeaderBackGoundColor); } .info-box { background-color: var(--BackGroundColor) !important; border-radius: var(--bs-border-radius); border: 0px !important; } .info-title { background: var(--ButtonActiveBackGroundColor); border-radius: var(--bs-border-radius); } #calendarMap > .eg-toolbar-wrapper { background: var(--CardHeaderBackGoundColor) !important; } /* ======================== Popover Calendar ======================== */ .popover-demo-area { padding: 40px; display: flex; align-items: flex-start; gap: 20px; position: relative; } .popover-trigger-btn { padding: 10px 20px; background: var(--theme-primary-rgb); color: white; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; font-family: inherit; transition: background 0.3s; position: relative; } .popover-trigger-btn:hover { background: var(--ButtonActiveBackGroundColor); } .popover-calendar-wrapper { display: none; position: absolute; width: 380px; background: var(--CardBackGroundColor); border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.18); z-index: 9999; } .popover-calendar-wrapper.active { display: block; } .popover-calendar-backdrop { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; } .popover-calendar-backdrop.active { display: block; } /* Make the month view compact inside the popover */ .popover-calendar-wrapper .eg-container { box-shadow: none; border-radius: 10px; } .popover-calendar-wrapper .eg-day { min-height: 42px; font-size: 12px; } .popover-calendar-wrapper .eg-day-number { font-size: 11px; } .popover-calendar-wrapper .eg-day-event { font-size: 8px; padding: 1px 3px; min-height: 14px; } .popover-calendar-wrapper .eg-day-event-dots { display: none; } .popover-calendar-wrapper .eg-toolbar-title { font-size: 14px; } .popover-calendar-wrapper .eg-toolbar-btn { padding: 4px 8px; font-size: 11px; } /* ======================== Mobile ======================== */ @media (max-width: 768px) { body { padding: 0; } .calendar-wrapper { flex-direction: column; padding: 12px; gap: 18px; } .calendar-section h2 { font-size: 16px; padding: 8px; } } /* Calendar + List side-by-side */ .calendar-wrapper { display: flex; gap: 20px; padding: 20px; } .calendar-section { flex: 1; min-width: 0; } .calendar-section h2 { margin-bottom: 15px; color: var(--TextColor); font-size: 18px; display: flex; justify-content: space-between; align-items: center; padding: 10px; background: var(--navBarBackGroundColor); border-radius: 8px; transition: background 0.3s, color 0.3s; } /* ======================== BM Theme — EventsGraph Light ======================== */ body .eg-container { --eg-primary: var(--ButtonBackGroundColor); --eg-primary-hover: var(--ButtonActiveBackGroundColor); --eg-primary-text: var(--TextColor); --eg-text: var(--TextColor); --eg-text-secondary: var(--TextColor); --eg-text-muted: var(--TextColor); --eg-border: var(--CardHeaderBackGoundColor); --eg-bg: var(--CardBackGroundColor); --eg-bg-secondary: var(--BackGroundColor); --eg-bg-hover: var(--CardHeaderBackGoundColor); --eg-today: var(--IconColor); --eg-selection: color-mix(in srgb, var(--IconColor) 15%, transparent); } .eg-content { background: var(--eg-bg-secondary); } .eg-container .eg-timeline-filter { border-bottom-color: transparent; background: none; } .eg-container .eg-footer-caption { background: var(--eg-bg) !important; border-top: 0px !important; } .eg-list-header { background: var(--eg-primary) !important; } .eg-timeline-view { border:0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .eg-day.eg-other-month { background: color-mix(in srgb, var(--eg-text) 40%, var(--eg-bg)); } .eg-month-container { border: 1px solid var(--eg-bg) !important; border-radius: var(--eg-radius-lg) !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .eg-timeline-day-header.eg-week-start { border-left: 2px double color-mix(in srgb, var(--eg-text) 40%, var(--eg-bg)) !important; } .eg-timeline-day-cell.eg-week-start { border-left: 2px double color-mix(in srgb, var(--eg-text) 40%, var(--eg-bg)) !important; } .eg-timeline-month-header { border-left: 2px double color-mix(in srgb, var(--eg-text) 40%, var(--eg-bg)) !important; } .eg-timeline-header-cell { border-bottom: 0px solid var(--eg-border) !important; } .eg-timeline-days-header-cell { border-bottom: 0px solid var(--eg-border) !important; } #calendarListCurrentMonth .eg-content { padding: 0px; border-radius: var(--eg-radius-lg); } /* ======================== Theme toggle button ======================== */ .theme-toggle { position: fixed; top: 16px; right: 16px; z-index: 10001; padding: 8px 16px; border: 1px solid var(--CardHeaderBackGoundColor); border-radius: 20px; background: var(--ButtonBackGroundColor); color: var(--TextColor); cursor: pointer; font-size: 13px; font-weight: 500; font-family: inherit; transition: all 0.3s; display: flex; align-items: center; gap: 6px; } .theme-toggle:hover { background: var(--ButtonActiveBackGroundColor); } .theme-toggle-icon { font-size: 16px; } .btn-submit-marked { background: #333; color: white; font-weight: 600; } .btn-toggle-all { background: #666; color: white; } .btn-mark { background: #2196F3; color: white; } .btn-unmark { background: #f44336; color: white; } .btn-marked-badge { background: #FFEB3B; color: #333; font-weight: 700; cursor: default; } .icon-marked-badge { color: var(--theme-warning-rgb) !important; } .badge-warning-outline { border: 1px solid var(--theme-warning-rgb) !important; background-color: var(--CardHeaderBackGoundColor); } .badge-danger-outline { border: 1px solid var(--theme-danger-rgb) !important; background-color: var(--CardHeaderBackGoundColor); } .list-group-item:first-child { background-color: var(--BackGroundColor); } .list-group-item + .list-group-item { background-color: var(--BackGroundColor); } .info-title { background: var(--ButtonActiveBackGroundColor); border-radius: var(--bs-border-radius); } /* Toggle buttons */ .view-toggle { margin-bottom: 10px; } .toggle-btn { padding: 8px 18px; border: none; border-radius: 6px; background: #dcdcdc; margin-right: 6px; cursor: pointer; } .toggle-btn.active { background: #007bff; color: white; } .ts-wrapper:not(.form-control, .form-select).single .ts-control { background-color: transparent !important; } .ts-wrapper:not(.form-control, .form-select).single .ts-control::after { content: ""; position: absolute; right: 0.75rem; top: 50%; width: 16px; height: 12px; transform: translateY(-50%); background: var(--IconColor) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") no-repeat center; } .chat-count::before { background: var(--navBarBackGroundColor) !important; border: 1px solid var(--IconColor) !important; } .muuri-item-visibility { color: var(--TextColor) !important; background: var(--CardBackGroundColor) !important; border: 2px solid var(--IconColor) !important; } .dashboard-edit-mode .muuri-item-visibility:hover { border-color: var(--ButtonActiveBackGroundColor); box-shadow: 0 0 0 3px rgba(var(--ButtonActiveBackGroundColor), 0.25); } .muuri-item-index { color: var(--TextColor) !important; background: var(--CardBackGroundColor) !important; border: 2px solid var(--ButtonBackGroundColor) !important; } .dashboard-edit-mode .muuri-item-index:hover { border-color: var(--ButtonActiveBackGroundColor); box-shadow: 0 0 0 3px rgba(var(--ButtonActiveBackGroundColor), 0.25); } .dashboard-edit-mode { outline: 2px dashed var(--IconColor) !important; } .item-contrast-notif:hover { background: var(--ButtonActiveBackGroundColor) !important; } .item-notif-selected{ background: var(--ButtonActiveBackGroundColor) !important; } .group-header-notif { background: var(--ButtonBackGroundColor); } .group-header-contrast-notif:hover { background: var(--ButtonActiveBackGroundColor) !important; } .group-count-notif { background: var(--IconColor); color: var(--IconColor); } .chevron-notif { border-right: 2px solid var(--IconColor); border-bottom: 2px solid var(--IconColor); } .group-content-notif { background: var(--BackGroundColor); } .item-notif { background: var(--BackGroundColor); } .marked-item-notif { background: linear-gradient(90deg, var(--BackGroundColor) 0%, var(--ButtonBackGroundColor) 100%); } .style-vertical-divider { border-left: 1px solid var(--CardHeaderBackGoundColor); } .style-horizontal-divider-top { border-top: 1px solid var(--CardHeaderBackGoundColor); } .style-horizontal-divider-bottom { border-bottom: 1px solid var(--CardHeaderBackGoundColor); } .separater-vertical { border: 1px solid var(--TextColor); height: stretch; align-self: anchor-center; margin: 0px 5px; } .ts-dropdown .optgroup-header { color: var(--TextColor) !important; background: var(--CardHeaderBackGoundColor) !important; text-decoration: underline; } #btnToggleFavorite.is-favorite .icon-star { color: var(--theme-success-rgb); } .item-notif.is-read .item-read-icon { color: var(--theme-success-rgb) !important; } .item-notif.is-favorite .item-favorite-icon { color: var(--theme-gold); } .is-favorite { color: var(--theme-gold); } /* SunEditor theme integration */ .sun-editor { background-color: var(--CardBackGroundColor) !important; border: 1px solid var(--CardHeaderBackGoundColor) !important; } .sun-editor .se-toolbar, .sun-editor .se-toolbar-more-layer, .sun-editor .se-resizing-bar { background-color: var(--CardHeaderBackGoundColor) !important; outline-color: var(--CardHeaderBackGoundColor) !important; border-color: var(--CardHeaderBackGoundColor) !important; } .sun-editor .se-btn-module-border { border-color: var(--BackGroundColor) !important; } .sun-editor button.se-btn, .sun-editor .se-btn-select, .sun-editor .se-navigation { background-color: transparent !important; color: var(--TextColor) !important; } .sun-editor .se-btn:enabled:focus, .sun-editor .se-btn:enabled:hover, .sun-editor .se-btn-list:focus, .sun-editor .se-btn-list:hover { background-color: var(--ButtonBackGroundColor) !important; border-color: var(--ButtonBackGroundColor) !important; } .sun-editor .se-btn:enabled.active, .sun-editor .se-btn:enabled.on { background-color: var(--ButtonActiveBackGroundColor) !important; border-color: var(--ButtonActiveBackGroundColor) !important; } .sun-editor .se-list-layer, .sun-editor .se-select-list, .sun-editor .se-controller { background-color: var(--CardBackGroundColor) !important; border-color: var(--CardHeaderBackGoundColor) !important; color: var(--TextColor) !important; } .sun-editor .se-list-inner .se-btn-list, .sun-editor .se-select-list .se-select-item { color: var(--TextColor) !important; background-color: transparent !important; } .sun-editor .se-wrapper .se-wrapper-inner, .sun-editor-editable { background-color: var(--CardBackGroundColor) !important; color: var(--TextColor) !important; } .sun-editor input, .sun-editor select, .sun-editor textarea { background-color: var(--CardInputBackGoundColor) !important; color: var(--TextColor) !important; border-color: var(--CardHeaderBackGoundColor) !important; } /* Dialogs (insert image/link, etc.) */ .sun-editor .se-dialog .se-dialog-inner .se-dialog-content { top: 70px; background-color: var(--CardBackGroundColor) !important; } .sun-editor .se-dialog button, .sun-editor .se-dialog input, .sun-editor .se-dialog label { color: var(--TextColor) !important; } .sun-editor .se-dialog .se-dialog-inner .se-dialog-header, .sun-editor .se-dialog .se-dialog-inner .se-dialog-footer { border-color: var(--CardHeaderBackGoundColor) !important; } .sun-editor .se-dialog-tabs { border-color: var(--CardHeaderBackGoundColor) !important; } .sun-editor .se-dialog-tabs button { background-color: var(--CardHeaderBackGoundColor) !important; border-color: var(--CardHeaderBackGoundColor) !important; } .sun-editor .se-dialog-tabs button:hover, .sun-editor .se-dialog-tabs button.active { background-color: var(--CardBackGroundColor) !important; } .sun-editor .se-dialog .se-btn-primary { background-color: var(--ButtonBackGroundColor) !important; border-color: var(--ButtonBackGroundColor) !important; color: var(--TextColor) !important; } .sun-editor .se-dialog .se-btn-primary:hover, .sun-editor .se-dialog .se-btn-primary:focus { background-color: var(--ButtonActiveBackGroundColor) !important; border-color: var(--ButtonActiveBackGroundColor) !important; } body { } .LayoutHeader { background-color: #fe8925 !important; border-color: #fe8925 !important; } .FontWhite { color: #fff !important; } .fontWeight-normal { font-weight: normal !important; } .maxWidth-none { max-width: none !important; } .width-100 { width: 100% !important; } .marginTop-10Perc { padding-top: 10px !important; } .navbarBrandHeader { font-size: 24px !important; } .margin-top_10 { margin-top: 10px; } .margin-none { margin: 0px !important; } .margin-5{ margin:5px !important; } .addScrollToCompany { max-height: 350px !important; overflow-y: auto !important; } /* Multilevel Dropdown - START*/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /* Multilevel Dropdown - END*/ .themeColor { color: #fe8925 !important; } .transColor { color:transparent !important; } .themeBGColor { background-color: #fe8925 !important; border-color: #fe8925 !important; } .margin-right_10Perc { margin-right: 10% !important; } .font-italic { font-style: italic; } .maxHeight-24 { max-height: 24px !important; } .list-item { list-style-type: none; width: 200px; margin: 5px; line-height: 30px; text-align: center; background-color: #222222; color: #ffffff; border-radius: 3px; cursor: move; } #employees_company, #employees_establishment, #employees_department, .list-item { background-color: #fff; color: #fe8925; } #placeholder.list-item { background-color: #ffffff; color: #777; } #employees_0, #employees_company, #employees_establishment, #employees_department { width: 210px; min-height: 320px; margin: 0; padding-left: 20px; border: 1px solid #dddddd; border-radius: 4px; } #example { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .list-wrapper { overflow: hidden; } .autoOverflowY { overflow-y: auto !important; } .height-320 { height: 320px !important; } .min-width-content { /*min-height: 81% !important;*/ } .contentHeight_chrome { min-height: 81% !important; } .contentHeight_moz { min-height: 81% !important; } .width-500 { width: 500px !important; } .RED { height: 10px; width: 10px; background-color: red; } .BLUE { height: 10px; width: 10px; background-color: #007AB6; } .GREEN { height: 10px; width: 10px; background-color: green; } .YELLOW { height: 10px; width: 10px; background-color: yellow; } .customtd { padding-top: 0px !important; padding-bottom: 0px !important; } .fontSize-13 { font-size: 13px !important; } .fontSize-11 { font-size: 11px !important; } .padding-none { padding: 3px 3px 3px 3px !important; } .k-grid td { padding: .1em .4em !important; } .margin-top3-right5 { margin-top: 3px; margin-right: 5px; } .loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.7; background-color: #3d3d3d; z-index: 9999; text-align: center; } .k-grid-filter.k-state-active { background-color: #f35800 !important; } .k-pager-last { border-radius: 100% !important; } .bordered { width: 190px; height: 190px; padding: 7px; border: 2px inset #fe8925; border-radius: 0px; margin-left: 15px; } .borderCircle { width: 100%; height: 100%; border-radius: 100% !important; object-fit: cover; } .equipaEmployeeImage { height: 107px !important; width: 105px !important; border-radius: 100%; object-fit: cover; } .borderedEquipa { width: 150px; height: 143px; border: 2px inset #fe8925; border-radius: 100%; margin-left: 15px; } .divSizeLegendCell { height: 20px; width: 40px; } .padding-10 { padding: 10px; } .font-size-20 { font-size: 20px !important; } .font-white { color: white !important; } .tdHeaderBold { font-weight: bold; } .setOpacity { opacity: 0.3 !important; } .hyContainer { /*width: 1071px !important;*/ width: 100% !important; } .pageTitle { font-size: 26px; line-height: 2.5; padding-left: 20px; font-weight: bold; } .bg-imgTitle { background-image: url('../../Images/Background_Pattern-12.png'); background-repeat: no-repeat; background-size: 100% 3.3cm; height: 70px; } .imgIconSizeInGrid { height: 13px; width: 18px; } .imgIconSizeInGridTrash { height: 18px; width: 12px; } .imgIconSizeInGridClock { height: 13px; width: 15px; } .imgIconSize { height: 18px; width: 30px; } .imgIconSize_SQ { height: 18px !important; width: 19px !important; } .paddingRight-none { padding-right: 0px !important; } .padding-0 { padding: 0px !important; } .k-grid .k-grid-header .k-header .k-link { height: auto; } .k-grid .k-grid-header .k-header { /*white-space: normal;*/ } .height_25 { height: 25px !important; line-height: 0.5 !important; } .calendarBorderRad { border-radius: 10px !important; } .border-0 { border: 0px !important; } .border-1 { border: 1px solid #ddd !important; } /*.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header { background-color: #5A5A5A !important; }*/ /*.k-autocomplete, .k-button, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {*/ .k-grid-header, .k-header, .k-pager-wrap { background-image: none !important; /*url(textures/highlight.png);*/ background-image: none !important; /*none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));*/ background-image: none !important; /*none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);*/ background-image: none !important; /*none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);*/ background-color: #5A5A5A !important; } .k-grid-header .k-header > .k-link, .k-header, .k-treemap-title { color: white !important; } .k-icon, .k-sprite { background-color: white !important; border-radius: 5px; } .k-link:link { color: #fe8925 !important; } .k-pager-wrap > .k-link { border-radius: 0px !important; } .k-pager-numbers .k-state-selected { border-radius: 0px !important; } .k-pager-numbers .k-link { border-radius: 0px !important; } .k-pager-wrap { color: white !important; } .month-title { background-color: #5A5A5A !important; color: white !important; } .padding-top12 { padding-right: 7px !important; padding-left: 7px !important; padding-bottom: 2px !important; padding-top: 12px !important; } .vacationTypeImg { height: 21px; width: 22px; } .vacationTypeImgInMap { height: 13px; width: 11.87px; } .vacationTypeImgInLegend { height: 15px; width: 15px; } .bgApproved{ background-color:#36B949 !important; } .bgPending{ background-color:#FFC000 !important; } .bgRemoval{ background-color:#FE0000 !important ; } .bgUnSubmittedHoliday{ background-color:#5A9AD7; } .bgAnualHoliday { background-color: #7795b3; } .bgWeekend{ background-color:#d3d3d3 !important; } .bgAnualToday{ background-color:#007AB6 !important; } .padding-left_3{ padding-left:3px !important; } .height_12 { height: 12px !important; } .height_15 { height: 15px !important; } .padding-top_2 { padding-top:2px !important; } .padding-bottom_3 { padding-bottom:3px !important; } .width-auto{ width:auto !important; } .width-76{ width:64% !important; } .width-88{ width:88% !important; } .width-82{ width:70% !important; } .modal_dialog_320{ width:320px !important; } .padding-top_28{ padding-top:28px !important; } .padding-top_9{ padding-top:9px !important; } .padding-top_20{ padding-top:20px !important; } .wrapperCard { border: 2px inset; padding: 10px 5px; border-radius: 2%; } .modal-open-Scrollable { overflow-x: hidden; overflow-y: auto; } .inputObj { height: 1.65em; line-height: 1.65em; padding: .177em 0; text-indent: .33em; border: 0; margin: 0; text-align: center; padding-right: 0px !important; padding-left: 0px !important; border: 1px solid #ccc; } :root { --bs-border-width: 0px !important; } @font-face { font-family: 'Material Symbols'; src: url('/fonts/MaterialSymbolsRounded-VariableFont_FILL,GRAD,opsz,wght.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }