/* Minification failed. Returning unminified contents.
(2264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2317,17): run-time error CSS1039: Token not allowed after unary operator: '-td-widget-z-index'
(2424,23): run-time error CSS1039: Token not allowed after unary operator: '-td-border-radius'
(2437,26): run-time error CSS1039: Token not allowed after unary operator: '-td-range-bg'
(2440,29): run-time error CSS1039: Token not allowed after unary operator: '-td-range-bg'
(2440,57): run-time error CSS1039: Token not allowed after unary operator: '-td-range-bg'
(2498,23): run-time error CSS1039: Token not allowed after unary operator: '-td-border-radius'
(2601,15): run-time error CSS1039: Token not allowed after unary operator: '-td-font-color'
(2602,26): run-time error CSS1039: Token not allowed after unary operator: '-td-widget-background'
(2605,15): run-time error CSS1039: Token not allowed after unary operator: '-td-disabled-color'
(2608,20): run-time error CSS1039: Token not allowed after unary operator: '-td-btn-hover-bg'
(2611,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dow-color'
(2614,15): run-time error CSS1039: Token not allowed after unary operator: '-td-alternate-color'
(2624,20): run-time error CSS1039: Token not allowed after unary operator: '-td-btn-hover-bg'
(2637,26): run-time error CSS1039: Token not allowed after unary operator: '-td-active-bg'
(2638,15): run-time error CSS1039: Token not allowed after unary operator: '-td-active-color'
(2639,21): run-time error CSS1039: Token not allowed after unary operator: '-td-text-shadow'
(2734,15): run-time error CSS1039: Token not allowed after unary operator: '-td-active-color'
(2747,29): run-time error CSS1039: Token not allowed after unary operator: '-td-active-border-color'
(2764,15): run-time error CSS1039: Token not allowed after unary operator: '-td-alternate-color'
(2781,15): run-time error CSS1039: Token not allowed after unary operator: '-td-disabled-color'
(2791,29): run-time error CSS1039: Token not allowed after unary operator: '-td-active-bg'
(2792,26): run-time error CSS1039: Token not allowed after unary operator: '-td-secondary-border-color-rgba'
(2795,15): run-time error CSS1039: Token not allowed after unary operator: '-td-active-color'
(2796,26): run-time error CSS1039: Token not allowed after unary operator: '-td-active-bg'
(2797,22): run-time error CSS1039: Token not allowed after unary operator: '-td-active-bg'
(2800,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-font-color'
(2801,26): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-widget-background'
(2804,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-disabled-color'
(2807,20): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-btn-hover-bg'
(2810,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-dow-color'
(2813,26): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-range-bg'
(2814,29): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-range-bg'
(2814,62): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-range-bg'
(2817,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-alternate-color'
(2827,20): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-btn-hover-bg'
(2840,26): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-bg'
(2841,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-color'
(2842,21): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-text-shadow'
(2937,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-color'
(2950,29): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-border-color'
(2967,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-alternate-color'
(2984,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-disabled-color'
(2994,29): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-bg'
(2995,26): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-secondary-border-color-rgba'
(2998,15): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-color'
(2999,26): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-bg'
(3000,22): run-time error CSS1039: Token not allowed after unary operator: '-td-dark-active-bg'
(3005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3218,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(3219,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(3273,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(3324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3330,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius'
(3348,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-shadow'
(3422,49): run-time error CSS1036: Expected expression, found '*'
(3422,49): run-time error CSS1019: Unexpected token, found '*'
(3422,49): run-time error CSS1042: Expected function, found '*'
(3422,49): run-time error CSS1019: Unexpected token, found '*'
(3422,49): run-time error CSS1042: Expected function, found '*'
(3422,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(3426,47): run-time error CSS1036: Expected expression, found '*'
(3426,47): run-time error CSS1019: Unexpected token, found '*'
(3426,47): run-time error CSS1042: Expected function, found '*'
(3426,47): run-time error CSS1019: Unexpected token, found '*'
(3426,47): run-time error CSS1042: Expected function, found '*'
(3426,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(3437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3447,36): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3451,51): run-time error CSS1036: Expected expression, found '*'
(3451,51): run-time error CSS1019: Unexpected token, found '*'
(3451,51): run-time error CSS1042: Expected function, found '*'
(3451,51): run-time error CSS1019: Unexpected token, found '*'
(3451,51): run-time error CSS1042: Expected function, found '*'
(3451,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(3456,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4935,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(4936,28): run-time error CSS1039: Token not allowed after unary operator: '-background'
(4937,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius'
(4938,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(4939,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(5019,30): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(5067,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-height'
(5099,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(5100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5108,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(5110,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(5117,18): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-height'
(5118,19): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-brand-padding'
(5136,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(5137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5147,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(5148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5157,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5162,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(5166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5190,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5249,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5255,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(5256,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(5257,24): run-time error CSS1039: Token not allowed after unary operator: '-control-border-width'
(5258,24): run-time error CSS1039: Token not allowed after unary operator: '-control-border-style'
(5259,24): run-time error CSS1039: Token not allowed after unary operator: '-control-border-color'
(5260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5265,21): run-time error CSS1039: Token not allowed after unary operator: '-foreground-disabled'
(5266,32): run-time error CSS1039: Token not allowed after unary operator: '-background-disabled'
(5294,68): run-time error CSS1036: Expected expression, found '<'
(5294,68): run-time error CSS1019: Unexpected token, found '<'
(5294,68): run-time error CSS1042: Expected function, found '<'
(5294,68): run-time error CSS1019: Unexpected token, found '<'
(5294,68): run-time error CSS1042: Expected function, found '<'
(5294,68): run-time error CSS1019: Unexpected token, found '<'
(5294,68): run-time error CSS1042: Expected function, found '<'
(5294,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<'
(5392,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(5423,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background-thumb'
(5435,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background'
(5439,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background'
(5443,17): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width-webkit'
(5444,18): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width-webkit'
(5459,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(5487,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5488,17): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground'
(5489,28): run-time error CSS1039: Token not allowed after unary operator: '-button-background'
(5491,24): run-time error CSS1039: Token not allowed after unary operator: '-button-border-width'
(5492,24): run-time error CSS1039: Token not allowed after unary operator: '-button-border-style'
(5493,24): run-time error CSS1039: Token not allowed after unary operator: '-button-border-color'
(5495,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius'
(5502,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-hover'
(5503,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(5507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5530,17): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-hover'
(5531,28): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(5541,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(5542,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(5544,23): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5554,28): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(5558,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(5584,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-hover'
(5585,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(5594,17): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-foreground'
(5595,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background'
(5596,24): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-border-style'
(5597,24): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-border-color'
(5598,24): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-border-width'
(5602,21): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-foreground-hover'
(5603,32): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-hover'
(5607,21): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-foreground-disabled'
(5608,32): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-disabled'
(5613,17): run-time error CSS1039: Token not allowed after unary operator: '-hyperlink-foreground'
(5625,21): run-time error CSS1039: Token not allowed after unary operator: '-hyperlink-foreground'
(5629,22): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5662,23): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5666,22): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5674,17): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(5677,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-shadow'
(5699,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(5716,18): run-time error CSS1039: Token not allowed after unary operator: '-item-height'
(5720,21): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(5726,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-control'
(5729,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-control'
(5798,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(5799,30): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(5817,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(5826,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(5828,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(5846,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(5853,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(5871,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(5872,30): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(5874,27): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5879,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(5883,21): run-time error CSS1039: Token not allowed after unary operator: '-control-label-foreground'
(5906,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(5913,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(5923,17): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5925,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(5930,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-hover'
(5931,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(5935,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-hover'
(5936,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(5941,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-disabled'
(5942,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-disabled'
(5947,21): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(5948,32): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-hover'
(5952,21): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground'
(5953,32): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background'
(5958,21): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-selected'
(5959,32): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-selected'
(5965,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(5969,31): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(6014,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(6027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6050,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-shadow'
(6106,24): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-width'
(6107,24): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(6108,24): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(6120,22): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-height'
(6121,21): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-foreground'
(6122,32): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-background'
(6167,28): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-border-style'
(6168,28): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-border-color'
(6181,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(6182,26): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(6182,44): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size-modifier'
(6222,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background-striped'
(6240,26): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-height'
(6241,25): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-foreground'
(6242,36): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-background'
(6244,32): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(6245,32): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(6270,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(6271,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(6293,28): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-1-background'
(6321,28): run-time error CSS1039: Token not allowed after unary operator: '-background-splitter'
(6325,32): run-time error CSS1039: Token not allowed after unary operator: '-background-splitter-handle'
(6368,17): run-time error CSS1039: Token not allowed after unary operator: '-input-foreground'
(6369,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(6370,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(6371,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(6372,25): run-time error CSS1039: Token not allowed after unary operator: '-input-border-radius'
(6415,44): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(6419,44): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(6461,17): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground'
(6462,28): run-time error CSS1039: Token not allowed after unary operator: '-button-background'
(6467,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(6469,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(6522,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(6526,17): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(6527,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-shadow'
(6556,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(6557,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(6558,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(6559,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-radius'
(6595,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(6642,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(6643,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(6660,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(6661,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(6673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6738,20): run-time error CSS1035: Expected colon, found ';'
(6742,32): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-border-style'
(6743,32): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-border-color'
(6744,32): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-border-width'
(6761,21): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-foreground'
(6762,32): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-background'
(6768,32): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background'
(6769,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-style'
(6770,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color'
(6771,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-width'
(6775,21): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-foreground-hover'
(6776,32): run-time error CSS1039: Token not allowed after unary operator: '-gridheader-background-hover'
(6828,22): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-height'
(6846,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background'
(6847,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-style'
(6848,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color'
(6849,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-width'
(6853,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color-show-border'
(6854,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-width-show-border'
(6859,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background-hover'
(6860,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-style-hover'
(6861,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color-hover'
(6862,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-width-hover'
(6874,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background-selected'
(6875,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-style-selected'
(6876,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color-selected'
(6877,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-width-selected'
(6881,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background-striped'
(6885,28): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-background-hover'
(6897,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(6898,17): run-time error CSS1039: Token not allowed after unary operator: '-gridpager-foreground'
(6899,28): run-time error CSS1039: Token not allowed after unary operator: '-gridpager-background'
(6900,24): run-time error CSS1039: Token not allowed after unary operator: '-gridpager-border-style'
(6901,24): run-time error CSS1039: Token not allowed after unary operator: '-gridpager-border-color'
(6902,24): run-time error CSS1039: Token not allowed after unary operator: '-gridpager-border-width'
(6920,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground-hover'
(6921,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(6944,24): run-time error CSS1039: Token not allowed after unary operator: '-cell-selected-border-style'
(6945,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color-show-border'
(6946,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-width-show-border'
(6955,24): run-time error CSS1039: Token not allowed after unary operator: '-cell-selected-border-style'
(6956,24): run-time error CSS1039: Token not allowed after unary operator: '-gridrow-border-color-show-border'
(6985,28): run-time error CSS1039: Token not allowed after unary operator: '-background-splitter-handle-hover'
(7016,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(7046,26): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(7046,44): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size-modifier'
(7069,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground-disabled'
(7070,28): run-time error CSS1039: Token not allowed after unary operator: '-background-disabled'
(7088,21): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground'
(7092,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(7108,26): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(7115,29): run-time error CSS1039: Token not allowed after unary operator: '-color-control-disabled'
(7116,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-control-disabled'
(7120,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-default-hover'
(7124,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-default-selected'
(7161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7167,32): run-time error CSS1039: Token not allowed after unary operator: '-background-disabled'
(7213,35): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(7272,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(7314,17): run-time error CSS1039: Token not allowed after unary operator: '-input-foreground'
(7315,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(7316,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(7317,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(7318,25): run-time error CSS1039: Token not allowed after unary operator: '-input-border-radius'
(7319,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7329,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(7334,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(7335,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(7358,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(7363,36): run-time error CSS1039: Token not allowed after unary operator: '-level'
(7394,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(7469,21): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground'
(7470,32): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background'
(7484,25): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(7485,36): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-hover'
(7497,25): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(7498,36): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-hover'
(7505,25): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(7506,36): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-hover'
(7596,17): run-time error CSS1039: Token not allowed after unary operator: '-hyperlink-foreground'
(7597,27): run-time error CSS1039: Token not allowed after unary operator: '-hyperlink-text-decoration'
(7662,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(7663,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(7664,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background'
(7668,36): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(7673,36): run-time error CSS1039: Token not allowed after unary operator: '-button-background-hover'
(7677,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-disabled'
(7690,25): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(7712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7806,36): run-time error CSS1039: Token not allowed after unary operator: '-handle-border'
(7811,36): run-time error CSS1039: Token not allowed after unary operator: '-handle-border'
(7816,37): run-time error CSS1039: Token not allowed after unary operator: '-handle-border'
(7897,28): run-time error CSS1039: Token not allowed after unary operator: '-slider'
(7902,32): run-time error CSS1039: Token not allowed after unary operator: '-range-inactive'
(7907,32): run-time error CSS1039: Token not allowed after unary operator: '-range'
(7912,32): run-time error CSS1039: Token not allowed after unary operator: '-handle-inactive'
(7917,32): run-time error CSS1039: Token not allowed after unary operator: '-handle'
(7922,32): run-time error CSS1039: Token not allowed after unary operator: '-handle-focus'
(7927,21): run-time error CSS1039: Token not allowed after unary operator: '-float-text'
(7929,32): run-time error CSS1039: Token not allowed after unary operator: '-float-inactive'
(7934,32): run-time error CSS1039: Token not allowed after unary operator: '-float'
(7943,36): run-time error CSS1039: Token not allowed after unary operator: '-slider'
(7980,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(7983,26): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(7984,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(8000,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8037,17): run-time error CSS1039: Token not allowed after unary operator: '-input-foreground'
(8038,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(8039,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(8040,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8041,25): run-time error CSS1039: Token not allowed after unary operator: '-input-border-radius'
(8042,22): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(8059,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8111,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background'
(8115,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background-thumb'
(8130,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8131,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(8142,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(8143,22): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(8198,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background'
(8202,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-background-thumb'
(8254,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8255,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(8256,17): run-time error CSS1039: Token not allowed after unary operator: '-input-foreground'
(8271,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8272,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(8292,17): run-time error CSS1039: Token not allowed after unary operator: '-control-label-foreground'
(8293,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(8315,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8316,30): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(8316,48): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size-modifier'
(8321,17): run-time error CSS1039: Token not allowed after unary operator: '-input-foreground'
(8322,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(8323,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(8324,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8325,25): run-time error CSS1039: Token not allowed after unary operator: '-input-border-radius'
(8326,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8330,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8402,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8429,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(8430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8432,17): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground'
(8433,28): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background'
(8470,40): run-time error CSS1039: Token not allowed after unary operator: '-level'
(8507,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(8520,23): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(8542,28): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background'
(8550,28): run-time error CSS1039: Token not allowed after unary operator: '-tabbar-background'
(8552,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(8570,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8571,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(8594,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(8595,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(8597,23): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(8610,28): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background'
(8615,17): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground'
(8626,21): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-hover'
(8627,32): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-hover'
(8632,21): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-selected'
(8633,32): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-selected'
(8638,17): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-foreground-selected'
(8639,28): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background-selected'
(8644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8778,27): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(8780,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(8790,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(8804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8861,32): run-time error CSS1039: Token not allowed after unary operator: '-popup-background'
(8862,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(8863,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(8864,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-width'
(8874,32): run-time error CSS1039: Token not allowed after unary operator: '-popup-background'
(8875,26): run-time error CSS1039: Token not allowed after unary operator: '-popup-shadow'
(8876,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(8877,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(8878,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-width'
(8886,26): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(8890,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(8903,32): run-time error CSS1039: Token not allowed after unary operator: '-background-splitter'
(8923,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8936,30): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-small-height'
(8964,33): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(8978,25): run-time error CSS1039: Token not allowed after unary operator: '-button-foreground'
(8989,36): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(9170,30): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9170,63): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9173,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-background'
(9174,22): run-time error CSS1039: Token not allowed after unary operator: '-popup-shadow'
(9195,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-foreground-header'
(9196,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-background-header'
(9202,31): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(9203,31): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(9204,31): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-width'
(9205,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9206,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9212,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9243,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-foreground'
(9244,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-background'
(9266,17): run-time error CSS1039: Token not allowed after unary operator: '-popup-foreground-footer'
(9267,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-background-footer'
(9272,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(9273,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(9274,28): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-width'
(9275,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9276,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9306,32): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-1-background'
(9312,17): run-time error CSS1039: Token not allowed after unary operator: '-input-foreground'
(9314,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-width'
(9315,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(9316,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(9317,25): run-time error CSS1039: Token not allowed after unary operator: '-input-border-radius'
(9327,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9329,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9334,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9335,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9357,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(9391,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground-disabled'
(9398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9412,35): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(9413,35): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(9419,26): run-time error CSS1039: Token not allowed after unary operator: '-control-popup-maxheight'
(9435,22): run-time error CSS1039: Token not allowed after unary operator: '-item-height'
(9439,21): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground'
(9440,32): run-time error CSS1039: Token not allowed after unary operator: '-item-background'
(9444,37): run-time error CSS1039: Token not allowed after unary operator: '-level'
(9448,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9449,29): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9464,25): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground-hover'
(9465,36): run-time error CSS1039: Token not allowed after unary operator: '-item-background-hover'
(9469,25): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground-selected'
(9470,36): run-time error CSS1039: Token not allowed after unary operator: '-item-background-selected'
(9474,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9475,29): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9503,17): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground-selected'
(9512,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9513,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9531,21): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(9601,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9615,73): run-time error CSS1030: Expected identifier, found '.'
(9615,86): run-time error CSS1031: Expected selector, found ')'
(9615,86): run-time error CSS1025: Expected comma or open brace, found ')'
(9647,31): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-style'
(9648,31): run-time error CSS1039: Token not allowed after unary operator: '-popup-border-color'
(9672,21): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground-hover'
(9673,32): run-time error CSS1039: Token not allowed after unary operator: '-item-background-hover'
(9677,21): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground-selected'
(9678,32): run-time error CSS1039: Token not allowed after unary operator: '-item-background-selected'
(9684,22): run-time error CSS1039: Token not allowed after unary operator: '-control-popup-maxheight'
(9696,18): run-time error CSS1039: Token not allowed after unary operator: '-item-height'
(9700,17): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground'
(9701,28): run-time error CSS1039: Token not allowed after unary operator: '-item-background'
(9726,17): run-time error CSS1039: Token not allowed after unary operator: '-item-foreground-hover'
(9727,28): run-time error CSS1039: Token not allowed after unary operator: '-item-background-hover'
(9810,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9812,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-style'
(9813,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(9823,21): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9824,22): run-time error CSS1039: Token not allowed after unary operator: '-navigation-bar-height'
(9825,21): run-time error CSS1039: Token not allowed after unary operator: '-topbar-foreground'
(9826,32): run-time error CSS1039: Token not allowed after unary operator: '-topbar-background'
(9830,25): run-time error CSS1039: Token not allowed after unary operator: '-topbar-foreground-hover'
(9831,36): run-time error CSS1039: Token not allowed after unary operator: '-topbar-background-hover'
(9855,28): run-time error CSS1039: Token not allowed after unary operator: '-treeview-item-indent-padding'
(9867,28): run-time error CSS1039: Token not allowed after unary operator: '-treeview-item-indent-padding'
(9883,65): run-time error CSS1030: Expected identifier, found '~'
(9883,81): run-time error CSS1031: Expected selector, found ')'
(9883,81): run-time error CSS1025: Expected comma or open brace, found ')'
(9893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9894,28): run-time error CSS1039: Token not allowed after unary operator: '-treeitem-background'
(9895,25): run-time error CSS1039: Token not allowed after unary operator: '-treeitem-border'
(9899,28): run-time error CSS1039: Token not allowed after unary operator: '-treeitem-background-selected'
(9903,28): run-time error CSS1039: Token not allowed after unary operator: '-treeitem-background-selected'
(9904,25): run-time error CSS1039: Token not allowed after unary operator: '-treeitem-border-selected'
(9908,28): run-time error CSS1039: Token not allowed after unary operator: '-treeitem-background-hover'
(9915,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(9926,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9936,26): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(9944,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(9948,17): run-time error CSS1039: Token not allowed after unary operator: '-foreground'
(9959,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-icons'
(9960,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-font-size'
(9972,19): run-time error CSS1039: Token not allowed after unary operator: '-content-spinner'
(10348,18): run-time error CSS1039: Token not allowed after unary operator: '-control-height'
(10358,28): run-time error CSS1039: Token not allowed after unary operator: '-background-splitter'
(10364,28): run-time error CSS1039: Token not allowed after unary operator: '-background-splitter'
(10487,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(10505,28): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-background'
(10574,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10578,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10594,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10595,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10596,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10597,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10598,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10599,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10600,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10601,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10605,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11011,31): run-time error CSS1046: Expect comma, found '243'
(11011,38): run-time error CSS1046: Expect comma, found ')'
(11049,38): run-time error CSS1046: Expect comma, found '17'
(11049,43): run-time error CSS1046: Expect comma, found ')'
(11131,23): run-time error CSS1046: Expect comma, found '0'
(11131,27): run-time error CSS1046: Expect comma, found '/'
(11131,56): run-time error CSS1046: Expect comma, found '0'
(11131,60): run-time error CSS1046: Expect comma, found '/'
(11131,89): run-time error CSS1046: Expect comma, found '0'
(11131,93): run-time error CSS1046: Expect comma, found '/'
(11131,126): run-time error CSS1046: Expect comma, found '0'
(11131,130): run-time error CSS1046: Expect comma, found '/'
(11138,19): run-time error CSS1046: Expect comma, found '85'
(11138,24): run-time error CSS1046: Expect comma, found ')'
(11146,19): run-time error CSS1046: Expect comma, found '110'
(11146,26): run-time error CSS1046: Expect comma, found ')'
(11244,31): run-time error CSS1046: Expect comma, found '243'
(11244,38): run-time error CSS1046: Expect comma, found ')'
(11299,31): run-time error CSS1046: Expect comma, found '243'
(11299,38): run-time error CSS1046: Expect comma, found ')'
(11376,29): run-time error CSS1030: Expected identifier, found ','
(11376,36): run-time error CSS1031: Expected selector, found ')'
(11376,36): run-time error CSS1025: Expected comma or open brace, found ')'
(11514,17): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-foreground'
(11532,31): run-time error CSS1046: Expect comma, found '17'
(11532,36): run-time error CSS1046: Expect comma, found ')'
(11578,194): run-time error CSS1030: Expected identifier, found '*'
(11578,195): run-time error CSS1031: Expected selector, found ')'
(11578,195): run-time error CSS1025: Expected comma or open brace, found ')'
(11607,34): run-time error CSS1034: Expected closing parenthesis, found ','
(11607,34): run-time error CSS1042: Expected function, found ','
(11607,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11614,34): run-time error CSS1034: Expected closing parenthesis, found ','
(11614,34): run-time error CSS1042: Expected function, found ','
(11614,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*Reset user-agent styles*/
ul {
    margin-inline-start: 5px;
}
ol li {
    padding-left: 5px;
}

/*
    Source: https://www.joshwcomeau.com/css/custom-css-reset/#our-finished-product-10 
*/
/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. Remove default margin */
* {
    margin: 0;
}

body {
    /* 3. Add accessible line-height */
    line-height: calc(1em + 0.5rem);
    /* 4. Improve text rendering */
    -webkit-font-smoothing: antialiased;
}

/* 5. Improve media defaults */
:not(.preview) img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

/* 6. Inherit fonts for form controls */
input, button, textarea, select {
    font: inherit;
}

/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* 8. Improve line wrapping */
p {
    text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

/*
  9. Create a root stacking context
*/
body {
    isolation: isolate;
}

/*! jQuery UI - v1.14.1 - 2024-10-30
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  /*margin: 0;
  padding: 0;*/
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol {
}
.ql-editor ol > li {
  list-style-type: none;
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
    .ql-editor ol li:not(.ql-direction-rtl) {
        padding-left: 9px;
    }
.ql-editor ol li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

:root {
  --td-light: #fff;
  --td-widget-background: #fff;
  --td-font-color: #000;
  --td-timepicker-font-size: 1.2em;
  --td-active-bg: #0d6efd;
  --td-range-bg: #01419e;
  --td-active-color: #fff;
  --td-active-border-color: #fff;
  --td-border-radius: 999px;
  --td-btn-hover-bg: #e9ecef;
  --td-disabled-color: #6c757d;
  --td-alternate-color: rgba(0, 0, 0, 0.38);
  --td-secondary-border-color: #ccc;
  --td-secondary-border-color-rgba: rgba(0, 0, 0, 0.2);
  --td-primary-border-color: #fff;
  --td-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  --td-dow-color: rgba(0, 0, 0, 0.5);
  --td-dark: #1b1b1b;
  --td-dark-widget-background: #1b1b1b;
  --td-dark-font-color: #e3e3e3;
  --td-dark-active-bg: #4db2ff;
  --td-dark-range-bg: #0071c7;
  --td-dark-active-color: #fff;
  --td-dark-active-border-color: #1b1b1b;
  --td-dark-btn-hover-bg: rgb(35, 38, 39);
  --td-dark-disabled-color: #6c757d;
  --td-dark-alternate-color: rgba(232, 230, 227, 0.38);
  --td-dark-secondary-border-color: #ccc;
  --td-dark-secondary-border-color-rgba: rgba(232, 230, 227, 0.2);
  --td-dark-primary-border-color: #1b1b1b;
  --td-dark-text-shadow: 0 -1px 0 rgba(232, 230, 227, 0.25);
  --td-dark-dow-color: rgba(232, 230, 227, 0.5);
  --td-widget-z-index: 9999;
}

.visually-hidden, .tempus-dominus-widget [data-action]::after {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.tempus-dominus-widget {
  list-style: none;
  padding: 4px;
  width: 19rem;
  border-radius: 4px;
  display: none;
  z-index: var(--td-widget-z-index);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.tempus-dominus-widget :focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.tempus-dominus-widget.calendarWeeks {
  width: 21rem;
}
.tempus-dominus-widget.calendarWeeks .date-container-days {
  grid-auto-columns: 12.5%;
  grid-template-areas: "a a a a a a a a";
}
.tempus-dominus-widget [data-action] {
  cursor: pointer;
}
.tempus-dominus-widget [data-action]::after {
  content: attr(title);
}
.tempus-dominus-widget [data-action].disabled, .tempus-dominus-widget [data-action].disabled:hover {
  background: none;
  cursor: not-allowed;
}
.tempus-dominus-widget .arrow {
  display: none;
}
.tempus-dominus-widget.show {
  display: block;
}
.tempus-dominus-widget.show.date-container {
  min-height: 315px;
}
.tempus-dominus-widget.show.time-container {
  min-height: 217px;
}
.tempus-dominus-widget .td-collapse:not(.show) {
  display: none;
}
.tempus-dominus-widget .td-collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (min-width: 576px) {
  .tempus-dominus-widget.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 768px) {
  .tempus-dominus-widget.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .tempus-dominus-widget.timepicker-sbs {
    width: 38em;
  }
}
.tempus-dominus-widget.timepicker-sbs .td-row {
  display: flex;
}
.tempus-dominus-widget.timepicker-sbs .td-row .td-half {
  flex: 0 0 auto;
  width: 50%;
}
.tempus-dominus-widget div[data-action]:active {
  box-shadow: none;
}
.tempus-dominus-widget .timepicker-hour,
.tempus-dominus-widget .timepicker-minute,
.tempus-dominus-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.tempus-dominus-widget button[data-action] {
  padding: 6px;
}
.tempus-dominus-widget .toggleMeridiem {
  text-align: center;
  height: 38px;
}
.tempus-dominus-widget .calendar-header {
  display: grid;
  grid-template-areas: "a a a";
  margin-bottom: 10px;
  font-weight: bold;
}
.tempus-dominus-widget .calendar-header .next {
  text-align: right;
  padding-right: 10px;
}
.tempus-dominus-widget .calendar-header .previous {
  text-align: left;
  padding-left: 10px;
}
.tempus-dominus-widget .calendar-header .picker-switch {
  text-align: center;
}
.tempus-dominus-widget .toolbar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: 40px;
}
.tempus-dominus-widget .toolbar div {
  border-radius: var(--td-border-radius);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  display: flex;
}
.tempus-dominus-widget .date-container-days {
  display: grid;
  grid-template-areas: "a a a a a a a";
  grid-auto-rows: 40px;
  grid-auto-columns: 14.2857142857%;
}
.tempus-dominus-widget .date-container-days .range-in {
  background-color: var(--td-range-bg) !important;
  border: none;
  border-radius: 0 !important;
  box-shadow: -5px 0 0 var(--td-range-bg), 5px 0 0 var(--td-range-bg);
}
.tempus-dominus-widget .date-container-days .range-end {
  border-radius: 0 50px 50px 0 !important;
}
.tempus-dominus-widget .date-container-days .range-start {
  border-radius: 50px 0 0 50px !important;
}
.tempus-dominus-widget .date-container-days .dow {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.tempus-dominus-widget .date-container-days .cw {
  width: 90%;
  height: 90%;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 0.8em;
  line-height: 20px;
  cursor: default;
}
.tempus-dominus-widget .date-container-decades,
.tempus-dominus-widget .date-container-years,
.tempus-dominus-widget .date-container-months {
  display: grid;
  grid-template-areas: "a a a";
  grid-auto-rows: calc((19rem - 8px) / 7);
}
.tempus-dominus-widget .time-container-hour,
.tempus-dominus-widget .time-container-minute,
.tempus-dominus-widget .time-container-second {
  display: grid;
  grid-template-areas: "a a a a";
  grid-auto-rows: calc((19rem - 8px) / 7);
}
.tempus-dominus-widget .time-container-clock {
  display: grid;
  grid-auto-rows: calc((19rem - 8px) / 7);
}
.tempus-dominus-widget .time-container-clock .no-highlight {
  width: 90%;
  height: 90%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.tempus-dominus-widget .date-container-decades div:not(.no-highlight),
.tempus-dominus-widget .date-container-years div:not(.no-highlight),
.tempus-dominus-widget .date-container-months div:not(.no-highlight),
.tempus-dominus-widget .date-container-days div:not(.no-highlight),
.tempus-dominus-widget .time-container-clock div:not(.no-highlight),
.tempus-dominus-widget .time-container-hour div:not(.no-highlight),
.tempus-dominus-widget .time-container-minute div:not(.no-highlight),
.tempus-dominus-widget .time-container-second div:not(.no-highlight) {
  width: 90%;
  height: 90%;
  border-radius: var(--td-border-radius);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  display: flex;
}
.tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled:hover {
  background: none;
  cursor: not-allowed;
}
.tempus-dominus-widget .date-container-decades div:not(.no-highlight).today,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).today,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).today,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).today,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).today,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).today,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).today {
  position: relative;
}
.tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  position: absolute;
  bottom: 6px;
  right: 6px;
}
.tempus-dominus-widget .time-container {
  margin-bottom: 0.5rem;
}
.tempus-dominus-widget button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.day,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.hour,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.minute,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.second,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementHours],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementMinutes],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementSeconds],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementHours],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementMinutes],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementSeconds],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showHours],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showMinutes],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showSeconds],
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=togglePeriod] {
  pointer-events: none;
  cursor: default;
}
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.day:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.hour:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.minute:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td.second:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementHours]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementMinutes]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementSeconds]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementHours]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementMinutes]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementSeconds]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showHours]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showMinutes]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showSeconds]:hover,
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=togglePeriod]:hover {
  background: none;
}
.tempus-dominus-widget.light {
  color: var(--td-font-color);
  background-color: var(--td-widget-background);
}
.tempus-dominus-widget.light [data-action].disabled, .tempus-dominus-widget.light [data-action].disabled:hover {
  color: var(--td-disabled-color);
}
.tempus-dominus-widget.light .toolbar div:hover {
  background: var(--td-btn-hover-bg);
}
.tempus-dominus-widget.light .date-container-days .dow {
  color: var(--td-dow-color);
}
.tempus-dominus-widget.light .date-container-days .cw {
  color: var(--td-alternate-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover {
  background: var(--td-btn-hover-bg);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight),
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
  background-color: var(--td-active-bg);
  color: var(--td-active-color);
  text-shadow: var(--td-text-shadow);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .date-container-years .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .date-container-years div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .date-container-years div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .date-container-years div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .date-container-years .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .date-container-years div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .date-container-years div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .date-container-years div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .date-container-months .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .date-container-months div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .date-container-months div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .date-container-months div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .date-container-months .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .date-container-months div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .date-container-months div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .date-container-months div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-clock .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-clock div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-clock div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-clock div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-clock .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-clock div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-clock div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-clock div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-hour .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-hour div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-hour div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-hour div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-hour .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-hour div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-hour div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-hour div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-minute .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-minute div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-minute div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-minute div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-minute .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-minute div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-minute div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-minute div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-second .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-second div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-second div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days .time-container-second div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-second .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-second div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-second div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days .time-container-second div.range-start:not(.no-highlight).new {
  color: var(--td-active-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.today:before {
  border-bottom-color: var(--td-active-border-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new {
  color: var(--td-alternate-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover {
  color: var(--td-disabled-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: var(--td-active-bg);
  border-top-color: var(--td-secondary-border-color-rgba);
}
.tempus-dominus-widget.light button {
  color: var(--td-active-color);
  background-color: var(--td-active-bg);
  border-color: var(--td-active-bg);
}
.tempus-dominus-widget.dark {
  color: var(--td-dark-font-color);
  background-color: var(--td-dark-widget-background);
}
.tempus-dominus-widget.dark [data-action].disabled, .tempus-dominus-widget.dark [data-action].disabled:hover {
  color: var(--td-dark-disabled-color);
}
.tempus-dominus-widget.dark .toolbar div:hover {
  background: var(--td-dark-btn-hover-bg);
}
.tempus-dominus-widget.dark .date-container-days .dow {
  color: var(--td-dark-dow-color);
}
.tempus-dominus-widget.dark .date-container-days .range-in {
  background-color: var(--td-dark-range-bg) !important;
  box-shadow: -5px 0 0 var(--td-dark-range-bg), 5px 0 0 var(--td-dark-range-bg);
}
.tempus-dominus-widget.dark .date-container-days .cw {
  color: var(--td-dark-alternate-color);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight):hover {
  background: var(--td-dark-btn-hover-bg);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight),
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active {
  background-color: var(--td-dark-active-bg);
  color: var(--td-dark-active-color);
  text-shadow: var(--td-dark-text-shadow);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .date-container-years .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .date-container-years div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-years .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .date-container-years div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-years .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .date-container-years div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .date-container-years .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .date-container-years div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-years .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .date-container-years div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-years .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .date-container-years div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .date-container-months .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .date-container-months div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-months .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .date-container-months div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-months .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .date-container-months div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .date-container-months .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .date-container-months div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-months .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .date-container-months div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-months .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .date-container-months div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-second .date-container-days div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-second div.range-in:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-second .date-container-days div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-second div.range-end:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-second .date-container-days div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days .time-container-second div.range-start:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-second .date-container-days div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-second div.range-in:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-second .date-container-days div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-second div.range-end:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-second .date-container-days div.range-start:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days .time-container-second div.range-start:not(.no-highlight).new {
  color: var(--td-dark-active-color);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.today:before {
  border-bottom-color: var(--td-dark-active-border-color);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).new {
  color: var(--td-dark-alternate-color);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled:hover {
  color: var(--td-dark-disabled-color);
}
.tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: var(--td-dark-active-bg);
  border-top-color: var(--td-dark-secondary-border-color-rgba);
}
.tempus-dominus-widget.dark button {
  color: var(--td-dark-active-color);
  background-color: var(--td-dark-active-bg);
  border-color: var(--td-dark-active-bg);
}
/*# sourceMappingURL=tempus-dominus.css.map */
:root {
    /*Font settings*/
    --font-size: 14px;
    --font-family: "Roboto Condensed";
    --font-family-icons: "Material Icons";
    --icon-font-size-modifier: 1.3;
    --icon-font-size-modifier-for-grid: 2;
    /*Main colors for Forms/Controls*/
    --foreground: #333333;
    --background: white;
    --hover: #F2F6F9;
    --active: #E7F1FA;
    --primary-foreground: white;
    --primary-background: #334291;
    --primary-foreground-hover: var(--accent-color);
    --primary-background-hover: #334291;
    --secondary-foreground: var(--primary-foreground);
    --secondary-background: var(--primary-background);
    --secondary-foreground-hover: var(--accent-color);
    --secondary-background-hover: var(--primary-background-hover);
    /*Main colors for disabled Forms/Controls*/
    --foreground-disabled: #333333;
    --background-disabled: #f5f5f5;
    /*Accent color for highlights like splitter handle, control value update highlight*/
    --accent-color: orange;
    /*Control - Base*/
    --control-label-foreground: #4c4b4b;
    --control-height: 28px;
    --control-border-width: 0 0 1px 0;
    --control-border-style: solid;
    --control-border-color: transparent;
    /*Toolbar*/
    --toolbar-height: 45px;
    --toolbar-brand-padding: 5px;
    /*Toolbar Colors*/
    --topbar-foreground: var(--foreground);
    --topbar-background: var(--background);
    --topbar-foreground-hover: var(--foreground);
    --topbar-background-hover: var(--hover);
    --tabbar-foreground: var(--primary-foreground);
    --tabbar-background: var(--primary-background);
    --tabbar-foreground-hover: var(--primary-foreground-hover);
    --tabbar-background-hover: var(--primary-background-hover);
    --tabbar-foreground-selected: var(--primary-foreground-hover);
    --tabbar-background-selected: var(--primary-background-hover);
    --toolbar-foreground: var(--foreground);
    --toolbar-background: var(--background);
    --toolbar-foreground-hover: var(--foreground);
    --toolbar-background-hover: var(--hover);
    --toolbar-foreground-selected: var(--foreground);
    --toolbar-background-selected: var(--active);
    --toolbar-foreground-disabled: var(--foreground-disabled);
    /*Control - Grid*/
    --cell-selected-border-style: solid;
    --cell-selected-border-color: lightgray;
    --cell-selected-border-width: 0 0 0 1px;
    /*Control - Grid - Row*/
    --gridrow-height: 34px;
    --gridrow-background: var(--background);
    --gridrow-background-striped: #f9f9f9;
    --gridrow-background-hover: var(--hover);
    --gridrow-background-selected: var(--hover);
    --gridrow-border-style: solid;
    --gridrow-border-color: rgb(236, 238, 239);
    --gridrow-border-width: 0 0 1px 0;
    --gridrow-border-style-hover: solid;
    --gridrow-border-color-hover: transparent;
    --gridrow-border-width-hover: 0 0 1px 0;
    --gridrow-border-style-selected: solid;
    --gridrow-border-color-selected: var(--accent-color);
    --gridrow-border-width-selected: 0 0 1px 0;
    --gridrow-border-color-show-border: gainsboro;
    --gridrow-border-width-show-border: 0 0 1px 1px;
    /*Control - Grid - Header*/
    --gridheader-foreground: #12110e;
    --gridheader-background: #F0F3F5;
    --gridheader-foreground-hover: #12110e;
    --gridheader-background-hover: #E7F1FA;
    --gridheader-border-style: solid;
    --gridheader-border-color: #eeeeee;
    --gridheader-border-width: 0 0 1px 0;
    /*Control - Grid - Footer*/
    --gridfooter-foreground: black;
    --gridfooter-background: white;
    --gridfooter-border-style: solid;
    --gridfooter-border-color: #eeeeee;
    --gridfooter-border-width: 1px 0 0 0;
    /*Control - Grid - Pager*/
    --gridpager-foreground: black;
    --gridpager-background: white;
    --gridpager-border-style: solid;
    --gridpager-border-color: #eeeeee;
    --gridpager-border-width: 1px 0 0 0;
    /*Control - Treeview*/
    --treeitem-border: none;
    --treeitem-border-selected: 1px solid orange;
    --treeitem-background: transparent;
    --treeitem-background-hover: #f5f5f5;
    --treeitem-background-selected: #E7F1FA;
    --treeview-item-indent-padding: 20px;
    /*Control - Input*/
    --input-foreground: black;
    --input-background: #f4f7fa;
    --input-border-style: solid;
    --input-border-color: lightgray;
    --input-border-width: 0 0 1px 0;
    --input-border-radius: 0px;
    /*Main colors for buttons*/
    --button-foreground: black;
    --button-background: white;
    --button-foreground-hover: black;
    --button-background-hover: #F2F8FF;
    --button-foreground-disabled: black;
    --button-background-disabled: lightgray;
    --button-border-style: solid;
    --button-border-color: lightgray;
    --button-border-width: 1px;
    --button-border-radius: 5px;
    /*Main colors for control buttons - as upload or hyperlink edit*/
    --button-control-foreground: black;
    --button-control-background: white;
    /*Button - Primary*/
    --button-primary-foreground: white;
    --button-primary-background: #334291;
    --button-primary-foreground-hover: black;
    --button-primary-background-hover: orange;
    --button-primary-foreground-disabled: black;
    --button-primary-background-disabled: lightgray;
    --button-primary-border-style: solid;
    --button-primary-border-color: lightgray;
    --button-primary-border-width: 0px;
    /*Control - Input Hyperlink*/
    --hyperlink-foreground: black;
    --hyperlink-text-decoration: underline;
    /*Control - Tooltip*/
    --tooltip-border-width: 1px;
    --tooltip-border-style: solid;
    --tooltip-border-color: gray;
    /*Control - Select*/
    --item-height: 30px;
    --item-foreground: black;
    --item-background: transparent;
    --item-foreground-hover: black;
    --item-background-hover: whitesmoke;
    --item-foreground-selected: black;
    --item-background-selected: #eeeeee;
    /*Control - Popup*/
    --popup-foreground: black;
    --popup-background: white;
    --popup-foreground-header: black;
    --popup-background-header: #eeeeee;
    --popup-foreground-footer: black;
    --popup-background-footer: white;
    --popup-border-style: solid;
    --popup-border-color: #cad0d3;
    --popup-border-width: 1px;
    --popup-shadow: 0px 0px 15px -5px #bbb; /*0px 8px 15px -5px #bbb;*/
    /*Scrollbar*/
    --scrollbar-background: #eeeeee;
    --scrollbar-background-thumb: #334291;
    --scrollbar-width: thin;
    --scrollbar-width-webkit: 0.5rem;
    /*Control - Gantt*/
    --progress-bar-1-background: #334291;
    --progress-bar-2-background: gray;
    /*Control - Splitter*/
    --background-splitter: #eeeeee;
    --background-splitter-handle: orange;
    --background-splitter-handle-hover: orange;
    /*Other defaults*/
    --navigation-bar-height: 45px;
    --navigation-bar-small-height: 40px;
    --control-popup-maxheight: 250px;
    --columns: 1fr 1fr 1fr;
}

:root {
    --icon-font-size: calc(var(--font-size) * var(--icon-font-size-modifier));
    --icon-font-size-grid: calc(var(--font-size) * var(--icon-font-size-modifier-for-grid));
    --content-spinner: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 512 512'><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d='M222.7 32.1c5 16.9-4.6 34.8-21.5 39.8C121.8 95.6 64 169.1 64 256c0 106 86 192 192 192s192-86 192-192c0-86.9-57.8-160.4-137.1-184.1c-16.9-5-26.6-22.9-21.5-39.8s22.9-26.6 39.8-21.5C434.9 42.1 512 140 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 140 77.1 42.1 182.9 10.6c16.9-5 34.8 4.6 39.8 21.5z'/></svg>");
}

.grouptab > ul,
#AppModeMenu > ul,
#archives > ul {
    --tabbar-foreground: var(--foreground);
}

.toolbar {
    --icon-font-size-modifier: 1.7;
    --item-height: var(--navigation-bar-height);
    --item-foreground: var(--toolbar-foreground);
    --item-background: var(--toolbar-background);
    --item-foreground-hover: var(--toolbar-foreground-hover);
    --item-background-hover: var(--toolbar-background-hover);
    --item-foreground-selected: var(--toolbar-foreground-selected);
    --item-background-selected: var(--toolbar-background-selected);
    --control-popup-maxheight: calc(250px * 1.5);
}

[popup="grid"] {
    --button-foreground: black;
    --button-background: white;
    --button-foreground-hover: black;
    --button-background-hover: #F2F8FF;
    --button-foreground-disabled: black;
    --button-background-disabled: lightgray;
    --button-border-style: solid;
    --button-border-color: lightgray;
    --button-border-width: 1px;
}

/*Text Font*/

body {
    font-size: var(--font-size);
    font-family: var(--font-family);
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/roboto/RobotoCondensed-Regular-webfont.eot);
    src: url(/fonts/roboto/RobotoCondensed-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/roboto/RobotoCondensed-Regular-webfont.woff) format('woff'), url(/fonts/roboto/RobotoCondensed-Regular-webfont.ttf) format('truetype'), url(/fonts/roboto/RobotoCondensed-Regular-webfont.svg#Roboto) format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/roboto/Roboto-Thin-webfont.eot);
    src: url(/fonts/roboto/Roboto-Thin-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/roboto/Roboto-Thin-webfont.woff) format('woff'), url(/fonts/roboto/Roboto-Thin-webfont.ttf) format('truetype'), url(/fonts/roboto/Roboto-Thin-webfont.svg#Roboto) format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/roboto/Roboto-Light-webfont.eot);
    src: url(/fonts/roboto/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/roboto/Roboto-Light-webfont.woff) format('woff'), url(/fonts/roboto/Roboto-Light-webfont.ttf) format('truetype'), url(/fonts/roboto/Roboto-Light-webfont.svg#Roboto) format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/roboto/Roboto-Regular-webfont.eot);
    src: url(/fonts/roboto/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/roboto/Roboto-Regular-webfont.woff) format('woff'), url(/fonts/roboto/Roboto-Regular-webfont.ttf) format('truetype'), url(/fonts/roboto/Roboto-Regular-webfont.svg#robotoregular) format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/roboto/Roboto-Medium-webfont.eot);
    src: url(/fonts/roboto/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/roboto/Roboto-Medium-webfont.woff) format('woff'), url(/fonts/roboto/Roboto-Medium-webfont.ttf) format('truetype'), url(/fonts/roboto/Roboto-Medium-webfont.svg#robotomedium) format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/roboto/Roboto-Bold-webfont.eot);
    src: url(/fonts/roboto/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/roboto/Roboto-Bold-webfont.woff) format('woff'), url(/fonts/roboto/Roboto-Bold-webfont.ttf) format('truetype'), url(/fonts/roboto/Roboto-Bold-webfont.svg#robotobold) format('svg');
}

/*Icon Font*/

.material-icons {
    font-family: var(--font-family-icons);
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/material-design-icons/MaterialIcons-Regular.woff2?v=20220615) format('woff2')
}

@font-face {
    font-family: 'Material Icons Sharp';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/material-design-icons/MaterialIcons-Sharp.woff2?v=20220615) format('woff2')
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.nodata {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat-form {
    padding: 10px;
    --icon-font-size-modifier: 1.5;
}

.box {
    border: 1px solid #e5e7eb;
    padding: 10px;
    border-radius: var(--button-border-radius);
    margin-bottom: 10px;
}

    .box.center {
        display: revert;
        margin: 0 auto;
    }

.no-border {
    border: none;
}

    .no-border > [control] {
        border: none;
    }

.shadow {
    box-shadow: var(--popup-shadow);
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

[class*=grid-layout].center {
    align-items: center !important;
}

    [class*=grid-layout].center .cat-control-container {
        padding: 0px;
    }

[class*=grid-layout] div[control=input_multiline] {
    flex: 1;
    height: unset;
}

[class*=grid-layout] .cat-control-container {
    padding-bottom: 10px;
}

[class*=grid-layout] .grid-row > .cat-control-container {
    padding-bottom: 0px;
}

[class*=grid-layout] > div {
    overflow: hidden;
}

[class*=grid-layout] div.flex {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[class*=grid-layout] div.flex-row {
    display: flex;
    flex-direction: row;
    height: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

[class*=grid-layout] div.flex-1 {
    flex: 1;
}

.elevate-hover:hover {
    transform: scale(1.01)
}

.grid-layout {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(12, 1fr);
    /*grid-template-columns: repeat(attr(columns type(*), 12), 1fr);*/
}

    .grid-layout .grid-row {
        display: grid;
        gap: inherit;
        grid-template-columns: inherit;
        grid-column: 1/-1;
    }

    .grid-layout[custom] {
        display: grid;
        gap: 10px;
        grid-template-columns: attr(custom type(*));
    }

    .grid-layout [width] {
        grid-column-end: span attr(width type(*), 1);
    }

.grid-gap {
    display: grid;
    gap: 10px;
}

[class*=grid-layout-] {
    display: grid;
    gap: 10px;
    --width: 1;
    align-items: start;
}

    [class*=grid-layout-] > .box {
        height: 100%;
        align-content: baseline;
    }

    [class*=grid-layout-] > div {
        grid-column-end: span var(--width);
    }

        [class*=grid-layout-] > div[width] {
            grid-column-end: span attr(width type(*), 1);
        }

    [class*=grid-layout-] > .cat-control-container {
        height: 100%;
        --icon-font-size-modifier: 1.6;
        overflow: hidden;
    }

.grid-layout-1 {
    grid-template-columns: repeat(1, 1fr);
}

.grid-layout-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-layout-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-layout-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-layout-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-layout-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-layout-7 {
    grid-template-columns: repeat(7, 1fr);
}

.grid-layout-8 {
    grid-template-columns: repeat(8, 1fr);
}

.grid-layout-9 {
    grid-template-columns: repeat(9, 1fr);
}

.grid-layout-10 {
    grid-template-columns: repeat(10, 1fr);
}

.grid-layout-11 {
    grid-template-columns: repeat(11, 1fr);
}

.grid-layout-12 {
    grid-template-columns: repeat(12, 1fr);
}

[class*=grid-layout] .width-1 {
    grid-column-end: span 1;
}

[class*=grid-layout] .width-2 {
    grid-column-end: span 2;
}

[class*=grid-layout] .width-3 {
    grid-column-end: span 3;
}

[class*=grid-layout] .width-4 {
    grid-column-end: span 4;
}

[class*=grid-layout] .width-5 {
    grid-column-end: span 5;
}

[class*=grid-layout] .width-6 {
    grid-column-end: span 6;
}

[class*=grid-layout] .width-7 {
    grid-column-end: span 7;
}

[class*=grid-layout] .width-8 {
    grid-column-end: span 8;
}

[class*=grid-layout] .width-9 {
    grid-column-end: span 9;
}

[class*=grid-layout] .width-10 {
    grid-column-end: span 10;
}

[class*=grid-layout] .width-11 {
    grid-column-end: span 11;
}

[class*=grid-layout] .width-12 {
    grid-column-end: span 12;
}


@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row-no-gutters [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    display: table;
    content: " ";
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

[label-orientation=top].cat-control-container {
    flex-direction: column;
}

[label-orientation=bottom].cat-control-container {
    flex-direction: column-reverse;
}

[label-orientation=left].cat-control-container {
    flex-direction: row;
}

[label-orientation=right].cat-control-container,
[label-orientation=right].cat-control-container [control][icon] {
    flex-direction: row-reverse;
}

.cat-panel {
    position: relative;
}

    .cat-panel.center {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .cat-panel.horizontal {
        display: flex;
    }

    .cat-panel.vertical-fill {
        display: flex;
        flex-direction: column;
    }

        .cat-panel.vertical-fill > * {
            flex: 1;
        }

    .cat-panel.horizontal-fill {
        display: flex;
        flex-direction: row;
    }

        .cat-panel.horizontal-fill > * {
            flex: 1;
        }


.tab-info-popup {
    height: 100%;
    display: grid;
    gap: 10px;
    grid-template-rows: 50% 50%;
}

    .tab-info-popup > div.box {
        height: 100%;
        display: grid;
        gap: 10px;
        grid-template-rows: auto 60px;
    }

/*Process Tab Styles*/
.cat-process-nav {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 75px 130px 150px 150px 150px 150px 150px 150px 180px;
    -ms-grid-rows: 1fr;
    grid-gap: 40px;
    align-content: space-between;
    background-color: #fff;
    color: #444;
    justify-content: center;
}

.cat-process-nav-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px 150px 150px 150px 150px 150px 150px 75px;
    grid-template-columns: 150px 150px 150px 150px 150px 150px 150px 150px 75px;
    -ms-grid-rows: 1fr;
    grid-gap: 40px;
    align-content: space-between;
    background-color: #fff;
    color: #444;
    justify-content: center;
}

.cat-process-nav .row {
    width: calc(100% + 15px);
    padding: 0 0 0 15px;
}

.cat-process-nav-item {
    border-radius: 5px;
    cursor: pointer;
    border-color: #cecece;
    display: block;
    color: #cecece;
}

[control=checkbox_group].checkbox-group-container {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
}
/* explicit grid: fix for IE11 grid items */
/* 8 items in the first row */
.nav-item-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.nav-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.nav-item-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.nav-item-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.nav-item-5 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.nav-item-6 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}

.nav-item-7 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.nav-item-8 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
}

.nav-item-9 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}

/* 8 items in the ´second row */
.nav-item-subcontainer-1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.nav-item-subcontainer-2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.nav-item-subcontainer-3 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.nav-item-subcontainer-4 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}

.nav-item-subcontainer-5 {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
}

.nav-item-subcontainer-6 {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
}

.nav-item-subcontainer-7 {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
}

.nav-item-subcontainer-8 {
    -ms-grid-row: 2;
    -ms-grid-column: 8;
}

.nav-item-subcontainer-9 {
    -ms-grid-row: 2;
    -ms-grid-column: 9;
}

.cat-process-nav-item:hover {
    border-color: #032f5c !important;
    color: #032f5c !important;
}

.cat-process-nav-item.active > div > i {
    color: inherit;
}

.cat-circle-border {
    border: 8px solid;
    border-color: inherit;
    height: 130px;
    border-radius: 50% !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 130px;
}

.branding-controls-container {
    height: 100%;
    overflow: auto;
    padding: 10px;
    border-left: 1px solid gray;
}

.login-container {
    width: 100vw;
    height: 100vh;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 150px 450px 1fr;
    grid-template-rows: 0.7fr 300px repeat(4, auto) 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

#imgBrand {
    grid-column: 2 / 4;
    grid-row: 2;
    justify-self: center;
}

    #imgBrand.old-logo {
        margin-left: 70px;
        margin-bottom: -50px;
        transform: scale(0.8);
    }

        #imgBrand.old-logo img {
            max-width: unset;
        }

#lblLogin {
    grid-column: 2;
    grid-row: 3;
    font-weight: bold !important;
    text-transform: uppercase;
    align-content: center;
    z-index: 1;
}

#login {
    grid-column: 3;
    grid-row: 3;
    align-content: center;
    padding: 6px 12px;
    height: 34px;
    z-index: 1;
}

#lblPassword {
    grid-column: 2;
    grid-row: 4;
    font-weight: bold !important;
    text-transform: uppercase;
    align-content: center;
    z-index: 1;
}

#password {
    grid-column: 3;
    grid-row: 4;
    padding: 6px 12px;
    height: 34px;
    z-index: 1;
}

#lblCatInfoBox, .login-container #Message {
    grid-column: 2 / 4;
    grid-row: 6;
    font-weight: bold !important;
    text-transform: uppercase;
    margin-top: 10px;
    z-index: 1;
}

#btnLogin {
    grid-column: 3;
    grid-row: 5;
    width: 40%;
    justify-self: end;
    z-index: 1;
}

#btnRequestNewPassword {
    grid-column: 2;
    grid-row: 5;
    width: fit-content;
    z-index: 1;
}

/*#btnImpressum {
    grid-column: 1;
    grid-row: 1;
    width: fit-content;
    z-index: 1;
}*/

div .impressum {
    grid-column: 4;
    grid-row: 7;
    align-self: end;
    justify-self: end;
}

div .impressum-custom {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row: 7;
}

:root {
    /*--height-toolbar: 45px;*/
}

* {
    box-sizing: border-box;
}

body {
    overflow: hidden;
    position: fixed;
}

#mainContainer {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

#TreePath {
    overflow: hidden;
}

    #TreePath > .content {
        display: flex;
        flex-direction: row;
    }

    #TreePath #tree_nav {
        width: auto;
        flex: unset;
    }

    #TreePath .treesearch {
        width: auto;
    }

    #TreePath #treepath {
        flex: 1;
        justify-content: flex-end;
    }

    #TreePath #user {
        width: auto;
    }

    #TreePath #showhidetreeTB {
        width: auto;
    }

.ui-tooltip {
    padding: 5px;
    color: var(--foreground);
    background-color: var(--background);
    border-radius: var(--button-border-radius);
    font-size: var(--font-size);
    font-family: var(--font-family);
    box-shadow: none;
}

#treetoolbar [control^="menu"] ul.nav > li#more.group [control] {
    padding: 0px 5px;
}

    #treetoolbar [control^="menu"] ul.nav > li#more.group [control]::after {
        display: none;
    }

#content {
    flex: 1;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

#ConfigurationSettings {
    padding: 15px;
}

    #ConfigurationSettings .cat-setting-option {
        padding-bottom: 5px;
    }

    #ConfigurationSettings label.list-group-item-heading {
        font-weight: bold;
    }

    #ConfigurationSettings p.list-group-item-text {
        padding: 0px;
        margin: 0px;
        opacity: 0.7;
        padding-left: 5px;
    }

.cat-content, .cat-container, .cat-container-master {
    height: 100%;
    width: 100%;
}

.cat-container, .cat-repeater-container {
    height: 100%;
}

    .cat-container:not(.cat-bucket) > .cat-form-view-tree-item {
        height: 100%;
    }

#cat-tab-content {
    display: flex;
    height: 100%;
}

.cat-content.cat-sub-form {
    height: 100%;
}

.cat-container-master-detail {
    height: 100%;
    overflow: hidden;
}

.dialog-content .cat-container-master-detail.vertical {
    display: flex;
}

#cat-main-content-left-column {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    #cat-main-content-left-column #treeview {
        flex: 1;
    }

#cat-tab-content_tree_container {
    height: calc(100% - var(--navigation-bar-height));
}

#cat-main-content-right-column {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    #cat-main-content-right-column[inactive] {
        filter: opacity(0.5);
        pointer-events: none;
    }

    #cat-main-content-right-column #tabcontent {
        flex: 1;
        overflow: hidden;
    }

        #fieldchooser_content_container .cat-container-master-detail,
        #cat-main-content-right-column #tabcontent .cat-container-master-detail {
            height: 100%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

#fieldchooser_content_container .cat-container-master-detail {
    flex-direction: column;
}

#fieldchooser_tree_toolbar > ul > li.search {
    flex: 1;
}

#cat-main-content-right-column #tabcontent .cat-container-master-detail.vertical {
    flex-direction: row;
}

#cat-main-content-right-column #tabcontent .cat-container-master-detail .cat-container-master {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    #cat-main-content-right-column #tabcontent .cat-container-master-detail .cat-container-master .cat-upper-toolbar,
    #cat-main-content-right-column #tabcontent .cat-container-master-detail .cat-container-master .cat-lower-toolbar {
        height: var(--toolbar-height);
    }

    #cat-main-content-right-column #tabcontent .cat-container-master-detail .cat-container-master .cat-upper-content,
    #cat-main-content-right-column #tabcontent .cat-container-master-detail .cat-container-master .cat-lower-content {
        flex: 1;
        overflow: hidden;
    }

#cat-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    -webkit-animation: turner 4s infinite linear;
    animation: turner 4s infinite linear;
}


@keyframes turner {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

/*Treepath*/
#TreePath {
    height: var(--navigation-bar-height);
    --toolbar-foreground: var(--topbar-foreground);
    --toolbar-background: var(--topbar-background);
    --toolbar-foreground-hover: var(--topbar-foreground-hover);
    --toolbar-background-hover: var(--topbar-background-hover);
}

li.cat-bs-breadcrump:not(:last-child)::after {
    content: "keyboard_arrow_right";
    font-family: var(--font-family-icons);
    text-transform: none;
    font-size: var(--icon-font-size);
    opacity: 0.3;
}

#brand {
    display: flex;
    align-items: stretch;
    height: var(--toolbar-height);
    padding: var(--toolbar-brand-padding);
}

    #brand img {
        height: 100%;
        object-fit: contain;
    }

#treepath_appmodes {
    width: auto;
}

div#tabstrip > ul > li [control], div#toptoolbar ul > li [control] {
    text-transform: uppercase;
}

/*Tab bar*/
#tabstrip {
    height: var(--navigation-bar-height);
    --toolbar-foreground: var(--tabbar-foreground);
    --toolbar-background: var(--tabbar-background);
    --toolbar-foreground-hover: var(--tabbar-foreground-hover);
    --toolbar-background-hover: var(--tabbar-background-hover);
    --toolbar-foreground-selected: var(--tabbar-foreground-selected);
    --toolbar-background-selected: var(--tabbar-background-selected);
}

/*AppMode Menu*/
#toptoolbar {
    height: var(--navigation-bar-height);
    --toolbar-foreground: var(--tabbar-foreground);
    --toolbar-background: var(--tabbar-background);
    --toolbar-foreground-hover: var(--tabbar-foreground-hover);
    --toolbar-background-hover: var(--tabbar-background-hover);
    --toolbar-foreground-selected: var(--tabbar-foreground-selected);
    --toolbar-background-selected: var(--tabbar-background-selected);
}

    #toptoolbar [control="form_expander"].treesearch > .toolbar {
        --topbar-background: transparent;
    }
/*Tree Toolbar*/
#treetoolbar, #tabToolbar, #cat-tab-content_toolbar_container {
    flex: unset;
    height: var(--navigation-bar-height);
}

#AppModeMenu {
    --font-size: 125%;
    font-weight: bold;
}

    #AppModeMenu > [control=label] {
        padding-left: 5px;
    }

        #AppModeMenu > [control=label]::before {
            font-size: 24px;
            position: relative;
        }

#toolbar_appmodemeu #archives [control] {
    /*We move the text slightly down so the bottom aligns with current appmode text*/
    padding-top: 2px;
}

[popup^="menu"][parent="AppModeMenu"][popup^="menu"] {
    max-width: 20vw;
    min-width: 500px;
}

    [popup^="menu"][parent="AppModeMenu"][popup^="menu"] .group-header {
        --font-size: 125%;
        opacity: 0.75;
    }

[popup^="menu"][parent=AppModeMenu] li > .control-group.menu {
    padding: 3px 0;
    grid-template-columns: 45px 2fr 3fr !important;
}

    [popup^="menu"][parent=AppModeMenu] li > .control-group.menu > [control=label][icon]:first-child {
        grid-area: unset;
        height: 100%;
        justify-content: flex-start;
        margin-left: 10px;
    }

    [popup^="menu"][parent=AppModeMenu] li > .control-group.menu > [control=button] {
        grid-column: 2 !important;
    }

    [popup^="menu"][parent=AppModeMenu] li > .control-group.menu > [control=label].description {
        height: auto;
        opacity: 0.5;
        margin-top: 0px;
        padding-bottom: 0px;
        white-space: break-spaces;
        grid-column: 3 !important;
    }

[popup^="menu"][parent=AppModeMenu] li.group-header ~ li:not(.group-header) [control]:first-child {
    padding-left: 5px;
}

#cat_logout[control="button"][icon]::before {
    margin-left: 0px;
}

.menuitem-keyPasteSpecial::before {
    color: red;
}

/*.branding-logo .content > img{
    height: 299px;
    width: fit-content;
}*/

.branding-login-image .content, .branding-logo .content {
    align-items: center;
}

/*    .branding-login-image .content > img {
        height: 299px;
        width: fit-content;
    }*/

[control] {
    display: flex;
    position: relative;
    width: 100%;
    height: var(--control-height);
    align-items: center;
    margin: 0;
    padding: 0 5px;
    outline: none;
    overflow: hidden;
    font-size: var(--font-size);
    color: var(--foreground);
    border-width: var(--control-border-width);
    border-style: var(--control-border-style);
    border-color: var(--control-border-color);
    --level: 0;
}

    [control][disabled] {
        cursor: not-allowed;
        color: var(--foreground-disabled);
        background-color: var(--background-disabled);
    }

input[disabled] {
    cursor: not-allowed;
    pointer-events: none;
}
    div.grid-cell:active input[disabled] {
        pointer-events: initial;
    }

    [control].center, [column-type=BOOL], [column-type=CENTER] {
        justify-content: center;
    }

[control].left, [column-type=TEXT], [column-type=LEFT] {
    justify-content: left;
}

    [column-type=TEXT] [control], [column-type=LEFT] [control] {
        flex-direction: row-reverse;
    }

[control].right, [column-type=DOUBLE], [column-type=DATE], [column-type=INT], [column-type=RIGHT] {
    justify-content: right;
}

[control][time-in-percentage] {
    background-color: rgba(255, 0, 0, attr(time-in-percentage type(<number>))) !important;
}
/*Container for control + label in forms*/
.cat-control-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.vertical-stack {
    display: flex;
    flex-direction: column;
}

.horizontal-stack {
    display: flex;
    flex-direction: row;
}

.hidden {
    display: none !important;
}

.shortcut {
    font-style: italic;
    color: gray;
}

.track-focus .text-stroke {
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
}

[control].shortcut > span {
    color: #404040;
    font-style: italic;
}
/*   [control=treeview] [control].shortcut > span::after {
        content: '';
        padding: 1px;
    }*/

.highlight {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
    animation: pulse 2s 1;
}

@keyframes pulse {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.35);
    }

    70% {
        box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/*Contextmenu History*/
[control=label].cat-cm-log-date {
    font-weight: normal;
    flex: 1;
}

[control=label].cat-cm-log-user {
    font-weight: normal;
    width: fit-content;
}

/*Loader*/
#tabstrip .loader,
#TreePath .loader,
#tabToolbar .loader {
    display: none !important;
}

.loader {
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin: auto;
}

    .loader.small {
        transform: scale(0.5);
    }

    .loader .circular {
        animation: rotate 2s linear infinite;
        height: 50px;
        width: 50px;
    }

    .loader .path {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
        stroke: var(--accent-color);
        animation: dash 1.5s ease-in-out infinite;
        stroke-linecap: round;
    }

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}

/*Default Scrollbar*/

*::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-background-thumb);
}

    *::-webkit-scrollbar-thumb:horizontal {
        cursor: e-resize;
    }

    *::-webkit-scrollbar-thumb:vertical {
        cursor: n-resize;
    }

*::-webkit-scrollbar-track {
    background-color: var(--scrollbar-background);
}

*::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-background);
}

*::-webkit-scrollbar {
    width: var(--scrollbar-width-webkit);
    height: var(--scrollbar-width-webkit);
}

/*Focus indicator under controls*/
[control].pending {
    pointer-events: none;
    cursor: not-allowed !important;
}

.focusindicator {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--accent-color);
    z-index: 2;
}

#TreePath .focusindicator, .control-popup .focusindicator {
    display: none;
}

.cat-listfield {
    flex-direction: row-reverse;
    padding-left: 12px;
}

    .cat-listfield:before {
        flex: 0;
    }

    .cat-listfield:hover::before {
        color: red;
    }

    .cat-listfield:after {
        flex: 1;
    }

[control="button"] {
    cursor: pointer;
    justify-content: center;
    height: var(--control-height);
    color: var(--button-foreground);
    background-color: var(--button-background);
    z-index: 1;
    border-width: var(--button-border-width);
    border-style: var(--button-border-style);
    border-color: var(--button-border-color);
    text-transform: none;
    border-radius: var(--button-border-radius);
}


    [control="button"]:not([disabled]):hover,
    [control=grid] .grid-container .grid .grid-row.hover .grid-cell > [control="button"]:not([disabled]):hover,
    [control=grid] .grid-container .grid .grid-row.active .grid-cell > [control="button"]:not([disabled]):hover {
        color: var(--button-foreground-hover);
        background-color: var(--button-background-hover);
    }

[control] [control="button"] {
    --button-foreground: var (--button-control-foreground);
    --button-background: var(--button-control-background);
}

[control="grid"] .grid .grid-body .grid-cell > [control=button] {
    top: 5px;
    left: 5px;
    width: unset;
    height: unset;
    bottom: 5px;
    right: 5px;
}

    [control="grid"] .grid .grid-body .grid-cell > [control=button].cat-listfield {
        box-shadow: none;
        border: none;
        background: initial;
        position: unset;
        padding: 5px;
        flex: 1;
    }

[control="button"]:not([disabled]):active {
    color: var(--button-foreground-hover);
    background-color: var(--button-background-hover);
}

[control="button"][disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

[control="button"][icon]::before {
    content: attr(icon) / "";
    font-family: var(--font-family-icons);
    font-size: var(--icon-font-size);
    margin: 0 5px 0 5px;
    line-height: var(--control-height);
    text-transform: none;
}

[control="button"]::after {
    content: attr(text);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: inherit;
    line-height: calc(var(--font-size) + 2px);
}

[control="button"].pending::before {
    content: var(--content-spinner) !important;
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    line-height: 5px;
    padding: 4px;
}

/*Button classes*/
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

.btn {
    /*    cursor: pointer;
    color: var(--button-foreground);
    background-color: var(--button-background);
    border-style: var(--button-border-style);
    border-color: var(--button-border-color);
    border-width: var(--button-border-width);*/
}

    /*   .btn[disabled] {
        cursor: not-allowed;
    }*/

    .btn:hover {
        color: var(--button-foreground-hover);
        background-color: var(--button-background-hover);
    }

/*    .btn[disabled] {
        color: var(--button-foreground-disabled);
        background-color: var(--button-background-disabled);
    }*/

.btn-primary {
    color: var(--button-primary-foreground);
    background-color: var(--button-primary-background);
    border-style: var(--button-primary-border-style);
    border-color: var(--button-primary-border-color);
    border-width: var(--button-primary-border-width);
}

    .btn-primary:hover {
        color: var(--button-primary-foreground-hover);
        background-color: var(--button-primary-background-hover);
    }

    .btn-primary[disabled] {
        color: var(--button-primary-foreground-disabled);
        background-color: var(--button-primary-background-disabled);
    }

.btn-link {
    font-weight: 400;
    color: var(--hyperlink-foreground);
    border-color: transparent;
    background-color: transparent;
    padding: 0;
    text-decoration: none;
}

    .btn-link:hover,
    [control="button"].btn-link:hover {
        text-decoration: underline;
        border-color: transparent;
        background-color: transparent;
        color: var(--hyperlink-foreground);
    }

.btn.no-text {
    width: calc(var(--control-height) * 0.9);
}

    .btn.no-text::before {
        margin: 0;
    }

    .btn.no-text::after {
        content: '';
    }


.btn.muted {
    opacity: 0.5;
    border: none;
    background-color: transparent;
}

    .btn.muted:hover {
        opacity: 1;
        background-color: transparent;
    }

[control] > .btn.muted {
    color: inherit;
}

    [control] > .btn.muted::before {
        color: inherit;
    }

[control] > .btn, [control] .control-toolbar > .btn {
    width: auto;
    height: calc(var(--control-height) * 0.9);
}

[control] .btn.no-text {
    width: calc(var(--control-height) * 0.9);
}

/*Buttons in control-toolbars*/

[control] .control-toolbar {
    display: flex;
    overflow: hidden;
    color: var(--toolbar-foreground-hover);
    background-color: white;
    border-radius: 5px !important;
    box-shadow: var(--popup-shadow);
}

[control].pending .control-toolbar div {
    display: none;
}

[control] .control-toolbar .btn {
    border-radius: 0px;
}

    [control] .control-toolbar .btn:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    [control] .control-toolbar .btn:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

[control].pending > .control-toolbar::after {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    padding: 0px 5px;
    height: 22px;
    margin-top: 2px;
}

/*Buttons in menus*/
[popup^="menu"] [control].btn, [control^="menu"] [control].btn {
    box-shadow: none;
}

/*Buttons in control-groups*/
.control-group .btn {
    flex: 1;
    border-radius: 0;
    height: var(--item-height);
}

    .control-group .btn.no-text {
        width: var(--navigation-bar-small-height);
    }


div[control="chart"] {
    flex: 1;
    background-color: var(--bg-control);
}
div[control="chart"][disabled] {
    background-color: var(--bg-control);
}

[control=chart][disabled] {
    cursor: default;
}

[control=chart] .loader{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

[control="grid"]:not([max-row-height=auto]) .grid .grid-cell > [control=chart] {
    position: relative;
}

.custom-legend {
    display: flex;
    width: 100%;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
}

.custom-legend li {
    padding: 0px 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-legend li div {
    margin: 0px 5px;
    width: 30px;
    height: 10px;
}

.custom-legend li.strike {
    text-decoration: line-through;
}

.custom-legend li .line {
    height: 3px;
}

.custom-legend li .scatter {
    border-radius: 50% !important;
    width: 10px;
    height: 10px;
}

div[control="checkbox"] {
    background-color: transparent;
    width: auto;
}

    div[control="checkbox"] div {
        height: 100%;
        align-items: center;
        display: flex;
    }

    div[control="checkbox"]:not([disabled]) div {
        cursor: pointer;
    }

    div[control="checkbox"] div::before {
        font-family: var(--font-family-icons);
        font-size: calc(var(--font-size) * 1.6);
    }

    div[control="checkbox"] div::before,
    div[control="checkbox"][value="false"] div::before {
        content: "\e835";
        /*Margin is specifically for this icon (\e835) so it appears vertically centered:*/
        margin-top: 2px;
    }

    div[control="checkbox"][value="true"] div::before {
        content: "\e834";
        /*Margin is specifically for this icon (\e835) so it appears vertically centered:*/
        margin-top: 2px;
    }

    div[control="checkbox"][text]::after {
        content: attr(text);
        font-size: var(--font-size);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
        margin-left: 5px;
    }

    div[control="checkbox"].has-icon::after {
        font-family: var(--font-family-icons);
        content: attr(icon) / "";
        font-size: var(--icon-font-size);
        width: 100%;
        text-align: center;
    }

[control="grid"] [control="checkbox"] {
    justify-content: center;
}

    [control="grid"] [control="checkbox"] div::after {
        display: none;
    }

[control="grid"] div[control="checkbox"][text]::after {
    content: none;
}

div [control="checkbox"][label].pending div::before {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    line-height: 0px;
}

div[control="checkbox"]:not([label]).pending div::after {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    line-height: 4px;
    position: absolute;
    top: 6px;
}

div[control="radiobutton"] {
    color: unset !important;
    justify-content: left;
}

    div[control="radiobutton"]:not([disabled]) div {
        cursor: pointer;
    }

    div[control="radiobutton"] div::before {
        font-family: var(--font-family-icons);
        font-size: calc(var(--font-size) * 1.6);
        align-self: center;
        line-height: var(--control-height);
    }

    div[control="radiobutton"][text] div::after {
        content: attr(text);
        font-size: var(--font-size);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--control-label-foreground);
        font-weight: bold;
        margin-left: 5px;
    }

[control="grid"] [control="radiobutton"] {
    justify-content: center;
}

    [control="grid"] [control="radiobutton"] div::after {
        display: none;
    }


div[control="radiobutton"][value="true"] div::before {
    content: "\e837";
}

div[control="radiobutton"][value="false"] div::before {
    content: "\e836";
}

div[control="radiobutton"][label].pending div::before {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    line-height: 0px;
}

div[control="radiobutton"]:not([label]).pending div::after {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    line-height: 4px;
    position: absolute;
    top: 6px;
}


div[control="togglebutton"] {
    width: var(--control-height);
    cursor: pointer;
    height: var(--control-height);
    justify-content: center;
}

    div[control="togglebutton"]:not([disabled]):hover {
        color: var(--button-foreground-hover);
        background-color: var(--button-background-hover);
    }

    div[control="togglebutton"]:active {
        color: var(--button-foreground-hover);
        background-color: var(--button-background-hover);
    }

    div[control="togglebutton"][disabled] {
        cursor: not-allowed;
        color: var(--button-foreground-disabled);
        background-color: var(--button-background-disabled);
        pointer-events: none;
    }

    div[control="togglebutton"]:hover {
        color: var(--toolbar-foreground-hover);
        background-color: var(--toolbar-background-hover);
    }

    div[control="togglebutton"][value="false"] {
        color: var(--toolbar-foreground);
        background-color: var(--toolbar-background);
    }

    div[control="togglebutton"][value="true"] {
        font-weight: bold;
        color: var(--toolbar-foreground-selected);
        background-color: var(--toolbar-background-selected);
    }

        div[control="togglebutton"][value="true"]::before,
        div[control="togglebutton"][value="false"]::before {
            content: attr(icon) / "";
            font-family: var(--font-family-icons);
            font-size: calc(100% * 1.7);
            font-weight: normal;
            padding: 0;
            line-height: var(--control-height);
            text-transform: none;
        }

[control="form"] {
    padding: 0;
    height: unset;
    border: none;
}

    [control="form"] .lock-form {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.4;
    }

    [control="form"][endpoint=defaultPage], [control="form"][endpoint=masterDetail], [control="form"][endpoint=masterDetailTree], [control="form"][endpoint=form] {
        height: 100%;
    }

.cat-upper-toolbar + [control="form"][endpoint=form], .cat-lower-toolbar + [control="form"][endpoint=form],
.cat-upper-toolbar + [control="form"][endpoint=grid], .cat-lower-toolbar + [control="form"][endpoint=grid] {
    height: calc(100% - 46px);
}

[control="form"] .content {
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

    [control="form"] .content > div.cat-container {
        flex: 1;
    }

[control="form"] :not([word-preview]) .content .cat-upper-content {
    overflow: hidden;
    height: 100%;
}

[control="form"][endpoint=toolbar] {
    height: var(--navigation-bar-height);
}

[control="form"] .content .cat-upper-toolbar + .cat-upper-content {
    overflow: hidden;
    height: calc(100% - 46px);
}

[control="form"] .content > span {
    padding: 15px;
}

[control=form][endpoint=form] [control][disabled] {
    --background-disabled: transparent;
}

[control=form][endpoint=form] [control=checkbox]:not([text]), [control=form][endpoint=form] [control=radiobutton]:not([text]) {
    justify-content: center;
}

[control="form"] > .content > [control="grid"] {
    border: none;
}

.cat-msg-page .cat-word-Section1 {
    margin: 0px 0px !important;
}

.cat-word-page {
    min-height: 297mm;
    width: 210mm;
    position: relative;
    background: #fff;
    margin: auto;
    margin-top: 15px;
    padding: 15px;
    box-shadow: var(--popup-shadow);
}

    div.cat-word-Section_1, .cat-word-page > div {
        margin: 30px 70px !important;
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
    }

        .cat-word-page > div > div:last-child {
            position: absolute;
            bottom: 0px;
        }

    .cat-word-page .cat-word-Header > span {
        display: initial !important;
    }

        .cat-word-page .cat-word-Header > span:first-child {
            float: left;
            display: inline-block !important;
        }

        .cat-word-page .cat-word-Header > span:last-child {
            float: right;
            display: inline-block !important;
        }

    .cat-word-page .cat-word-Footer > span,
    .cat-word-page .cat-word-Header > span {
        z-index: 10 !important;
        opacity: 0.4;
        border-color: gainsboro !important;
    }

.cat-pdf-page {
    min-height: 297mm;
    width: max-content;
    position: relative;
    margin: auto;
    margin-top: 15px;
    padding: 15px;
}

    .cat-pdf-page .stl_ {
        background: #fff;
        margin-top: 15px;
        box-shadow: 0px 2px 38px rgba(0, 0, 0, 0.2);
    }

[control="form_expander"] {
    padding: 0;
    height: unset;
    flex-direction: column;
    border-radius: 5px !important;
    border-width: var(--popup-border-width);
    border-style: var(--popup-border-style);
    border-color: var(--popup-border-color);
    overflow: hidden;
}

    [control="form_expander"][direction="right"] {
        width: unset;
        flex-direction: row;
    }

    [control="form_expander"] > .toolbar {
        width: 100%;
        display: flex;
        height: var(--gridrow-height);
        color: var(--gridheader-foreground);
        background-color: var(--gridheader-background);
        align-items: center;
        cursor: pointer;
        padding: 2px;/*needed for outline (focus) tracking*/
    }

    [control="form_expander"][direction="right"] > .toolbar {
        width: unset;
        height: 100%;
    }

[control=form_expander] > .toolbar [control=label], 
[control=form_expander] > .toolbar [control=label][icon] {
    flex-direction: row-reverse;
    color: inherit;
    background: inherit;
    height: 100%;
}


    [control=form_expander] > .toolbar [control=label] span {
        flex: 1;
        pointer-events: none;
    }


[control="form_expander"] > .toolbar [control=label]::before {
    transform: rotate(0deg);
    transition-duration: 0.2s;
    transition-property: transform;
    font-size: 24px;
    margin: 0;
    font-weight: normal;
}

[control="form_expander"].expanded > .toolbar [control=label]::before {
    transform: rotate(180deg);
}

[control="form_expander"] > .content {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0 5px;
    border-top-width: 1px;
    border-top-style: var(--gridheader-border-style);
    border-top-color: var(--gridheader-border-color);
    overflow: hidden;
}

[control="form_expander"].expanded > .content {
    display: block;
    overflow: auto;
}

[control="form_expander"] > .toolbar [control=label]::before {
    content: attr(icon) / "";
    margin-right: 0.2em;
    font-weight: normal;
    font-family: var(--font-family-icons);
    font-size: calc(var(--font-size)* var(--icon-font-size-modifier));
    text-transform: none;
}

[control="form_expander"].expanded > .toolbar [control=label][collapseicon]::before {
    content: attr(collapseicon) / "";
}
[control="form_expander"] > .toolbar [control=label][expandicon]::before {
    content: attr(expandicon) / "";
}
[control="form_repeater"] {
    padding: 0;
    height: auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.cat-repeater-item {
    width: 100%;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    border: 1px solid;
    border-color: transparent;
}

    .cat-repeater-item.active {
        border: 1px solid;
        border-color: #517398;
    }

    .cat-repeater-item:hover:not(.active) {
        cursor: pointer;
        border: 1px solid;
        border-color: lightgray;
    }

.cat-repeater-row-striped:nth-of-type(odd) {
    background-color: var(--gridrow-background-striped);
}

[control="form_tabs"] {
    padding: 0;
    height: unset;
    flex-direction: column;
    overflow: hidden;
}

    [control="form_tabs"] > .toolbar {
        width: 100%;
        display: flex;
        align-items: center;
    }

        [control="form_tabs"] > .toolbar [control=label] {
            cursor: pointer;
            height: var(--gridrow-height);
            color: var(--gridheader-foreground);
            background-color: var(--gridheader-background);
            border-width: 1px 1px 1px 0px;
            border-style: var(--popup-border-style);
            border-color: var(--popup-border-color);
            width: auto;
            margin-bottom: -1px;
            z-index: 1;
        }

            [control="form_tabs"] > .toolbar [control=label]:first-child {
                border-width: 1px;
                border-radius: 5px 0px 0px 0px !important;
            }

            [control="form_tabs"] > .toolbar [control=label]:last-child {
                border-radius: 0px 5px 0px 0px !important;
            }

            [control="form_tabs"] > .toolbar [control=label].selected {
                border-bottom-width: 0px;
            }

    [control="form_tabs"] > .content {
        flex: 1;
        overflow: auto;
        width: 100%;
        padding: 5px;
        border-width: 1px;
        border-style: var(--popup-border-style);
        border-color: var(--popup-border-color);
        border-radius: 0px 0px 5px 5px !important;
    }

        [control="form_tabs"] > .content > [control=form] {
            display: none;
            height: 100%;
        }

            [control="form_tabs"] > .content > [control=form].selected {
                display: block;
            }

div[control="progress"] .progressbar {
    padding: 0px;
    border: 1px solid #c5c5c5;
    width: 100%;
    height: 10px !important;
}

div[control="progress"] .indicator {
    height: 100%;
    background-color: var(--progress-bar-1-background);
}

div[control="progress"] .textspan {
    display: none;
}

.cat-control-container div[control="progress"] .progressbar {
    height: auto !important;
}

.cat-control-container div[control="progress"] .indicator {
    height: 100%;
    background-color: #517398;
    height: 22px;
    position: absolute;
    z-index: -1;
}

.cat-control-container div[control="progress"] .textspan {
    display: flex;
    justify-content: center;
}

/*Splitter*/
div[control="splitter"] {
    margin: 0;
    padding: 0;
    background-color: var(--background-splitter);
}

    div[control="splitter"] .handle {
        background-color: var(--background-splitter-handle);
    }

div[control="splitter"] {
    width: 4px;
    height: auto;
    cursor: ew-resize;
    flex: 0 0 auto;
}

    div[control="splitter"] .handle {
        width: 100%;
        height: 50%;
        max-height: 100px;
        max-width: unset;
        position: relative;
    }

    div[control="splitter"][orientation="horizontal"] {
        width: 100%;
        height: 4px;
        cursor: ns-resize;
        padding-top: 0;
    }

        div[control="splitter"][orientation="horizontal"] .handle {
            width: 25%;
            height: 100%;
            max-height: unset;
            max-width: 100px;
            left: 50%;
            transform: translateX(-50%);
        }

[control*="document"] .control-toolbar {
    position: absolute;
    right: 5px;
}


[control="document"] {
    padding-right: 0px;
    align-items: center;
    color: var(--input-foreground);
    border-width: var(--input-border-width);
    border-style: var(--input-border-style);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
}

[control*="document"] .upload-progress {
    background-color: lightgreen;
    height: 100%;
    width: 0%;
    position: absolute;
    z-index: 0;
    filter: opacity(0.5);
}

[control="document"] > div.paste-target{
    position: absolute;
}
[control*="document"] > div.paste-target {
    width: 100%;
    height: 100%;
    outline: none !important;
    caret-color: transparent;
}

[control*="document"]:not([disabled]) > div.paste-target {
    cursor: default;
}

[control="document"] > div.filenameLabel {
    flex: 1;
    padding-left: 5px;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 40px;
}

    [control="document"] > div.filenameLabel > span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.hover_drag [control*="document"]:not([disabled]) {
    box-shadow: inset 0px 0px 2px 0px var(--accent-color);
}

[control*="document"]:not([disabled]).hover_drag {
    box-shadow: inset 0px 0px 5px 0px var(--accent-color);
}

[control*="document"][disabled] .btn-upload {
    display: none;
}

[control*="document"][disabled] .btn-delete {
    display: none;
}

[control*="document"] .btn-delete,
[control*="document"][token=""][value=""] .btn-delete,
[control*="document"] .btn-preview,
[control*="document"] .btn-upload,
[control*="document"] .btn-download {
    display: none;
}

[control*="document"][filetoken] .btn-download {
    display: flex;
}

[control*="document"]:not([value]):not([disabled]) .btn-upload,
[control*="document"]:not([disabled])[token]:hover .btn-upload,
[control*="document"]:not([disabled])[token]:focus-within .btn-upload {
    display: flex;
}

[control*="document"][token][filetoken]:hover .btn-delete,
[control*="document"][token][filetoken]:focus-within .btn-delete {
    display: flex;
}

[control*="document"][previewtoken]:hover .btn-preview,
[control*="document"][previewtoken]:focus-within .btn-preview {
    display: flex;
}

[control*="document"][disabled][filetoken] .btn-download,
[control*="document"][disabled][previewtoken] .btn-preview {
    cursor: pointer;
    color: var(--button-foreground);
    background-color: var(--button-background);
    pointer-events: all;
}

[control=document][icon]::before {
    font-family: var(--font-family-icons);
    content: attr(icon) / "";
    font-size: var(--icon-font-size);
    text-transform: none;
}

.dialog-preview-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .dialog-preview-container > img {
        object-fit: contain;
        max-width: 100%;
        max-height: 100%;
        cursor: zoom-in;
    }

    .dialog-preview-container > div {
        width: 100%;
    }

    .dialog-preview-container.zoom {
        display: block;
        white-space: nowrap;
        overflow: scroll;
    }

        .dialog-preview-container.zoom > img {
            object-fit: none;
            max-width: unset;
            max-height: unset;
            cursor: grab;
        }

[control=document].download-button span {
    display: none;
}

[control=document].download-button .btn-download {
    flex: 1;
}

[control=document].download-button[icon]::before {
    display: none;
}

[control*="document_preview"] .filenameLabel {
    position: absolute;
    visibility: hidden;
    text-align: center;
    padding: 2px 5px;
    width: max-content;
    height: var(--control-height);
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, 0);
    color: var(--toolbar-foreground-hover);
    box-shadow: var(--popup-shadow);
    background-color: white;
    border-radius: 5px !important;
    z-index: 1;
}
/*Move label up to prevent blocking video player controls*/
[control*="document_preview"][icon="video_file"] .filenameLabel {
    top: 5px;
    right: 5px;
    left: unset;
    bottom: unset;
    transform: unset;
}

[control*="document_preview"][filetoken]:hover .filenameLabel,
[control*="document_preview"][filetoken]:focus-within .filenameLabel {
    visibility: visible;
}

[control*="document_preview"] .control-toolbar {
    top: 3px;
    right: unset;
    left: 5px;
}

[control*="document_preview"] {
    justify-content: left;
    align-items: flex-start;
    flex-direction: row-reverse;
    border-width: var(--input-border-width);
    border-style: var(--input-border-style);
    border-color: var(--input-border-color);
    border-radius:var(--input-border-radius);
}

    [control*="document_preview"] .preview {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }

[control="document_preview"] .preview [control="form"] .content {
    overflow: auto;
}

[control*="document_preview"].scaleFit .preview {
    align-items: stretch;
    justify-content: space-evenly;
}

[control=grid][max-row-height="auto"] [control*="document_preview"][value] {
    min-height: 200px;
}

[control*="document_preview"][icon]:not([previewtoken]) .preview {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    [control*="document_preview"][icon]:not([previewtoken]) .preview [icon]::before {
        font-family: var(--font-family-icons);
        content: attr(icon) / "";
        font-size: 400%;
        text-transform: none;
    }


.crop-container {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
}

.crop-selection {
    position: absolute;
    top: 0px;
    cursor: move;
    width: 100px;
    height: 100px;
    border: 1px solid black;
    box-shadow: 0px 0px 0px 100vw #00000078;
}

    .crop-selection .label-size {
        color: #fff;
        font-size: 12px;
        text-shadow: 0 0 5px black;
    }

.crop-container .ui-resizable-se {
    display: none !important;
}

.crop-container .ui-resizable-e {
    width: 20px;
    right: -20px;
    top: 50%;
    height: 30px;
    background-color: white;
    transform: translateY(-50%);
    border-radius: 0px 30px 30px 0px !important;
}

    .crop-container .ui-resizable-e::before {
        content: 'swap_horiz';
        font-family: var(--font-family-icons);
        font-size: var(--icon-font-size);
        text-transform: none;
    }

.crop-container .ui-resizable-s {
    height: 20px;
    bottom: -20px;
    left: 50%;
    width: 30px;
    background-color: white;
    transform: translateX(-50%);
    border-radius: 0px 0px 30px 30px !important;
    text-align: center;
}

    .crop-container .ui-resizable-s::before {
        content: 'swap_vert';
        font-family: var(--font-family-icons);
        font-size: var(--icon-font-size);
        text-transform: none;
        line-height: 18px;
    }

[control=grid] {
    height: 100%;
    overflow: unset;
    margin: 0px;
    padding: 0px;
    background-color: unset;
    flex-direction: column;
    --input-border-color: transparent;
}

    [control=grid] .grid-container {
        display: flex;
        flex-direction: row;
        flex: 1;
        width: 100%;
        overflow: hidden;
    }

        [control=grid] .grid-container .grid {
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

            [control=grid] .grid-container .grid .grid-body {
                flex: 1;
                overflow-y: hidden;
                /*align-items: start;*/
                display: flex;
                flex-direction: column;
                align-items: stretch;
            }

                [control=grid] .grid-container .grid .grid-body .grid-row .grid-cell [control=label] {
                    cursor: not-allowed;
                }

        [control=grid] .grid-container [control=label].grid-nodata {
            /*text-align: center;*/
            font-size: 200%;
            height: 100%;
            justify-content: center;
        }

            [control=grid] .grid-container [control=label].grid-nodata span {
                overflow: unset;
            }

        [control=grid] .grid-container .grid:last-of-type .grid-body {
            flex: 1;
            overflow: auto;
            display: flex;
            flex-direction: column;
        }

    [control=grid] .grid-cell {
        overflow: hidden;
    }

    /*[popup=dialog] [control=grid] .grid-container .grid {
    z-index: 2;
}

[control^=grid] .grid-body .grid-row,
[control^=grid] .grid-header .grid-row,
[control^=grid] .grid-pager .grid-row {
    z-index: -1;
}*/

    /*Header*/
    [control=grid] .grid-container .grid .grid-header {
        overflow: hidden;
        border-none;
    }

        [control=grid] .grid-container .grid .grid-header > .grid-row {
            border-style: var(--gridheader-border-style);
            border-color: var(--gridheader-border-color);
            border-width: var(--gridheader-border-width);
        }

    [control=grid] .grid-container .grid-2 .grid-header {
        align-items: stretch;
        display: flex;
    }

        [control=grid] .grid-container .grid-2 .grid-header:not(.grid-body-has-scroll-x) {
            flex-direction: column;
        }

    [control=grid] .grid-container .grid:not(.stretch) .grid-header, [control=grid] .grid-container .grid:not(.stretch) .grid-batch-update {
        display: flex;
    }

    [control=grid] .grid-container .grid .grid-header .grid-row {
        color: var(--gridheader-foreground);
        background-color: var(--gridheader-background);
    }

    [control=grid] .grid-container .grid .grid-batch-update {
        overflow: hidden;
        min-height: 37px;
        background-color: var(--gridrow-background);
        border-style: var(--gridrow-border-style);
        border-color: var(--gridrow-border-color);
        border-width: var(--gridrow-border-width);
    }

    [control=grid] .grid-container .grid .grid-header [control]:hover {
        color: var(--gridheader-foreground-hover);
        background-color: var(--gridheader-background-hover);
    }

    [control=grid] .grid-container .grid .grid-header [control=label] span {
        line-height: 1.2em;
    }

    [control=grid] .grid-container .grid .grid-footer {
        overflow: hidden;
    }
    /*Scrollbars*/
    [control=grid] .grid-container .grid .grid-body.grid-body-has-scroll-x {
        overflow-x: scroll;
    }

    [control=grid] .grid-container .grid .grid-header.grid-body-has-scroll-y,
    [control=grid] .grid-container .grid .grid-batch-update.grid-body-has-scroll-y,
    [control=grid] .grid-container .grid .grid-footer.grid-body-has-scroll-y {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    [control=grid] .grid-container .grid .grid-header::-webkit-scrollbar,
    [control=grid] .grid-container .grid .grid-batch-update::-webkit-scrollbar,
    [control=grid] .grid-container .grid .grid-footer::-webkit-scrollbar {
        visibility: hidden;
    }

    [control=grid] .grid-container .grid .grid-header::-webkit-scrollbar-track,
    [control=grid] .grid-container .grid .grid-batch-update::-webkit-scrollbar-track,
    [control=grid] .grid-container .grid .grid-footer::-webkit-scrollbar-track {
        background-color: transparent;
    }

    [control=grid] .grid-container .grid .grid-header::-webkit-scrollbar-thumb,
    [control=grid] .grid-container .grid .grid-batch-update::-webkit-scrollbar-thumb,
    [control=grid] .grid-container .grid .grid-footer::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    [control=grid] .grid-container .grid .grid-footer [control][disabled] {
        background-color: initial;
    }

[popup=grid] .control-group {
    min-height: unset !important;
}
/*Rows*/
[control=grid] .grid-container .grid-row {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    min-height: var(--gridrow-height);
}

[control=grid] .grid-container .grid:not(.stretch) .grid-footer .grid-row {
    width: fit-content;
}

[control=grid] .grid-container .grid:not(.grid-1):not(.stretch) .grid-header .grid-row {
    width: fit-content;
}

[control=grid] .grid-container .grid.stretch:not(.grid-1) .grid-header:not(.grid-body-has-scroll-x) .grid-row,
[control=grid] .grid-container .grid.stretch:not(.grid-1) .grid-batch-update:not(.grid-body-has-scroll-x) .grid-row {
    width: 100%;
}

[control=grid] .grid-container .grid .grid-body .grid-row .grid-cell {
    min-height: 37px;
    background-color: var(--gridrow-background);
    border-style: var(--gridrow-border-style);
    border-color: var(--gridrow-border-color);
    border-width: var(--gridrow-border-width);
}

[control=grid].show-borders .grid-container .grid .grid-body .grid-row {
    border-color: var(--gridrow-border-color-show-border);
    border-width: var(--gridrow-border-width-show-border);
}

[control=grid] .grid-container .grid .grid-row.hover .grid-cell {
    cursor: pointer;
    background-color: var(--gridrow-background-hover);
    border-style: var(--gridrow-border-style-hover);
    border-color: var(--gridrow-border-color-hover);
    border-width: var(--gridrow-border-width-hover);
}

    [control=grid] .grid-container .grid .grid-row.hover .grid-cell > *:not(.btn) {
        background-color: transparent;
    }

[control=grid] .grid-container .grid .grid-row.active .grid-cell > *:not([disabled]):not(.btn) {
    background-color: transparent;
}

[control=grid] .grid-container .grid .grid-row.active .grid-cell {
    background-color: var(--gridrow-background-selected);
    border-style: var(--gridrow-border-style-selected);
    border-color: var(--gridrow-border-color-selected);
    border-width: var(--gridrow-border-width-selected);
}

[control=grid].striped .grid-container .grid .grid-body .grid-row:nth-child(odd) .grid-cell {
    background-color: var(--gridrow-background-striped);
}

[control=grid].striped .grid-container .grid .grid-body .grid-row.hover:nth-child(odd) .grid-cell {
    background-color: var(--gridrow-background-hover);
}

[control=grid].striped .grid-container .grid .grid-body [control]:not([disabled]):not([control=button]) {
    background-color: transparent;
}
/*Pager*/
[control=grid] .grid-pager {
    position: relative;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    height: var(--navigation-bar-small-height);
    color: var(--gridpager-foreground);
    background-color: var(--gridpager-background);
    border-style: var(--gridpager-border-style);
    border-color: var(--gridpager-border-color);
    border-width: var(--gridpager-border-width);
    justify-content: center;
}

    [control=grid] .grid-pager > div {
        width: fit-content;
        align-self: center;
        position: absolute;
        color: inherit;
        background-color: inherit;
    }

        [control=grid] .grid-pager > div:hover {
            color: inherit;
            background-color: inherit;
        }

    [control=grid] .grid-pager div[control=select]:not([disabled]):hover {
        color: var(--button-foreground-hover);
        background-color: var(--button-background-hover);
    }

    [control=grid] .grid-pager > div[control="label"] {
        align-self: flex-end;
    }

    [control=grid] .grid-pager .btn {
        padding: 0px 15px;
        margin: 0 1px;
        border: none;
    }

/*Cells*/
[control=grid] .grid .grid-row .grid-cell {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
}

[control=grid].show-borders .grid .grid-body .grid-row .grid-cell {
    border-style: var(--cell-selected-border-style);
    border-color: var(--gridrow-border-color-show-border);
    border-width: var(--gridrow-border-width-show-border);
}


    [control=grid].show-borders .grid .grid-body .grid-row .grid-cell:last-of-type {
        border-width: 0px 1px 1px 1px;
    }

[control=grid].show-borders .grid .grid-header .grid-row .grid-cell {
    border-style: var(--cell-selected-border-style);
    border-color: var(--gridrow-border-color-show-border);
    border-width: 1px 0 1px 1px;
}

    [control=grid].show-borders .grid .grid-header .grid-row .grid-cell:last-of-type {
        border-width: 1px 1px 1px 1px;
    }

[control=grid] .grid .grid-row .grid-cell.stretch {
    flex: 1;
    overflow: hidden;
    min-width: 80px;
}

[control=grid] .grid .grid-row .grid-cell.grid-cell-collapse {
    width: 35px;
}

[control=grid] .grid-cell .grid-cell-resize {
    width: 8px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

    [control=grid] .grid-cell .grid-cell-resize:hover, [control=grid] .grid-cell:hover .grid-cell-resize {
        border-style: solid;
        border-width: 0 1px 0 0;
        border-color: var(--background-splitter-handle-hover);
        cursor: col-resize;
    }

[control=grid] .grid-header .grid-cell {
    cursor: default;
}

    [control=grid] .grid-header .grid-cell.canfilter {
        cursor: pointer;
    }

/*Controls in cells*/
[control="grid"] .grid .grid-cell > [control],
[control="grid"] .grid .grid-cell .control-style-recipient {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-content: center;
}

.grid-batch-update div.control-group {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.grid-batch-update .control-group [control^=input] {
    flex: 1;
    height: var(--control-height);
}

.grid-batch-update .control-group [control="input_richtext"],
.grid-batch-update .control-group [control="input_multiline"] {
    border: none;
    padding-top: 3px;
    display: block;
}

.grid-batch-update .control-group [control=button] {
    width: 25px;
}

[control="grid"]:not([max-row-height=auto]) .grid .grid-cell > [control],
[control="grid"]:not([max-row-height=auto]) .grid .grid-cell .control-style-recipient {
    position: absolute;
}

[control="grid"] .grid-cell-collapse [control="button"] {
    border: none;
}

[control="grid"] .grid [control="label"] {
    font-weight: unset;
}

[control="grid"] .grid .cat-icon {
    display: flex;
    align-items: center;
    font-size: calc(var(--font-size)* var(--icon-font-size-modifier));
}

[control="grid"] .grid .grid-header [control] {
    align-items: center;
}

    [control="grid"] .grid .grid-header [control][icon] {
        justify-content: space-between;
    }

[control="grid"] .grid .grid-header [control=label] > span {
    white-space: initial;
}

[control="grid"] .grid .grid-header div[column-type=DOUBLE] [control=label] > span {
    text-align: right;
}

[control="grid"] .grid-cell .cat-icon {
    justify-content: center;
    height: 100%;
    cursor: not-allowed;
    color: var(--foreground-disabled);
    background-color: var(--background-disabled);
}

/*Grid header popup*/
[popup=grid] {
    width: 250px;
}

    [popup=grid] .searchcontainer {
        height: 150px;
    }

    [popup=grid] .popup-content > * {
        width: 100%;
    }

    [popup=grid] .popup-content > [control] {
        justify-content: left;
        color: var(--button-foreground);
    }

    [popup=grid] .popup-content > [control=button] {
        height: var(--navigation-bar-small-height);
        border: none;
        padding: 0;
    }

    [popup=grid] ul {
        list-style: none;
        padding: 0;
        margin: 0;
        min-width: 200px;
        max-height: 250px;
        overflow-y: auto;
    }

        [popup=grid] ul li {
            cursor: pointer;
            height: var(--control-height);
            display: flex;
            align-items: center;
        }

            [popup=grid] ul li[disabled] {
                cursor: not-allowed;
                color: var(--color-control-disabled);
                background-color: var(--bg-control-disabled);
            }

            [popup=grid] ul li:hover, [popup=grid] ul li.active {
                background-color: var(--bg-row-default-hover);
            }

            [popup=grid] ul li.selected {
                background-color: var(--bg-row-default-selected);
            }

            [popup=grid] ul li .cat-icon {
                display: flex;
                align-items: center;
            }

[popup="grid"] .options [control=checkbox] {
    width: unset;
}

[popup="grid"] .options [control=label], [popup="grid"] .options [control=label] label {
    font-weight: unset;
}

[popup="grid"] .options .not-in-result {
    font-style: italic;
}

    [popup="grid"] .options .not-in-result span {
        width: 100%;
    }


.grid .btn {
    padding: 0 0.6em 0 0.6em;
}

.grid [control^="input"] input {
    field-sizing: fixed;
}


[control=grid_fieldsettings] {
    display: flex;
    flex-direction: column;
    --control-height: 24px;
}

    [control=grid_fieldsettings] .field-label {
        font-weight: bold;
        padding: 0 5px;
        background-color: var(--background-disabled);
    }

    [control=grid_fieldsettings] .list-container {
        width: 100%;
        overflow-y: scroll;
    }

    [control=grid_fieldsettings] .list-toolbar {
        width: 100%;
        display: flex;
        margin-top: 2px;
        padding-right: 8px;
    }

        [control=grid_fieldsettings] .list-toolbar .list-search {
            flex: 1;
            outline: none;
            border: none;
            padding: 0 5px;
        }

    [control=grid_fieldsettings] [control=splitter] {
        padding: 0;
    }

        [control=grid_fieldsettings] [control=splitter] .handle {
            display: none;
        }

    [control=grid_fieldsettings] .list-group {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        [control=grid_fieldsettings] .list-group .list-header {
            font-weight: bold;
            display: flex;
            background-color: #d9d9d9;
            cursor: pointer;
        }

            [control=grid_fieldsettings] .list-group .list-header::before {
                content: 'indeterminate_check_box';
                font-family: var(--font-family-icons);
                font-size: 14px;
                margin: 0 5px;
            }

        [control=grid_fieldsettings] .list-group.collapsed .list-header::before {
            content: 'add_box';
        }

        [control=grid_fieldsettings] .list-group .list-container-items {
            display: flex;
            flex-direction: row;
            padding-left: 20px;
        }

        [control=grid_fieldsettings] .list-group.collapsed .list-container-items {
            display: none;
        }

        [control=grid_fieldsettings] .list-group .list-container-items .list-column-value,
        [control=grid_fieldsettings] .list-group .list-container-items .list-column-label {
            width: 50%;
            display: flex;
            flex-direction: column;
        }

            [control=grid_fieldsettings] .list-group .list-container-items .list-column-value > div,
            [control=grid_fieldsettings] .list-group .list-container-items .list-column-label > div {
                color: black;
                height: 25px;
                overflow: hidden;
                border-bottom: 1px solid darkgray;
            }

                [control=grid_fieldsettings] .list-group .list-container-items .list-column-value > div.changed,
                [control=grid_fieldsettings] .list-group .list-container-items .list-column-label > div.changed {
                    font-weight: bold;
                }

            [control=grid_fieldsettings] .list-group .list-container-items .list-column-label .list-label {
                text-align: left;
                text-overflow: ellipsis;
                padding: 0 5px;
            }

            [control=grid_fieldsettings] .list-group .list-container-items .list-column-label.hidden,
            [control=grid_fieldsettings] .list-group .list-container-items .list-column-value.hidden {
                visibility: hidden;
            }

    [control=grid_fieldsettings] .list-column-value .list-value {
        display: flex;
    }

        [control=grid_fieldsettings] .list-column-value .list-value [control] {
            flex: 1;
        }

    [control=grid_fieldsettings] .btn {
        font-family: var(--font-family-icons);
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }

    [control=grid_fieldsettings] .list-toolbar .btn.active {
        border: 1px solid black;
    }

    [control=grid_fieldsettings] .list-toolbar .btnSearch::before {
        content: '\e8b6';
    }

    [control=grid_fieldsettings] .list-toolbar .btnSearch.active::before {
        content: '\e5cd';
    }

    [control=grid_fieldsettings] .list-toolbar .btnSettings::before {
        content: '\ef48';
    }

    [control=grid_fieldsettings] .list-toolbar .btnChecks::before {
        content: '\e86c';
    }

    [control=grid_fieldsettings] .list-toolbar .btnActions::before {
        content: '\e1c4';
    }

    [control=grid_fieldsettings] .list-toolbar .btnChanges::before {
        content: '\e3c9';
    }

    [control=grid_fieldsettings] .btnMapping::before {
        content: '\e250';
    }

[control^="input"] {
    cursor: text;
    color: var(--input-foreground);
    border-width: var(--input-border-width);
    border-style: var(--input-border-style);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    font-family: var(--font-family);
    white-space: nowrap;
}

    [control^="input"][icon].icon-small:not(.bc-comment)::before {
        position: absolute;
        content: attr(icon) / "";
        left: 0;
        top: -3px;
        font-size: 14px;
        font-family: var(--font-family-icons);
    }

    [control^="input"][icon]:not(.bc-comment)::before {
        content: attr(icon) / "";
        font-size: var(--icon-font-size);
        font-family: var(--font-family-icons);
        margin-top: 1px;
    }

    [control^="input"] input {
        color: inherit;
        background-color: transparent;
        border: none;
        outline: none;
        height: 100%;
        width: 100%;
        padding: 0;
        text-align: inherit;
        field-sizing: content;
    }

    [control^="input"][icon].icon-small.bc-comment::after, [control^="input"].catstyle_-30::after {
        position: absolute;
        content: attr(icon) / "";
        color: red;
        right: -10px;
        top: -8px;
        font-size: 23px;
        font-family: var(--font-family-icons);
        transform: rotate(-45deg);
    }

[control="grid"] [control="input"] {
    padding-left: calc(10px * var(--level) + 5px);
}

[control^="input"] > input::placeholder, [control^="select"]:empty:before {
    content: attr(placeholder);
    opacity: 0.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
    width: 100%;
    color: inherit;
}

[control^="input"] > span {
    white-space: inherit;
    text-overflow: ellipsis;
}


[popup^=input_] .popup-content {
    overflow: hidden;
}

[control*="_spinner"] span {
    flex: 1;
    text-align-last: center;
}

/*Pending*/
div[control*="input"].pending::after {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    width: 11px;
    height: 21px;
    position: absolute;
    left: 5px;
    margin-top: 2px;
}

div[control="input"].pending::after {
    left: unset;
    right: 5px;
}

/*Spinner controls*/
[control*="_spinner"] {
    padding: 0px;
    cursor: pointer;
}

    [control*="_spinner"] .text {
        flex: 1;
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
    }

    [control*="_spinner"] span {
        padding: 0px 5px;
    }

[control="input_datetime"] [control="input"] {
    border: none;
    color: inherit;
    justify-content: inherit;
    text-align: right;
    background: transparent;
}

[control="input_datetime"][disabled] .btn {
    display: none;
}

[popup="input_datetime"] .popup-content {
    min-width: 300px;
}

[popup^="input_datetime"] .tempus-dominus-widget,
[popup^="input_datetime"] .tempus-dominus-widget:focus,
[popup^="input_datetime"] .tempus-dominus-widget:active,
[popup^="input_datetime"] .tempus-dominus-widget:focus-visible,
[popup^="input_datetime"] .tempus-dominus-widget.calendarWeeks {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
}

    [popup^="input_datetime"] .tempus-dominus-widget :focus {
        box-shadow: none;
    }

    [popup^="input_datetime"] .tempus-dominus-widget .time-container-clock div:not(.no-highlight),
    [popup^="input_datetime"] .tempus-dominus-widget .date-container-days div:not(.no-highlight),
    [popup^="input_datetime"] .tempus-dominus-widget .date-container-months div:not(.no-highlight),
    [popup^="input_datetime"] .tempus-dominus-widget .date-container-years div:not(.no-highlight),
    [popup^="input_datetime"] .tempus-dominus-widget .date-container-decades div:not(.no-highlight),
    [popup^="input_datetime"] .calendar-header div.next,
    [popup^="input_datetime"] .calendar-header div.previous,
    [popup^="input_datetime"] .calendar-header div.picker-switch,
    [popup^="input_datetime"] .tempus-dominus-widget .toolbar div {
        cursor: pointer;
        display: flex;
        color: var(--toolbar-foreground);
        background-color: var(--toolbar-background);
        z-index: 1;
        justify-content: center;
    }

        [popup^="input_datetime"] .tempus-dominus-widget .time-container-clock div:not(.no-highlight):hover,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-days div:not(.no-highlight):hover,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-months div:not(.no-highlight):hover,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-years div:not(.no-highlight):hover,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-decades div:not(.no-highlight):hover,
        [popup^="input_datetime"] .calendar-header div.next:hover,
        [popup^="input_datetime"] .calendar-header div.previous:hover,
        [popup^="input_datetime"] .calendar-header div.picker-switch:hover,
        [popup^="input_datetime"] .tempus-dominus-widget .toolbar div:hover {
            color: var(--toolbar-foreground-hover);
            background-color: var(--toolbar-background-hover);
        }

        [popup^="input_datetime"] .tempus-dominus-widget .time-container-clock div:not(.no-highlight):active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-days div:not(.no-highlight):active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-months div:not(.no-highlight):active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-years div:not(.no-highlight):active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-decades div:not(.no-highlight):active,
        [popup^="input_datetime"] .calendar-header div.next:active,
        [popup^="input_datetime"] .calendar-header div.previous:active,
        [popup^="input_datetime"] .calendar-header div.picker-switch:active,
        [popup^="input_datetime"] .tempus-dominus-widget .toolbar div:active {
            color: var(--toolbar-foreground-hover);
            background-color: var(--toolbar-background-hover);
        }

        [popup^="input_datetime"] .tempus-dominus-widget .date-container-days div:not(.no-highlight).active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-months div:not(.no-highlight).active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-years div:not(.no-highlight).active,
        [popup^="input_datetime"] .tempus-dominus-widget .date-container-decades div:not(.no-highlight).active {
            color: var(--toolbar-foreground-hover);
            background-color: var(--toolbar-background-hover);
        }

[popup^="input_datetime"] .material-icons.time::after {
    content: '\e8b5';
}

[popup^="input_datetime"] .material-icons.date::after {
    content: '\e935';
}

[popup^="input_datetime"] .material-icons.up::after {
    content: '\e5ce';
}

[popup^="input_datetime"] .material-icons.down::after {
    content: '\e5cf';
}

[popup^="input_datetime"] .material-icons.previous::after {
    content: '\e5cb';
}

[popup^="input_datetime"] .material-icons.next::after {
    content: '\e5cc';
}

[popup^="input_datetime"] .material-icons.today::after {
    content: '\e8df';
}

div [control="input_datetime"] {
    justify-content: flex-end;
    text-align: right;
}

    div [control="input_datetime"].left-aligned [control=input] {
        justify-content: left;
    }


[popup="input_datetime_spinner"] {
    min-width: 300px;
}

div[control="input_datetime_spinner"].pending::after {
    left: unset;
    right: 5px;
    bottom: 3px;
}
[control="input_filter"] [control="input"] {
    flex: 1;
}

.control-group > [control="input_filter"] {
    padding: 0;
    height: 100%;
}

    .control-group > [control="input_filter"] [control="input"] {
        border: none;
    }


[control="input_hyperlink"] {
    cursor: default;
}

    [control="input_hyperlink"] a {
        cursor: pointer;
    }

    [control="input_hyperlink"][disabled] {
        cursor: pointer;
    }

[popup="input_hyperlink"] input,
[popup="input_hyperlink"] input:focus,
[popup="input_hyperlink"] input:active,
[popup="input_hyperlink"] input:focus-visible {
    border: none;
    outline: none;
}

[control="input_hyperlink"] [control="button"] {
    display: none;
}

[control="input_hyperlink"] .text {
    flex: 1;
    color: var(--hyperlink-foreground);
    text-decoration: var(--hyperlink-text-decoration);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

[control="input_hyperlink"]:hover .text {
    text-decoration: underline;
}

[control="input_hyperlink"][value=""] .btn-copy {
    display: none;
}

[control="input_hyperlink"][value] .btn-copy {
    display: flex;
}

[control="input_hyperlink"][token]:not([disabled]):not([value]) .btn-edit {
    display: flex;
}

[control="input_hyperlink"][token]:not([disabled]):hover .btn-edit,
[control="input_hyperlink"][value]:hover .btn-copy {
    display: flex;
}

div[control="input_hyperlink"].pending::after {
    content: unset;
}

[control="input_hyperlink"] > .text:empty:after {
    content: attr(placeholder);
    opacity: 0.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
    width: 100%;
}

[control="input_hyperlink"] .control-toolbar{
    margin-right: 5px;
}


div [control="input_numeric"] {
    justify-content: flex-end;
    text-align: right;
}


div[control="input_numeric_slider"] {
    display: block;
    cursor: default;
}

    div[control="input_numeric_slider"]:hover {
        overflow: visible;
    }

    div[control="input_numeric_slider"] .rangeSlider .rangeHandle .rangeNub {
        cursor: ew-resize;
        border-width: 1px;
        border-style: var(--input-border-style);
        border-color: var(--input-border-color);
        background-color: var(--button-background);
    }

        div[control="input_numeric_slider"] .rangeSlider .rangeHandle .rangeNub:hover {
            background-color: var(--button-background-hover);
        }

        div[control="input_numeric_slider"] .rangeSlider .rangeHandle .rangeNub:active,
        div[control="input_numeric_slider"] .rangeSlider .rangeHandle.active .rangeNub {
            background-color: var(--button-background-hover);
        }

    div[control="input_numeric_slider"] .rangeSlider {
        background-color: var(--button-background-disabled);
    }

        div[control="input_numeric_slider"] .rangeSlider .rangeHandle {
            top: 3px;
            width: 12px;
        }

    div[control="input_numeric_slider"] .rangePips {
        width: 100%;
    }

        div[control="input_numeric_slider"] .rangePips .pip {
            color: var(--foreground);
            background-color: transparent;
            position: absolute;
            margin-left: -7px;
            top: 12px;
        }

            div[control="input_numeric_slider"] .rangePips .pip.selected {
                font-weight: bold;
            }

    div[control="input_numeric_slider"] .rangeSlider.pip-labels {
        margin-top: 11px;
    }

    div[control="input_numeric_slider"].pending::after {
        left: unset;
        right: 5px;
        bottom: 3px;
    }

.rangeSlider {
    --slider: var(--range-slider, #d7dada);
    --handle-inactive: var(--range-handle-inactive, #99a2a2);
    --handle: var(--range-handle, #838de7);
    --handle-focus: var(--range-handle-focus, #4a40d4);
    --handle-border: var(--range-handle-border, var(--handle));
    --range-inactive: var(--range-range-inactive, var(--handle-inactive));
    --range: var(--range-range, var(--handle-focus));
    --float-inactive: var(--range-float-inactive, var(--handle-inactive));
    --float: var(--range-float, var(--handle-focus));
    --float-text: var(--range-float-text, white)
}

.rangeSlider {
    position: relative;
    border-radius: 100px;
    height: 0.5em;
    margin: 1em;
    transition: opacity 0.2s ease;
    user-select: none
}

    .rangeSlider * {
        user-select: none
    }

    .rangeSlider.pips {
        margin-bottom: 1.8em
    }

    .rangeSlider.pip-labels {
        margin-bottom: 2.8em
    }

    .rangeSlider.vertical {
        display: inline-block;
        border-radius: 100px;
        width: 0.5em;
        min-height: 200px
    }

        .rangeSlider.vertical.pips {
            margin-right: 1.8em;
            margin-bottom: 1em
        }

        .rangeSlider.vertical.pip-labels {
            margin-right: 2.8em;
            margin-bottom: 1em
        }

    .rangeSlider .rangeHandle {
        position: absolute;
        display: block;
        height: 1.4em;
        width: 1.4em;
        top: 0.25em;
        bottom: auto;
        transform: translateY(-50%) translateX(-50%);
        z-index: 2
    }

    .rangeSlider.reversed .rangeHandle {
        transform: translateY(-50%) translateX(50%)
    }

    .rangeSlider.vertical .rangeHandle {
        left: 0.25em;
        top: auto;
        transform: translateY(50%) translateX(-50%)
    }

    .rangeSlider.vertical.reversed .rangeHandle {
        transform: translateY(-50%) translateX(-50%)
    }

    .rangeSlider .rangeNub, .rangeSlider .rangeHandle:before {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        border-radius: 10em;
        height: 100%;
        width: 100%;
        transition: box-shadow 0.2s ease
    }

    .rangeSlider .rangeHandle:before {
        content: \"\";
        left: 1px;
        top: 1px;
        bottom: 1px;
        right: 1px;
        height: auto;
        width: auto;
        box-shadow: 0 0 0 0px var(--handle-border);
        opacity: 0
    }

    .rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before {
        box-shadow: 0 0 0 8px var(--handle-border);
        opacity: 0.2
    }

    .rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before, .rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before {
        box-shadow: 0 0 0 12px var(--handle-border);
        opacity: 0.4
    }

    .rangeSlider.range:not(.min):not(.max) .rangeNub {
        border-radius: 10em 10em 10em 1.6em
    }

    .rangeSlider.range .rangeHandle:nth-of-type(1) .rangeNub {
        transform: rotate(-135deg)
    }

    .rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub {
        transform: rotate(45deg)
    }

    .rangeSlider.range.reversed .rangeHandle:nth-of-type(1) .rangeNub {
        transform: rotate(45deg)
    }

    .rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub {
        transform: rotate(-135deg)
    }

    .rangeSlider.range.vertical .rangeHandle:nth-of-type(1) .rangeNub {
        transform: rotate(135deg)
    }

    .rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub {
        transform: rotate(-45deg)
    }

    .rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(1) .rangeNub {
        transform: rotate(-45deg)
    }

    .rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub {
        transform: rotate(135deg)
    }

    .rangeSlider .rangeFloat {
        display: block;
        position: absolute;
        left: 50%;
        top: -0.5em;
        transform: translate(-50%, -100%);
        font-size: 1em;
        text-align: center;
        opacity: 0;
        pointer-events: none;
        white-space: nowrap;
        transition: all 0.2s ease;
        font-size: 0.9em;
        padding: 0.2em 0.4em;
        border-radius: 0.2em
    }

    .rangeSlider .rangeHandle.active .rangeFloat, .rangeSlider.hoverable .rangeHandle:hover .rangeFloat {
        opacity: 1;
        top: -0.2em;
        transform: translate(-50%, -100%)
    }

    .rangeSlider .rangeBar {
        position: absolute;
        display: block;
        transition: background 0.2s ease;
        border-radius: 1em;
        height: 0.5em;
        top: 0;
        user-select: none;
        z-index: 1
    }

    .rangeSlider.vertical .rangeBar {
        width: 0.5em;
        height: auto
    }

.rangeSlider {
    background-color: #d7dada;
    background-color: var(--slider)
}

    .rangeSlider .rangeBar {
        background-color: #99a2a2;
        background-color: var(--range-inactive)
    }

    .rangeSlider.focus .rangeBar {
        background-color: #838de7;
        background-color: var(--range)
    }

    .rangeSlider .rangeNub {
        background-color: #99a2a2;
        background-color: var(--handle-inactive)
    }

    .rangeSlider.focus .rangeNub {
        background-color: #838de7;
        background-color: var(--handle)
    }

    .rangeSlider .rangeHandle.active .rangeNub {
        background-color: #4a40d4;
        background-color: var(--handle-focus)
    }

    .rangeSlider .rangeFloat {
        color: white;
        color: var(--float-text);
        background-color: #99a2a2;
        background-color: var(--float-inactive)
    }

    .rangeSlider.focus .rangeFloat {
        background-color: #4a40d4;
        background-color: var(--float)
    }

    .rangeSlider.disabled {
        opacity: 0.5
    }

        .rangeSlider.disabled .rangeNub {
            background-color: #d7dada;
            background-color: var(--slider)
        }

[control="input_numeric_spinner"].pending::after {
    left: unset;
    right: 5px;
    bottom: 3px;
}

[control="input_numeric_spinner"] .text{
    cursor: default;
}
[control=input_timer] {
    justify-content: flex-end;
    flex-direction: row-reverse;
}

    [control=input_timer]:not([disabled]) > .text {
        flex: 1;
        text-align: right;
    }

[control=input_timer][disabled] {
    justify-content: flex-start;
}


[control="input_markup"] {
    cursor: default;
    display: flex;
    flex-direction: column;
    padding: 0;
    font-size: 110%;
}

    [control="input_markup"] .control-toolbar {
        width: 100%;
        height: var(--navigation-bar-small-height);
    }
        [control="input_markup"] .control-toolbar [control="button"] {
            height: var(--navigation-bar-small-height);
            width: var(--navigation-bar-small-height);
            border-width: 0;
        }

    [control="input_markup"] .cm-editor {
        font-weight: bold;
        width: 100%;
        height: calc(100% - 45px);
        cursor: text;
    }

        [control="input_markup"] .cm-editor.cm-focused {
            outline: none;
        }

        [control="input_markup"] .cm-editor .cm-foldGutter .cm-gutterElement span {
            font-family: var(--font-family-icons);
            font-size: 18px;
            line-height: 20px;
        }

    [control="input_markup"] span {
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }

    [control="input_markup"][mode="inline"] {
        justify-content: center;
    }

        [control="input_markup"][mode="inline"] .cm-editor {
            height: unset;
        }

div[control="input_markup"].pending::after {
    left: unset;
    right: 5px;
    bottom: 0px;
}

[control="input_multiline"]:empty:after {
    content: attr(placeholder);
    opacity: 0.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
    width: 100%;
    color: inherit;
}

[control="input_multiline"] {
    color: var(--input-foreground);
    border-width: var(--input-border-width);
    border-style: var(--input-border-style);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    min-height: var(--control-height);
    height: 100%;
    white-space: initial;
    text-overflow: ellipsis;
    overflow: hidden;
}

div[control="input_multiline"] > div {
    white-space: pre-wrap;
    overflow: auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

[control=input_multiline]:not([disabled]):not(.popup-open)::before {
    content: "signal_cellular_4_bar";
    font-family: var(--font-family-icons);
    position: absolute;
    right: 1px;
    bottom: 1px;
    font-size: 8px;
    font-weight: bold;
    opacity: 0.4;
    line-height: 1;
}

[popup="input_multiline"] > div {
    white-space: pre-wrap;
}

[popup="input_multiline"] .popup-content {
    max-height: 90vh;
    overflow: hidden;
}

div[control="input_multiline"].pending::after {
    left: unset;
    right: 5px;
    bottom: 0px;
}

[popup="input_multiline"] textarea:empty:after {
    content: attr(placeholder);
    opacity: 0.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
    width: 100%;
}

[control="grid"] [control="input_multiline"]::-webkit-scrollbar {
    display: none;
}

[control="grid"] [control="input_multiline"]::-webkit-scrollbar-track {
    background-color: transparent;
}

[control="grid"] [control="input_multiline"]::-webkit-scrollbar-thumb {
    background-color: transparent;
}

[control="grid"] [control="input_multiline"]:hover::-webkit-scrollbar {
    display: initial;
}

[control="grid"] [control="input_multiline"]:hover::-webkit-scrollbar-track {
    background-color: var(--scrollbar-background);
}

[control="grid"] [control="input_multiline"]:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-background-thumb);
}

[popup="input_multiline"] {
    max-height: 90vh;
    max-width: 90vw;
}

    [popup="input_multiline"] textarea, [popup="input_multiline"] .textarea-disabled {
        padding: 0 5px;
        border: none;
        outline: none;
        display: block;
        width: 100%;
        height: 100%;
        font-family: var(--font-family);
        font-size: var(--font-size);
        resize: none;
    }

    [popup="input_multiline"] .textarea-disabled {
        overflow: auto;
    }


[control="input_richtext"] {
    display: block;
    border-width: var(--input-border-width);
    min-height: var(--control-height);
    height: 100%;
    white-space: initial;
    text-overflow: ellipsis;
    overflow: hidden;
}


    [control="input_richtext"]:empty:after {
        content: attr(placeholder);
        opacity: 0.5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none !important;
        width: 100%;
        color: inherit;
    }

    [control="input_richtext"]:hover {
        overflow: auto;
    }

/*Toolbar*/
[popup="input_richtext"] .ql-toolbar.ql-snow .ql-formats {
    margin-right: 8px;
}

[popup="input_richtext"] .ql-snow .ql-picker.ql-size {
    width: 55px;
}

    [popup="input_richtext"] .ql-snow .ql-picker.ql-size .ql-picker-label::before,
    [popup="input_richtext"] .ql-snow .ql-picker.ql-size .ql-picker-item::before {
        content: attr(data-value)
    }

[control="grid"] [control="input_richtext"]::-webkit-scrollbar {
    display: none;
}

[control="grid"] [control="input_richtext"]::-webkit-scrollbar-track {
    background-color: transparent;
}

[control="grid"] [control="input_richtext"]::-webkit-scrollbar-thumb {
    background-color: transparent;
}


[control="grid"] [control="input_richtext"]:hover::-webkit-scrollbar {
    display: initial;
}

[control="grid"] [control="input_richtext"]:hover::-webkit-scrollbar-track {
    background-color: var(--scrollbar-background);
}

[control="grid"] [control="input_richtext"]:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-background-thumb);
}

[popup="input_richtext"] {
    min-width: 400px;
    min-height: 250px;
    max-height: 90vh;
    max-width: 90vw;
}

[popup="input_richtext"] {
    resize: both;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

    [popup="input_richtext"] textarea {
        padding: 0 5px;
        border: none;
        outline: none;
        display: block;
        width: 100%;
        height: 100%;
    }

    [control="input_richtext"] div,
    [popup="input_richtext"] .ql-editor div,
    [control="input_richtext"] p,
    [popup="input_richtext"] .ql-editor p {
        margin-bottom: 0px;
        white-space: normal;
    }

div[control="input_richtext"].pending::after,
div[control="input_markup"].pending::after {
    left: unset;
    right: 5px;
    bottom: 0px;
}

/*Quill css overrides*/
.ql-editor {
    padding: 0 5px;
    line-height: 22px;
}

    .ql-editor.ql-blank::before {
        left: 5px;
    }

.ql-container {
    font-family: var(--font-family);
    font-size: var(--font-size);
    color: var(--input-foreground);
    width: 100%;
    flex: 1;
    overflow: auto;
}

.ql-toolbar.ql-snow {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
}

.ql-container.ql-snow {
    border: none;
    font-family: var(--font-family);
    font-size: var(--font-size);
}

.ql-editor ol > li {
    list-style: decimal;
}
    .ql-editor ol > li[data-list=bullet] {
        list-style: disc;
        margin-left: 5px;
        padding-left: 4px;
    }

    .ql-editor ol > li::before {
        content: '';
    }

[control="input_richtext"] p:empty::after {
    content: '\00a0 ';
}
[control=label] {
    color: var(--control-label-foreground);
    font-size: var(--font-size);
    font-weight: bold;
    border-bottom-color: transparent;
    justify-content: inherit;
    white-space: nowrap;
}

    [control=label] span {
        white-space: inherit;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 0px;
    }

    [control=label][icon][value=""] {
        justify-content: center;
    }

    [control=label][icon]::before {
        content: attr(icon) / "";
        margin-right: 0.2em;
        font-weight: normal;
        font-family: var(--font-family-icons);
        font-size: calc(var(--font-size)* var(--icon-font-size-modifier));
        text-transform: none;
    }

.cat-control-container .control-label + [control=label] {
    color: var(--input-foreground);
    border-width: var(--input-border-width);
    border-style: var(--input-border-style);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    font-family: var(--font-family);
}

[control=grid] [control=label][icon]::before {
    font-family: var(--font-family-icons);
    content: attr(icon) / "";
    text-transform: none;
}

[control=label][icon].rotate180::before {
    transform: rotate(180deg);
}

[control=label].control-label {
    height: auto;
    cursor: default;
}

[control=label][icon]:not([value]) {
    justify-content: center;
}

.show-linebreak [control], .show-linebreak-control [control]:not([control=label]), .show-linebreak-label [control=label] {
    white-space: initial;
}

[icon-position=left] [control=label][icon] {
    flex-direction: row;
}

[icon-position=right] [control=label][icon] {
    flex-direction: row-reverse;
}


[label-position=top].cat-control-container,
[label-position=top] .cat-control-container {
    flex-direction: column;
}

[label-position=left].cat-control-container,
[label-position=left] .cat-control-container {
    flex-direction: row;
}

[label-position=right].cat-control-container,
[label-position=right] .cat-control-container {
    flex-direction: row-reverse;
}

[label-position=bottom].cat-control-container,
[label-position=bottom] .cat-control-container {
    flex-direction: column-reverse;
}

.control-label {
    font-weight: bold;
    text-transform: uppercase;
}


[popup^="menu"] [control] ~ [control=label_badge],
[control^="menu"] [control] ~ [control=label_badge] {
    z-index: 1;
    margin: 0;
    justify-content: center;
    align-self: center;
    width: fit-content;
    height: fit-content;
    min-width: unset;
    min-height: unset;
    border-radius: 15px !important;
    pointer-events: none;
}

    [control^="menu"] [control] ~ [control=label_badge][icon]::after {
        font-family: var(--font-family-icons);
        content: attr(icon) / "";
        text-transform: none;
        color: #FFD700;
        margin-right: -5px;
    }


    [popup^="menu"] [control] ~ [control=label_badge] span,
    [control^="menu"] [control] ~ [control=label_badge] span {
        position: relative;
        top: -0.25px;
    }
    .blink_5::after {
    animation: blinker 1s linear 5;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


[control^="menu"] {
    padding: 0;
    border: none;
    height: var(--navigation-bar-height);
    --icon-font-size-modifier: 1.7;
    --icon-font-size: calc(var(--font-size) * var(--icon-font-size-modifier));
    color: var(--toolbar-foreground);
    background-color: var(--toolbar-background);
}

    [control^="menu"] > ul {
        display: flex;
        align-items: center;
        flex-direction: row;
        height: 100%;
        list-style: none;
        border: none;
        flex: 1;
     margin-block-start: unset; 
     margin-block-end: unset; 
     margin-inline-start: unset; 
     margin-inline-end: unset; 
     padding-inline-start: unset; 

    }

        [popup^="menu"] ul ul,
        [control^="menu"] > ul ul {
            display: none;
        }

    [control^="menu"] li {
        padding: 0 2px;
    }

    [popup^="menu"] ul > li,
    [control^="menu"] ul > li {
        height: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    [control^="menu"] li, [popup^="menu"] li {
        padding-left: calc(10px * var(--level) + 5px);
    }

    /*For now, dividers in top level menues are disabled until we know if we want them or not*/
    [control^="menu"] .divider {
        display: none;
        /*width: 1px;
        min-width: unset;
        height: 100%;
        background-color: var(--background-splitter);
        overflow: hidden;
        padding: 0;*/
    }

    /*Control in toolbar*/
    [popup^="menu"] [control],
    [control^="menu"] [control] {
        width: unset;
        border: none;
        min-width: 32px;
    }

        [popup^="menu"] [control]:not([control=label_badge]),
        [control^="menu"] [control]:not([control=label_badge]) {
            color: inherit;
            font-weight: inherit;
            background-color: transparent;
        }

    [popup^="menu"] [control=label],
    [control^="menu"] [control=label] {
        text-transform: none;
    }

[popup^="menu"] [control] {
    width: 100%;
    justify-content: left;
    min-height: var(--navigation-bar-small-height);
    padding: 0 5px;
}

[popup^="menu"] [control="button"][icon]::before {
    margin: 0px;
    margin-right: 0.2em;
}

[control^="menu"] [control="button"].pending::before {
    content: attr(icon) / "" !important;
    transform: revert;
    animation: revert;
    line-height: var(--control-height);
    padding: revert;
}

[popup^="menu"] li.active [control],
[control^="menu"] li.active [control],
[popup^="menu"] li.active [control]:not([disabled]),
[control^="menu"] li.active [control]:not([disabled]) {
    color: inherit;
    font-weight: inherit;
    background-color: inherit;
}

[popup^="menu"] [control] ~ .focusindicator,
[control^="menu"] [control] ~ .focusindicator {
    display: none;
}

/*Elements fixed on right*/
[control="menu"] li.pull-right {
    position: absolute !important;
    z-index: 1;
    background-color: var(--toolbar-background);
    right: 0px;
}

/*Menu Selector*/
[control^="menu"] .menu-selector {
    position: absolute;
    z-index: 2;
    background-color: var(--tabbar-background);
    flex: 0;
    height: var(--navigation-bar-height);
    right: 0px;
}

    [control^="menu"] .menu-selector .menu-selector-item.group [control=label] {
        padding: 0px;
    }

        [control^="menu"] .menu-selector .menu-selector-item.group [control=label]::after {
            content: '';
        }

/*Expand arrow in dropdown*/
[control^="menu"] ul > li.group > [control] {
    padding: 0px 20px 0 10px;
}

[control^="menu"] ul > li.group [control]::after {
    font-family: var(--font-family-icons);
    font-size: var(--icon-font-size);
    content: "arrow_drop_down";
    text-transform: none;
    position: absolute;
    right: 0;
    width: 20px;
    top: 0;
    bottom: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

[control^="menu"] ul > li.group.popup-open [control]::after,
[control^="menu"] ul > li.group.popup-open > [control]::after,
[control^="menu"] ul > li.group.popup-open > [control]::after,
[control^="menu"] ul.menu-selector > li.popup-open > [control]::before {
    transform: rotate(180deg);
}

[popup^="menu"] li.group::after,
[popup^="menu"] div[control*="select"]::after {
    content: "\e5c5" / "";
    font-family: var(--font-family-icons);
    font-size: var(--icon-font-size);
    margin: 0 5px 0 5px;
    line-height: var(--control-height);
    text-transform: none;
    transform: rotate(-90deg);
}

[popup^="menu"] li.group.open::after,
[popup^="menu"] div[control*="select"].popup-open::after {
    transform: rotate(90deg);
}

/*States*/
[popup^="menu"] li,
[control^="menu"] li {
    background-color: var(--toolbar-background);
}

[popup^="menu"] li,
[control^="menu"] li {
    color: var(--toolbar-foreground);
}

    [control^="menu"] li.no-hover {
        pointer-events: none;
    }

    [popup^="menu"] li:hover:not(.no-hover),
    [control^="menu"] li:hover:not(.no-hover),
    [popup^="menu"] li.active:not(.no-hover),
    [control^="menu"] li.active:not(.no-hover) {
        color: var(--toolbar-foreground-hover);
        background-color: var(--toolbar-background-hover);
    }

    [popup^="menu"] li.selected,
    [control^="menu"] li.selected {
        color: var(--toolbar-foreground-selected);
        background-color: var(--toolbar-background-selected);
    }

[popup^="menu"] li.selected,
[control^="menu"] li.selected {
    color: var(--toolbar-foreground-selected);
    background-color: var(--toolbar-background-selected);
}

/*Menu popup*/
[popup^="menu"] {
    --icon-font-size-modifier: 1.7;
    --icon-font-size: calc(var(--font-size) * var(--icon-font-size-modifier));
    min-width: 250px;
    max-width: 350px;
}

    [popup^="menu"] ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        [popup^="menu"] ul.break-items {
            display: grid;
            gap: 5px;
            grid-auto-flow: column;
            overflow: hidden;
        }

    [popup^="menu"] .menu-selector ul.break-items {
        display: grid;
        gap: 5px;
        grid-auto-flow: dense;
        overflow: hidden;
    }

[popup^="menu"] li {
    display: flex;
    width: 100%;
    align-items: center;
    border: none;
    list-style: none;
    flex: 1 0 auto;
}

        [popup^="menu"] li.hide {
            display: none;
        }

        [popup^="menu"] li.has-badge {
            padding-right: 5px;
        }

        /*Group header*/
        [popup^="menu"] li.group-header {
            font-weight: bold;
            pointer-events: none;
            padding-top: 10px;
            padding-bottom: 5px;
        }

            [popup^="menu"] li.group-header [control] {
                width: 100%;
                height: unset;
                min-height: unset;
            }

            [popup^="menu"] li.group-header ~ li:not(.group-header) [control]:first-child {
                padding-left: 20px;
                padding-right: 20px;
            }

    /*Submenus*/
    [popup^="menu"] .popup-content {
        overflow-y: auto;
        padding: 0;
    }

        [popup^="menu"] .popup-content.submenu {
            position: absolute;
            height: auto;
            width: auto;
            z-index: 1;
            overflow-y: auto;
            min-width: 250px;
            max-width: 350px;
        }

    /*Menu item with description/Icon*/
    [popup^="menu"] li > .control-group {
        padding: 7px 0;
    }

    [popup^="menu"] li > .control-group {
        display: grid !important;
    }

        [popup^="menu"] li > .control-group.menu.has-icon {
            grid-template-columns: 35px calc(100% - 35px);
        }

        [popup^="menu"] li > .control-group.menu > [control=label][icon]:first-child {
            grid-area: 1 / 1 / 3 / 2;
            height: 100%;
            justify-content: flex-start;
        }

        [popup^="menu"] li > .control-group.menu.has-icon > .group,
        [popup^="menu"] li > .control-group.menu.has-icon > [control=button] {
            grid-column: 2;
            padding-left: 0px;
        }

        [popup^="menu"] li > .control-group.menu > .group,
        [popup^="menu"] li > .control-group.menu > [control=button] {
            min-height: unset;
            height: 100%;
        }

        [popup^="menu"] li > .control-group.menu > [control=label].description {
            height: auto;
            opacity: 0.5;
            min-height: unset;
            white-space: break-spaces;
            font-size: 98%;
        }

        [popup^="menu"] li > .control-group.menu.has-icon > [control=label].description {
            grid-column: 2;
            padding-left: 0px;
        }

    [popup^="menu"] li .cat-icon {
        width: 100%;
        height: 100%;
        justify-content: center;
        display: flex;
        align-items: center;
        padding-left: 7px;
    }

    [popup^="menu"] li [control="button"][pretext]:not([icon])::before {
        content: attr(pretext);
        margin-right: 0.2em;
        line-height: var(--control-height);
        text-transform: none;
        width: var(--icon-font-size);
        display: flex;
        /*justify-content: center;*/
    }

.tab-active-bar {
    position: absolute;
    bottom: 0;
    width: 0px;
    height: 3px;
    background: var(--accent-color);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 5;
}

[popup=menu_tabs] {
    max-width: max-content;
}

[control=menu_tabs] [control=label][icon]::before, [control=menu_tabs] [control="button"][icon]::before {
    --icon-font-size-modifier: 1.5;
}

[control=menu_tabs] [control="button"]::after {
    line-height: initial;
}

[control=menu_tabs] [icon-position=top] [control="button"][icon],
[control=menu_tabs] [icon-position=top] [control="label"][icon] {
    flex-direction: column;
    height: 100%
}

    [control=menu_tabs] [icon-position=top] [control="button"][icon]::after,
    [control=menu_tabs] [icon-position=top] [control="label"][icon]::after {
        position: relative;
        top: -5px;
    }

[control=menu_tabs] [icon-position=bottom] [control="button"][icon],
[control=menu_tabs] [icon-position=bottom] [control="label"][icon] {
    flex-direction: column-reverse;
    height: 100%
}

[control=menu_tabs] [icon-position=left] [control="button"][icon],
[control=menu_tabs] [icon-position=left] [control="label"][icon] {
    flex-direction: row;
}

[control=menu_tabs] [icon-position=right] [control="button"][icon],
[control=menu_tabs] [icon-position=right] [control="label"][icon] {
    flex-direction: row-reverse;
    column-gap: 5px;
}


[popup=menu_tabs] [control="button"][icon]::before {
    margin: unset;
    margin-right: 0.2em;
}

[control=menu_tabs] [role=tablist] {
    overflow-x: auto;
    overflow-y: hidden;
    --scrollbar-width-webkit: 0px;
}

[popup] {
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: center;
    z-index: 3;
}

    [popup] .ui-menu:not(.options) {
        background-color: var(--popup-background);
        border-style: var(--popup-border-style);
        border-color: var(--popup-border-color);
        border-width: var(--popup-border-width);
        overflow-x: unset;
    }


    [popup] .popup-content {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: var(--popup-background);
        box-shadow: var(--popup-shadow);
        border-style: var(--popup-border-style);
        border-color: var(--popup-border-color);
        border-width: var(--popup-border-width);
        align-items: center;
    }

    [popup] .control-group {
        display: flex;
        width: 100%;
        align-items: center;
        min-height: var(--navigation-bar-small-height);
    }

    [popup] .search {
        height: var(--navigation-bar-small-height);
        margin: 0;
        padding: 0 5px;
        border: none;
        outline: none;
        width: 100%;
        border:none;
    }

    [popup] .divider {
        height: 1px;
        min-height: unset;
        width: 100%;
        background-color: var(--background-splitter);
        overflow: hidden;
    }

        /*Default Contextmenu*/
    [popup].contextmenu {
        min-width: unset;
        min-height: unset;
        background-color: white;
        max-width: 250px;
    }

        [popup].contextmenu > .popup-content > ul {
            position: relative;
            top: 0;
            display: block;
            padding: 0;
            margin: 0;
            border: none;
            width: 100%;
            --icon-font-size: 24px;
            overflow: auto;
            max-height: 550px;
        }

            [popup].contextmenu > .popup-content > ul > li > ul {
                display: none;
            }

        [popup].contextmenu li:not(.divider) {
            margin: 0;
            padding: 10px 5px;
            height: unset;
            min-height: var(--navigation-bar-small-height);
            display: flex;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            cursor: pointer;
        }

        [popup].contextmenu div[control="button"]::after {
            white-space: break-spaces;
        }

        [popup].contextmenu li:hover {
            background-color: #f5f5f5;
        }

        [popup].contextmenu li a {
            padding: 0px;
            height: 100%;
            display: flex;
            align-items: center;
        }

        [popup].contextmenu [control=label] {
            font-weight: unset;
        }

            [popup].contextmenu [control=label][icon]::before {
                font-size: var(--icon-font-size);
                margin: 0 5px;
            }

        [popup].contextmenu ul {
            padding: 0px;
        }

        [popup].contextmenu li [control=button],
        [popup].contextmenu li [control=label] {
            border: none !important;
            justify-content: flex-start;
            height: 100%;
            padding: 0px;
            color: var(--button-foreground);
        }

        [popup].contextmenu li a i {
            padding-right: 5px;
        }

        [popup].contextmenu li.nav-divider {
            height: 1px;
            min-height: 1px;
            padding: 0px;
            background-color: var(--popup-border-color);
        }


.alert-container {
    position: fixed;
    z-index: 100000000;
    width: auto;
    padding: 0;
    text-align: right;
}

    /* alert container for top, bottom, left, right and center positions */
    .alert-container.top {
        top: 20px;
    }

    .alert-container.bottom {
        bottom: 20px;
    }

    .alert-container.left {
        left: 20px;
    }

    .alert-container.right {
        right: 20px;
    }

    .alert-container.center {
        left: 50%;
    }

    /* ------------ alert container for alert varients ------------------*/
    .alert-container .alert {
        position: relative;
        z-index: 1000;
        width: 360px;
        padding: 9px 24px;
        margin-bottom: 5px;
        clear: both;
        color: #fff;
        text-align: left;
        vertical-align: middle;
        background: #000;
        border-radius: 3px;
        animation-duration: 1s;
        animation-fill-mode: both;
    }

        /* alert container for error*/
        .alert-container .alert.error {
            color: #fff;
            background: #fe5722;
        }

        /* alert container for information*/
        .alert-container .alert.information {
            color: #fff;
            background: #0288d1;
        }

        /* alert container for warning*/
        .alert-container .alert.warning {
            color: #fff;
            background: #ffb300;
        }

        /* alert container for success*/
        .alert-container .alert.success {
            color: #fff;
            background: #229a21;
        }

/* Alert Action css */
.alert a,
.notification a {
    position: absolute;
    right: 18px;
    float: right;
    color: #5ca9ea;
}

    .alert a:before {
        position: absolute;
        top: 0;
        right: -10px;
        bottom: 0;
        left: -10px;
        margin: auto;
        content: "";
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@media screen and (max-width:767px) {
    .alert-container.left {
        left: 50%;
    }

    .alert-container.right {
        right: 50%;
    }
}


[popup].dialog {
    display: grid;
    grid-template-rows: var(--navigation-bar-height) 1fr var(--navigation-bar-height);
    border-radius: 5px !important;
    overflow: visible;
    background-color: var(--popup-background);
    box-shadow: var(--popup-shadow);
    align-items: stretch;
    min-width: 600px;
    min-height: 140px;
    max-width: 90vw;
    max-height: 90vh;
    z-index: 5;
    outline: none !important;
    border: none;
    padding: 0px;
}

.dialog-backdrop {
    position: fixed;
    inset: 0px;
    backdrop-filter: brightness(0.5);
    z-index: 5;
}

[popup].dialog .dialog-header {
    grid-row: 1;
    color: var(--popup-foreground-header);
    background-color: var(--popup-background-header);
    display: flex;
    overflow: hidden;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom-style: var(--popup-border-style);
    border-bottom-color: var(--popup-border-color);
    border-bottom-width: var(--popup-border-width);
    max-height: var(--navigation-bar-height);
    min-height: var(--navigation-bar-height);
    cursor: move;
    --control-label-foreground: var(--popup-foreground-header);
}

    [popup].dialog .dialog-header [control=label] {
        --font-size: 16px;
        height: auto;
        background: inherit;
    }

        [popup].dialog .dialog-header [control=label][icon].in-progress::before {
            transform: rotate(0deg);
            animation: rotate 2s linear infinite;
        }

        [popup].dialog .dialog-header [control=label] span {
            cursor: text;
        }

        [popup].dialog .dialog-header [control=label].btnClose {
            width: auto;
            cursor: pointer;
        }

            [popup].dialog .dialog-header [control=label].btnClose:hover {
                color: red;
            }

[popup].dialog .dialog-content {
    grid-row: 2;
    overflow: auto;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--popup-foreground);
    background-color: var(--popup-background);
}

    [popup].dialog .dialog-content .text-message {
        white-space: break-spaces;
    }

    [popup].dialog .dialog-content > div:not(.focusindicator) {
        width: 100%;
        height: 100%;
    }

    [popup].dialog .dialog-content > div > .focusindicator {
        display: none;
    }

    [popup].dialog .dialog-content div.list-item {
        padding: 0px 20px;
    }

[popup].dialog .dialog-footer {
    grid-row: 3;
    color: var(--popup-foreground-footer);
    background-color: var(--popup-background-footer);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    border-top-style: var(--popup-border-style);
    border-top-color: var(--popup-border-color);
    border-top-width: var(--popup-border-width);
    max-height: var(--navigation-bar-height);
    min-height: var(--navigation-bar-height);
    margin: 0 10px;
}

    [popup].dialog .dialog-footer [control="button"] {
        width: unset;
        padding: 5px;
        margin: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 50px;
    }

[popup].dialog.progress .dialog-content {
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px;
}

    [popup].dialog.progress .dialog-content [control=label] {
        margin-bottom: 5px;
        font-weight: normal;
    }

[popup].dialog.progress [control="progress"] {
    height: 10px;
}

    [popup].dialog.progress [control="progress"] .indicator {
        background-color: var(--progress-bar-1-background);
    }


div[control*="select"] {
    cursor: pointer;
    color: var(--input-foreground);
    justify-content: unset;
    border-width: var(--input-border-width);
    border-style: var(--input-border-style);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    align-items: center;
    white-space: nowrap;
}

    div[control*="select"]:not([disabled]) {
        padding-right: 20px;
    }

[control=select][icon]::before {
    font-family: var(--font-family-icons);
    content: attr(icon) / "";
    font-size: var(--icon-font-size);
}

/*Select/Multiselect Arrow*/
div[control*="select"]::after {
    font-family: var(--font-family-icons);
    font-size: var(--icon-font-size);
    content: "arrow_drop_down" /"";
    text-transform: none;
    position: absolute;
    right: 0;
    width: 20px;
    top: 0;
    bottom: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0deg);
    transition-duration: 0.2s;
    transition-property: transform;
}

div[control*="select"][disabled]::after {
    display: none;
    opacity: 0.25;
}

div[control*="select"].pending::after {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    width: 18px;
    line-height: 4px;
}

nav div[control*="select"].pending::after {
    margin-top: -2px;
}

/*Select/Multiselect Arrow rotated*/
div[control*="select"].popup-open::after {
    transform: rotate(180deg);
}

/*Dropdown label*/
div[control="select"] span {
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

div[control="select"][disabled] span {
    padding-right: 5px;
}

div[control="select"][icon*=''] span {
    padding-left: 5px;
}


.option-group {
    color: var(--foreground-disabled);
    font-size: small;
    padding-left: 10px;
    display: flex;
}

div[popup*="select"].toolbar ul.options li {
    --item-height: 40px;
}

div[popup*="select"] {
    min-width: 200px;
    max-width: 80vw;
}

    div[popup*="select"] .control-group.multi-confirm {
        min-height: auto;
    }

    div[popup*="select"] .control-group {
        border-bottom-width: 1px;
        border-bottom-style: var(--popup-border-style);
        border-bottom-color: var(--popup-border-color);
    }

    div[popup*="select"] ul {
        list-style: none;
        margin: 0;
        max-height: var(--control-popup-maxheight);
        overflow-y: auto;
        width: 100%;
        height: 100%;
    }

    div[popup*="select"]:not(div[popup="select_treeitem"]) ul {
        padding: 0;
    }

    div[popup*="select"] ul.options li.hidden {
        display: none;
    }

    div[popup*="select"] ul.options li {
        cursor: pointer;
        height: var(--item-height);
        display: flex;
        align-items: center;
        padding: 0 5px;
        color: var(--item-foreground);
        background-color: var(--item-background);
    }

        div[popup*="select"] ul.options li > span {
            padding-left: calc(var(--level) * 15px);
        }

        div[popup*="select"] ul.options li[icon]::before {
            font-family: var(--font-family-icons);
            font-size: var(--icon-font-size);
            content: attr(icon) / "";
            text-transform: none;
            padding-right: 5px;
        }

        div[popup*="select"] ul.options li span {
            white-space: pre;
            text-overflow: ellipsis;
            overflow: hidden;
            flex: 1;
        }

        div[popup*="select"] ul.options li:hover,
        div[popup*="select"] ul.options li.active {
            color: var(--item-foreground-hover);
            background-color: var(--item-background-hover);
        }

        div[popup*="select"] ul.options li.selected {
            color: var(--item-foreground-selected);
            background-color: var(--item-background-selected);
        }

        div[popup*="select"] ul.options li:before {
            font-family: var(--font-family-icons);
            font-size: var(--icon-font-size);
            text-transform: none;
            margin-right: 5px;
        }

div[popup] ul.options li .ui-menu-icon {
    display: none;
}

div[popup] ul.options li .ui-state-active,
div[popup] ul.options li .ui-widget-content .ui-state-active,
div[popup] ul.options li .ui-widget-header .ui-state-active,
div[popup] ul.options li a.ui-button:active,
div[popup] ul.options li .ui-button:active,
div[popup] ul.options li .ui-button.ui-state-active:hover {
    border: initial !important;
    background: initial !important;
    font-weight: initial !important;
    color: initial !important;
}

div[popup="select"] ul.options li:not(.group):not([icon]):before {
    content: "check" /"";
    color: transparent;
}

div[popup="select"] ul.options li:not(.group).selected:before {
    content: "check" /"";
    color: var(--item-foreground-selected);
}

/*Select popup with sub options*/
div[popup*="select"] ul.options li.group > ul {
    display: none;
}

div[popup*="select"] ul.options li.group::after {
    font-family: var(--font-family-icons);
    font-size: var(--icon-font-size);
    text-transform: none;
    content: "\e5c5";
    transform: rotate(-90deg);
}

[popup^="select"] .popup-content.submenu {
    position: absolute;
    height: auto;
    z-index: 1;
    overflow-y: auto;
}

[control^="select"].trafficlight {
    background-color: initial !important;
}

    [control^="select"].trafficlight::after, [control^="select"].trafficlight > span {
        color: var(--foreground) !important;
    }

[control=grid] [control^="select"].trafficlight[disabled]:before {
    font-size: 25px !important;
    opacity: 1 !important;
}

[control=grid] [control^="select"].trafficlight[disabled]:not([value]):before {
    width: 100%;
    text-align: center;
}

body {
}


/*[control^="select_multi"] {
    padding-right: 20px;
}*/

div[control^="select_multi"][disabled] {
    padding-right: 5px;
}

[control^="select_multi"] .option {
    white-space: inherit;
}

    [control^="select_multi"] .option:not(:first-child) {
        margin: 0 0 0 5px;
    }

[control^="select_multi"] .option {
    overflow: hidden;
    text-overflow: ellipsis;
}

    [control^="select_multi"] .option > div[class='text'] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

[control^="select_multi"][allowsort=true]:not([disabled]) .option {
    cursor: move;
}

[control^="select_multi"] .option.removable {
    display: flex;
    align-items: center;
}

[control^="select_multi"]:not([disabled]) .option.removable .remove {
    display: flex;
    cursor: pointer;
    width: 10px;
}

[control^="select_multi"] .option.removable .remove::before {
    content: ';';
    font-size: 13px;
    margin-left: 1px;
}

[control^="select_multi"] .option.removable:last-child .remove::before {
    content: '';
}

[control^="select_multi"]:not([disabled]) .option.removable:hover .remove::before {
    content: '\e5cd';
    font-family: var(--font-family-icons);
    font-size: 13px;
    margin-left: 0px;
    margin-top: 1px;
}

[control^="select_multi"] .option.removable:hover .remove {
    display: flex;
}

[control^="select_multi"]:not([disabled]) .option.removable .remove:hover {
    color: red;
}

[control^="select_multi"]:not([disabled]) .option.removable .text:has(+ .remove:hover) {
    color: red;
}

[popup^="select_multi"] ul.options li:not(.group):before {
    content: "check_box_outline_blank" /"";
}

[popup^="select_multi"] ul.options li:not(.group).selected:before {
    content: "check_box" /"";
}

[control="select_popup"] {
    flex-direction: row;
    width: 100%;
    height: 100%;
    border: none !important;
}

    [control="select_popup"] > .control-group {
        flex-direction: column;
        height: 100%;
    }

        [control="select_popup"] > .control-group ul.options {
            flex: 1;
            max-height: unset;
        }

[control=select_popup] .search {
    height: auto;
    border-bottom-width: 1px;
    border-bottom-style: var(--popup-border-style);
    border-bottom-color: var(--popup-border-color);
}

div[control="select_popup"]::after {
    display: none;
}

div[control="select_popup"] ul.options {
    border: solid 1px gainsboro;
}

    div[control="select_popup"] ul.options > li {
        padding: 5px;
    }

    div [control="select_popup"] ul.options li span {
        white-space: pre;
        text-overflow: ellipsis;
        overflow: hidden;
        flex: 1;
    }

    div[control="select_popup"] ul.options li:hover,
    div[control="select_popup"] ul.options li.active {
        color: var(--item-foreground-hover);
        background-color: var(--item-background-hover);
    }

    div[control="select_popup"] ul.options li.selected {
        color: var(--item-foreground-selected);
        background-color: var(--item-background-selected);
    }

div[control="select_popup"] ul {
    list-style: none;
    margin: 0;
    max-height: var(--control-popup-maxheight);
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

div[control="select_popup"] ul {
    padding: 0;
}

select_treeitem div[control="select_popup"] ul.options li {
    cursor: pointer;
    height: var(--item-height);
    display: flex;
    align-items: center;
    padding: 0 5px;
    color: var(--item-foreground);
    background-color: var(--item-background);
}


div[control="select_spinner"]::after {
    display: none;
}

div[popup="select_treeitem"] ul.options li:hover,
div[popup="select_treeitem"] ul.options li.active {
    color: unset;
    background-color: unset;
}

div[popup="select_treeitem"] ul.options li > .treeitem-label {
    width: 100%;
}

    div[popup="select_treeitem"] ul.options li > .treeitem-label [control=input] {
        flex: 1;
        justify-content: left;
    }

div[popup="select_treeitem"] ul.options li:hover > .treeitem-label,
div[popup="select_treeitem"] ul.options li.active > .treeitem-label {
    color: var(--item-foreground-hover);
    background-color: var(--item-background-hover);
}

div[control="select_treeitem"] > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

[popup=select_treeitem] {
    min-height: 400px;
    width: 300px;
    display: flex;
    flex-direction: column;
}

div[popup=select_treeitem] [control=treeview] {
    flex: 1;
}

    div[popup=select_treeitem] [control=treeview] ul {
        max-height: unset;
        overflow-y: unset;
    }

        div[popup=select_treeitem] [control=treeview] ul li {
            height: unset;
            align-items: unset;
            flex-direction: column;
        }

div[control="select_treesearch"]::after {
    display: none;
}

[control="select_treesearch"] input {
    margin-right: 5px;
}

[control="select_treesearch"] [control=button] {
    width: 40px;
}

[control="select_treesearch"] .btn:last-of-type {
    border-radius: 0px 5px 5px 0px !important;
}

[control="select_treesearch"] .btn:first-of-type {
    border-radius: 5px 0px 0px 5px !important;
}


[control=form_expander].treesearch > .toolbar [control=label][icon] {
    background: transparent;
}

[popup="select_treesearch"] {
    min-width: 295px;
}

    [popup="select_treesearch"] ul.options li.treeitem-node {
        width: 100%;
        padding: 10px 5px !important;
        height: unset !important;
    }

    [popup="select_treesearch"] .treeitem-label {
        width: 100%;
    }

    [popup="select_treesearch"] .treeitem-text {
        flex: 1;
    }

    [popup="select_treesearch"] li.treeitem-node.active > .treeitem-label > :not(.toggle-expand),
    [popup="select_treesearch"] li.treeitem-node.active > .treeitem-label {
        border: none;
        font-weight: bold;
        background-color: transparent;
    }

    [popup="select_treesearch"] .control-group {
        --control-height: var(--navigation-bar-height);
        border-bottom-width: 1px;
        border-bottom-style: var(--input-border-style);
        border-bottom-color: var(--input-border-color);
        overflow: hidden;
    }

[control="form_expander"].treesearch {
    border: none;
    border-radius: 0px !important;
}

    [control="form_expander"].treesearch > .toolbar {
        width: var(--navigation-bar-height);
        height: var(--navigation-bar-height);
        color: var(--topbar-foreground);
        background-color: var(--topbar-background);
    }

        [control="form_expander"].treesearch > .toolbar:hover {
            color: var(--topbar-foreground-hover);
            background-color: var(--topbar-background-hover);
        }

    [control="form_expander"].treesearch.expanded > .toolbar [control=label]::before {
        transform: none;
    }
[control="treeview"] {
    height: 100%;
    padding: 0;
}

    /*Root node*/
    [control="treeview"] > ul.treeitem-container {
        list-style: none;
        height: 100%;
        width: 100%;
        overflow: hidden;
        margin: 0;
        -ms-overflow-style: auto;
        padding-left: 0px;
    }
    /*Branch nodes*/
    [control="treeview"] ul {
        list-style: none;
        padding-left: var(--treeview-item-indent-padding);
    }

    [control="treeview"]:hover > ul.treeitem-container {
        overflow: auto;
    }

    [control="treeview"] .collapsed > ul {
        display: none;
    }

    [control="treeview"] .treeitem-node.leaf {
        padding-left: var(--treeview-item-indent-padding);
    }

[control=treeview] li:focus, [control=treeview] li.active {
    outline: none !important;
}

.cat-tree-popup-container {
    height: calc(100% - 40px);
}

.treeitem-node.filtered {
    display: none;
}


.treeitem-label .treeitem-icon:first-of-type:not(.treeitem-icon ~ .treeitem-icon) {
    z-index: 1;
}

.treeitem-label .treeitem-text:last-of-type {
    padding-right: 5px;
    padding-left: 5px;
}

li.treeitem-node > .treeitem-label {
    --background-disabled: transparent;
    background-color: var(--treeitem-background);
    border-bottom: var(--treeitem-border);
}

li.treeitem-node.active > .treeitem-label {
    background-color: var(--treeitem-background-selected);
}

li.treeitem-node.selected > .treeitem-label {
    background-color: var(--treeitem-background-selected);
    border-bottom: var(--treeitem-border-selected);
}

li.treeitem-node > .treeitem-label:hover {
    background-color: var(--treeitem-background-hover);
}

.treeitem-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: var(--control-height);
    margin: 0px 0;
    width: fit-content;
    white-space: nowrap;
}

.treeitem-icon {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--icon-font-size);
    width: 18px;
    padding-left: 3px;
}

    .treeitem-icon > img {
        width: 100%;
    }

div.treeitem-icon {
    font-size: calc(var(--font-size) * 0.75);
    flex-shrink: 0;
}

.treeitem-text {
    padding-left: 5px;
    width: auto;
    height: 100%;
    font-size: var(--font-size);
    display: inline-flex;
    align-items: center;
    justify-content: left;
    color: var(--foreground);
}

[control="treeview"] .toggle-expand {
    cursor: pointer;
    height: 100%;
    text-align: center;
    margin-right: 2px;
}

    [control="treeview"] .toggle-expand::after {
        font-family: var(--font-family-icons);
        font-size: var(--icon-font-size);
        height: 100%;
        content: "\e5cc" /"";
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transform: rotate(0deg);
        transition-duration: 0.2s;
        transition-property: transform;
    }

[control="treeview"] .pending:not(.expanded) > .treeitem-label > .toggle-expand::after {
    content: var(--content-spinner);
    transform: rotate(0deg);
    animation: rotate 2s linear infinite;
    padding: 4px;
    line-height: 4px;
}

[control="treeview"] .expanded > .treeitem-label > .toggle-expand::after {
    transform: rotate(90deg);
}

[control="treeview"] [control] {
    border: none;
    width: auto;
    padding: 0;
    overflow: visible;
}

[control="treeview"] [control=label] span {
    overflow: visible;
}

[control="treeview"] [control][disabled] {
    cursor: unset;
}

[control="treeview"] [control=checkbox][disabled] {
    cursor: not-allowed;
}

[control="treeview"] [control="label"] {
    font-weight: inherit;
    padding-left: 5px;
}

[control="treeview"] [control="input"]:not([disabled]) {
    padding-left: 5px;
    padding-bottom: 2px;
    min-width: 50%;
}

[control="treeview"] [control="input"].pending {
    padding-right: 20px;
}

.trafficlight-container {
    height: 100%;
    padding-left: 5px;
}

    /*.treeitem-icon {
    padding-top: 1px;
}

div.treeitem-icon {
    padding-top: 2px;
}*/

    .trafficlight-container > i {
        padding-left: 0px;
    }
/*Modifications for Fieldchooser treeview*/

#fieldchooser .treeitem-node:not(.leaf) > .treeitem-label > [control=checkbox] {
    display: none;
}

#cat-tab-content_tree_toolbar {
    display: flex;
}

.cat-tree-default-icon {
    display: inline-block;
    color: black;
    font-weight: 600;
    width: 22px !important;
    font-size: 11px;
    text-align: center;
    position: relative;
    top: -1px;
}

.cat-tree-default-icon-with-glyphicon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: black;
    /*font-weight: 600;*/
    width: 34px !important;
    font-size: 11px;
    height: 100%;
}

    .cat-tree-default-icon-with-glyphicon > .tvglyphicon {
        font-size: 21px;
    }

.cat-tree .tvimage {
    position: relative;
    bottom: 1px;
    margin-left: 2px;
}

.cat-bucket-placeholder-highlight {
    background: #ebebeb;
    margin-bottom: 16px;
}

.kanban-item-lazy-load-container {
    min-height: 50px;
}

.cat-bucket .cat-kanban-item {
    cursor: move;
}

.cat-kanban-left {
    flex: 0 0;
    display: flex;
    height: 100%;
    margin-right: 10px;
}

    .cat-kanban-left.cat-kanban-right-has-scrollbar {
        padding-bottom: 18px;
    }

.cat-kanban-header [control=label] {
    font-size: 17px;
}

.cat-kanban-header div.cat-replace-self {
    position: relative;
}

.cat-kanban-header-container {
    display: flex;
    position: relative;
    z-index: 1;
    background: white;
    flex-direction: column;
}

.cat-kanban-header div.search-visible {
    margin-bottom: 32px;
}

    .cat-kanban-header div.search-visible .cat-kanban-header-container h2 {
        margin-top: 3px;
        margin-bottom: 0;
        font-size: 1rem;
    }

.cat-kanban-header-search {
    border: 1px solid gainsboro;
}
.control-group.kanban-expand {
    display: grid;
    grid-template-columns: 25px auto;
}

.cat-kanban-header div.search-visible .cat-kanban-header-search {
    bottom: -30px;
}

.kanban-header-open-search {
    margin: 20px 5px 10px 0;
    position: absolute;
    right: 0;
}

.cat-kanban-right {
    flex: 1 1 auto;
    display: inline-flex;
    overflow-x: auto;
}

.cat-kanban {
    height: 100%;
    display: flex;
    user-select: none;
    overflow-x: auto;
    overflow-y: hidden;
}
    .cat-kanban .cat-kanban-header {
        height: auto;
        margin-bottom: 5px;
    }
    .cat-kanban .kanban-header-hover:hover {
        cursor: pointer;
    }

    .cat-kanban .cat-kanban-column {
        flex: 0 0 0;
        margin: 5px;
        min-width: 300px;
        display: flex;
        flex-direction: column;
        border: 1px solid #f9f9f9;
    }

        .cat-kanban .cat-kanban-column .cat-kanban-body {
            overflow-y: auto;
            flex-grow: 1;
        }

            .cat-kanban .cat-kanban-column .cat-kanban-body .cat-repeater-container {
                overflow: initial;
                overflow-y: auto;
            }

    .cat-kanban #searchinput .form-group .input-group {
        left: -21px;
    }

    .cat-kanban h2 {
        text-align: center;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        transition: margin 0.2s, font-size 0.2s;
        font-size: 20px;
        margin-top: 5px;
        font-weight: 500;
        margin: 0px;
    }

        .cat-kanban h2:not(.single-header-row) {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .cat-kanban h2.second-header {
        }

    .cat-kanban .cat-draggable {
        margin-bottom: 16px;
        margin-right: 0px;
    }

.cat-kanban-item {
    padding: 5px;
    border: 1px solid transparent;
}

.cat-kanban-button-group {
    display: flex;
    justify-content: space-around;
}

    .cat-kanban-button-group > div > button {
        padding: 0px;
        margin: 4px;
        min-width: initial;
    }


.cat-kanban-body .form-control[disabled], .cat-kanban-body fieldset[disabled] .form-control {
    pointer-events: none;
}


.cat-kanban-body .cat-bucket::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: transparent;
}

.cat-kanban-body .cat-bucket:hover::-webkit-scrollbar-thumb {
    background-color: #638BB7;
}

.cat-kanban-body .cat-bucket::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.cat-kanban-body .cat-bucket:hover::-webkit-scrollbar {
    background-color: gainsboro;
}

.cat-kanban-body {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

    .cat-kanban-body:hover {
        scrollbar-color: #638BB7 gainsboro;
    }

.cat-kanban-tree-node {
    cursor: pointer;
    /*pointer-events: all;*/
}

    .cat-kanban-tree-node:hover {
        background-color: gainsboro;
    }

.cat-kanban-column[collapsed='true'] {
    min-width: unset !important;
}
.cat-kanban-column[collapsed='true'] .cat-kanban-header-container .cat-kanban-header-search {
    display: none;
}
.cat-kanban-column[collapsed='true'] .cat-kanban-header-container .kanban-expand {
    display: flex;
    flex-direction: column;
}
    .cat-kanban-column[collapsed='true'] .cat-kanban-header-container .kanban-expand .single-header-row {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        height: auto;
        margin-top: 5px;
    }

/*.cat-kanban-column[collapsed='true'] {
    pointer-events: none;
}

.cat-kanban-body {
    pointer-events:all;
}*/

.gantt-container {
    position: relative;
    min-height: 36px;
    width: 100%;
    margin: 0px 10px;
    overflow: visible;
}

.cat-gantt1 {
    position: absolute;
    bottom: 10%;
    height: 40%;
    z-index: 1;
}

.cat-gantt2 {
    position: absolute;
    top: 10%;
    height: 40%;
    z-index: 1;
}

.cat-gantt-diamond-container {
    position: relative;
}

.cat-gantt-diamond {
    -webkit-transform: translate(-50%, 25%) rotate(45deg);
    -moz-transform: translate(-50%, 25%) rotate(45deg);
    -ms-transform: translate(-50%, 25%) rotate(45deg);
    -o-transform: translate(-50%, 25%) rotate(45deg);
    transform: translate(-50%, 25%) rotate(45deg);
}

.cat-gantt-critical {
    border: 1px solid red;
}

.cat-gantt-1-default {
    background-color: #ffa54d;
}

.cat-gantt-2-default {
    background-color: #205da0;
}

[control="gantt_header"] {
    /*We need to use important to overwrite datatype alignment*/
    flex-direction: row !important;
    padding: 0;
    height: var(--control-height);
}

    [control="gantt_header"] [control="label"] {
        justify-content: center;
        height: 100%;
        padding: 0;
    }

    [control="gantt_header"] + [control="gantt_header"] {
        border-color: var(--background-splitter);
        border-style: solid;
        border-width: 1px 0 0 0;
    }

    [control="gantt_header"] [control="label"] + [control="label"] {
        border-color: var(--background-splitter);
        border-style: solid;
        border-width: 0 0 0 1px;
    }

        .gantt-header-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
        }
.gantt-container.calendar {
    display: flex;
}

    .gantt-container.calendar .calendar-container {
        flex: 1;
    }

    .gantt-container.calendar .nav {
        width: 32px;
        cursor: pointer;
    }

        .gantt-container.calendar .nav li {
            height: 100%;
        }

        .gantt-container.calendar .nav a {
            display: flex;
            padding: 0px;
            align-items: center;
            height: 100%;
        }

            .gantt-container.calendar .nav a i {
                flex: 1;
                text-align: center;
                user-select: none;
            }

        .gantt-container.calendar .nav.disabled {
            opacity: 0.3;
        }

    .gantt-container.calendar .ui-datepicker-inline {
        width: 100% !important;
    }

    .gantt-container.calendar .ui-datepicker-today {
        background-color: darkblue;
        color: white;
    }

.cat-userimage-list {
    display: flex;
    overflow: hidden;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.cat-userimage {
    margin: 0px 3px;
}

    .cat-userimage img {
        height: 35px;
        width: 35px;
        border-radius: 50% !important;
    }
html:not(.track-focus) * {
    outline: none;
}

/*Enable default browser focus outlining, small test*/
html .login-container * {
    outline: revert !important;
}

html .login-container input:focus {
    outline-offset: -2px;
    outline: 2px solid red !important;
    z-index: 1;
}

.track-focus .grid-header, .track-focus .grid-pager {
    border-left: 2px solid transparent !important;
}

.track-focus .grid-body {
    border: 2px solid transparent !important;
}

    .track-focus .grid-body [control]:not([control=label]):not([disabled]),
    .track-focus .cat-form-view-tree-item [control]:not([control=label]):not([control=form]):not([disabled]) {
        border: 1px solid black;
    }

.track-focus [control=form] [control]:focus,
.track-focus [control=form] [control] > input:focus,
.track-focus div[popup*="select"] ul.options li.active,
.track-focus [control^="menu"] li.active,
.track-focus [control=treeview] .treeitem-node.active > .treeitem-label,
.track-focus :focus-visible {
    outline-offset: -2px;
    outline: 2px solid red !important;
    z-index: 1;
}

.track-focus #tabToolbar .menu-selector {
    display: none;
}

.track-focus .trafficlight-container i {
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black !important;
}


.track-focus .cat-tree-default-icon-with-glyphicon {
    font-size: var(--font-size);
    color: black;
}

    .track-focus .cat-tree-default-icon-with-glyphicon i {
        color: black !important;
    }

.track-focus div.treeitem-icon {
    font-size: 13px;
    color: black; /*#797c7e !important;*/
}

.track-focus div.treeitem-text {
    color: black;
}

.track-focus #toptoolbar [control^="menu"] > ul, .track-focus #tabstrip [control^="menu"] > ul {
    background-color: var(--toolbar-background);
}

.track-focus [popup^="menu"] li.active,
.track-focus [control^="menu"] li.active {
    outline: 1px dotted black;
    outline-offset: -1px;
}

.track-focus #tabstrip li[role=tab]:focus-visible,
.track-focus #tabstrip li[role=tab]:focus,
.track-focus #tabstrip li[role=tab].selected,
.track-focus #toptoolbar li[role=menuitem]:focus-visible,
.track-focus #toptoolbar li[role=menuitem]:focus,
.track-focus [control=form_expander]:focus-within .toolbar,
.track-focus [control=form_expander]:focus-visible .toolbar,
.track-focus #btnLogin:focus {
    color: black !important;
    background-color: white !important;
}

.track-focus [control]:focus-within {
    color: black !important;
    background-color: white !important;
}

.track-focus [popup] .search, .track-focus #select_treesearch > [control=input] {
    border: 1px solid black;
}

.track-focus [control][placeholder]:empty:after, .track-focus input::placeholder, .track-focus [control=select_multi][placeholder]:empty:before {
    color: black;
    opacity: unset;
}

.track-focus .alert-container .alert.error {
    color: #fff;
    background: #FF7B52;
}

/* alert container for information*/
.track-focus .alert-container .alert.information {
    color: black;
    background: #00A6FF;
}

/* alert container for warning*/
.track-focus .alert-container .alert.warning {
    color: black;
    background: #ffb300;
}

/* alert container for success*/
.track-focus .alert-container .alert.success {
    color: black;
    background: #00C600;
}
/*.track-focus div.trafficlight-container .TL1, .track-focus div.trafficlight-container .TL2, .track-focus div.trafficlight-container .TL4, .track-focus div.trafficlight-container .TL5 {
    color: black !important;
}*/
@media (forced-colors: active) {
    /*    .trafficlight-container, .trafficlight {
        forced-color-adjust: none;
        --treeitem-background-selected: transparent;
        --treeitem-background-hover: transparent;
        --treeitem-border-selected: 1px solid white;
    }*/

    [control=splitter] {
        --background-splitter: Canvas;
    }

    .handle {
        --background-splitter-handle: CanvasText;
    }

    .circle {
        forced-color-adjust: none;
    }
    /*
    div[class^=catstyle_] {
        forced-color-adjust: none;
    }*/
    /*Das fällt normalerweise nicht auf. Das müssen wir wohl image allgemeinen machen?*/
    [control=grid] [control] {
        border-bottom: none;
    }

    .btn, .btn-primary {
        --button-foreground: ButtonText;
        --button-background: ButtonFace;
        --button-border-color: ButtonText;
        --button-border-width: 1px;
        --button-primary-foreground: ButtonText;
        --button-primary-background: ButtonFace;
        --button-primary-border-color: ButtonText;
        --button-primary-border-width: 1px;
    }

    [control^="select"].trafficlight::after, [control^="select"].trafficlight > span {
        --foreground: MenuText;
    }
}

body {
    --font-size: 14px;
    --font-family: "Roboto";
}

.btn-danger {
    background-color: #007194 !important;
}

.modal-content {
    border-radius: 10px !important;
}

.bootstrap-dialog.type-primary .modal-header {
    border-radius: 10px 10px 0 0 !important;
}

.nav>li>a {
    color: inherit;
}

/*Checkbox displayed as left/right toggle*/
.checkbox-toggle .cat-checkbox .cat-checkbox-label span {
    display: none;
}

.checkbox-toggle .cat-checkbox [type='checkbox']+.cat-checkbox-label::before {
    content: '\e9f5';
    color: #707070;
    font-family: 'Material Icons';
    display: inline-flex;
    font-size: 40px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-toggle .cat-checkbox [type='checkbox']:checked+.cat-checkbox-label::before {
    content: '\e9f6';
    color: #007194;
}

.cat-btn-ok {
    background-color: #007194 !important;
    color: white;
}

.cat-btn-ok:hover {
    background-color: #007194 !important;
    color: white !important;
}

.cat-btn-cancel {
    background-color: #fff !important;
    color: black;
}

.cat-btn-cancel:hover {
    background-color: #efefef !important;
    color: black !important;
}

.CatGridV3 button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
}

.CatGridV3 .cat-grid-search-menu>ul>li:first-child>a>span.highlight {
    color: #007194;
}

/* Checkbox disabled style*/
.checkbox.disabled .cat-checkbox-label-after {
    border-color: gray !important;
}

.pmd-textfield div[control][disabled],
.pmd-textfield div[control][readonly],
fieldset[disabled] div[control],
div[control][disabled],
div[control][readonly] {

    background-color: #eee;
    opacity: 1;
}

/* Grid Disabled Style */
tr:not(.highlight)>td.cat-cell-disabled {
    background-color: #eeeeee !important;
}


/* Button Farbe */
.btn-primary,
.dropdown-toggle.btn-primary {
    background-color: #007194;
}

/* Selected Grid Row Farbe */
.CatGridV3 tr.grid-selected>td {
    border-bottom: 1px solid #007194;
    background-color: #dce6f1;
}

.cat-tab-glyphicon {
    display: initial;
    position: relative;
    padding-right: 8px;
    top: 8px;
}

.cat-tab-has-glyphicon {
    text-align: center;
    height: 47px;
    padding-top: 4px;
}

/* Selected Tree Item Farbe */
.cat-tree li.active>.cat-tree-item {
    border-bottom: solid 1px #007194;
    box-sizing: border-box;
    background-color: #dce6f1 !important;
}

/* ACM disabled style */
#catfrmlogin #catfrmlogin {
    background-color: #EBEBEB !important;
}

#catfrmlogin #credentials,
#catfrmlogout #credentials {

    border-radius: 20px !important;
    width: 550px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: white;
}

#catfrmlogin #credentials * {
    float: none !important;
}

#catfrmlogin .cat-login-logo,
#catfrmlogout .cat-login-logo {
    position: relative;
    width: 127px;
    height: 193px;
    display: block;
    padding-top: 10px;
}

#catfrmlogin .cat-login-logo img {
    width: 100% !important;
    margin-bottom: 0px !important;
}

#catfrmlogin .center-block {
    margin-top: 30px;
    height: 180px;
}

#catfrmlogin .center-block [class*="col-xs-"]:not(:empty),
#catfrmlogout .center-block [class*="col-xs-"]:not(:empty) {
    width: 100%;
}

#catfrmlogin .center-block [control] {
    margin: 10px 20px;
}

#catfrmlogin [control] [control] {
    display: flex;
}

#catfrmlogin label {
    color: #356C81 !important;
}

#catfrmlogin input:not(#btnLogin) {
    color: #07415C !important;
    border-radius: 10px !important;
    border-color: #07415C !important;
}


#catfrmlogin [control] [control] label {
    flex: 1;
}

#catfrmlogin [control] [control] div {
    flex: 2;
}

#catfrmlogin #btnLogin,
#catfrmlogout #btnLogin {
    width: 40%;
    margin: auto;
    display: block;
    border-radius: 10px !important;
    margin-top: 20px;
}

#catfrmlogin [control] [control] .col-xs-8 {
    display: block;
    padding-left: 1px;
    position: absolute;
    right: -357px;
    bottom: -25px;
}

#catfrmlogin [control] [control] .col-xs-8 input {
    font-size: 10px !important;
}

.acm-disabled {
    background: #F2F2F2 !important;
}

/* Hintergrundfarbe AppMode Menü ausgewählte Zeile */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #007194;
    outline: 0;
}

.btn-primary:hover,
.dropdown-toggle.btn-primary:hover {
    background-color: #007194;
}

.btn-primary:active,
.dropdown-toggle.btn-primary:active,
.btn-primary.active,
.dropdown-toggle.btn-primary.active {
    background-color: #007194;
}

.pmd-btn-flat.btn-primary:hover {
    color: #007194;
    background-color: #e5e5e5;
}

.btn-primary:focus,
.dropdown-toggle.btn-primary:focus {
    background-color: #007194;
}

/* Hintergrundfarbe für Datetimepicker -> top section */
.topdateinfo {
    background-color: #007194 !important;
}

/*  items of open menu */
div.ulcontainer.open .cat-select li.cat-select-item {
    padding: 0px;
    min-height: 4px;
}

/* Gantt Farben */
.cat-gantt1.progress-bar-info,
#cat_tree_maximize {
    background-color: #007194;
    color: white;
}

.cat-gantt2.progress-bar-info,
#showhidetreeTB,
#treepath-search {
    background-color: white;
}

/* Tabstrip Farben */
#tabstrip .nav>li:hover {
    background-color: #c7d0d5 !important;
}

#toptoolbar,
#tabstrip,
#tabstrip li,
#tabselector {
    background-color: #007194;
    color: white;
}

/* Active Tab Farbe */
.tab-active-bar {
    background: #95B3D7 !important;
}

/* Tabstrip Schriftfarbe */
#tabstrip .pmd-tabs .nav>li>a {
    padding: 16px;
    color: white !important;
}

/* Schriftfarbe in der Top Toolbar */
#toptoolbar>nav>ul.nav>li>a>span,
#toptoolbar>nav>ul.nav>li>a>b,
#TreePath>nav>ul.nav>li>a>span,
#TreePath>nav>ul.nav>li>a>b,
#TreePath li#AppModeMenu>a>span,
#TreePath li#AppModeMenu>a>b,
#TreePath li#archives>a>span,
#TreePath li#archives>a>b {
    color: black !important;
}

/* Schriftfarbe AppMode Menü im Tab Strip */
#toptoolbar li#AppModeMenu>a>span,
#toptoolbar li#AppModeMenu>a>b,
#toptoolbar li#archives>a>span,
#toptoolbar li#archives>a,
#toptoolbar li#archives>a>b,
#toptoolbar li#cat_tree_maximize>a>i {
    color: white !important;
}

/*Radio Button Classes*/
.collaps-indicator-left .cat-sub-form-header.cat-sub-form-collapsible>i {
    float: left !important;
}

.rounded-toolbar-buttons .nav-pills>li>a {
    border-radius: 5px !important;
}

.bva-blue-toolbar-buttons .nav-pills>li>a {
    background-color: #007194;
    color: #ffffff;
}

.only-toolbar .cat-upper-content {
    display: none;
}

.full-height {
    height: 180px;
}

.rcorner {
    border: 1px solid #e5e7eb;
    border-radius: 10px !important;
}

.slim-checkbox .checkbox label,
.slim-checkbox .radio label {
    min-height: 20px;
}

.slim-file-uplad .cat-file-download>i {
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.slim-file-uplad .cat-paste-container:not(.inline):not(li),
.slim-file-uplad .cat-paste-container-disabled:not(.inline):not(li) {
    min-height: 50px;
    height: 50px;
}

.cat-paste-container:not(.inline):not(li),
.cat-paste-container-disabled:not(.inline):not(li) {
    border: 1px solid #e6e6e6;
    border-radius: 10px !important;
}


.flex-label-left [control],
.flex-label-left .cat-select-container,
.flex-label-left .pmd-textfield .flex-label-left .pmd-textfield-focused {
    display: flex;
    white-space: nowrap;
    width: auto;
}

div.outset {
    border-style: solid;
    border-radius: 20px !important;
    color: #c2c2c2;
    padding: 20px 20px;
}

/*Fix Cat4 containers*/
.cat-upper-content.cat-dataform {
    padding: 0 !important;
}

.cat-upper-content .cat-form-view-tree-item {
    position: relative;
}

.cat-container-master>.cat-upper-content {
    background-color: rgb(242 243 244);
}

/*Main container for RVM tabs*/
.rvm-main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/*Dashboard Nav Bar*/
.rvm-main #nav-container #tabstrip {
    background-color: transparent;
    color: black;
    height: unset;
}

.rvm-main #nav-container .nav {
    display: flex;
}

.rvm-main #nav-container .pmd-tab-active-bar {
    display: none;
}

.rvm-main #nav-container .nav li {
    flex: 1;
    text-align: center;
    border-bottom: 2px solid #e5e7eb;
}

.rvm-main #nav-container .nav li a {
    padding: 10px;
}

.rvm-main #nav-container .nav li.active {
    border-bottom: 2px solid rgb(116 17 46);
}

.rvm-main #nav-container .nav li.active a {
    font-weight: 600;
    font-size: 16px;
}

.rvm-main #nav-container #tabstrip .nav>li:hover,
.rvm-main #nav-container #tabstrip .nav>li>a:hover {
    background-color: transparent !important;
}

.rvm-main #nav-container .nav li[id="1474"] a::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: middle;
    margin-right: 3px;
}

.rvm-main #nav-container .nav li[id="1467"] a::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: middle;
    margin-right: 3px;
}

.rvm-main #nav-container .nav li[id="1471"] a::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: middle;
    margin-right: 3px;
}

/* Slector styles*/
.rvm-main .dashboard-selector li.selected {
    font-weight: 600;
    font-size: 1.5rem;
}

.rvm-main .cat-dataform .cat-control-container .cat-selectdiv[control] {
    height: unset !important;
}

.rvm-main .dashboard-selector .cat-control-container {
    padding: 0 15px;
    background-color: rgb(229, 231, 235);
    border-radius: 10px !important;
}

.rvm-main .dashboard-selector .cat-select-item .selected {
    top: 4px;
    margin-right: 10px;
}

.rvm-main .dashboard-selector .cat-select-item .selected::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: text-top;
    margin-right: 10px;
}

.rvm-main .dashboard-selector .arrow-container {
    bottom: unset !important;
    top: 17px;
    right: 20px !important;
    border: none;
    pointer-events: none;
}

.rvm-main .dashboard-selector .arrow-container b {
    display: none;
}

.rvm-main .dashboard-selector .arrow-container::before {
    content: '\e5cf';
    font-family: 'Material Icons';
    font-size: 24px;
}

/*White box for segmented content in rvm tabs*/
.rvm-box {
    background-color: white;
    border-radius: 0.5rem !important;
    margin: 1rem -0.5rem;
    padding: 1rem;
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
}

.rvm-box .box-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    color: rgb(75 85 99);
    text-align: center;
    margin: 0.5rem 0;
}

.rvm-box .box-title.small {
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgb(36 110 148);
}

.rvm-box div.box-title.small {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

/*Grid defaults*/
.rvm-main .CatGridV3 .grid-headerrow td {
    border-top: none;
    border-bottom: 1px solid #e5e7eb;
}

.rvm-main .CatGridV3 .grid-body tr {
    background-color: transparent !important;
}

.rvm-main .CatGridV3 .grid-body tr,
.rvm-main .CatGridV3 .grid-body-fixed tr {
    height: 50px;
}

.rvm-main .CatGridV3 .grid-body tr td {
    background-color: transparent !important;
}

.rvm-main .CatGridV3 .grid-body tr td,
.rvm-main .CatGridV3 .grid-body-fixed tr td {
    border-bottom: 1px solid #e5e7eb;
}

.rvm-main .CatGridV3 .grid-body tr.grid-selected td,
.rvm-main .CatGridV3 .grid-body-fixed tr.grid-selected td {
    border-bottom: none;
}

/*Controls*/

.rvm-main .cat-traffic-light {
    color: transparent !important;
    width: 30px;
    overflow: hidden;
}

.rvm-main .TL1GRID::before {
    content: url("data:image/svg+xml; utf8, ");
    position: relative;
    top: -4px;
}

.rvm-main .TL2GRID::before {
    content: url("data:image/svg+xml; utf8, ");
    position: relative;
    top: -4px;
}

.rvm-main .TL4GRID::before {
    content: url("data:image/svg+xml; utf8, ");
    position: relative;
    top: -4px;
}

.rvm-main .btn-blue .btn {
    color: white;
    background-color: #007194;
    border-radius: 5px !important;
    width: 100%;
    height: 100%;
    border: none;
}

.rvm-main .btn-blue .btn:hover {
    background-color: rgba(36, 110, 148, .8);
}

.rvm-main .btn-blue.icon .btn {
    width: 30px;
    height: 30px;
}

.rvm-main .btn-blue.icon .btn::before {
    /*content: '\f8ce';*/
    font-family: 'Material Icons';
    color: white;
    font-size: 20px;
    left: 5px;
    top: 2px;
    position: relative;
}

.rvm-main .control-inline {
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    background-color: rgb(242 243 244);
    border-radius: 10px !important;
}

.rvm-main .control-inline>* {
    margin: 0px 3px;
}

.maximize-button .btn {
    margin-top: 0px;
    min-width: 25px;
    padding: 5px 7px;
}

.reset-btn-col-height {
    height: 40px !important;
}

.reset-btn-height .btn {
    height: 27px !important;
    border-radius: 5px !important;
    padding: 2px 14px !important;
}

.favoriten-btn-height .btn {
    height: 27px !important;
    border-radius: 5px !important;
    padding: 2px 14px !important;
}

.insert-ms-ap-btn-height .btn,
.insert-ms-ap-btn-height .cat-dataform button {
    height: 27px !important;
    border-radius: 10px !important;
    padding: 2px 5px !important;
    margin-top: 0px;
}

.delete-ms-ap-btn-height .btn,
.delete-ms-ap-btn-height .cat-dataform button {
    height: 27px !important;
    border-radius: 10px !important;
    padding: 2px 5px !important;
    margin-top: 0px;
    min-width: 20px;
}

.slim-btn .btn {
    min-width: 0px;
    padding: 0px 0px;
}

/*Expand buttons for RVM tabs*/
.rvm-box .btn-expand {
    color: black;
    background-color: rgb(242 243 244);
    border-radius: 5px !important;
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
}

.rvm-box .btn-expand.collapse,
.rvm-box .btn-expand.collapse.in,
.rvm-box .btn-expand.collapsing {
    display: block;
    height: 25px !important;
}

.rvm-box .btn-expand:hover {
    background-color: hsla(210, 8%, 95%, .5);
}

.rvm-box .btn-expand.collapse span.more {
    display: block !important;
}

.rvm-box .btn-expand.collapse span.less {
    display: none !important;
}

.rvm-box .btn-expand.collapse.in span.more,
.rvm-box .btn-expand.collapsing span.less {
    display: none !important;
}

.rvm-box .btn-expand.collapse.in span.less,
.rvm-box .btn-expand.collapsing span.less {
    display: block !important;
}

.rvm-box .btn-expand.collapsing .material-icons {
    transform: rotate(180deg);
    transition: all .35s;
}

.rvm-box .btn-expand.collapse.in .material-icons {
    transform: rotate(180deg);
}

.rvm-box .CatGridV3 .btn-open::before {
    content: '\f8ce';
}

.invert-collapse-button.collapse {
    display: flex !important;
}

.invert-collapse-button.collapse.in {
    display: none !important;
}

/* Filter buttons (RVM Übersicht links)*/
.filter-button {
    position: relative;
    padding: 5px;
    margin: 0;
    height: 100px;
    display: flex;
    align-items: center;
    transition: all .35s;
}

.filter-button.collapse.in {
    display: flex !important;
}

.filter-button.collapse {
    display: none !important;
}

.filter-button>div:not(.icon, .text) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.filter-button button {
    width: 100%;
    height: 100%;
    margin: 0px;
    color: transparent;
    border-radius: .5rem !important;
}

.filter-button button:hover,
.filter-button button:focus,
.filter-button button:active,
.filter-button button:active:focus {
    color: transparent;
    background-color: #007194;
}

.filter-button .icon,
.filter-button .text {
    pointer-events: none;
    text-align: center;
}

.filter-button .icon .icon-container {
    color: #007194;
    font-size: 2.25rem;
    line-height: 2.5rem;
    background-color: rgb(229, 231, 235) !important;
    border-radius: 0.5rem !important;
    width: 4rem;
    height: 4rem;
    margin: auto;
    display: flex;
    align-items: center;
}

.filter-button .icon svg {
    flex: 1;
    width: 1em;
    height: 1em;
}

.filter-button .text {
    color: black;
}

.filter-button:hover .text {
    color: white
}

.filter-button .text .title {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
}

.filter-button .text .value {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.filter-button .icon *,
.filter-button .text *,
.filter-button .pmd-textfield div[control][disabled] {
    background-color: transparent !important;
}

/* Align items*/
.flex-align-items-left {
    align-items: center;
    justify-content: left;
    display: flex;
}

.flex-align-items-right {
    align-items: center;
    justify-content: right;
    display: flex;
}

.flex-align-items-space-evenly {
    align-items: center;
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
}

.flex-align-items-space-between {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

/*Budget labels*/
.rvm-budgetlabel {
    text-align: center;
}

.rvm-budgetlabel .cat-env-label,
.rvm-budgetlabel div[control][disabled] {
    text-align: center;
    background-color: transparent !important;
    border: none;
}

.rvm-budgetlabel div[control][disabled] {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.rvm-budgetlabel .cat-env-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

/* Radio Button */
.rvm-radiobutton .cat-control-container [control=radiobutton],
.rvm-checkboxbutton .cat-control-container [control=radiobutton],
.rvm-checkboxbutton-blue .cat-control-container [control=radiobutton] {
    position: relative;
    overflow: hidden;
    border-radius: 10px !important;
    background-color: #007194;
    margin: 5px 0;
    cursor: pointer;
    justify-content: center;
    height: auto;
    color: var(--button-primary-foreground) !important;
    font-weight: bold;
    padding: 5px;
}

.rvm-radiobutton .cat-control-container [control=radiobutton]::before,
.rvm-checkboxbutton .cat-control-container [control=radiobutton]::before,
.rvm-checkboxbutton-blue .cat-control-container [control=radiobutton]::before {
    content: attr(text);
}
.rvm-radiobutton .cat-control-container [control=radiobutton] div::before,
.rvm-checkboxbutton .cat-control-container [control=radiobutton] div::before,
.rvm-checkboxbutton-blue .cat-control-container [control=radiobutton] div::before {
    content: "";
}

.rvm-radiobutton .cat-control-container [value="true"][control=radiobutton],
.rvm-checkboxbutton .cat-control-container [value="true"][control=radiobutton] {
    background-color: rgb(116 17 46);
}

.rvm-checkboxbutton-blue .cat-control-container [value="true"][control=radiobutton] {
    background-color: #007194;
}


.rvm-checkboxbutton .cat-control-container [control] .checkbox .cat-checkbox,
.rvm-checkboxbutton-blue .cat-control-container [control] .checkbox .cat-checkbox {
    margin: 0 !important;
}

.rvm-checkboxbutton.delete .cat-control-container [control] .cat-checkbox-label::before,
.rvm-checkboxbutton-blue.delete .cat-control-container [control] .cat-checkbox-label::before {
    content: 'delete';
}


.rvm-checkboxbutton .cat-control-container [control] .cat-checkbox-label::before,
.rvm-checkboxbutton-blue .cat-control-container [control] .cat-checkbox-label::before {
    font-family: 'Material Icons';
    color: white;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: -2px;
    transform: translate(-50%, 0)
}

.rvm-checkboxbutton .cat-control-container [control],
.rvm-checkboxbutton-blue .cat-control-container [control] {
    width: 27px !important;
    margin: 0;
    pointer-events: all !important;
}

.rvm-checkboxbutton .cat-control-container [control] .checkbox,
.rvm-checkboxbutton-blue .cat-control-container [control] .checkbox {
    top: 0px;
    pointer-events: all;
    width: 100%;
    height: 100%;
}

/*Field styles (border, background, etc.)*/
[control]:not([control=label]):not([control=button]):not([control=grid]):not([control=form]):not([control=menu]):not([control=input_numeric_slider]):not([control=menu_tabs]):not([control=grid] *) {
    border: 1px solid #eeeeee !important;
    border-radius: 10px !important;
}

.cat-dataform .cat-control-container .cat-selectdiv[control] {
    border: 1px solid #eeeeee !important;
    border-radius: 10px !important;
}

.cat-control-container [control] {  /*JVe*/
    border-bottom: none;
}

.borderless-field div[control],
.borderless-field div[control] .cat-select-item {
    border: none !important;
}

.multiselect-border-style .ui-sortable-handle {
    border: none !important;
}

.overwrite-disabled-bg-transparent .pmd-textfield div[control][disabled] {
    background-color: transparent !important;
    border: none !important
}

.overwrite-disabled-bg .pmd-textfield div[control][disabled] {
    background-color: rgb(0, 0, 0, 0) !important;
    border: none !important;
}

.overwrite-bg .pmd-textfield div[control][disabled],
.overwrite-bg .pmd-textfield div[control][enabled],
.overwrite-bg div[control] {
    background-color: rgb(0, 0, 0, 0) !important;
    border: none !important;
}

.no-border-selector div[control] .cat-select-item {
    border: 0px !important;
}

.double,
.date {
    padding-right: 5px !important;
}

.headerless-table .grid-header {
    display: none !important;

}

.rvm-bold-label .cat-env-label {
    font-weight: bold !important;
}

.rvm-main .rvm-radiobutton .checkbox label,
.rvm-main .radio label {
    min-height: 40px;
}

/* Styles Tätigkeitserfassung */

.date-selector {
    display: flex;
    justify-content: center;
}

.prev-next-btn .btn {
    min-width: 50px;
    padding: 0px 5px;
}

.slim-padding-col {
    padding-left: 3px;
    padding-right: 3px;
}