/* 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' (2259,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (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' (2730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2732,30): run-time error CSS1039: Token not allowed after unary operator: '-svg' (2733,22): run-time error CSS1039: Token not allowed after unary operator: '-svg' (2883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2909,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2910,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2911,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2912,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2913,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2914,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2915,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2916,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2917,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2918,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2919,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2920,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2921,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2922,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2923,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2924,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2925,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2926,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2927,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2928,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2929,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2930,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2934,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (2939,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2944,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (2948,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (2949,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2954,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (2955,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2960,36): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (2961,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2966,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (2967,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2971,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (2972,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2976,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundLoginColor' (2977,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2985,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (2986,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (2995,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (2996,40): run-time error CSS1039: Token not allowed after unary operator: '-navBarContrastBackGroundColor' (3004,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3010,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3014,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3018,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor' (3022,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor' (3031,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3036,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3040,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3044,22): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuBackGroundColor' (3048,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3052,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3056,22): run-time error CSS1039: Token not allowed after unary operator: '-CardLoginBackGroundColor' (3061,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3065,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3069,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3073,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3077,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3087,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3090,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3094,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3098,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3102,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3106,26): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3110,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3120,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3124,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3140,16): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3157,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3163,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3167,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3170,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3174,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3177,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3180,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3183,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3186,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3190,27): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3194,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor' (3202,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarActiveBackGroundColor' (3206,22): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3211,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3216,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3221,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3226,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3231,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3235,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3248,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3258,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3267,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3276,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3285,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3287,20): run-time error CSS1035: Expected colon, found 'div' (3298,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3300,20): run-time error CSS1035: Expected colon, found 'div' (3311,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3313,20): run-time error CSS1035: Expected colon, found 'div' (3324,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width' (3330,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3331,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3335,28): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3339,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3343,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3344,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor' (3347,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3353,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3359,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3363,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (3366,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (3370,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (3371,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3375,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (3376,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3380,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (3381,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3385,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (3386,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3390,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (3391,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (3392,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-success-rgb' (3393,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3397,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (3398,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (3399,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-info-rgb' (3400,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3404,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (3405,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (3406,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-warning-rgb' (3407,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3411,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (3412,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (3413,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (3414,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3418,22): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3419,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3423,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3427,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3455,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3459,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3463,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3467,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonColor' (3471,26): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor' (3475,30): run-time error CSS1039: Token not allowed after unary operator: '-NavSettingsButtonActiveColor' (3479,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3483,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3487,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3490,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3494,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3502,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3505,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3508,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3511,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3515,35): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3525,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3531,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3536,28): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor' (3540,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3548,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3556,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3560,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3561,37): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3565,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3569,35): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3573,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3574,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3578,24): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3579,28): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3585,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold' (3591,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb' (3595,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-gold' (3599,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb' (3603,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-rgb' (3608,17): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3612,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-danger-rgb' (3616,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3620,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3625,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3630,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3694,32): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3695,28): run-time error CSS1039: Token not allowed after unary operator: '-navBarBackGroundColor' (3726,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3731,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3738,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3742,22): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3743,24): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3747,17): run-time error CSS1039: Token not allowed after unary operator: '-IconColor' (3748,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3749,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3754,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3755,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3759,33): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3763,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3767,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3771,31): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3776,35): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3786,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3790,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3791,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3795,32): run-time error CSS1039: Token not allowed after unary operator: '-CardInputBackGoundColor' (3800,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3806,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3812,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3817,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3822,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3828,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (3833,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3836,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3872,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3873,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color' (3878,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3884,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3892,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3905,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (3920,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (3930,28): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color' (3938,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (3952,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (3953,35): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color' (3966,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (3976,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4016,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4020,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4021,32): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color' (4029,43): run-time error CSS1039: Token not allowed after unary operator: '-ec-border-color' (4034,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4054,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4061,36): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4079,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4100,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4106,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4110,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4114,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4121,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4128,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4134,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4141,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4146,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4179,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4185,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4191,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4192,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4198,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4199,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4212,28): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4217,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4221,22): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4227,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4228,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4232,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4236,22): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4240,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4244,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4245,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4250,32): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4272,28): run-time error CSS1039: Token not allowed after unary operator: '-BackGroundColor' (4276,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4281,32): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4282,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4286,25): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4294,32): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4299,36): run-time error CSS1039: Token not allowed after unary operator: '-CardHeaderBackGoundColor' (4303,21): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4316,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4322,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4323,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4327,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4328,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4332,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonBackGroundColor' (4333,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4337,28): run-time error CSS1039: Token not allowed after unary operator: '-ButtonActiveBackGroundColor' (4338,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4342,28): run-time error CSS1039: Token not allowed after unary operator: '-CardBackGroundColor' (4343,17): run-time error CSS1039: Token not allowed after unary operator: '-TextColor' (4920,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; } .ec-day-head { font-size: 14px !important; font-weight: bold; } .ec-day-head::first-letter { text-transform: uppercase; } .ec-event-body { white-space: break-spaces; } #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; } .ec-year-event-dot.event-holiday, .ec-year-event-dot.event-holiday-unsubmitted, .ec-year-event-dot.event-holiday-submitted, .ec-year-event-dot.event-holiday-removal, .ec-year-event-dot.event-absence, .ec-year-event-dot.event-absence-removal, .ec-year-event-dot.event-absence-submitted, .ec-year-event-dot.event-anualholiday { background: transparent !important; white-space: break-spaces; border: 0px; overflow: unset; } .ec-title { text-transform: capitalize; } .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: '\e510'; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; } .icon-small::before { font-size: 15px; font-style: normal; } .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::after { 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; } .ec-year-event-dot.event-holiday::before { font-family: 'Material Symbols'; content: '\eb3e'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } .ec-year-event-dot.event-holiday-unsubmitted::before { font-family: 'Material Symbols'; content: '\eb3e'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } .ec-year-event-dot.event-holiday-submitted::before { font-family: 'Material Symbols'; content: '\eb3e'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } .ec-year-event-dot.event-holiday-removal::before { font-family: 'Material Symbols'; content: '\eb3e'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } .ec-year-event-dot.event-absence::before { font-family: 'Material Symbols'; content: '\e510'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } .ec-year-event-dot.event-absence-removal::before { font-family: 'Material Symbols'; content: '\e510'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } .ec-year-event-dot.event-absence-submitted::before { font-family: 'Material Symbols'; content: '\e510'; font-size: 16px; width: auto; height: auto; border-radius: 0; background-color: transparent; } :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: 5px; border-top-right-radius: 5px; } .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; } .ec-day-head { font-family: 'Open Sans' !important; color: var(--TextColor) !important; font-size: 14px !important; } .ec-event-body div { font-family: 'Open Sans' !important; color: var(--TextColor) !important; font-size: 14px !important; } .ec-list .ec-day-head { background-color: var(--CardHeaderBackGoundColor) !important; } .ec-day-head time { 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); } /* ====================================== */ /* Event Calendar Theme - Complete CSS */ /* ====================================== */ /* ========== LIGHT THEME - BASE ========== */ .ec { --ec-bg-color: #ffffff; --ec-border-color: #b8d4bb; --ec-text-color: var(--TextColor); /* Today's date highlight */ --ec-today-bg-color: #e8f5e9; /* Highlighted dates */ --ec-highlight-color: #c8e6c9; /* Events */ --ec-event-bg-color: var(--ButtonBackGroundColor); --ec-event-text-color: #ffffff; /* Background events */ --ec-bg-event-color: var(--CardHeaderBackGoundColor); --ec-bg-event-opacity: 0.4; /* Buttons */ --ec-button-bg-color: transparent; --ec-button-border-color: #b8d4bb; --ec-button-text-color: var(--TextColor); --ec-button-active-bg-color: var(--navBarActiveBackGroundColor); --ec-button-active-border-color: var(--IconColor); --ec-button-active-text-color: #ffffff; /* Now indicator */ --ec-now-indicator-color: var(--IconColor); /* Popup */ --ec-popup-bg-color: #ffffff; } /* ========== MONTH VIEW - DAY GRID ========== */ /* Calendar body - use site background color for contrast */ .ec-main { background-color: var(--BackGroundColor); border: 1px solid var(--ec-border-color); } /* Header row - match DataTable header */ .ec-header { background-color: var(--ButtonActiveBackGroundColor) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* Column headers - match DataTable thead */ .ec-col-head { background-color: var(--ButtonActiveBackGroundColor) !important; color: #ffffff !important; font-weight: 600; border-right: 1px solid rgba(255, 255, 255, 0.1); } /* Day cells - use CardBackGroundColor */ .ec-day { background-color: var(--CardBackGroundColor) !important; border: 1px solid #d0d0d0 !important; } /* Other month days */ .ec-other-month { background-color: #e8e8e8 !important; opacity: 0.7; } /* Weekends - CardHeaderBackGoundColor */ .ec-day.ec-sat, .ec-day.ec-sun { background-color: var(--CardHeaderBackGoundColor) !important; } /* Capitalize calendar title (month name) */ .ec-toolbar .ec-title { text-transform: capitalize; } /* ========== YEAR VIEW ========== */ /* Hide toolbar only in year view */ .ec-year-view .ec-toolbar { display: none !important; } .ec-year-view { background-color: var(--BackGroundColor); } .ec-year-grid { gap: 1.5rem; padding: 1.5rem; } /* Each month card in year view */ .ec-year-month { border: 1px solid var(--ec-border-color) !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Month header - match DataTable headers */ .ec-year-month-header { background: var(--ButtonActiveBackGroundColor) !important; color: #ffffff !important; padding: 0.75rem !important; border-bottom: none !important; } .ec-year-month-header h3 { color: #ffffff !important; font-size: 1rem !important; font-weight: 600 !important; } /* Weekday headers in year view */ .ec-year-weekdays { background: var(--ButtonBackGroundColor) !important; border-bottom: 1px solid var(--ec-border-color) !important; } .ec-year-weekday { padding: 0.4rem !important; font-size: 0.75rem !important; font-weight: 600 !important; color: #ffffff !important; font-style: italic; } /* Year view day cells - use CardBackGroundColor */ .ec-year-day { background-color: var(--CardBackGroundColor) !important; border: 1px solid #e0e0e0; padding: 0.5rem; text-align: center; cursor: pointer; transition: background-color 0.15s ease; font-size: 0.85rem; } .ec-year-day:hover:not(.ec-disabled) { background-color: var(--CardHeaderBackGoundColor) !important; } /* Other month days in year view */ .ec-year-day.ec-other-month { background-color: #f0f0f0 !important; color: #999 !important; opacity: 0.6; } /* Today in year view */ .ec-year-day.ec-today { background-color: #e8f5e9 !important; font-weight: 700; } /* Days with events */ .ec-year-day.ec-has-events { font-weight: 600; } /* Highlighted days in year view */ .ec-year-day.ec-highlight { background-color: #c8e6c9 !important; } /* Event dots styling */ .ec-year-event-dots { margin-top: 4px; gap: 3px; } .ec-year-event-dot::before { width: 6px; height: 6px; background-color: transparent; } /* ========== LIST VIEW ========== */ .ec-list { background-color: var(--BackGroundColor); } .ec-list .ec-day { background-color: var(--CardBackGroundColor) !important; border: 1px solid var(--ec-border-color); border-bottom: none; margin-bottom: 1rem; border-radius: 4px; overflow: hidden; } .ec-list .ec-day:last-child { border-bottom: 1px solid var(--ec-border-color); } /* List day header - match activeButton color */ .ec-list .ec-day-head { background-color: var(--ButtonActiveBackGroundColor) !important; color: #ffffff !important; padding: 0.75rem 1.5rem !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; margin: 0 !important; } .ec-list .ec-day-head time { color: #ffffff !important; font-weight: 600; font-size: 1rem; } .ec-list .ec-day-side { color: rgba(255, 255, 255, 0.9) !important; font-size: 0.9rem; } /* List events - use CardBackGroundColor */ .ec-list .ec-event { background-color: var(--CardBackGroundColor) !important; padding: 0.75rem 1.5rem !important; border-bottom: 1px solid #e8e8e8; transition: background-color 0.15s ease; } .ec-list .ec-event:hover { background-color: var(--CardHeaderBackGoundColor) !important; } .ec-list .ec-event:last-child { border-bottom: none; } /* Event tag (color indicator) */ .ec-list .ec-event-tag { width: 4px; border-radius: 2px; margin-right: 12px; } /* Event title in list */ .ec-list .ec-event-title { font-size: 1rem; font-weight: 500; color: var(--TextColor); } /* Event time in list */ .ec-list .ec-event-time { font-size: 0.9rem; color: #666; margin-right: 8px; } /* No events message */ .ec-no-events { padding: 2rem; text-align: center; color: #999; font-style: italic; } /* ========== TIMELINE VIEW ========== */ /* Timeline month title */ .ec-timeline .ec-title { color: var(--TextColor) !important; text-transform: capitalize; } /* Month header row (top row showing months) */ .ec-month-header-sidebar { background-color: var(--ButtonActiveBackGroundColor) !important; } .ec-month-headers { background-color: var(--ButtonActiveBackGroundColor) !important; } .ec-month-header { background-color: var(--ButtonActiveBackGroundColor) !important; color: #ffffff !important; font-weight: 600; } /* Timeline sidebar (employee/resource name column) */ .ec-timeline .ec-sidebar { background-color: var(--ButtonActiveBackGroundColor) !important; color: #ffffff !important; font-weight: 600; } /* Timeline day headers (second row with dates) */ .ec-timeline .ec-header .ec-col-head { background-color: var(--ButtonBackGroundColor) !important; color: #ffffff !important; } /* Resource labels in timeline */ .ec-resource { background-color: var(--ButtonActiveBackGroundColor) !important; color: #ffffff !important; font-weight: 600; } /* Timeline body cells - CardBackGroundColor */ .ec-timeline .ec-body .ec-day { background-color: var(--CardBackGroundColor) !important; } /* Active/hover state for headers */ .ec-timeline .ec-col-head:hover { background-color: var(--ButtonActiveBackGroundColor) !important; } /* ========== DARK MODE ========== */ [data-theme='dark'] .ec { --ec-bg-color: var(--CardBackGroundColor); --ec-border-color: #555555; --ec-text-color: var(--TextColor); /* Today's date */ --ec-today-bg-color: #4B4B4C; /* Highlighted dates */ --ec-highlight-color: #5a5a5b; /* Events */ --ec-event-bg-color: var(--ButtonBackGroundColor); --ec-event-text-color: var(--TextColor); /* Background events */ --ec-bg-event-color: var(--CardHeaderBackGoundColor); --ec-bg-event-opacity: 0.5; /* Buttons */ --ec-button-bg-color: transparent; --ec-button-border-color: #555555; --ec-button-text-color: var(--TextColor); --ec-button-active-bg-color: var(--ButtonActiveBackGroundColor); --ec-button-active-border-color: var(--IconColor); --ec-button-active-text-color: var(--TextColor); /* Now indicator */ --ec-now-indicator-color: var(--IconColor); /* Popup */ --ec-popup-bg-color: var(--CardBackGroundColor); } /* Dark mode calendar body */ [data-theme='dark'] .ec-main { background-color: var(--BackGroundColor); border: 1px solid #555555; } /* Dark mode header */ [data-theme='dark'] .ec-header { background-color: var(--ButtonActiveBackGroundColor) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /* Dark mode column headers */ [data-theme='dark'] .ec-col-head { background-color: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; border-right: 1px solid rgba(255, 255, 255, 0.05); } /* Dark mode day cells */ [data-theme='dark'] .ec-day { background-color: var(--CardBackGroundColor) !important; color: var(--TextColor) !important; border: 1px solid #4a4a4a !important; } /* Dark mode other month days */ [data-theme='dark'] .ec-other-month { background-color: #2a2a2a !important; opacity: 0.5; } /* Dark mode weekends */ [data-theme='dark'] .ec-day.ec-sat, [data-theme='dark'] .ec-day.ec-sun { background-color: var(--CardHeaderBackGoundColor) !important; } /* Dark mode year view */ [data-theme='dark'] .ec-year-view { background-color: var(--BackGroundColor); } [data-theme='dark'] .ec-year-month { background: var(--CardBackGroundColor) !important; border: 1px solid #555555 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } [data-theme='dark'] .ec-year-month-header { background: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; } [data-theme='dark'] .ec-year-month-header h3 { color: var(--TextColor) !important; } [data-theme='dark'] .ec-year-weekdays { background: var(--ButtonBackGroundColor) !important; } [data-theme='dark'] .ec-year-weekday { color: var(--TextColor) !important; } [data-theme='dark'] .ec-year-day { background-color: var(--CardBackGroundColor) !important; color: var(--TextColor) !important; border: 1px solid #4a4a4a; } [data-theme='dark'] .ec-year-day:hover:not(.ec-disabled) { background-color: var(--CardHeaderBackGoundColor) !important; } [data-theme='dark'] .ec-year-day.ec-other-month { background-color: #2e2e2e !important; color: #777 !important; } [data-theme='dark'] .ec-year-day.ec-today { background-color: #4B4B4C !important; } [data-theme='dark'] .ec-year-day.ec-highlight { background-color: #5a5a5b !important; } [data-theme='dark'] .ec-year-event-dot::before { background-color: transparent; } /* Dark mode list view */ [data-theme='dark'] .ec-list { background-color: var(--BackGroundColor); } [data-theme='dark'] .ec-list .ec-day { background-color: var(--CardBackGroundColor) !important; border: 1px solid #555555; } [data-theme='dark'] .ec-list .ec-day-head { background-color: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; } [data-theme='dark'] .ec-list .ec-day-head time { color: var(--TextColor) !important; } [data-theme='dark'] .ec-list .ec-day-side { color: rgba(255, 255, 255, 0.7) !important; } [data-theme='dark'] .ec-list .ec-event { background-color: var(--CardBackGroundColor) !important; border-bottom: 1px solid #4a4a4a; } [data-theme='dark'] .ec-list .ec-event:hover { background-color: var(--CardHeaderBackGoundColor) !important; } [data-theme='dark'] .ec-list .ec-event-title { color: var(--TextColor); } [data-theme='dark'] .ec-list .ec-event-time { color: #aaa; } [data-theme='dark'] .ec-no-events { color: #777; } /* Dark mode timeline */ [data-theme='dark'] .ec-timeline .ec-title { color: var(--TextColor) !important; } [data-theme='dark'] .ec-month-header-sidebar, [data-theme='dark'] .ec-month-headers, [data-theme='dark'] .ec-month-header { background-color: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; } [data-theme='dark'] .ec-timeline .ec-sidebar { background-color: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; } [data-theme='dark'] .ec-timeline .ec-header .ec-col-head { background-color: var(--ButtonBackGroundColor) !important; color: var(--TextColor) !important; } [data-theme='dark'] .ec-resource { background-color: var(--ButtonActiveBackGroundColor) !important; color: var(--TextColor) !important; } [data-theme='dark'] .ec-timeline .ec-body .ec-day { background-color: var(--CardBackGroundColor) !important; color: var(--TextColor) !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; }