/* 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'
(1688,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(1692,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(1693,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img'
(1693,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon'
(1697,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(1697,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(1698,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1706,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(2236,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2704,30): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2705,22): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2718,30): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2719,22): run-time error CSS1039: Token not allowed after unary operator: '-svg'
(2816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2842,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2843,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2844,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2845,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2846,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2847,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2848,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2849,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2850,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2851,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2852,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2853,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2854,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2855,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2856,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2857,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2858,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2859,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2860,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2861,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2862,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2863,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2867,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(2872,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2877,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(2881,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(2882,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2887,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(2888,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2893,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(2894,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2899,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(2900,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2904,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(2905,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2909,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundLoginColor'
(2910,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2918,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(2919,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2928,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(2929,40): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(2937,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(2943,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(2947,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(2951,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor'
(2955,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor'
(2964,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(2969,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(2973,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(2977,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor'
(2981,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(2985,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(2989,22): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(2994,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(2998,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3002,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3006,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3010,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3020,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3023,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3027,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3031,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3035,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3039,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3043,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3053,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3057,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3073,16): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3090,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3091,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3092,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3096,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3100,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3103,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3107,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3110,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3113,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3116,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3119,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3123,27): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3127,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(3135,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(3139,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3144,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3149,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3154,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3159,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3164,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3168,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3181,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3191,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3200,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3209,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3218,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3220,20): run-time error CSS1035: Expected colon, found 'div'
(3231,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3233,20): run-time error CSS1035: Expected colon, found 'div'
(3244,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3246,20): run-time error CSS1035: Expected colon, found 'div'
(3257,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(3263,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3264,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3268,28): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3272,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3276,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3277,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor'
(3280,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3286,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3292,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3296,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3299,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3303,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3304,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3308,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3309,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3313,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3314,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3318,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3319,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3323,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3324,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3325,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb'
(3326,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3330,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3331,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3332,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb'
(3333,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3337,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3338,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3339,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(3340,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3344,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3345,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3346,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3347,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3351,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3352,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3356,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3360,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3388,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3392,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3396,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3400,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(3404,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor'
(3408,30): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor'
(3412,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3416,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3420,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3423,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3427,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3435,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3438,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3441,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3444,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3448,35): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3458,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3464,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3469,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor'
(3473,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3481,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3489,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3493,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3494,37): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3498,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3502,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3506,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3507,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3511,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3512,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3518,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold'
(3524,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb'
(3528,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold'
(3532,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb'
(3536,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb'
(3541,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3545,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb'
(3549,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3553,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(3558,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3563,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3627,32): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3628,28): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(3659,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3664,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3671,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3675,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3676,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3680,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(3681,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3682,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3687,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3688,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3692,33): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3696,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3700,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(3704,31): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3709,35): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3719,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3723,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3724,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3728,32): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor'
(3733,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3741,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(3746,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3749,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(3753,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(3754,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3758,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3759,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3792,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3793,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3794,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3795,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3796,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3797,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3798,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3799,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3800,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3801,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3802,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3803,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3804,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3805,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3806,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3807,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3808,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3809,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3810,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3811,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3812,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3813,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3945,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-rgb'
(3958,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(3965,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4061,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4067,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4108,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4109,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4113,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4117,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4121,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4125,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4126,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4127,32): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4133,36): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4134,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4138,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4139,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4143,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4144,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4145,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4150,30): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4151,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4155,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4156,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4157,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4161,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4165,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4166,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4167,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4171,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4176,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4177,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4182,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4187,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4192,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4193,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4197,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4201,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4202,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4206,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4210,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4214,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4218,37): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4222,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4223,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4224,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4225,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4229,26): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4234,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4238,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4239,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4243,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4247,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4251,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4255,30): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4259,33): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4263,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4271,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4283,26): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor'
(4284,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4288,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4292,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4296,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4297,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4298,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4302,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4303,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4339,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4340,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4344,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4348,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4352,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4353,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4354,32): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4360,36): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4361,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4365,30): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4366,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4370,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4371,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4372,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4377,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4378,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4382,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4383,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4384,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4388,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4392,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4393,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4394,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4399,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4400,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4404,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4405,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4409,25): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4410,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4414,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4420,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4425,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4430,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4431,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4437,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4438,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4443,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4448,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4449,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4453,30): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(4454,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4458,21): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4462,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4466,21): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4471,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4472,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4476,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4477,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4481,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4486,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4487,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4491,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4495,21): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4504,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4505,32): run-time error CSS1039: Token not allowed after unary operator: '-IconColor'
(4510,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4520,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4521,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4522,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4526,30): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor'
(4535,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4539,26): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4544,30): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4549,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4550,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4554,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4558,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4559,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4563,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4567,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4571,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4575,37): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor'
(4579,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4580,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4581,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4582,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4586,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4587,34): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4591,26): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4595,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4599,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor'
(4603,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor'
(4607,33): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4611,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4619,30): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor'
(4631,26): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor'
(4632,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4636,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4640,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4644,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4645,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4646,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4650,30): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4651,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4663,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor'
(4665,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor'
(4666,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor'
(4678,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor'
(4715,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb'
(5292,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;
}

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



#calendarListCurrentMonth .eg-list-filter {
    display: none;
}

.settings-panel .nav-tabs .nav-item .nav-link {
    flex-wrap: wrap;
}
.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-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;
}
: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(--ButtonActiveBackGroundColor) !important;
}
.dataTable tfoot tr {
    background: var(--ButtonActiveBackGroundColor) !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;
    }

    .modal-content {
        padding: 24px;
    }
}

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