/* Minification failed. Returning unminified contents.
(928,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(1350,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(1351,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(1689,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(1693,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(1694,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img'
(1694,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon'
(1698,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(1698,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(1699,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1707,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(2469,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2937,30): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2938,22): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2951,30): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2952,22): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(3087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3113,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3114,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3115,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3116,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3117,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3119,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3120,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3121,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3122,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3123,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3124,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3125,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3126,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3127,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3128,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3129,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3130,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3131,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3132,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3133,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3134,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3138,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3143,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3148,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3152,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3153,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3158,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3159,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3164,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3165,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3170,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3171,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3175,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3176,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3180,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundLoginColor'
(3181,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3189,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3190,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3199,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3200,40): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(3208,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3214,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3218,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3222,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor'
(3226,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor'
(3235,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3240,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3244,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3248,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor'
(3252,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3256,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3260,22): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(3265,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3269,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3273,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3277,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3281,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3291,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3294,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3298,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3302,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3306,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3310,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3314,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3324,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3328,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3344,16): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3361,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3362,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3363,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3367,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3371,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3374,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3378,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3381,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3384,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3387,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3390,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3394,27): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3398,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(3406,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(3410,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3415,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3420,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3425,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3430,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3435,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3439,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3452,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3462,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3471,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3480,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3489,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3491,20): run-time error CSS1035: Expected colon, found 'div'
(3502,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3504,20): run-time error CSS1035: Expected colon, found 'div'
(3515,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3517,20): run-time error CSS1035: Expected colon, found 'div'
(3528,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3534,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3535,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3539,28): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3543,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3547,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3548,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor'
(3551,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3557,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3563,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3567,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3570,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3574,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3575,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3579,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3580,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3584,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3585,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3589,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3590,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3594,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3595,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3596,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3597,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3601,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3602,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3603,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3604,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3608,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3609,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3610,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3611,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3615,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3616,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3617,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3618,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3622,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3623,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3627,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3631,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3659,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3663,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3667,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3671,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(3675,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor'
(3679,30): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor'
(3683,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3687,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3691,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3694,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3698,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3706,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3709,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3712,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3715,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3719,35): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3729,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3735,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3740,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor'
(3744,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3752,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3760,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3764,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3765,37): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3769,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3773,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3777,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3778,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3782,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3783,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3789,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold'
(3795,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb'
(3799,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold'
(3803,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb'
(3807,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb'
(3812,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3816,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3820,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3824,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3829,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3834,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3898,32): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3899,28): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3930,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3935,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3942,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3946,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3947,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3951,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3952,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3953,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3958,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3959,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3963,33): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3967,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3971,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3975,31): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3980,35): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3990,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3994,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3995,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3999,32): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor'
(4004,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4012,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4017,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(4020,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4024,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(4025,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(4029,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4030,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(4037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4063,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4064,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4065,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4066,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4067,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4068,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4069,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4070,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4071,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4072,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4073,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4074,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4075,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4076,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4077,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4078,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4079,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4080,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4081,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4082,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4083,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4084,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4216,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-rgb'
(4229,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4236,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4328,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4334,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4375,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4376,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4380,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4384,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4388,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4392,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4393,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4394,32): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4400,36): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4401,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4405,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4406,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4410,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4411,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4412,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4417,30): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4418,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4422,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4423,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4424,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4428,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4432,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4433,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4434,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4438,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4443,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4444,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4449,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4454,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4459,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4460,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4464,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4468,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4469,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4473,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4477,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4481,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4485,37): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4489,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4490,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4491,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4492,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4496,26): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4501,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4505,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4506,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4510,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4514,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4518,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4522,30): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4526,33): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4530,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4538,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4550,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4551,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4555,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4559,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4563,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4564,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4565,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4569,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4570,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4606,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4607,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4611,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4615,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4619,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4620,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4621,32): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4627,36): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4628,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4632,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4633,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4637,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4638,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4639,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4644,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4645,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4649,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4650,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4651,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4655,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4659,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4660,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4661,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4666,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4667,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4671,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4672,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4676,25): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4677,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4681,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4687,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4692,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4697,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4698,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4704,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4705,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4710,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4715,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4716,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4720,30): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(4721,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4725,21): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4729,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4733,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4738,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4739,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4743,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4744,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4748,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4753,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4754,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4758,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4762,21): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4771,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4772,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4777,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4787,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4788,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4789,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4793,30): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(4802,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4806,26): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4811,30): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4816,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4817,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4821,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4825,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4826,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4830,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4834,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4838,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4842,37): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4846,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4847,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4848,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4849,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4853,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4854,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4858,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4862,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4866,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4870,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4874,33): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4878,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4886,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4898,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4899,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4903,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4907,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4911,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4912,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4913,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4917,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4918,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4930,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4932,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4933,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4945,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4982,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(4986,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(4987,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4991,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(4992,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4996,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(5000,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(5003,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(5004,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(5622,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;
    }
}

/*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 */
}

.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 {
    margin-top: 32.8px;
    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;
}

.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-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-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;
}

.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;
}

: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: #28a745;
        --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) !important;
        color: var(--TextColor) !important;
        border: none !important;
    }

        button:not(.button_custom):hover {
            background-color: var(--ButtonActiveBackGroundColor) !important;
            color: var(--TextColor) !important;
            border: none !important;
        }

        button:not(.button_custom)[aria-pressed="true"] {
            background-color: var(--ButtonActiveBackGroundColor) !important;
            color: var(--TextColor) !important;
            border: none !important;
        }

.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 .settings-heading {
    border: 0px !important;
}

.settings-panel .settings-close {
    color: var(--TextColor) !important;
}

.settings-save-button {
    width: -webkit-fill-available;
    color: #FFFFFF;
    background: var(--ButtonBackGroundColor) !important;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    background: var(--navBarBackGroundColor) !important;
}

.settings-panel {
    background: var(--sideMenuBackGroundColor) !important;
}

.accordion-button {
    background: var(--sideMenuBackGroundColor) !important;
    color: #6C7383 !important;
}

    .accordion-button::after {
        color: #6C7383 !important;
    }

    .accordion-button:hover {
        background: var(--ButtonBackGroundColor) !important;
        color: #FFFFFF !important;
    }

    .accordion-button[aria-expanded="true"] {
        background: var(--ButtonBackGroundColor) !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;
    color: white !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(--CardHeaderBackGoundColor) !important;
    background-color: var(--CardInputBackGoundColor) !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;
}

.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(--IconColor) !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);
}

.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);
}

.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(--ButtonActiveBackGroundColor) !important;
}

/* Opcional: garanta que a última não tenha borda, caso exista estilo herdado */
.ts-dropdown-content .option:last-child {
    border-bottom: none !important;
}


.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);
}

/* ========================
           BM Theme — CSS Variables
           ======================== */
: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: #28a745;
        --theme-info-rgb: #17A2B8;
        --theme-warning-rgb: #FFFF00;
        --theme-danger-rgb: #dc3545;
        --theme-primary-rgb: #8b8acd;
        --theme-secondary-rgb: #a3a4a5;
        --NavSettingsButtonActiveColor: #787878;
        --NavSettingsButtonColor: #A1A1A1;
    }

/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}*/

/*body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: var(--BackGroundColor);
    color: var(--TextColor);
    padding: 20px;
    transition: background 0.3s, color 0.3s;
}*/

/* ========================
           Event type colours
           ======================== */
/*.event-absence {
    background-color: #f44336 !important;
    color: white;
}

.event-holiday {
    background-color: #4CAF50 !important;
    color: white;
}

.event-weekoff {
    background-color: #9E9E9E !important;
    color: white;
}

.event-anualholiday {
    background-color: #FF9800 !important;
    color: white;
}

.event-holiday-unsubmitted {
    background-color: #9C27B0 !important;
    color: white;
}

.event-holiday-submitted {
    background-color: #2196F3 !important;
    color: white;
}*/

/* Event type icons (Material Symbols) */
/*.eg-day-event::before,
.eg-event-badge::before,
.eg-day-icon::before,
.eg-timeline-event::before {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 3px;
    flex-shrink: 0;
    -webkit-font-smoothing: antialiased;
}

.eg-day-icon::before {
    font-size: 11px;
    margin-right: 1px;
}

.eg-timeline-event::before {
    font-size: 12px;
    margin-right: 2px;
    color: white;
}*/

/*.eg-day-event.event-absence::before,
.eg-event-badge.event-absence::before,
.eg-day-icon.event-absence::before,
.eg-timeline-event.event-absence::before {
    content: '\e614';*/ /* event_busy */
/*}

.eg-day-event.event-holiday::before,
.eg-event-badge.event-holiday::before,
.eg-day-icon.event-holiday::before,
.eg-timeline-event.event-holiday::before {
    content: '\eb3e';*/ /* beach_access */
/*}

.eg-day-event.event-weekoff::before,
.eg-event-badge.event-weekoff::before,
.eg-day-icon.event-weekoff::before,
.eg-timeline-event.event-weekoff::before {
    content: '\e16b';*/ /* weekend */
/*}

.eg-day-event.event-anualholiday::before,
.eg-event-badge.event-anualholiday::before,
.eg-day-icon.event-anualholiday::before,
.eg-timeline-event.event-anualholiday::before {
    content: '\ea65';*/ /* flag */
/*}

.eg-day-event.event-holiday-unsubmitted::before,
.eg-event-badge.event-holiday-unsubmitted::before,
.eg-day-icon.event-holiday-unsubmitted::before,
.eg-timeline-event.event-holiday-unsubmitted::before {
    content: '\ef64';*/ /* pending */
/*}

.eg-day-event.event-holiday-submitted::before,
.eg-event-badge.event-holiday-submitted::before,
.eg-day-icon.event-holiday-submitted::before,
.eg-timeline-event.event-holiday-submitted::before {
    content: '\e2e6';*/ /* task_alt */
/*}*/

/* ========================
           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
           ======================== */
.eg-container {
    --eg-primary: var(--IconColor);
    --eg-primary-hover: var(--ButtonActiveBackGroundColor);
    --eg-primary-text: var(--TextColor);
    --eg-text: var(--TextColor);
    --eg-text-secondary: var(--NavSettingsButtonColor);
    --eg-text-muted: var(--IconColor);
    --eg-border: var(--CardHeaderBackGoundColor);
    --eg-bg: var(--CardLoginBackGroundColor);
    --eg-bg-secondary: var(--CardBackGroundColor);
    --eg-bg-hover: var(--navBarBackGroundColor);
    --eg-today: var(--ButtonBackGroundColor);
    --eg-selection: rgba(198, 208, 230, 0.20);
    --eg-radius: 6px;
    --eg-radius-lg: 8px;
    --eg-shadow: 0 2px 8px rgba(0,0,0,0.08);
    --eg-tl-header-bg: var(--navBarBackGroundColor);
    --eg-tl-subheader-bg: var(--CardBackGroundColor);
    --eg-tl-weekend-bg: var(--navBarBackGroundColor);
    --eg-tl-today-bg: var(--ButtonBackGroundColor);
    --eg-tl-level0-bg: var(--navBarBackGroundColor);
    --eg-tl-level1-bg: var(--CardBackGroundColor);
    --eg-tl-level2-bg: var(--CardLoginBackGroundColor);
    --eg-tl-cell-border: rgba(0,0,0,0.06);
    --eg-tl-week-sep: rgba(0,0,0,0.15);
    --eg-tl-today-col-bg: rgba(198, 208, 230, 0.15);
    --eg-tl-alt-row-bg: rgba(0,0,0,0.018);
    --eg-tl-row-hover-bg: rgba(198, 208, 230, 0.12);
    transition: all 0.3s;
}

    /* Toolbar — light neutral header */
    .eg-container .eg-toolbar-wrapper {
        background: var(--navBarBackGroundColor);
        color: var(--TextColor);
    }

    .eg-container .eg-toolbar + .eg-toolbar {
        border-top-color: var(--CardHeaderBackGoundColor);
    }

    .eg-container .eg-toolbar-title {
        color: var(--TextColor);
    }

    .eg-container .eg-toolbar-dropdown-label {
        color: var(--NavSettingsButtonColor);
    }

    .eg-container .eg-toolbar-select {
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
        background-color: var(--CardLoginBackGroundColor);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(82,81,81,0.6)'/%3E%3C/svg%3E");
    }

        .eg-container .eg-toolbar-select:hover,
        .eg-container .eg-toolbar-select:focus {
            background-color: var(--CardLoginBackGroundColor);
            border-color: var(--IconColor);
        }

        .eg-container .eg-toolbar-select option {
            background: var(--CardBackGroundColor);
            color: var(--TextColor);
        }

    .eg-container .eg-toolbar-year-input {
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
        background: var(--CardLoginBackGroundColor);
    }

        .eg-container .eg-toolbar-year-input:hover,
        .eg-container .eg-toolbar-year-input:focus {
            background: var(--CardLoginBackGroundColor);
            border-color: var(--IconColor);
        }

    .eg-container .eg-toolbar-btn {
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
        background: var(--CardLoginBackGroundColor);
    }

        .eg-container .eg-toolbar-btn:hover {
            background: var(--navBarActiveBackGroundColor);
        }

        .eg-container .eg-toolbar-btn.eg-active {
            background: var(--ButtonBackGroundColor);
            color: var(--TextColor);
            border-color: var(--ButtonActiveBackGroundColor);
        }

        .eg-container .eg-toolbar-btn.eg-nav-btn {
            color: var(--TextColor);
        }

    /* Day cells — light overrides for hardcoded colors */
    .eg-container .eg-day.eg-other-month {
        color: var(--NavSettingsButtonColor);
        background: var(--navBarBackGroundColor);
    }

    .eg-container .eg-day.eg-selected {
        background: rgba(198, 208, 230, 0.25);
        border-color: var(--IconColor);
    }

    /* List by type header hover — light */
    .eg-container .eg-type-group-header:hover {
        background: var(--navBarBackGroundColor);
    }

    /* Timeline month/day headers — light (dark text on light bg) */
    .eg-container .eg-timeline-month-row {
        background: var(--navBarBackGroundColor);
        color: var(--TextColor);
    }

    .eg-container .eg-timeline-month-header {
        border-right-color: var(--CardHeaderBackGoundColor);
    }

    .eg-container .eg-timeline-days-row {
        background: var(--CardBackGroundColor);
        color: var(--TextColor);
    }

    .eg-container .eg-timeline-day-header {
        border-right-color: var(--CardHeaderBackGoundColor);
    }

        .eg-container .eg-timeline-day-header.eg-weekend {
            background: var(--navBarActiveBackGroundColor);
        }

        .eg-container .eg-timeline-day-header.eg-today {
            background: var(--ButtonBackGroundColor);
        }

        .eg-container .eg-timeline-day-header.eg-week-start {
            border-left-color: var(--NavSettingsButtonColor);
        }

    .eg-container .eg-timeline-header-cell {
        background: var(--navBarBackGroundColor);
        color: var(--TextColor);
        border-right-color: var(--CardHeaderBackGoundColor);
        border-bottom-color: var(--CardHeaderBackGoundColor);
    }

    .eg-container .eg-tl-col-resizer::after {
        background: var(--CardHeaderBackGoundColor);
    }

    .eg-container .eg-tl-col-resizer:hover::after,
    .eg-container .eg-tl-col-resizer.eg-dragging::after {
        background: var(--NavSettingsButtonColor);
    }
    /* Timeline resource columns — light */
    .eg-container .eg-timeline-resource-cell {
        background: var(--CardLoginBackGroundColor);
        border-right-color: var(--CardHeaderBackGoundColor);
    }

    .eg-container .eg-resource-row {
        background: var(--CardBackGroundColor);
    }

        .eg-container .eg-resource-row.eg-level-0 {
            background: var(--navBarBackGroundColor);
        }

        .eg-container .eg-resource-row.eg-level-1 {
            background: var(--CardBackGroundColor);
        }

        .eg-container .eg-resource-row.eg-level-2 {
            background: var(--CardLoginBackGroundColor);
        }

    .eg-container .eg-resource-col {
        border-left-color: var(--CardHeaderBackGoundColor);
    }
    /* Timeline events area — light */
    .eg-container .eg-timeline-events-row {
        background: var(--CardLoginBackGroundColor);
    }

    .eg-container .eg-timeline-day-cell {
        border-right-color: rgba(0,0,0,0.06);
    }

        .eg-container .eg-timeline-day-cell.eg-weekend {
            background: var(--CardBackGroundColor);
        }

        .eg-container .eg-timeline-day-cell.eg-week-start {
            border-left-color: rgba(0,0,0,0.15);
        }

        .eg-container .eg-timeline-day-cell.eg-today-col {
            background: rgba(198, 208, 230, 0.15);
        }
    /* Timeline filter bar — light */
    .eg-container .eg-timeline-filter {
        background: var(--CardLoginBackGroundColor);
        border-bottom-color: var(--CardHeaderBackGoundColor);
    }

    .eg-container .eg-timeline-filter-label {
        color: var(--TextColor);
    }

    .eg-container .eg-timeline-filter-item {
        color: var(--TextColor);
    }

    .eg-container .eg-timeline-export-btn {
        background: var(--ButtonBackGroundColor);
        border-color: var(--ButtonBackGroundColor);
        color: var(--TextColor);
    }

        .eg-container .eg-timeline-export-btn:hover {
            background: var(--ButtonActiveBackGroundColor);
            border-color: var(--ButtonActiveBackGroundColor);
        }

/* ========================
           BM Theme — EventsGraph Dark
           ======================== */
:root[data-theme='dark'] .eg-container {
    --eg-primary: var(--IconColor);
    --eg-primary-hover: var(--ButtonActiveBackGroundColor);
    --eg-primary-text: var(--TextColor);
    --eg-text: var(--TextColor);
    --eg-text-secondary: var(--NavSettingsButtonColor);
    --eg-text-muted: var(--IconColor);
    --eg-border: var(--CardHeaderBackGoundColor);
    --eg-bg: var(--CardBackGroundColor);
    --eg-bg-secondary: var(--navBarActiveBackGroundColor);
    --eg-bg-hover: var(--navBarActiveBackGroundColor);
    --eg-today: var(--ButtonBackGroundColor);
    --eg-selection: rgba(198, 208, 230, 0.20);
    --eg-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    --eg-tl-header-bg: var(--navBarContrastBackGroundColor);
    --eg-tl-subheader-bg: var(--navBarBackGroundColor);
    --eg-tl-weekend-bg: var(--navBarContrastBackGroundColor);
    --eg-tl-today-bg: var(--ButtonBackGroundColor);
    --eg-tl-level0-bg: var(--navBarContrastBackGroundColor);
    --eg-tl-level1-bg: var(--navBarBackGroundColor);
    --eg-tl-level2-bg: var(--navBarActiveBackGroundColor);
    --eg-tl-cell-border: rgba(255,255,255,0.06);
    --eg-tl-week-sep: rgba(255,255,255,0.18);
    --eg-tl-today-col-bg: rgba(198, 208, 230, 0.10);
    --eg-tl-alt-row-bg: rgba(255,255,255,0.02);
    --eg-tl-row-hover-bg: rgba(198, 208, 230, 0.08);
}

    /* Toolbar — dark */
    :root[data-theme='dark'] .eg-container .eg-toolbar-wrapper {
        background: var(--navBarContrastBackGroundColor);
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-toolbar + .eg-toolbar {
        border-top-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-toolbar-dropdown-label {
        color: var(--NavSettingsButtonColor);
    }

    :root[data-theme='dark'] .eg-container .eg-toolbar-select {
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
        background-color: var(--navBarBackGroundColor);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.6)'/%3E%3C/svg%3E");
    }

        :root[data-theme='dark'] .eg-container .eg-toolbar-select:hover,
        :root[data-theme='dark'] .eg-container .eg-toolbar-select:focus {
            background-color: var(--navBarActiveBackGroundColor);
            border-color: var(--IconColor);
        }

        :root[data-theme='dark'] .eg-container .eg-toolbar-select option {
            background: var(--CardBackGroundColor);
            color: var(--TextColor);
        }

    :root[data-theme='dark'] .eg-container .eg-toolbar-year-input {
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
        background: var(--navBarBackGroundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-toolbar-year-input:hover,
        :root[data-theme='dark'] .eg-container .eg-toolbar-year-input:focus {
            background: var(--navBarActiveBackGroundColor);
            border-color: var(--IconColor);
        }

    :root[data-theme='dark'] .eg-container .eg-toolbar-btn {
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
        background: var(--navBarBackGroundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-toolbar-btn:hover {
            background: var(--navBarActiveBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-toolbar-btn.eg-active {
            background: var(--ButtonBackGroundColor);
            color: var(--TextColor);
            border-color: var(--ButtonActiveBackGroundColor);
        }

    /* Day cells — dark */
    :root[data-theme='dark'] .eg-container .eg-day {
        background: var(--CardBackGroundColor);
        border-color: var(--CardHeaderBackGoundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-day:hover {
            background: var(--navBarActiveBackGroundColor);
            border-color: var(--IconColor);
        }

        :root[data-theme='dark'] .eg-container .eg-day.eg-other-month {
            color: var(--NavSettingsButtonColor);
            background: var(--navBarContrastBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-day.eg-today {
            border-color: var(--ButtonBackGroundColor);
            background: rgba(198, 208, 230, 0.08);
        }

        :root[data-theme='dark'] .eg-container .eg-day.eg-selected {
            background: rgba(198, 208, 230, 0.15);
            border-color: var(--IconColor);
        }

    /* Week background — dark */
    :root[data-theme='dark'] .eg-container .eg-week-bg .eg-day {
        background: var(--CardBackGroundColor);
    }

    /* Popover — dark */
    :root[data-theme='dark'] .eg-container .eg-popover {
        background: var(--CardBackGroundColor);
        border-color: var(--CardHeaderBackGoundColor);
        box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    }

    /* List view event items — dark */
    :root[data-theme='dark'] .eg-container .eg-event-item {
        background: var(--navBarActiveBackGroundColor);
        border-color: var(--CardHeaderBackGoundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-event-item:hover {
            box-shadow: 0 2px 8px rgba(0,0,0,0.3);
            border-color: var(--IconColor);
        }

    /* List items — dark */
    :root[data-theme='dark'] .eg-container .eg-list-item {
        background: var(--navBarActiveBackGroundColor);
        border-color: var(--CardHeaderBackGoundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-list-item:hover {
            background: var(--BackGroundColor);
            border-color: var(--IconColor);
        }

    :root[data-theme='dark'] .eg-container .eg-list-date {
        color: var(--IconColor);
    }

    :root[data-theme='dark'] .eg-container .eg-list-title {
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-list-description {
        color: var(--NavSettingsButtonColor);
    }

    /* List by type — dark */
    :root[data-theme='dark'] .eg-container .eg-type-header {
        background: var(--navBarContrastBackGroundColor);
        border-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-type-group-header {
        background: var(--navBarBackGroundColor);
        color: var(--TextColor);
    }

        :root[data-theme='dark'] .eg-container .eg-type-group-header:hover {
            background: var(--navBarActiveBackGroundColor);
        }

    /* Year view mini months — dark */
    :root[data-theme='dark'] .eg-container .eg-mini-month {
        background: var(--CardBackGroundColor);
        border-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-mini-month-title {
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-mini-weekday {
        color: var(--IconColor);
    }

    :root[data-theme='dark'] .eg-container .eg-mini-month .eg-day {
        background: transparent;
        border-color: transparent;
    }

        :root[data-theme='dark'] .eg-container .eg-mini-month .eg-day:hover {
            background: var(--navBarActiveBackGroundColor);
            border-color: var(--IconColor);
        }

        :root[data-theme='dark'] .eg-container .eg-mini-month .eg-day.eg-today {
            background: rgba(198, 208, 230, 0.12);
            border-color: var(--ButtonBackGroundColor);
        }

    /* Event bars shadow — dark */
    :root[data-theme='dark'] .eg-container .eg-day-event {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    /* Event buttons — dark */
    :root[data-theme='dark'] .eg-container .eg-event-btn {
        background: var(--navBarActiveBackGroundColor);
        color: var(--TextColor);
        border-color: var(--CardHeaderBackGoundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-event-btn:hover {
            background: var(--BackGroundColor);
        }

    /* Scrollbar — dark */
    :root[data-theme='dark'] .eg-container ::-webkit-scrollbar {
        width: 6px;
    }

    :root[data-theme='dark'] .eg-container ::-webkit-scrollbar-track {
        background: var(--CardBackGroundColor);
    }

    :root[data-theme='dark'] .eg-container ::-webkit-scrollbar-thumb {
        background: var(--CardHeaderBackGoundColor);
        border-radius: 3px;
    }

        :root[data-theme='dark'] .eg-container ::-webkit-scrollbar-thumb:hover {
            background: var(--NavSettingsButtonColor);
        }

    /* Timeline — dark */
    :root[data-theme='dark'] .eg-container .eg-timeline-month-row {
        background: var(--navBarContrastBackGroundColor);
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-month-header {
        border-right-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-days-row {
        background: var(--navBarBackGroundColor);
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-day-header {
        border-right-color: var(--CardHeaderBackGoundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-timeline-day-header.eg-weekend {
            background: var(--navBarContrastBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-timeline-day-header.eg-today {
            background: var(--ButtonBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-timeline-day-header.eg-week-start {
            border-left-color: var(--NavSettingsButtonColor);
        }

    :root[data-theme='dark'] .eg-container .eg-timeline-header-cell {
        background: var(--navBarContrastBackGroundColor);
        color: var(--TextColor);
        border-right-color: var(--CardHeaderBackGoundColor);
        border-bottom-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-resource-cell {
        background: var(--CardBackGroundColor);
        border-right-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-resource-row {
        background: var(--navBarActiveBackGroundColor);
    }

        :root[data-theme='dark'] .eg-container .eg-resource-row.eg-level-0 {
            background: var(--navBarContrastBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-resource-row.eg-level-1 {
            background: var(--navBarBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-resource-row.eg-level-2 {
            background: var(--navBarActiveBackGroundColor);
        }

    :root[data-theme='dark'] .eg-container .eg-resource-col {
        border-left-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-events-row {
        background: var(--CardBackGroundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-day-cell {
        border-color: rgba(255,255,255,0.06);
    }

        :root[data-theme='dark'] .eg-container .eg-timeline-day-cell.eg-weekend {
            background: var(--navBarContrastBackGroundColor);
        }

        :root[data-theme='dark'] .eg-container .eg-timeline-day-cell.eg-week-start {
            border-left-color: rgba(255,255,255,0.18);
        }

        :root[data-theme='dark'] .eg-container .eg-timeline-day-cell.eg-today-col {
            background: rgba(198, 208, 230, 0.10);
        }

    :root[data-theme='dark'] .eg-container .eg-timeline-filter {
        background: var(--CardBackGroundColor);
        border-bottom-color: var(--CardHeaderBackGoundColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-filter-label {
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-filter-item {
        color: var(--TextColor);
    }

    :root[data-theme='dark'] .eg-container .eg-timeline-export-btn {
        background: var(--ButtonBackGroundColor);
        border-color: var(--ButtonBackGroundColor);
        color: var(--TextColor);
    }

        :root[data-theme='dark'] .eg-container .eg-timeline-export-btn:hover {
            background: var(--ButtonActiveBackGroundColor);
            border-color: var(--ButtonActiveBackGroundColor);
        }

/* ========================
           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);
}


/* shared */
.grid-stack {
    margin-top: 15px;
}

/* Desktop style */
.grid-desktop .grid-stack-item-content {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.10);
    padding: 10px;
}

/* Mobile style */
.grid-mobile .grid-stack-item-content {
    background: #f3f5f7;
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    padding: 8px;
}

/* 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;
    }
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;
}

.hide {
    display: none !important;
}