/* Minification failed. Returning unminified contents.
(2009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2089,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(2090,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(2091,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight'
(2092,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height'
(2093,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2094,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align'
(2095,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2218,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg'
(2237,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color'
(2242,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color'
(2251,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(2271,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color'
(2282,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2283,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2585,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(2606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2609,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2610,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2650,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(2651,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2652,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2659,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2660,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2661,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(2813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3014,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3018,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3022,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3026,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3030,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3034,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3038,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3042,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3046,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3050,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3054,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3058,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3220,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3418,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3430,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3434,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3438,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3442,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3446,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3450,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3454,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3458,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3462,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3620,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3624,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3628,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3636,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3640,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3644,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3648,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3656,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3660,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3664,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3822,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3826,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3830,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3834,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3838,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3842,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3846,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3850,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3854,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3858,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3862,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3866,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3883,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3885,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3890,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(3892,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg'
(3932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3933,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(3937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3938,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(3942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3943,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color'
(3947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3948,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color'
(3952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3961,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3962,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3975,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3976,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3989,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3990,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4003,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(4004,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(4008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4017,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(4018,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(4022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4031,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(4032,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(4036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4045,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(4046,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(4050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4059,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(4060,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(5004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5019,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
(5019,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x'
(5020,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family'
(5021,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size'
(5022,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight'
(5023,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height'
(5024,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(5032,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width'
(5032,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(5033,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius'
(5034,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(5045,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(5046,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(5047,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(5051,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(5052,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(5053,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(5055,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(5059,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(5060,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(5061,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(5065,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(5069,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color'
(5071,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg'
(5072,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color'
(5073,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity'
(5077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(5104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(5145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(5154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5365,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(5369,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(5373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5480,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width'
(5481,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y'
(5481,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x'
(5483,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size'
(5484,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color'
(5487,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg'
(5489,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width'
(5489,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color'
(5490,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius'
(5496,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5528,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5539,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5548,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5559,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5568,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5579,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5588,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5599,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5608,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5621,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5644,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5671,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5705,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y'
(5707,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg'
(5714,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(5714,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(5717,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(5726,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color'
(5727,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg'
(5731,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(5733,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg'
(5737,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color'
(5748,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y'
(5748,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x'
(5751,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color'
(5757,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(5757,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(5758,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(5762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5882,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y'
(5882,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x'
(5883,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size'
(5884,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight'
(5885,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color'
(5897,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color'
(5901,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(5907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5914,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5914,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color'
(5918,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5920,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5921,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(5922,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(5927,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color'
(5931,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(5937,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color'
(5938,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg'
(5939,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color'
(5943,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5957,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius'
(5961,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(5967,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color'
(5968,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg'
(5995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6020,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(6020,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
(6031,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(6032,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(6033,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end'
(6034,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size'
(6035,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color'
(6041,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color'
(6045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6059,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(6069,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(6073,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(6083,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y'
(6083,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x'
(6084,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size'
(6086,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(6088,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6088,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color'
(6089,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius'
(6090,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition'
(6106,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width'
(6114,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg'
(6121,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height'
(6140,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6141,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6197,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6198,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6254,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6255,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6311,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6312,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6368,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6369,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6424,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6425,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6498,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height'
(6500,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6502,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6502,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6503,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(6518,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6519,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6524,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6525,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6534,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(6534,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(6535,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color'
(6539,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(6543,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(6552,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(6556,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6556,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6558,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(6559,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(6560,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6560,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6564,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6564,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6568,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6568,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6569,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(6570,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(6571,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6571,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6575,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6575,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6579,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6580,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6581,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6586,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6587,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6591,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6592,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6601,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding'
(6602,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6610,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6611,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6615,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6616,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6620,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin'
(6667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6696,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(6696,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(6698,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(6700,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(6704,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(6714,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color'
(6715,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg'
(6716,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(6716,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(6720,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon'
(6721,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(6726,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6727,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6730,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(6732,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6733,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(6748,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color'
(6750,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow'
(6758,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color'
(6759,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg'
(6760,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(6760,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(6764,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6765,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6769,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6770,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6778,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6779,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6783,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6784,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6788,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6789,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6793,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(6793,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(6819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6829,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y'
(6829,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x'
(6830,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom'
(6831,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size'
(6833,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg'
(6834,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius'
(6838,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(6843,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(6844,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color'
(6845,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider'
(6849,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color'
(6853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6881,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(6881,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(6882,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(6883,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(6885,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg'
(6886,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(6886,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(6898,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(6899,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(6900,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(6905,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(6906,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(6908,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(6913,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(6914,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(6915,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(6919,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(6921,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(6922,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(6930,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6931,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6935,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6936,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6961,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y'
(6961,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x'
(6962,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size'
(6963,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight'
(6965,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color'
(6969,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius'
(6982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6991,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y'
(6991,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x'
(6992,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom'
(6993,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color'
(6994,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg'
(6995,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border'
(6996,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius'
(7020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7121,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(7123,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size'
(7124,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg'
(7125,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius'
(7133,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(7136,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(7137,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(7148,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(7148,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(7164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7185,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7200,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color'
(7206,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color'
(7208,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg'
(7212,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color'
(7213,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg'
(7219,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(7219,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(7220,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
(7222,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg'
(7223,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7223,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(7237,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color'
(7239,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg'
(7244,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color'
(7245,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg'
(7246,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color'
(7254,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7255,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7263,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7268,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7277,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7282,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7283,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7292,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7297,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7306,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7311,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7312,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7322,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7327,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7336,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7341,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7342,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7352,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7357,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7366,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7371,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7372,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7382,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7387,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7396,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7401,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7402,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7412,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7417,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7426,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7431,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7432,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7441,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7627,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width'
(7629,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size'
(7630,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color'
(7632,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg'
(7634,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7634,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color'
(7635,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow'
(7636,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(7658,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing'
(7664,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y'
(7664,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7665,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color'
(7666,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg'
(7668,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7668,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color'
(7669,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(7669,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7670,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(7670,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7674,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7675,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7679,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7708,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex'
(7720,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(7744,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(7759,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(7767,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color'
(7769,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg'
(7771,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width'
(7771,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color'
(7772,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius'
(7777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7783,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex'
(7786,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg'
(7794,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(7802,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding'
(7803,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width'
(7803,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color'
(7804,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7805,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7809,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(7809,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(7810,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(7810,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(7810,117): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(7815,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(7821,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(7830,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(7830,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(7831,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg'
(7832,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width'
(7832,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color'
(7833,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7834,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7838,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(7843,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7844,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7848,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width'
(7854,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7860,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7866,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8019,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(8021,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8022,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(8023,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(8037,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(8043,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(8048,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8049,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8065,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8065,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8066,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(8071,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8072,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8077,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8077,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8077,105): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8078,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(8087,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8087,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8088,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(8093,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8094,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8099,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8099,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(8099,112): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(8100,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(8104,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(8105,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(8105,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(8106,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(8108,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(8109,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius'
(8113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8133,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex'
(8135,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width'
(8136,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(8150,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size'
(8152,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(8154,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8154,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(8155,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius'
(8160,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8161,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8174,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8174,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8178,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8178,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8183,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(8187,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8188,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(8192,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8192,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8193,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8194,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8198,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8198,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8198,105): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8203,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(8207,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8208,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(8212,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8212,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8216,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8216,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8221,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(8225,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8226,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(8234,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8235,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8237,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8237,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(8241,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8241,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8242,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8243,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8247,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8247,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(8247,112): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(8252,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(8256,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8257,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(8261,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(8261,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(8263,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(8264,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(8265,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(8266,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(8266,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(8267,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(8268,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(8276,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(8276,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(8277,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
(8477,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(8478,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(8479,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(8481,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(8481,79): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(8482,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(8482,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(8498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8504,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(8509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8577,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8579,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8596,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8597,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8597,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8606,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8607,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8607,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8617,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8619,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8619,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8628,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8630,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8630,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8649,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8650,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8675,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8677,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8694,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8695,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8695,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8704,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8705,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8705,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8715,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8717,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8717,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8726,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8728,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8728,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8747,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8748,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8773,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8775,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8792,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8793,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8793,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8802,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8803,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8803,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8813,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8815,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8815,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8824,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8826,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8826,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8845,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8846,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8871,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8873,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8890,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8891,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8891,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8900,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8901,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8901,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8911,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8913,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8913,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8922,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8924,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8924,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8943,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8969,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8971,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8988,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8989,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8989,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8998,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8999,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8999,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9009,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(9011,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(9011,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9020,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(9022,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(9022,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9041,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9042,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9066,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(9068,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(9083,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(9084,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(9084,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9091,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(9092,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(9092,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9100,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(9102,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(9102,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9109,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(9111,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(9111,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(9145,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(9145,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(9149,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(9149,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(9150,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(9151,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(9152,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(9162,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(9162,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(9240,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9245,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9250,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9255,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9260,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9265,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9270,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9275,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9349,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(9362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9748,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9748,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9748,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9756,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9756,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9756,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9764,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9764,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9764,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9772,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9772,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9772,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9780,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9780,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9780,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9789,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9789,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9794,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9794,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9799,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9799,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9804,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9804,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9809,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9809,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9814,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9814,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9819,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9819,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9824,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9824,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9829,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(9829,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10523,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(10648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10649,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(10649,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10654,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(10654,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10659,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(10659,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10664,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(10664,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10669,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(10669,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10674,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(10674,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10679,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(10679,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10684,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(10684,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10689,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(10689,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10694,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(10694,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10699,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(10699,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(10703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10740,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(10740,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10745,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(10745,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10750,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(10750,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10755,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(10755,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10760,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(10760,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10765,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(10765,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10770,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(10770,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10775,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(10775,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10780,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(10780,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10785,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(10785,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10790,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb'
(10790,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10819,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient'
(10849,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10857,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(10861,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10865,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(10869,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(10873,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(10881,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(10885,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10886,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10890,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10891,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10895,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10896,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10900,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10901,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(14320,9): run-time error CSS1019: Unexpected token, found '}'
(15523,1): run-time error CSS1019: Unexpected token, found '}'
(15523,3): run-time error CSS1031: Expected selector, found '/'
(15523,3): run-time error CSS1025: Expected comma or open brace, found '/'
(16644,1): run-time error CSS1019: Unexpected token, found '@import'
(16644,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800')'
(16906,12): run-time error CSS1030: Expected identifier, found ' '
(16906,13): run-time error CSS1031: Expected selector, found '40px'
(16906,13): run-time error CSS1025: Expected comma or open brace, found '40px'
(16907,1): run-time error CSS1019: Unexpected token, found '}'
(16907,3): run-time error CSS1031: Expected selector, found '/'
(16907,3): run-time error CSS1025: Expected comma or open brace, found '/'
(17059,23): run-time error CSS1038: Expected hex color, found '#ccd4e'
(17501,1): run-time error CSS1019: Unexpected token, found '}'
(18689,1): run-time error CSS1019: Unexpected token, found '}'
(20084,1): run-time error CSS1019: Unexpected token, found '@import'
(20084,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')'
(21006,27): run-time error CSS1035: Expected colon, found 'text-transform'
(21489,23): run-time error CSS1038: Expected hex color, found '#ccd4e'
(22354,1): run-time error CSS1019: Unexpected token, found '}'
(26001,2): run-time error CSS1030: Expected identifier, found ' '
(26001,2): run-time error CSS1019: Unexpected token, found ' '
(34587,1): run-time error CSS1019: Unexpected token, found '}'
(35619,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35629,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40056,25): run-time error CSS1046: Expect comma, found '218'
(40056,32): run-time error CSS1046: Expect comma, found ')'
(40315,1): run-time error CSS1019: Unexpected token, found '}'
(41585,52): run-time error CSS1035: Expected colon, found ','
(41636,1): run-time error CSS1035: Expected colon, found '{'
(41657,1): run-time error CSS1035: Expected colon, found '{'
(41812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<'
(41962,2): run-time error CSS1031: Expected selector, found '@import'
(41962,2): run-time error CSS1025: Expected comma or open brace, found '@import'
(44972,7): run-time error CSS1030: Expected identifier, found ' '
(45173,1): run-time error CSS1019: Unexpected token, found '}'
(45737,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(45738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45749,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(45750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(56141,20): run-time error CSS1036: Expected expression, found '#'
(56142,16): run-time error CSS1036: Expected expression, found '#'
(58811,3): run-time error CSS1031: Expected selector, found '/'
(58811,3): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://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 http://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 jQuery 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;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.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;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .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 - 40 */
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 {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    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 {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    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%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    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: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.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 {
    -ms-touch-action: none;
    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;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* 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 */
.ui-icon-blank {
    background-position: 16px 16px;
}

.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;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

@charset "UTF-8"; /*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

.h3, h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3, h3 {
        font-size: 1.75rem
    }
}

.h4, h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4, h4 {
        font-size: 1.5rem
    }
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

.mark, mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

    a:hover {
        color: var(--bs-link-hover-color)
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

    .blockquote > :last-child {
        margin-bottom: 0
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "— "
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

    .form-control-sm::-webkit-file-upload-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: .375rem
    }

    .form-control-color::-webkit-color-swatch {
        border-radius: .375rem
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + 2px)
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + 2px)
    }

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

        .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
            z-index: 3
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 3
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select, .input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25,135,84,.9);
    border-radius: .375rem
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #198754
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #198754
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: #198754
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: #198754
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid {
    z-index: 1
}

    .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus {
        z-index: 3
    }

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .375rem
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #dc3545
}

    .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #dc3545
}

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: #dc3545
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

    .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #dc3545
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid {
    z-index: 2
}

    .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus {
        z-index: 3
    }

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check:focus + .btn, .btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:active + .btn, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

    .btn-link:focus {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

.dropdown-menu-start {
    --bs-position: start
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

.dropdown-menu-end {
    --bs-position: end
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-md-end {
        --bs-position: end
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow:;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group {
    border-radius: .375rem
}

    .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
        margin-left: -1px
    }

    .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
        background: 0 0;
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

    .nav-pills .nav-link {
        background: 0 0;
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.accordion {
    --bs-accordion-color: #000;
    --bs-accordion-bg: #fff;
    --bs-accordion-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,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)
}

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0
    }

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg:;
    --bs-breadcrumb-border-radius:;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/")
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: 0.25rem
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

    .alert-primary .alert-link {
        color: #06357a
    }

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

    .alert-secondary .alert-link {
        color: #34383c
    }

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

    .alert-success .alert-link {
        color: #0c4128
    }

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

    .alert-info .alert-link {
        color: #04414d
    }

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

    .alert-warning .alert-link {
        color: #523e02
    }

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

    .alert-danger .alert-link {
        color: #6a1a21
    }

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

    .alert-light .alert-link {
        color: #4f5050
    }

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

    .alert-dark .alert-link {
        color: #101214
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: 0.375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > .list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: calc(var(--bs-list-group-border-width) * -1);
            border-top-width: var(--bs-list-group-border-width)
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(var(--bs-list-group-border-width) * -1);
            border-left-width: var(--bs-list-group-border-width)
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: calc(var(--bs-list-group-border-width) * -1);
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: calc(var(--bs-list-group-border-width) * -1);
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: calc(var(--bs-list-group-border-width) * -1);
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: calc(var(--bs-list-group-border-width) * -1);
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: calc(var(--bs-list-group-border-width) * -1);
                border-left-width: var(--bs-list-group-border-width)
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #084298;
        background-color: #bacbe6
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #084298;
        border-color: #084298
    }

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #41464b;
        background-color: #cbccce
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #41464b;
        border-color: #41464b
    }

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #0f5132;
        background-color: #bcd0c7
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #0f5132;
        border-color: #0f5132
    }

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #055160;
        background-color: #badce3
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #055160;
        border-color: #055160
    }

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #664d03;
        background-color: #e6dbb9
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #664d03;
        border-color: #664d03
    }

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #842029;
        background-color: #dfc2c4
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #842029;
        border-color: #842029
    }

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #636464;
        background-color: #e5e5e5
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #636464;
        border-color: #636464
    }

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #141619;
        background-color: #bebebf
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #141619;
        border-color: #141619
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        opacity: 1
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .25
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color:;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: 0.375rem;
    --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    position: absolute;
    z-index: 1090;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(var(--bs-toast-padding-x) * -.5);
        margin-left: var(--bs-toast-padding-x)
    }

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color:;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg:;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin:;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: 0.375rem;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 0.5rem;
    --bs-popover-inner-border-radius: calc(0.5rem - 1px);
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: var(--bs-heading-color);
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

        .popover .popover-arrow::after, .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0
        }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(var(--bs-popover-arrow-width) * -.5);
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

    .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(100%)
    }

    .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color:;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
        transform: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
        transform: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
        transform: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
        transform: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
        transform: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .offcanvas-backdrop.fade {
        opacity: 0
    }

    .offcanvas-backdrop.show {
        opacity: .5
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
        margin-top: calc(var(--bs-offcanvas-padding-y) * -.5);
        margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
        margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5)
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13,110,253,var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108,117,125,var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25,135,84,var(--bs-bg-opacity,1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13,202,240,var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255,193,7,var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220,53,69,var(--bs-bg-opacity,1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33,37,41,var(--bs-bg-opacity,1)) !important
}

.link-primary {
    color: #0d6efd !important
}

    .link-primary:focus, .link-primary:hover {
        color: #0a58ca !important
    }

.link-secondary {
    color: #6c757d !important
}

    .link-secondary:focus, .link-secondary:hover {
        color: #565e64 !important
    }

.link-success {
    color: #198754 !important
}

    .link-success:focus, .link-success:hover {
        color: #146c43 !important
    }

.link-info {
    color: #0dcaf0 !important
}

    .link-info:focus, .link-info:hover {
        color: #3dd5f3 !important
    }

.link-warning {
    color: #ffc107 !important
}

    .link-warning:focus, .link-warning:hover {
        color: #ffcd39 !important
    }

.link-danger {
    color: #dc3545 !important
}

    .link-danger:focus, .link-danger:hover {
        color: #b02a37 !important
    }

.link-light {
    color: #f8f9fa !important
}

    .link-light:focus, .link-light:hover {
        color: #f9fafb !important
    }

.link-dark {
    color: #212529 !important
}

    .link-dark:focus, .link-dark:hover {
        color: #1a1e21 !important
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    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
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%,-50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */

.GreenLED {
    background: url(/Content/images/LED_Green.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.YellowLED {
    background: url(/Content/images/LED_Yellow.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.RedLED {
    background: url(/Content/images/LED_Red.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.OrangeLED {
    background: url(/Content/images/LED_Orange.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.LightGreenLED {
    background: url(/Content/images/LED_LightGreen.png) no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    float: left;
}

.s4-toplinks .s4-tn a.selected {
    padding-left: 10px;
    padding-right: 10px;
}
/*.first_tier_nav {
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 0px;
    background: transparent !important;
}*/
/*.first_tier_nav {
    width: 100%;
    float: left;
    height: 100%;
    padding: 10px;
    padding-left: 0px;
    background: #fff !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}*/
.first_tier_nav ul {
    width: auto;
    float: left;
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.0);
    border-top: 1px solid rgba(255, 255, 255, 0.0);
    margin-left: 0px;
}

    *html .first_tier_nav ul {
        margin: 8px 0 0 28px;
    }

        /*.first_tier_nav ul li,
        .first_tier_nav ul li.tabactive,
        .first_tier_nav ul li.tabhover {
            width: auto;
            float: left;
            display: inline;
            list-style: none;
            margin: 0 8px;
            text-align: center;
            overflow: hidden;
            color: #fff;*/
            /*background: url(/Content/images/firstnavbg.gif) repeat-x;*/  /*commented by chetan*/
            /*cursor: pointer;*/ /*padding: 0 5px;*/
        }

            .first_tier_nav ul li.tabactive {
                background: url(/Content/images/firstnavbg_active.gif) repeat-x;
            }

            /*.first_tier_nav ul li.tabhover {
                background: url(/Content/images/firstnavbg_hover.gif) repeat-x;
            }*/



            .first_tier_nav ul li.Red,
            .first_tier_nav ul li.tabactiveRed,
            .first_tier_nav ul li.tabhoverRed {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgRed.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.Green,
            .first_tier_nav ul li.tabactiveGreen,
            .first_tier_nav ul li.tabhoverGreen {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgGreen.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

                .first_tier_nav ul li a,
                .first_tier_nav ul li.tabactive a,
                .first_tier_nav ul li.tabhover a .first_tier_nav ul li.tabactiveRed a,
                .first_tier_nav ul li.tabhoverRed a .first_tier_nav ul li.tabactiveGreen a,
                .first_tier_nav ul li.tabhoverGreen a {
                    float: left;
                    padding: 4px 21px 5px 0px;
                    display: block;
                    background-repeat: no-repeat;
                    background-position: right;
                    color: White;
                }

                    .first_tier_nav ul li a:hover,
                    .first_tier_nav ul li.tabactive a:hover,
                    .first_tier_nav ul li.tabhover a:hover {
                        text-decoration: none;
                    }

textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 8pt;
}

/*input[type="text"] {
    font-size: 8pt;
    font-family: verdana;
}*/

.tickettemplate {
    background-image: url('/Content/images/exportTemplate_20x20.png');
}

.incident {
    background-image: url('/Content/ButtonImages/incident.png');
}

.admin {
    background-image: url('/Content/ButtonImages/admin.png');
}

.approve {
    background-image: url('/Content/ButtonImages/approve.png');
}

.baseline-add {
    background-image: url('/Content/ButtonImages/baseline-add.png');
}

.baseline-delete {
    background-image: url('/Content/ButtonImages/baseline-delete.png');
}

.baseline-restore {
    background-image: url('/Content/ButtonImages/baseline-restore.png');
}
/*.cancel{background-image:url('/Content/ButtonImages/cancel.png');}*/
.cancelwhite {
    background-image: url('/Content/ButtonImages/cancelwhite.png');
    background-repeat: no-repeat;
    background-position: right;
}

.cmdb {
    background-image: url('/Content/ButtonImages/cmdb.png');
}

.home {
    background-image: url('/Content/ButtonImages/home.png');
}

.lock {
    background-image: url('/Content/ButtonImages/lock.png');
}

.notify {
    background-image: url('/Content/ButtonImages/notify.png');
}

.print {
    background-image: url('/Content/ButtonImages/print.png');
}

.reject {
    background-image: url("/Content/ButtonImages/reject.png");
}

.report {
    background-image: url('/Content/ButtonImages/report.png');
}

.return {
    background-image: url('/Content/ButtonImages/return.png')
}

.save {
    background-image: url('/Content/ButtonImages/save.png');
    background-repeat: no-repeat;
    background-position: right;
}

.unlock {
    background-image: url('/Content/ButtonImages/unlock.png');
}

.edit {
    background-image: url('/Content/ButtonImages/edit-icon.png');
}

.usertick {
    background-image: url('/Content/ButtonImages/self-assign.png');
}

.ganttImg {
    background-image: url('/Content/ButtonImages/GanttChart1.png');
}

.comment {
    background-image: url('/Content/ButtonImages/comments.png');
}

.import {
    background-image: url('/Content/ButtonImages/import.png');
}

.export {
    background-image: url('/Content/ButtonImages/export.png');
}

.schedulebtn {
    background-image: url('/Content/ButtonImages/schedule.png');
    background-repeat: no-repeat;
    background-position: right;
}

.selectlist {
    background-image: url('/Content/ButtonImages/select-list.png');
}

.runnow {
    background-image: url('/Content/ButtonImages/execute.png');
    background-repeat: no-repeat;
    background-position: right;
}

.publish {
    background-image: url('/Content/ButtonImages/publish.png');
    background-repeat: no-repeat;
    background-position: right;
}

.next-button {
    background-image: url('/Content/ButtonImages/next.png');
    background-repeat: no-repeat;
    background-position: right;
}

.back-button {
    background-image: url('/Content/ButtonImages/return.png');
    background-repeat: no-repeat;
    background-position: right;
}

.save-template {
    background-image: url('/Content/ButtonImages/save-template.png');
    background-repeat: no-repeat;
    background-position: right;
}

.close {
    background-image: url('/Content/images/closedoor.png');
}

.stopreview {
    background-image: url('/Content/images/DocumentLibraryManagement/StopWorkflow.png');
}

/*.moduleDetailTabsContainer111 {
    float: left;
    width: 100%;
}*/

.main_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.sub_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.ro-heading-txt {
    background: #F1B584;
    padding: 4px 15px;
    font-weight: bold;
    font-size: 12px;
}

.ro-heading-line {
    float: left;
    width: 100%;
    border: 1px solid #F1B584;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-header th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: center;
}

.ro-item td {
    background: #F4F4F4;
    border: 1px solid #fff;
}

.ro-alternateitem td {
    background: #E9ECF3;
    border: 1px solid #fff;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-header-issue th {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
}

.ro-item-issue td {
    background: #F7E3C5;
    border: 1px solid #fff;
}

.ro-alternateitem-issue td {
    background: #F7ECDA;
    border: 1px solid #fff;
}

.ro-monitorshead {
    background: #f1f2f6;
    box-shadow: 0px 0px 1px #aaaaaa;
    /*background: #BED0E5;*/
    padding: 8px;
}

.ro-statusrow td {
    background: #BED0E5;
}

.ro-header-report th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budget td {
    background: #E9ECF3;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-alternateitem-actual td {
    background: #b8cce4;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budgettotal td {
    background: #ACC775;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-actualtotal td {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-variancetotal td {
    background: #E9ECF3;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-header-report-title th {
    text-align: left;
    padding-left: 5px;
}

.button-bg {
    /*color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 0px 1px;
    padding: 4px 6px 6px;
    cursor: pointer;*/
    color: white;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;
    background: #4fa1d6 no-repeat left top;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #a9acb5;
}

    .button-bg:hover {
        /*background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;*/
        background: #4aa0e2 no-repeat left top;
    }

.input-button-bg {
    /*background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;*/
    border: 0px;
    color: white;
    cursor: pointer;
    float: left;
    padding: 5px;
    margin: 1px;
    background: #4A6EE2;
}

    .input-button-bg:hover {
        background: #4A6EE2;
        /*background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;*/
    }

.button-bg-red {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

    .button-bg-red, .button-bg-red:hover {
        background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    }


/*Top Menu Start*/
.topmenudiv {
    float: left;
    width: 100%;
    padding-left: 0px;
    background: url("/Content/images/nav_bar_bg1x1.png") repeat-x scroll 0 0 transparent;
}

.topmenuitem {
    float: left;
    padding: 7px 50px 0 50px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

    .topmenuitem:hover { /*position:relative;top:-2px*/
    }

.topmenuborder {
}

.topmenuitemdiv {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemdivsel {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemspan {
    float: left;
}

.topmenuitemspansel {
    float: left;
    border: 2px solid #676767;
    border-bottom: none;
    background: #fff;
}

.topmenu-table {
}

    .topmenu-table td {
    }

.topmenu-itemcontainer {
    float: left;
    height: 32px;
    width: 100%;
    position: relative;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #BFBCBC;
}

.topmenu-itemcontainersub {
    float: left;
    height: 32px !important;
}

.topmenu-link {
    height: 28px;
}

.topmenu-linksub {
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 9px 5px 0px 0px;
}

.topsubmenu-linksub {
    float: left;
    font-weight: bold;
    padding: 9px 0px;
}

.topmenu-linkimgsub {
    float: left;
    padding: 5px 5px 0px 0px;
}

    .topmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topsubmenu-linkimgsub {
    float: left;
    padding: 7px 5px 0px 0px;
}

    .topsubmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topmenu-selectedtab {
    position: relative;
    top: 0px;
    width: 96% !important;
}

.input_search_pos {
    margin-right: 12px;
    position: relative;
    top: 9px;
}

.input_search_box {
    position: relative;
    top: 9px;
}

.topSearchBox {
    float: right;
    width: auto;
    position: relative;
    padding-right: 10px;
    top: 0px;
    padding-left: 10px;
}

    .topSearchBox input {
        height: 19px
    }

.topSearchPos {
    top: 7px;
    position: absolute;
    left: 133px;
}

td.ms-sbgo {
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 0px;
    border: solid 0px #949494;
}

    td.ms-sbgo a {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 4px !important;
    }

    td.ms-sbgo a {
        background-image: url("/Style Library/Images/search-bt.gif");
        background-repeat: no-repeat;
        background-position: top left;
        float: left;
    }

        td.ms-sbgo a img {
            visibility: hidden;
            height: 27px;
            width: 77px;
        }

.s4-search input.ms-sbplain {
    width: 191px !important;
    background: transparent url("/Style Library/Images/textbox-bg.gif") 0 0 no-repeat;
    font-size: 12px !important;
    height: 25px;
    border: 1px solid #d4d4d4;
}

.s4-search .srch-gosearchimg {
    height: 27px !important;
}

.s4-search {
    padding: 0 !important;
}

.s4-rp {
    float: right;
    padding: 2px 10px 2px 5px;
}

.s4-search input {
    border-right: medium none !important;
    font-size: 1.1em;
    height: 16px;
    margin-top: 3px;
    padding: 1px 3px 2px;
    width: 221px !important;
}

.s4-search input, .s4-search .ms-searchimage {
    background: url("bgximg-4DDA2070.png?ctag") repeat-x scroll 0 -511px #FFFFFF;
    float: left;
}

.s4-search select, .s4-search input {
    border: 1px solid #92A8AA !important;
    color: #919649;
    float: left;
}

.ms-sharepointsearchtext {
    color: #7F7F7F;
    font-style: italic;
}

.uGitWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 150px;
    height: 23px;
}

.uGitsearchTextBox {
    width: 150px;
    height: 23px;
    font-size: 8pt;
    font-style: normal;
}

.menuitem-container {
    position: relative;
    top: -1px;
}

.hoverlevel1tab {
    background: url('') #F7F7F7;
    border: 1px solid #BFBCBC;
    border-bottom: none;
    position: relative;
    float: left;
    z-index: 10000;
    border-top: none;
    border-bottom: none;
}

.level2menu-container {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #BFBCBC;
    float: left;
    position: absolute;
    top: 32px;
    width: 200px;
    z-index: 1000000;
    cursor: pointer;
}

.topsubmenu-item {
    float: left;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #BFBCBC;
}

.topsubmenu-itemselected, .topsubmenu-itemhover {
    background: #797878;
    color: white;
}



.topsubmenu-item a {
    float: left;
    width: 93%;
    padding: 0px 5px;
}

.topsubmenu-itemselected a:link, .topsubmenu-itemselected a:visited, .topsubmenu-itemselected a:hover .topsubmenu-itemhover a:link, .topsubmenu-itemhover a:visited, .topsubmenu-itemhover a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*Top Menu End*/

/* flexible box top tr*/
.cg-topleft-corner {
    background: url(/Content/images/cg-topleft-corner.png) no-repeat;
    width: 15px;
    height: 15px;
    /*display:none;*/
}

.cg-topmiddle-line {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
    height: 15px;
    /*display:none;*/
}

.cg-topright-corner {
    background: url(/Content/images/cg-topright-corner.png) no-repeat;
    width: 18px;
    height: 15px;
    /*display: none;*/
}

/*middle tr*/
.cg-middleleft-line {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px;
    /*display: none;*/
}

.cg-middleright-line {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px;
    /*display: none;*/
}

/*Bottom tr type1*/
.cg-bottomleft-corner {
    background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;
    width: 15px;
    height: 18px;
    /*display: none;*/
}

.cg-bottommiddle-line {
    background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;
    height: 10px;
    /*display: none;*/
}

.cg-bottomright-corner {
    background: url(/Content/images/cg-bottomright-corner.png) no-repeat;
    width: 18px;
    height: 18px;
    /*display: none;*/
}

/*Bottom tr type2*/
.cg-centerleft-line {
    background: url(/Content/images/cg-centerleft-line.png) no-repeat;
    width: 15px;
    height: 3px;
    /*display: none;*/
}

.cg-centermiddle-line {
    background: url(/Content/images/cg-center-line.png) repeat-x;
    width: 1px;
    height: 3px;
    /*display: none;*/
}

.cg-mcenterright-line {
    background: url(/Content/images/cg-centerright-line.png) no-repeat;
    width: 18px;
    height: 3px;
    /*display: none;*/
}


.cg-d-main {
    position: relative;
}

.ctrcontainer {
    float: left;
    padding-left: 10px
}

.ctrcontainer-sidebar {
}

.cg-dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: 14px;
    top: 2px;
    z-index: 1000;
}

.cg-drilldownback {
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 2px;
    position: relative;
    top: 3px;
    left: 3px;
}

.cg-dashboardtopaction-type1 {
    position: relative;
    top: -12px;
    right: 6px;
}

.cg-dashboardtopaction-type2 {
    position: relative;
    top: 0px;
    right: 6px;
}

.cg-dashboardbottomaction {
    float: right;
    position: relative;
    right: -10px;
    top: -5px;
    width: 100%;
}

.cg-d-contentc {
    position: relative;
}

.cg-d-description {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    top: -12px;
    z-index: 10;
}

.cg-d-description1 {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    z-index: 10;
}

.cg-d-returnactionc {
    float: left;
    position: absolute;
    left: -8px;
}

.dashboard-desc {
    font-weight: normal;
    float: left;
    padding-left: 4px;
    font-size: 11px;
}

.dashboardkpi-main {
    margin-bottom: 5px;
    display: block;
}

.dashboardkpi-main-min {
    margin-bottom: 1px;
    display: block;
}

/*.dashboardkpi-txt { padding:2px;
}*/
/*.dashboardkpi-txt:hover{color:#000;}*/
.dashboardkpi-td {
    background: #fff;
    padding: 0px 2px;
}

.dashboardkpi-a {
    font-size: 12px;
}

.dashboardkpi-a-min {
    font-size: 10px;
}

.dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: -14px;
    top: 2px;
}

.dashboardbottom-super {
    float: left;
    width: 100%;
}

.dimensionmenu-super {
    max-width: 100px;
    padding-right: 5px;
    position: relative;
    font-size: 9px;
    margin-right: 2px;
}

.localdatefilter-super {
    position: relative;
    float: right;
    font-size: 9px;
    margin-right: 2px;
}

.roundedrectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -8px;
    float: left;
    top: -8px;
}

.rectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.none-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.roundedrectangle-localdatefilter {
    position: relative;
    right: 6px;
    float: right;
    top: -8px;
}

.rectangle-localdatefilter {
    position: relative;
    right: -16px;
    float: right;
    top: -2px;
}

.none-localdatefilter {
    position: relative;
    right: 4px;
    float: right;
    top: -4px;
}

.none-localdatefilter {
    position: relative;
    right: -14px;
    float: right;
    top: -3px;
}

/*.panelDashboard {
    margin: 10px 15px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important
}*/

.rectangle-panelDashboard {
    margin: 10px 5px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important;
    border: 1px solid #747474 !important
}

.chartbreadcrumb {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    border: none;
    font-size: 9px;
    text-align: center;
    position: absolute;
    z-index: 100;
}
/*flexible box*/

/*Side bar link Start */
.itemdiv img {
    max-width: 120px;
    text-align: center;
    /*border: 1px outset #F2F2F2;*/
}

.charttitlespan {
    background: #f8f8f8;
    float: left;
    text-align: center;
    width: 100%;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
/*Side bar link End */

/*Message Board Start*/
.warningli {
    background: url('/Content/images/message_warning.png') no-repeat top left;
    font-weight: normal;
}

.criticalli {
    background: url('/Content/images/message_critical.png') no-repeat top left;
    font-weight: bold;
}

.goodli {
    background: url('/Content/images/message_good.png') no-repeat top left;
}

.informationli {
    background: url('/Content/images/message_Information.png') no-repeat top left;
}

.personli {
    background: url('/Content/images/People16X16.png') no-repeat top left;
    font-weight: bold;
}

.messageboard-ul {
    display: inline-block;
    background: #F8F8F8;
    position: relative;
    width: 770px;
    /*min-height:40px;*/
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

    .messageboard-ul > li {
        list-style-type: none;
        padding-left: 22px;
        padding-bottom: 10px;
        font-size: 12px;
        font-weight: normal;
    }
/*Message Board End*/


/*Service Catalog Start*/
.populate-services {
    float: left;
    width: 100%;
}

    .populate-services fieldset {
        float: left;
        width: 97%;
    }

    .populate-services select {
        height: 23px;
        max-width: 300px;
        min-width: 125px;
    }

.service-moreservices {
    float: left;
    padding: 10px;
}

.category-block {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.service-block {
    float: left;
    padding-right: 5px;
    padding-left: 10px;
    font-weight: bold;
}

.serviceaction-block {
    float: left;
}

.categorylist {
    width: 200px;
}

.sc-excp {
    float: left;
    padding-left: 3px;
}

/*.service-catalog {
    float: left;
    width: 890px;
}*/

* + html .service-catalog {
    width: 890px;
}

    .service-catalog td:Hover {
    }

.service-catalog-inner {
    float: left;
    width: 99%;
    margin-left: 3px;
}

/*.servciecatalog-main {
    float: left;
    width: 890px;
}*/

* + html .servciecatalog-main {
    width: 890px;
}

/*.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}*/

/*.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 155px;
    border-top: 2px solid black;
}*/

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

/*.pcategorycontainer {
    float: left;
    padding-left: 5px;
    margin-bottom: 10px;
    /*width: 285px;*/
}*/

.service-toptitle {
    float: left;
    padding: 5px 4px 0px 4px;
    margin: 0px;
}

.service-toptitle-sub {
    font-weight: normal !important;
    float: left;
    padding: 5px 4px 0px 15px;
    margin: 0px;
    color: black;
    font-size: 16px;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 285px;
        float: left;
        padding-bottom: 10px;
    }

/*.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}*/

/*.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}*/

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 190px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 270px;
        float: left;
        padding-bottom: 10px;
    }

/*.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}*/

/*.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}*/

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 155px;
    text-align: left;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}
/*Service Catalog End*/

.multipledepartmentViewdiv {
    border: 1px solid;
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
}

    .multipledepartmentViewdiv > span {
        float: left;
        padding: 2px 1px;
        width: 99%;
        color:black;
    }

    .multipledepartmentViewdiv .selected {
        background: #d8dee6 !important;
    }

.dementmentviewtd > span {
    float: left;
    padding: 1px 2px;
}

.fright {
    float: right;
}

.fullwidth {
    float: left;
    width: 100%;
}

/*.popupleftcts {
    float: left;
    padding-bottom: 5px;
}*/

/*.departmentPopup {
    /* background: none repeat scroll 0 0 #ECE8D3;
        border: 4px double #FCCE92;
    font-size: 11px;
}*/

.dxeBase {
    font: inherit;
}

.hide {
    display: none;
}

.dnode {
    display: none;
}


/*Custom filter css start*/

.pagerBox td table tr td span {
    /* font-size : larger; */
    border: 1px solid black;
    padding: 0px 3px;
}

.moduleimgtd {
    padding: 0 5px 0 0;
    width: 35px;
}

.tickettypetab {
    float: left;
    padding: 4px 4px 4px 4px;
    margin-left: 3px;
}

.tickettypetabsel {
    float: left;
    padding: 4px 4px 4px 4px;
}

.linkseprator {
    padding-left: 3px;
}

.fixedbutton a:hover {
    text-decoration: none;
}

.dnone {
    display: none;
}

.search_bg {
    float: right;
    background: url("bgximg-4DDA2070.png?ctag") repeat-x 0 -511px #FFFFFF;
}

/*.moduledesciptiontd {
    padding-bottom: 15px;
}*/

table.ms-listviewtable > tbody > tr > td {
    border: none;
}

/*.ms-viewheadertr .ms-vh2-gridview {
    background: transparent !important;
    height: 22px;
}*/

.ms-vh2 .ms-selectedtitle .ms-vb, .ms-vh2 .ms-unselectedtitle .ms-vb {
    text-align: left;
}

.ms-listviewtable .ms-vb2, .ms-summarystandardbody .ms-vb2 {
    text-align: left;
}

a.newlinkbutton, a.newlinkbutton:hover {
    text-decoration: none;
}



/*.top_right_nav {
    margin: 0;
    text-align: right;
    position: relative;
    float: right;
}*/

    .top_right_nav span {
        float: left;
        width: auto;
        margin-left: 5px;
    }

.ms-viewheadertr th[align="center"] td.ms-vb {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] td.ms-vb {
    text-align: left !important;
}

.ms-viewheadertr th[align="right"] td.ms-vb {
    text-align: right !important;
}

.ms-viewheadertr th[align="center"] {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] {
    text-align: left !important;
}

.headercenter {
    text-align: center !important;
}

    .headercenter td {
        text-align: center !important;
    }

.fleft {
    float: left;
}

.img[alt="Open Menu"] {
    border: none;
}

.dxbButton div.dxb {
    padding: 0px 4px;
    border: none;
}

.ugitbutton {
    background-image: url(/Content/images/firstnavbg.gif);
    color: #fff;
    font-weight: 600;
}

.ugitbutton-hover {
    background-image: url(/Content/images/firstnavbg_hover.gif);
    color: #fff;
    font-weight: 600;
}

.button-bg {
    /*color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;*/
    color: white;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;
    background: #4fa1d6 no-repeat left top;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #a9acb5;
}

    .button-bg b {
        position: relative;
        /*top: -2px;*/
    }

    .button-bg:hover {
        /*background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;*/
        background: #4A6EE2 no-repeat left top;
    }

.ModuleBlock {
    background: none repeat scroll 0 0 #ECE8D3;
    border: 4px double #FCCE92;
    position: absolute;
    z-index: 100;
}

.reportitem {
    border-bottom: 1px solid black;
    cursor: pointer;
    color: black;
}

.menuTextCell {
    padding-left: 2px;
    padding-top: 2px;
    height: 18px;
}

.menuTable {
    width: 100%;
    border-collapse: collapse;
}

.reportItemSelected {
    background-color: aqua;
}


.inputTextBox {
    width: 70px;
    height: 14px;
    position: relative;
    top: -2px;
}

.SearchWidth {
    width: 100px;
}

.searchTextBox {
    width: 100px;
    height: 20px;
    font-size: 8pt;
}

.globalSearchTextBox {
    font-size: 8pt;
    width: 60px;
    height: 20px;
}

.globalfilter {
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.WaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 100px;
    height: 14px;
}

.GlobalWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 60px;
    height: 14px;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.selected-export {
    float: left;
    position: relative;
    z-index: 10000;
    top: -1px;
    border: 1px inset;
    border-bottom: none;
    background: white;
}

.fright {
    float: right;
}

/*.rdFilterCriteria label {
    vertical-align: bottom;
}*/

.rdSortCriteria label {
    vertical-align: bottom;
}

.advancemode > input {
    float: left;
    position: relative;
    top: -2px;
}

.advancemode > label {
    float: left;
}
/*Custom filter css end*/

.button-red {
    color: white;
    background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

.ugitaccent1homembg {
    background: url("/Content/images/modulepanelbg1.png") no-repeat;
    height: 129px;
    width: 279px;
}
/*.accent1-panel-topleft-corner{ background:url(/Content/images/left_top_img1.png) no-repeat; width: 26px; height: 16px;}
  .accent1-panel-topright-corner{background:url(/Content/images/right_top_img1.png) no-repeat;width: 26px; height: 16px;}
  .accent1-panel-bottomleft-corner{ background:url(/Content/images/left_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-panel-bottomright-corner{ background:url(/Content/images/right_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-middletop-rep{ background:url(/Content/images/rep_top_img1.png) repeat-x;}
  .accent1-middledown-rep{background:url(/Content/images/rep_down_img1.png) repeat-x;}
  .accent1-leftside-border{ background:url(/Content/images/left_border_img1.png) repeat-y;width:3px;}
  .accent1-rightside-border{background:url(/Content/images/right_border_img1.png) repeat-y;width:3px;}*/

.roundedrectangle-panel-topleft-corner {
    /*background: url(/Content/images/cg-topleft-corner.png) no-repeat;*/
    width: 15px !important;
    height: 15px !important;
}

.roundedrectangle-panel-topright-corner {
    /*background: url(/Content/images/cg-topright-corner.png) no-repeat;*/
    width: 18px !important;
    height: 15px !important;
}

.roundedrectangle-panel-bottomleft-corner {
    /*background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;*/
    width: 15px !important;
    height: 18px !important;
}

.roundedrectangle-panel-bottomright-corner {
    /*background: url(/Content/images/cg-bottomright-corner.png) no-repeat;*/
    width: 18px !important;
    height: 18px !important;
}

.roundedrectangle-middletop-rep {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
}

.roundedrectangle-middledown-rep {
    /*background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;*/
    height: 10px !important;
}

.roundedrectangle-leftside-border {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px !important;
}

.roundedrectangle-rightside-border {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px !important;
}


.rectangle-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.rectangle-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.rectangle-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.rectangle-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.rectangle-middletop-rep {
}

.rectangle-middledown-rep {
    height: 10px !important;
}

.rectangle-leftside-border {
    width: 15px !important;
}

.rectangle-rightside-border {
    width: 19px !important;
}

/*.none-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.none-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.none-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.none-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.none-middletop-rep {
}

.none-middledown-rep {
    height: 10px !important;
}*/

.none-leftside-border {
    width: 15px !important;
}

.none-rightside-border {
    width: 19px !important;
}



.doubleWidthnHeight {
    height: 40px !important;
    width: 99% !important;
}

.extraHeightWithDoubleWidth {
    height: 60px !important;
    width: 99% !important;
}

.descExtraHeightWithDoubleWidth {
    height: 150px !important;
    /*width: 99% !important;*/
}





/* Jquery UI Extension  Start*/
/* People Editor autocomplete */
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /*for module popup AD User*/
    z-index: 30000;
}
/* Jquery UI Extension  end*/

.ugit-trcnoti-base {
    width: 100%;
    max-height: 500px;
    position: relative;
    display: block;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
}

.ugit-trcnoti-bg {
    width: 100%;
    max-height: 500px;
    position: relative;
    padding: 1px;
    cursor: pointer;
    border-color: #5A9AE5;
    /*background-color: #5A9AE5;*/ /*rgba(255, 255, 255, 0.85);*/
    background-color: #E8E8E7;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 500;
    /*box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);*/
}

.ugit-trcnoti-toast {
    padding: 4px 7px;
    text-align: center;
}

.vipticket {
    background-color: #f7e1e1 !important;
}

    .vipticket td {
        font-weight: bold;
    }

.errormsg-container {
    color: red;
}

a:link.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: underline;
}

a:hover.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#messagefooter {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    /*background-color: rgb(251, 251, 251);
    color: #3C3939;*/
}

.footerClassicTheme {
    background-color: rgb(251, 251, 251)
}

.error {
    color: red !important;
}

.content-wrapper {
    padding-left: 200px;
    padding-right: 100px;
    font-size: 10pt;
}

    .content-wrapper p {
        margin: 2px 0;
    }


.ugitfootercopyright {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 19px;
    /*color: #3C3939;*/
    font-size: 9pt;
}

    .ugitfootercopyright a:visited {
        color: #000066;
    }


.dxeMemo textarea {
    line-height: inherit !important;
}

textarea {
    line-height: inherit !important;
}

.ugit-dialog {
    z-index: 9999999999 !important;
}

.ui-widget-overlay {
    z-index: 99 !important;
}

.ui-dialog {
    padding: 0px;
}

.ui-widget-header {
    border: none;
}

    .ui-widget-header a {
        color: #333333;
        /*display: none !important;*/
    }
    .ui-widget-header .ui-icon{
        background-image:none;
    }
    
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

input[type="checkbox"], input[type="radio"] {
    /*margin: 25px 3px;*/
}

/*label {
    display: inline-block !important;
    max-width: 100%;
    margin: 0px;
    font-weight: normal;
}*/


.width100 {
    width: 100%;
}

.bordercolps {
    border-collapse: collapse;
}

/*.progressbar {
    /*background: url("/Content/images/AgeRectGreen.png") no-repeat;
    background: #5DE9BF;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
    text-align: left !important;
    padding-left: 3px;
    padding-top: 2px;
    border-radius: 4px;
    width: fit-content;
    padding-right: 3px;
    min-width:30px;
}

.emptyProgressBar {
    background: url("/Content/images/progress_bar.png") no-repeat;
    height: 25px;
    border: 1px solid gray;
    background-size: 25px;
    color: white;
}

.progressbarhold {
    /*background: url("/Content/images/AgeRectRed.png") no-repeat;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
    padding-left: 4px;
    padding-top: 2px;
    text-align: center !important;
    background: #E24A7A;
    border-radius: 4px;
    width: fit-content;
    padding-right: 3px;
    min-width:30px;
}*/

/*.priorityHigh {
    background: url("/Content/images/High_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}*/

/*.priorityMedium {
    background: url("/Content/images/Medium_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}*/

/*.priorityLow {
    background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityCritical {
    background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}*/

.arrow {
}

.arrow_active {
}

.selected_background {
    /* [ReplaceColor(themeColor:"ContentAccent1")] */ background-color: #0072C6;
    color: White;
}

.arrow_active div {
    position: relative;
    float: left;
    /* [ReplaceColor(themeColor:"ContentAccent1")] */ background-color: #0072C6;
    color: White;
    width: 100%;
}

.arrow div {
    color: White;
    position: relative;
    float: left;
    width: 100%;
    /* [ReplaceColor(themeColor:"ContentAccent2")] */ background-color: #00485B;
}

.arrow span, .arrow_active span {
    float: left;
    width: 70%;
    text-align: center;
    padding-top: 8px;
    font-size: 12pt;
    font-weight: bold;
}

.arrow em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")] */ background: url("/Content/images/step_tail.png") no-repeat white;
}

.arrow strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")] */ background: url("/Content/images/step_head.png") no-repeat white;
}

.arrow_active strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")] */ background: url("/Content/images/step_head_active.png") no-repeat white;
}

.arrow_active em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")] */ background: url("/Content/images/step_tail_active.png") no-repeat white;
}

.fileuploadtoken {
    background-color: #F39C12;
    padding: 5px 4px;
    border-radius: 8px;
}

    .fileuploadtoken a {
        padding: 0px 4px;
    }

.dxeListBox_UGITBlackDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITBlackDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITDarkOrangeDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITDarkOrangeDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITGreenDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITGreenDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITNavyBlueDevEx td.dxeC {
    width: 25px;
}

/*.dxeListBoxItem_UGITNavyBlueDevEx {
    padding: 2px 10px !important;
    /*background: #eaedf0 !important;
    background: #FFF !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif;
}*/
    .dxeListBoxItem_UGITNavyBlueDevEx:hover {
        color: #4A6EE2 !important;
        background: #F8F9F9 !important;
    }
    .dxeListBoxItem_UGITNavyBlueDevEx.dxeListBoxItemSelected_UGITNavyBlueDevEx {
        background: #d8dee6 !important;
    }
    /*.ugit-stick-bottom {  ////  comment to remove white border appeare below the all grid
    width: 100% !important;
    padding: 0px 8px !important;
    border: solid 1px #fff;
}*/
    .scroll-to-fixed-fixed {
        background-color: rgb(251, 251, 251);
        border: solid 1px #dddada;
        width: 100% !important;
    }

.dxgvHeader_CustomMaterial {
    padding-left: 20px !important;
    padding-right: 30px !important;
    text-align: left !important;
    text-align-last: left !important;
}

/*.customgridview td.dxgv.dx-al,
.customgridview td.dxgv.dx-ac {
    padding-left: 20px !important;
    padding-right: 10px !important;
    text-align: left !important;
    font: 12px 'Poppins', sans-serif !important;
    padding: 0px 20px !important;
    font-weight: 500;
    color: #737373;
}*/

/*.myticketinner2 table.btn-secondary.dropdown-toggle,
.customddl-button table.btn-secondary.dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
}*/

    /*.myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td,
    .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
        background: transparent;
        border-left: none;
    }*/

        /*.myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
        .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
            font-size: 13px;
            font-weight: 500;
            color: #4A6EE2;
            font-family: 'Poppins', sans-serif !important;
        }*/





.tab-contentdiv1.ugit-contentcontainer,
.tab-contentdiv1.ugit-contentcontainer iframe body {
    background: transparent !important;
    overflow: hidden !important;
}

.tab-contentdiv1 {
    border: none !important;
}

.dx-nowrap.dxgv.dx-ac span {
    padding-left: 0px !important;
}

.dxgvCommandColumn_CustomMaterial .dxICheckBox_CustomMaterial, .dxgvCommandColumn_CustomMaterial .dxeIRadioButton_CustomMaterial {
    margin: -3px 10px -1px 0px;
}

/*span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 3px !important;
    font-family: 'Poppins',sans-serif;
}*/

/*.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #eaedf0;
}*/

    /*.dxm-popup.ddlActionMenu > ul li {
        background: #eaedf0;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Poppins', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 13px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 9px 9px !important;
            border-top: 1px solid #d9e2ee !important;
        }*/

.page-container .user-buts,
.page-container.sidebar-collapsed-back .user-buts {
    margin-right: 50%;
}


/*-------------------------New UI----------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');

body {
    font-family: 'Poppins', sans-serif !important;
    background: #f6f7fb;
}

#sticky-sidebar {
    background-color: #fff;
    border-right: 1px solid #eeeeee;
}

    #sticky-sidebar .sticky-top {
        margin: 0 12px;
    }

h4.left-sticky-header {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 15px;
    padding: 15px 0 20px;
    border-bottom: 1px solid #eeeeee;
    color: #909090;
    font-weight: 400;
}

.filters-outer-ckeck-box {
    padding: 0;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 6px;
}

    .filters-outer-ckeck-box #MainMenu .list-group .list-group-submenu .list-group-item, .filters-outer-ckeck-box #MainMenu .list-group a {
        border: none;
    }

.left-section .logo {
    padding: 30px 0px 25px;
    border-bottom: 1px solid #f4f5f8;
    margin-bottom: 10px;
}

.creat-and-upload a {
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 10px 0;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.creat-and-upload {
    border-bottom: 1px solid #f4f5f8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.creat-folder {
    background: #4a90e2 url(../images/folder.png) no-repeat left center;
    background-position: 35px;
}

.upload-file {
    background: #4a6ee2 url(../images/upload-file.png) no-repeat left center;
    background-position: 35px;
}
/******* MAIN CSS ********/


.mian-heading {
    overflow: hidden;
    margin-top: 30px;
}

    .mian-heading h2 {
        font-size: 22px;
        color: #4a6ee2;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .mian-heading h4 {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }

.wizard_steps {
    width: 73%;
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.step {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}

.step_content {
    position: relative;
    z-index: 2;
}

    .step_content small {
        color: #b6b6b6;
        font-size: 13px;
        font-weight: 400;
        /*	font-family: 'Chivo', sans-serif;*/
        position: absolute;
        top: 35px;
        display: block;
        width: 100%;
    }

.step_number {
    color: #bebebe;
    background: #f6f7fb;
    font-weight: 600;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    border-radius: 50%;
    transition: opacity 0.5s;
    opacity: 1;
    z-index: 5; /*padding: 7px 3px;*/
}

/*.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

.employee-info.active p {
    background: #f6f7fb url(Images/employee-info-active.png) no-repeat center center;
}

.employee-info.active small {
    color: #4a90e2;
}

.equipment-details p {
    background: #f6f7fb url(../images/Equipment-Details-nonactive.png) no-repeat center center;
}

.equipment-details.active p {
    background: #f6f7fb url(../images/Equipment-Details-active.png) no-repeat center center;
}

.equipment-details.active small {
    color: #4a90e2;
}

.application-access p {
    background: #f6f7fb url(../images/Application-Access-Details-nonactive.png) no-repeat center center;
}

.application-access.active p {
    background: #f6f7fb url(../images/Application-Access-Details-active.png) no-repeat center center;
}

.application-access.active small {
    color: #4a90e2;
}

.summary-nonactive p {
    background: #f6f7fb url(../images/Summary-nonactive.png) no-repeat center center;
}

.summary-nonactive.active p {
    background: #f6f7fb url(../images/Summary-active.png) no-repeat center center;
}

.summary-nonactive.active small {
    color: #4a90e2;
}*/

.step.-completed .step_number {
    opacity: 0;
}

.step_number span {
    /*padding: 4.3px 0; border: 2px solid #fff;*/
    display: block;
    border-radius: 50%;
}

    .step_number span img {
        width: 100%;
    }

.step.-completed .line {
    transform: scaleX(1);
}

.line {
    position: absolute;
    top: 18px;
    left: 50%;
    z-index: -1;
    height: 5px;
    transition: all 0.5s ease;
}

    .line.-start {
        left: 0%;
        background: #5094de;
        width: 50%;
    }

    .line.-end {
        left: 50%;
        background: #5094de;
        width: 50%;
    }

    .line.-background {
        width: 100%;
        border-top: 2px dashed #dfe3ea;
    }

/*.back-to-home-but, .previous-but {            ** Any issue then talk to chetan w2273;
    overflow: hidden;
    margin: 0 15px;
}*/

    .previous-but button {
        background: #4a90e2;
        border: none;
        padding: 10px 35px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

    .back-to-home-but button {
        background: #bfd2e9;
        border: none;
        padding: 10px 15px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

/*.main-cont {
    background: #fff;
    border-radius: 5px;
    /*padding: 40px 30px;*/
    margin: 40px 15px 60px;
}*/

.employee-name.form-group input:focus, .employee-type .btn-group .btn:focus, .department .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #ecf1f9;
}

/*.employee-name.form-group input, .employee-type .btn-group .btn, .employee-name.form-group textarea, .department .btn-group .btn {
    font-size: 14px;
    color: #7a7b7b !important;
    font-family: 'Poppins',sans-serif;
}*/

.employee-name.form-group label, .employee-type.form-group label, .department.form-group label {
    color: #4a90e2;
    display: block;
}

.employee-type ul, .department ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .employee-type ul li a, .department ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .employee-type ul li a:hover, .department ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

/*.employee-name .date-time {
    background-image: url(Images/calendar.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}*/

.employee-type .btn-group .btn::after, .department .btn-group .btn::after {
    border-top: none;
}

/*.down-arrow {
    background: #ecf1f9 url(images/arrow-dwon.png) no-repeat 97% center !important;
    padding-right: 30px !important;
    overflow: hidden;
}*/

.documents-attac {
    overflow: hidden;
    margin: 40px 0 20px;
}

    .documents-attac .attach-but {
        text-align: center;
    }

        .documents-attac .attach-but button {
            background: url(../images/plus-blue.png) no-repeat center top;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            border: none;
            color: #232323;
            outline: none;
        }

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                /*background: url(../images/document-ofice-365.png) left center no-repeat/16px, url(../images/close-red.png) right center no-repeat;*/
                padding: 0 25px;
            }

/*.next-cancel-but {
    overflow: hidden;
    margin: 20px 0;
    text-align: center;
}*/

    /*.next-cancel-but .next {
        display: block;
        width: 200px !important;
        text-align: center;
        margin: 0 auto;
        background: #4a90e2 !important;
        padding: 14px 10px !important;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
    }*/

    /*.next-cancel-but .dxb {
        background: none !important;
    }*/

/*.cancel .dxb {
    color: red !important;
}*/

/*.next-cancel-but .cancel {
    display: inline-block;
    margin: 25px auto;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
}*/

.red-star {
    color: #e24a7a;
}

/*.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
}*/

/*.all-input {
    padding: 5px;
    color: #000 !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
}*/

textarea:focus, input:focus, .btn:focus {
    box-shadow: none !important;
    border: 1px solid #ccd4e !important;
    /*background-color: #ecf1f9 !important;*/
}

.cust-checkbox .custom-checkbox label {
}

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}
/*
.cust-checkbox .custom-control-label::after{ background: url(../images/check.png;) no-repeat center center !important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background: url(../images/check.png;) no-repeat center center !important;}
*/

.three-dots {
    overflow: hidden;
}

    .three-dots ul {
        margin: 0px;
        padding: 0px;
    }

        .three-dots ul li {
            list-style-type: none;
            float: left;
            margin-right: 40px;
            color: #737373;
        }

    .three-dots .light-blue {
        background: #bfd2e9;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .pink {
        background: #e24a7a;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .yellow {
        background: #fdbc05;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

.existing-access-input {
    width: 330px;
    margin: 30px 0 0 0;
}

.employee-info-outer {
    background: #fff;
    border-radius: 10px;
}

    .employee-info-outer .empl-header {
        background: #f0f0f0;
        border-radius: 10px 10px 0 0;
    }

        .employee-info-outer .empl-header h3 {
            padding: 20px 30px;
            font-size: 16px;
            font-weight: 500;
        }

.emplo-inof-inner {
    margin: 0px;
    padding: 20px 30px 10px 30px;
}

    .emplo-inof-inner li {
        list-style-type: none;
        display: block;
        margin-bottom: 12px;
        font-size: 16px;
    }

        .emplo-inof-inner li:first-child {
            color: #4d92e3;
        }

        .emplo-inof-inner li:last-child {
            color: #818181;
        }

.w_92 {
    width: 100%;

}
/********** popup css **********/

.put-on-hold-popup.cust-main-popup .modal-dialog .modal-content {
    border-radius: 8px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: none;
}

.cust-main-popup .modal-dialog {
    top: 10%;
}

    .cust-main-popup .modal-dialog .modal-content .modal-header {
        background: #f0f0f0;
    }

        .cust-main-popup .modal-dialog .modal-content .modal-header h4 {
            color: #232323;
            font-size: 16px;
            font-weight: 600;
        }

        .cust-main-popup .modal-dialog .modal-content .modal-header button {
            opacity: 1;
            outline: none;
        }

.cust-main-popup .putting-ticket-sec {
    overflow: hidden;
}

    .cust-main-popup .putting-ticket-sec h2 {
        color: #4a6ee2;
        font-weight: 500;
        font-size: 22px;
        margin-top: 30px;
    }

        .cust-main-popup .putting-ticket-sec h2 span {
            font-weight: 700;
            color: #232323;
        }

    /*.cust-main-popup .putting-ticket-sec h4 > span {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }*/

    .cust-main-popup .putting-ticket-sec h4 {
        text-align: center;
    }

.inner-cust-dropdown-menu {
    width: 70%;
    margin: 0 auto;
}

    .inner-cust-dropdown-menu .select-style .date-time {
        background-image: url(../images/calendar.png);
        background-repeat: no-repeat;
        background-position: 95% center;
    }

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}

/*.select-style {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
}*/

    /*.select-style select {
        border-radius: 3px;
        padding: 10px 10px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        background: #ecf1f9 url("Images/drop-down-arrow.png") no-repeat 95% 50%;
        margin-bottom: 1.5rem;
        font-family: 'Poppins',sans-serif;
        font-size: 16px;
        color: #7a7b7b !important;
        height: auto;
        box-shadow: none;
    }*/

        /*.select-style select:focus {
            outline: none;
        }*/

        /*.select-style select option {
            margin: 40px;
            color: #7a7b7b;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }*/

    /*.select-style label {
        color: #4a90e2;
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }*/

    .select-style input {
        border: 0px;
        font-size: 16px;
        padding: 10px 10px;
    }

.inner-cust-dropdown-menu .comments textarea {
    border: none;
}

.inner-cust-dropdown-menu .comments .custom-checkbox label {
    font-size: 14px;
    color: #7a7b7b;
}

/*.hold-cancel-but {
    overflow: hidden;
    margin: 60px 0 0 0;
}*/

    .hold-cancel-but .cancel,
    .hold-cancel-but .hold-but {
        display: block;
        text-align: center;
    }

        /*.hold-cancel-but .hold-but a {
            background: #e24a7a;
            color: #fff;
            padding: 15px 40px;
            display: inline-block;
            text-decoration: none;
            border-radius: 5px;
            font-size: 14px;
        }*/

        .hold-cancel-but .cancel a {
            color: #232323;
            padding: 0;
            display: inline-block;
            text-decoration: none;
            font-size: 14px;
            margin: 30px 0;
            font-weight: 600;
        }

.add-file-doc {
    display: block;
    text-align: center;
    margin: 30px 0 30px 0;
}

    /*.add-file-doc a {
        color: #232323;
        text-decoration: none;
        font-size: 16px;
        background: url(Images/plus-blue.png) no-repeat left center;
       
        background-image: url('Images/plus-blue.png');
        background: url('Images/document-ofice-365.png')no-repeat left center;
        padding: 10px 0px 10px 40px;
        display: inline-block;
        font-family: 'Poppins',sans-serif;
    }*/

/*.fileUploadIcon a {
    background: url(Images/plus-blue.png) no-repeat left center;
}*/

/*.fileUploadIcon .hyperLinkIcon {
    background: url('Images/document-ofice-365.png')no-repeat left center !important;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}*/

/*.cancelUploadedFiles {
    margin-top: -31px;
    cursor: pointer;
}*/

/*.uploadedFileContainer {
    text-align: left;
    margin: 5px 0px;
}*/

.ui-dialog-titlebar-maximize  {
    display: none !important;
}
.ui-dialog-titlebar-restore{
    display:none !important;
}
/*.ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-close {
    background: url('Images/close-red-big.png') no-repeat;
    border: none;
    width: 38px !important;
    height: 25px !important;
    background-color: #E9E9E9;
}*/


ul.cancelbutton > li div[title="Close"],
ul.cancelbutton > li div[title="Close"] > div,
ul.cancelbutton > li.tabhover,
ul.cancelbutton > li {
    background: none;
}

    /*ul.cancelbutton > li div[title="Close"] > div span {
        color: #e24a7a;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
    }*/



/********** popup css **********/

.add-file-doc {
    /*  position: relative;
    overflow: hidden; 
    height: 41px;*/
    display: inline-block;
    /* padding: 0px; */
    margin: 0px;
    /* border: 1px solid red; */
    width: 100%;
    z-index: 9;
}

    .add-file-doc > a {
        /*position: absolute;*/
        margin: 0 auto;
        opacity: 1;
        left: 0px;
    }

    .add-file-doc > span {
        /*position: absolute;*/
        display: inline-block;
        width: 23%;
        overflow: hidden;
    }

    .add-file-doc .dxucTextBox_UGITNavyBlueDevEx {
        /*opacity: 0;*/
    }

    /*.add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: -223px;
    }*/

    .add-file-doc > span > div {
        margin-left: -222px;
    }

        .add-file-doc > span > div > div {
            margin-left: 223px !important;
        }
 /*.dxucBrowseButton_UGITNavyBlueDevEx {
    border: none;
    background: none;
}*/

.wizard_steps .steps .step:last-child div.lines {
    display: none;
}


/*.add-file-doc {
        position: relative;
        height: 41px;
        display: inline-block;
        width: 205px;
        z-index: 9;
        margin: 0 auto !important;
    }*/
/********************************
		RESPONSIVE
********************************/
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 992px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media only screen and (max-width: 768px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.select-style table + table {
    border: none;
    box-shadow: none;
    height: auto;
    padding: 10px;
}

    .select-style table + table,
    .select-style table + table tr td,
    .select-style table + table tr td input {
        background: #ecf1f9 !important;
        font-family: 'Poppins', sans-serif;
    }

        .select-style table + table tr td + td img {
            display: none;
        }

        .select-style table + table tr td + td {
            width: 30px;
            height: 30px;
            background: url('Images/calendar-new.png') no-repeat center center;
        }

        .select-style table + table tr td input {
            font-size: 16px !important;
            height: auto !important;
            font-family: 'Poppins', sans-serif;
            color: #7a7b7b;
        }

        .select-style table + table tr td img {
            margin: 6px 0 0 0;
            padding: 0px;
            height: auto;
        }

.select-style-outer {
    width: 90%;
    margin: 15px auto;
}

.put-on-hold-comments {
    width: 88%;
    margin: 0 auto;
    font-size: 14px;
    color: #737373;
}

    .put-on-hold-comments label {
        color: #4a90e2;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
    }

    .put-on-hold-comments textarea {
        width: 100% !important;
        font-size: 14px;
        color: #7a7b7b;
        padding: 0.375rem 0.75rem;
        font-family: 'Poppins', sans-serif;
    }

.close-ticket-checkbox {
    width: 87%;
    margin: 15px auto;
    font-size: 14px;
    color: #7a7b7b;
    font-family: 'Poppins', sans-serif;
}

ul.hold-and-cancel-but {
    margin: 30px 0 30px 0 !important;
    width: 100%;
}

    ul.hold-and-cancel-but li {
        display: block !important;
        text-align: center !important;
        background: none !important;
        font-family: 'Poppins', sans-serif !important;
        float: unset !important;
        width: 100% !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

        ul.hold-and-cancel-but li a {
            background: #e24a7a !important;
            color: #fff !important;
            padding: 15px 40px !important;
            display: inline-block !important;
            text-decoration: none !important;
            border-radius: 5px !important;
            font-size: 16px !important;
            margin: 20px auto;
            float: inherit;
            text-align: center;
        }

            ul.hold-and-cancel-but li a.cancelwhite {
                background: none !important;
                color: #232323 !important;
                font-weight: 600;
                padding: 10px 0 !important;
            }


/******* Begin CSS for Export Icon******/
.export-icon-imgs {
    cursor: pointer;
    width: 24px !important;
    height: 26px !important;
}

/*.export-icon-imgs-padding {
    padding: 10px 0 6px 12px !important;
    border-bottom: 1px solid #8080803d !important;
}*/

.export-dropdown {
    background: rgb(234, 237, 240);
    float: left;
    position: absolute;
    padding: 3px 2px 0px;
    top: 0px;
    width: 110px;
    left: -45px;
    border: 1px solid rgba(128, 128, 128, 0.09);
}

.name-icon {
    padding-left: 10px;
    font-weight: 600;
    color: #4A6EE2;
}

.export-icon-imgs-margin {
    padding-left: 3px !important;
    margin-top: -4px !important;
    /*background-color: #EAEDF0 !important*/
}
/**************End CSS for Export Icon********************/

/************CSS for ReportICon*********/
/*.imgReport {
    height: 18px;
    margin-right: -6px;
}*/
/************CSS for ReportICon*********/

/***********************CSS for Workflow legends***************************/

.workFlowImg-wrap {
    float: none;
    margin: 0 auto;
    top: 0px;
}


.legends-container {
    /*float: right;
    margin-right: 27px;*/
    width: 100px;
    border: 1px solid #495763;
}

.legend-icon {
    display: inline-block;
    /*margin-right: 5px;*/
    height: 6px;
    width: 6px;
    padding: 6px;
    margin-bottom: 1px;
}

.workflow_complete {
    background-color: #228B22;
}

.inProgress {
    background-color: #F4B247;
}

.notStarted {
    background-color: #495763;
}

.legends_name {
    color: #495763;
    font-weight: 600;
    font-size:11px;
}

.legend-table {
    margin-bottom: 0px !important;
}

.legend-table tr td {
    border-top: none !important;
   padding:0 0 0 5px !important;
}
.legend-table thead tr th {
    border-bottom:none !important;
}
.legend-heading {
    color: #495763;
    font-weight: 600;
    font-size: 14px;
}
    /***********************CSS for Workflow legends***************************/
    @media only screen and (max-width: 600px) {
    }

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}

/*.GreenLED
    {
        background:url(/Content/images/LED_Green.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .YellowLED
    {
        background:url(/Content/images/LED_Yellow.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .RedLED
    {
        background:url(/Content/images/LED_Red.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .OrangeLED
    {
        background:url(/Content/images/LED_Orange.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }
    .LightGreenLED
    {
        background:url(/Content/images/LED_LightGreen.png) no-repeat;
        cursor:pointer;
        width:18px;
        height:19px;
        float:left;
    }*/

/*.s4-toplinks .s4-tn a.selected {
    padding-left: 10px;
    padding-right: 10px;
}

.first_tier_nav {
    width: 100%;
    float: left;
    height: 40px;
    padding: 10px;
    padding-left: 0px;
    background: transparent !important;
}

    .first_tier_nav ul {
        width: auto;
        float: left;
        padding: 0;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.0);
        border-top: 1px solid rgba(255, 255, 255, 0.0);
        margin-left: 0px;
    }

    *html .first_tier_nav ul {
        margin: 8px 0 0 28px;
    }

        .first_tier_nav ul li,
        .first_tier_nav ul li.tabactive,
        .first_tier_nav ul li.tabhover {
            width: auto;
            float: left;
            display: inline;
            list-style: none;
            margin: 0 1px;
            text-align: center;
            overflow: hidden;
            color: #fff;
            background: url(/Content/images/firstnavbg.gif) repeat-x;
            cursor: pointer; /*padding: 0 5px;
        }

            .first_tier_nav ul li.tabactive {
                background: url(/Content/images/firstnavbg_active.gif) repeat-x;
            }

            .first_tier_nav ul li.tabhover {
                background: url(/Content/images/firstnavbg_hover.gif) repeat-x;
            }



            .first_tier_nav ul li.Red,
            .first_tier_nav ul li.tabactiveRed,
            .first_tier_nav ul li.tabhoverRed {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgRed.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverRed {
                background: url(/Content/images/firstnavbg_activeRed.png) repeat-x;
            }

            .first_tier_nav ul li.Green,
            .first_tier_nav ul li.tabactiveGreen,
            .first_tier_nav ul li.tabhoverGreen {
                width: auto;
                float: left;
                display: inline;
                list-style: none;
                margin: 0 1px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                background: url(/Content/images/firstnavbgGreen.png) repeat-x;
                cursor: pointer;
                padding: 0 5px;
            }

            .first_tier_nav ul li.tabactiveGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

            .first_tier_nav ul li.tabhoverGreen {
                background: url(/Content/images/firstnavbg_activeGreen.png) repeat-x;
            }

                .first_tier_nav ul li a,
                .first_tier_nav ul li.tabactive a,
                .first_tier_nav ul li.tabhover a .first_tier_nav ul li.tabactiveRed a,
                .first_tier_nav ul li.tabhoverRed a .first_tier_nav ul li.tabactiveGreen a,
                .first_tier_nav ul li.tabhoverGreen a {
                    float: left;
                    padding: 4px 21px 5px 0px !important;
                    display: block;
                    background-repeat: no-repeat;
                    background-position: right;
                    color: White;
                }

                    .first_tier_nav ul li a:hover,
                    .first_tier_nav ul li.tabactive a:hover,
                    .first_tier_nav ul li.tabhover a:hover {
                        text-decoration: none;
                    }

textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 8pt;
}

input[type="text"] {
    font-size: 8pt;
    font-family: verdana;
}

.tickettemplate {
    background-image: url('/Content/images/exportTemplate_20x20.png');
}

.incident {
    background-image: url('/Content/ButtonImages/incident.png');
}

.admin {
    background-image: url('/Content/ButtonImages/admin.png');
}

.approve {
    background-image: url('/Content/ButtonImages/approve.png');
}

.baseline-add {
    background-image: url('/Content/ButtonImages/baseline-add.png');
}

.baseline-delete {
    background-image: url('/Content/ButtonImages/baseline-delete.png');
}

.baseline-restore {
    background-image: url('/Content/ButtonImages/baseline-restore.png');
}
/*.cancel{background-image:url('/Content/ButtonImages/cancel.png');}
.cancelwhite {
    background-image: url('/Content/ButtonImages/cancelwhite.png');
}

.cmdb {
    background-image: url('/Content/ButtonImages/cmdb.png');
}

.home {
    background-image: url('/Content/ButtonImages/home.png');
}

.lock {
    background-image: url('/Content/ButtonImages/lock.png');
}

.notify {
    background-image: url('/Content/ButtonImages/notify.png');
}

.print {
    background-image: url('/Content/ButtonImages/print.png');
}

.reject {
    background-image: url("/Content/ButtonImages/reject.png");
}

.report {
    background-image: url('/Content/ButtonImages/report.png');
}

.return {
    background-image: url('/Content/ButtonImages/return.png')
}

.save {
    background-image: url('/Content/ButtonImages/save.png');
}

.unlock {
    background-image: url('/Content/ButtonImages/unlock.png');
}

.edit {
    background-image: url('/Content/ButtonImages/edit-icon.png');
}

.usertick {
    background-image: url('/Content/ButtonImages/self-assign.png');
}

.ganttImg {
    background-image: url('/Content/ButtonImages/GanttChart1.png');
}

.comment {
    background-image: url('/Content/ButtonImages/comments.png');
}

.import {
    background-image: url('/Content/ButtonImages/import.png');
}

.export {
    background-image: url('/Content/ButtonImages/export.png');
}

.schedulebtn {
    background-image: url('/Content/ButtonImages/schedule.png');
}

.selectlist {
    background-image: url('/Content/ButtonImages/select-list.png');
}

.runnow {
    background-image: url('/Content/ButtonImages/execute.png');
}

.publish {
    background-image: url('/Content/ButtonImages/publish.png');
}

.next-button {
    background-image: url('/Content/ButtonImages/next.png');
}

.back-button {
    background-image: url('/Content/ButtonImages/return.png');
}

.save-template {
    background-image: url('/Content/ButtonImages/save-template.png');
}

.close {
    background-image: url('/Content/images/closedoor.png');
}

.stopreview {
    background-image: url('/Content/images/DocumentLibraryManagement/StopWorkflow.png');
}

.moduleDetailTabsContainer111 {
    float: left;
    width: 100%;
}

.main_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.sub_heading {
    background: #BED0E5;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.ro-heading-txt {
    background: #F1B584;
    padding: 4px 15px;
    font-weight: bold;
    font-size: 12px;
}

.ro-heading-line {
    float: left;
    width: 100%;
    border: 1px solid #F1B584;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-header th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: center;
}

.ro-item td {
    background: #F4F4F4;
    border: 1px solid #fff;
}

.ro-alternateitem td {
    background: #E9ECF3;
    border: 1px solid #fff;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-heading-block {
    float: left;
    width: 100%;
    position: absolute;
    top: -10px
}

.ro-table {
    width: 100%;
}

.ro-padding {
    padding: 5px;
    padding-left: 2px;
}

.ro-header-issue th {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
}

.ro-item-issue td {
    background: #F7E3C5;
    border: 1px solid #fff;
}

.ro-alternateitem-issue td {
    background: #F7ECDA;
    border: 1px solid #fff;
}

.ro-monitorshead {
    background: #BED0E5;
    padding: 8px;
}

.ro-statusrow td {
    background: #BED0E5;
}

.ro-header-report th {
    background: #BED0E5;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budget td {
    background: #E9ECF3;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-alternateitem-actual td {
    background: #b8cce4;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-budgettotal td {
    background: #ACC775;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-actualtotal td {
    background: #F1B584;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-item-variancetotal td {
    background: #E9ECF3;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 4px;
    padding-left: 5px;
}

.ro-header-report-title th {
    text-align: left;
    padding-left: 5px;
}

.button-bg {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 0px 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

    .button-bg:hover {
        background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;
    }

.input-button-bg {
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    border: 0px;
    color: white;
    cursor: pointer;
    float: left;
    padding: 5px;
    margin: 1px;
}

    .input-button-bg:hover {
        background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;
    }

.button-bg-red {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

    .button-bg-red, .button-bg-red:hover {
        background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    }


/*Top Menu Start
.topmenudiv {
    float: left;
    width: 100%;
    padding-left: 0px;
    background: url("/Content/images/nav_bar_bg1x1.png") repeat-x scroll 0 0 transparent;
}

.topmenuitem {
    float: left;
    padding: 7px 50px 0 50px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

    .topmenuitem:hover { /*position:relative;top:-2px
    }

.topmenuborder {
}

.topmenuitemdiv {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemdivsel {
    float: left;
    padding-left: 4px;
    position: relative;
    top: 2px;
}

.topmenuitemspan {
    float: left;
}

.topmenuitemspansel {
    float: left;
    border: 2px solid #676767;
    border-bottom: none;
    background: #fff;
}

.topmenu-table {
}

    .topmenu-table td {
    }

.topmenu-itemcontainer {
    float: left;
    height: 32px;
    width: 100%;
    position: relative;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #BFBCBC;
}

.topmenu-itemcontainersub {
    float: left;
    height: 32px !important;
}

.topmenu-link {
    height: 28px;
}

.topmenu-linksub {
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 9px 5px 0px 0px;
}

.topsubmenu-linksub {
    float: left;
    font-weight: bold;
    padding: 9px 0px;
}

.topmenu-linkimgsub {
    float: left;
    padding: 5px 5px 0px 0px;
}

    .topmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topsubmenu-linkimgsub {
    float: left;
    padding: 7px 5px 0px 0px;
}

    .topsubmenu-linkimgsub img {
        border: 0px;
        max-height: 25px;
    }

.topmenu-selectedtab {
    position: relative;
    top: 0px;
    width: 96% !important;
}

.input_search_pos {
    margin-right: 12px;
    position: relative;
    top: 9px;
}

.input_search_box {
    position: relative;
    top: 9px;
}

.topSearchBox {
    float: right;
    width: auto;
    position: relative;
    padding-right: 10px;
    top: 0px;
    padding-left: 10px;
}

    .topSearchBox input {
        height: 19px
    }

.topSearchPos {
    top: 7px;
    position: absolute;
    left: 133px;
}

td.ms-sbgo {
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 0px;
    border: solid 0px #949494;
}

    td.ms-sbgo a {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 4px !important;
    }

    td.ms-sbgo a {
        background-image: url("/Style Library/Images/search-bt.gif");
        background-repeat: no-repeat;
        background-position: top left;
        float: left;
    }

        td.ms-sbgo a img {
            visibility: hidden;
            height: 27px;
            width: 77px;
        }

.s4-search input.ms-sbplain {
    width: 191px !important;
    background: transparent url("/Style Library/Images/textbox-bg.gif") 0 0 no-repeat;
    font-size: 12px !important;
    height: 25px;
    border: 1px solid #d4d4d4;
}

.s4-search .srch-gosearchimg {
    height: 27px !important;
}

.s4-search {
    padding: 0 !important;
}

.s4-rp {
    float: right;
    padding: 2px 10px 2px 5px;
}

.s4-search input {
    border-right: medium none !important;
    font-size: 1.1em;
    height: 16px;
    margin-top: 3px;
    padding: 1px 3px 2px;
    width: 221px !important;
}

.s4-search input, .s4-search .ms-searchimage {
    background: url("bgximg-4DDA2070.png?ctag") repeat-x scroll 0 -511px #FFFFFF;
    float: left;
}

.s4-search select, .s4-search input {
    border: 1px solid #92A8AA !important;
    color: #919649;
    float: left;
}

.ms-sharepointsearchtext {
    color: #7F7F7F;
    font-style: italic;
}

.uGitWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 150px;
    height: 23px;
}

.uGitsearchTextBox {
    width: 150px;
    height: 23px;
    font-size: 8pt;
    font-style: normal;
}

.menuitem-container {
    position: relative;
    top: -1px;
}

.hoverlevel1tab {
    background: url('') #F7F7F7;
    border: 1px solid #BFBCBC;
    border-bottom: none;
    position: relative;
    float: left;
    z-index: 10000;
    border-top: none;
    border-bottom: none;
}

.level2menu-container {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #BFBCBC;
    float: left;
    position: absolute;
    top: 32px;
    width: 200px;
    z-index: 1000000;
    cursor: pointer;
}

.topsubmenu-item {
    float: left;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #BFBCBC;
}

.topsubmenu-itemselected, .topsubmenu-itemhover {
    background: #797878;
    color: white;
}



.topsubmenu-item a {
    float: left;
    width: 93%;
    padding: 0px 5px;
}

.topsubmenu-itemselected a:link, .topsubmenu-itemselected a:visited, .topsubmenu-itemselected a:hover .topsubmenu-itemhover a:link, .topsubmenu-itemhover a:visited, .topsubmenu-itemhover a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*Top Menu End*/

/* flexible box top tr
.cg-topleft-corner {
    background: url(/Content/images/cg-topleft-corner.png) no-repeat;
    width: 15px;
    height: 15px;
}

.cg-topmiddle-line {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
    height: 15px;
}

.cg-topright-corner {
    background: url(/Content/images/cg-topright-corner.png) no-repeat;
    width: 18px;
    height: 15px;
}

/*middle tr
.cg-middleleft-line {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px;
}

.cg-middleright-line {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px;
}

/*Bottom tr type1
.cg-bottomleft-corner {
    background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;
    width: 15px;
    height: 18px;
}

.cg-bottommiddle-line {
    background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;
    height: 10px;
}

.cg-bottomright-corner {
    background: url(/Content/images/cg-bottomright-corner.png) no-repeat;
    width: 18px;
    height: 18px;
}

/*Bottom tr type2
.cg-centerleft-line {
    background: url(/Content/images/cg-centerleft-line.png) no-repeat;
    width: 15px;
    height: 3px;
}

.cg-centermiddle-line {
    background: url(/Content/images/cg-center-line.png) repeat-x;
    width: 1px;
    height: 3px;
}

.cg-mcenterright-line {
    background: url(/Content/images/cg-centerright-line.png) no-repeat;
    width: 18px;
    height: 3px;
}


.cg-d-main {
    position: relative;
}

.ctrcontainer {
    float: left;
    padding-left: 10px
}

.ctrcontainer-sidebar {
}

.cg-dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: -14px;
    top: 2px;
    z-index: 1000;
}

.cg-drilldownback {
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 2px;
    position: relative;
    top: 3px;
    left: 3px;
}

.cg-dashboardtopaction-type1 {
    position: relative;
    top: -12px;
    right: 6px;
}

.cg-dashboardtopaction-type2 {
    position: relative;
    top: 0px;
    right: 6px;
}

.cg-dashboardbottomaction {
    float: right;
    position: relative;
    right: -10px;
    top: -5px;
    width: 100%;
}

.cg-d-contentc {
    position: relative;
}

.cg-d-description {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    top: -12px;
    z-index: 10;
}

.cg-d-description1 {
    position: absolute;
    float: left;
    font-weight: bold;
    width: 100%;
    z-index: 10;
}

.cg-d-returnactionc {
    float: left;
    position: absolute;
    left: -8px;
}

.dashboard-desc {
    font-weight: normal;
    float: left;
    padding-left: 4px;
    font-size: 11px;
}

.dashboardkpi-main {
    margin-bottom: 5px;
    display: block;
}

.dashboardkpi-main-min {
    margin-bottom: 1px;
    display: block;
}

.dashboardkpi-txt { /*padding:2px;*/
}
/*.dashboardkpi-txt:hover{color:#000;}
.dashboardkpi-td {
    background: #fff;
    padding: 0px 2px;
}

.dashboardkpi-a {
    font-size: 12px;
}

.dashboardkpi-a-min {
    font-size: 10px;
}

.dashboardaction-icon {
    float: right;
    padding-left: 3px;
    position: relative;
    right: -14px;
    top: 2px;
}

.dashboardbottom-super {
    float: left;
    width: 100%;
}

.dimensionmenu-super {
    max-width: 100px;
    padding-right: 5px;
    position: relative;
    font-size: 9px;
    margin-right: 2px;
}

.localdatefilter-super {
    position: relative;
    float: right;
    font-size: 9px;
    margin-right: 2px;
}

.roundedrectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -8px;
    float: left;
    top: -8px;
}

.rectangle-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.none-dimensionmenu {
    max-width: 100px;
    position: relative;
    left: -12px;
    float: left;
    top: -2px;
}

.roundedrectangle-localdatefilter {
    position: relative;
    right: -6px;
    float: right;
    top: -8px;
}

.rectangle-localdatefilter {
    position: relative;
    right: -16px;
    float: right;
    top: -2px;
}

.none-localdatefilter {
    position: relative;
    right: 4px;
    float: right;
    top: -4px;
}

.none-localdatefilter {
    position: relative;
    right: -14px;
    float: right;
    top: -3px;
}

.panelDashboard {
    margin: 10px 15px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important
}

.rectangle-panelDashboard {
    margin: 10px 5px 0px 0px !important;
    background-color: #F8F8F8 !important;
    padding: 0px !important;
    border: 1px solid #747474 !important
}

.chartbreadcrumb {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    border: none;
    font-size: 9px;
    text-align: center;
    position: absolute;
    z-index: 100;
}
/*flexible box*/

/*Side bar link Start 
.itemdiv img {
    max-width: 120px;
    text-align: center;
    /*border: 1px outset #F2F2F2;
}

.charttitlespan {
    background: #f8f8f8;
    float: left;
    text-align: center;
    width: 100%;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
/*Side bar link End */

/*Message Board Start
.warningli {
    background: url('/Content/images/message_warning.png') no-repeat top left;
    font-weight: normal;
}

.criticalli {
    background: url('/Content/images/message_critical.png') no-repeat top left;
    font-weight: bold;
}

.goodli {
    background: url('/Content/images/message_good.png') no-repeat top left;
}

.informationli {
    background: url('/Content/images/message_Information.png') no-repeat top left;
}

.personli {
    background: url('/Content/images/People16X16.png') no-repeat top left;
    font-weight: bold;
}

.messageboard-ul {
    display: inline-block;
    background: #F8F8F8;
    position: relative;
    width: 770px;
    /*min-height:40px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

    .messageboard-ul > li {
        list-style-type: none;
        padding-left: 22px;
        padding-bottom: 10px;
        font-size: 12px;
        font-weight: normal;
    }
/*Message Board End*/


/*Service Catalog Start
.populate-services {
    float: left;
    width: 100%;
}

    .populate-services fieldset {
        float: left;
        width: 97%;
    }

    .populate-services select {
        height: 23px;
        max-width: 300px;
        min-width: 125px;
    }

.service-moreservices {
    float: left;
    padding: 10px;
}

.category-block {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.service-block {
    float: left;
    padding-right: 5px;
    padding-left: 10px;
    font-weight: bold;
}

.serviceaction-block {
    float: left;
}

.categorylist {
    width: 200px;
}

.sc-excp {
    float: left;
    padding-left: 3px;
}

.service-catalog {
    float: left;
    width: 890px;
}

* + html .service-catalog {
    width: 890px;
}

    .service-catalog td:Hover {
    }

.service-catalog-inner {
    float: left;
    width: 99%;
    margin-left: 3px;
}

.servciecatalog-main {
    float: left;
    width: 890px;
}

* + html .servciecatalog-main {
    width: 890px;
}

.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}

.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 155px;
    border-top: 2px solid black;
}

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.pcategorycontainer {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 285px;
}

.service-toptitle {
    float: left;
    padding: 5px 4px 0px 4px;
    margin: 0px;
}

.service-toptitle-sub {
    font-weight: normal !important;
    float: left;
    padding: 5px 4px 0px 4px;
    margin: 0px;
    color: black;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 285px;
        float: left;
        padding-bottom: 10px;
    }

.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}

.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 190px;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}


.service-catalog th {
    width: 200px;
}

.oneservice-container {
    float: left;
}

.service-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 870px;
}

    .service-ul li {
        display: inline;
        list-style-type: none;
        padding-left: 10px;
        padding-right: 10px;
        width: 270px;
        float: left;
        padding-bottom: 10px;
    }

.servicecategory {
    padding-right: 5px;
    font-weight: normal;
    width: 100px;
    border-top: 2px solid black;
}

.servicetype {
    padding-right: 5px;
    font-weight: normal;
    max-width: 190px;
    border-top: 2px solid black;
}

.serviceitem {
    border-bottom: 1px solid black;
    height: 20px;
    width: 155px;
    text-align: left;
}

.serviceitem-first {
    border-top: 1px solid black;
}

.service-moreservices {
    float: left;
    padding: 10px;
}

.service-alternate {
    background: #F8F8F8;
}
/*Service Catalog End

.multipledepartmentViewdiv {
    border: 1px solid;
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
}

    .multipledepartmentViewdiv > span {
        float: left;
        padding: 2px 1px;
        width: 99%;
    }

    .multipledepartmentViewdiv span:nth-child(odd) {
        background: #EDEEF1
    }

    .multipledepartmentViewdiv .selected {
        background: #D4FFFF !important;
    }

.dementmentviewtd > span {
    float: left;
    padding: 1px 2px;
}

.fright {
    float: right;
}

.fullwidth {
    float: left;
    width: 100%;
}

.popupleftcts {
    float: left;
    padding-bottom: 5px;
}

.departmentPopup {
    /* background: none repeat scroll 0 0 #ECE8D3;
        border: 4px double #FCCE92;
    font-size: 11px;
}

.dxeBase {
    font: inherit;
}

.hide {
    display: none;
}

.dnode {
    display: none;
}


/*Custom filter css start

.pagerBox td table tr td span {
    /* font-size : larger; 
    border: 1px solid black;
    padding: 0px 3px;
}

.moduleimgtd {
    padding: 0 5px 0 0;
    width: 35px;
}

.tickettypetab {
    float: left;
    padding: 4px 4px 4px 4px;
    margin-left: 3px;
}

.tickettypetabsel {
    float: left;
    padding: 4px 4px 4px 4px;
}

.linkseprator {
    padding-left: 3px;
}

.fixedbutton a:hover {
    text-decoration: none;
}

.dnone {
    display: none;
}

.search_bg {
    float: right;
    background: url("bgximg-4DDA2070.png?ctag") repeat-x 0 -511px #FFFFFF;
}

.moduledesciptiontd {
    padding-bottom: 15px;
}

table.ms-listviewtable > tbody > tr > td {
    border: none;
}

.ms-viewheadertr .ms-vh2-gridview {
    background: transparent !important;
    height: 22px;
}

.ms-vh2 .ms-selectedtitle .ms-vb, .ms-vh2 .ms-unselectedtitle .ms-vb {
    text-align: left;
}

.ms-listviewtable .ms-vb2, .ms-summarystandardbody .ms-vb2 {
    text-align: left;
}

a.newlinkbutton, a.newlinkbutton:hover {
    text-decoration: none;
}



.top_right_nav {
    margin: 0;
    text-align: right;
    position: relative;
    left: 15px;
    float: right;
}

    .top_right_nav span {
        float: left;
        width: auto;
        margin-left: 5px;
    }

.ms-viewheadertr th[align="center"] td.ms-vb {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] td.ms-vb {
    text-align: left !important;
}

.ms-viewheadertr th[align="right"] td.ms-vb {
    text-align: right !important;
}

.ms-viewheadertr th[align="center"] {
    text-align: center !important;
}

.ms-viewheadertr th[align="left"] {
    text-align: left !important;
}

.headercenter {
    text-align: center !important;
}

    .headercenter td {
        text-align: center !important;
    }

.fleft {
    float: left;
}

.img[alt="Open Menu"] {
    border: none;
}

.dxbButton div.dxb {
    padding: 0px 5px;
    border: none;
}

.ugitbutton {
    background-image: url(/Content/images/firstnavbg.gif);
    color: #fff;
    font-weight: 600;
}

.ugitbutton-hover {
    background-image: url(/Content/images/firstnavbg_hover.gif);
    color: #fff;
    font-weight: 600;
}

.button-bg {
    color: white;
    background: url("/Content/images/firstnavbg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 5px;
    cursor: pointer;
}

    .button-bg b {
        position: relative;
        top: -2px;
    }

    .button-bg:hover {
        background: url("/Content/images/firstnavbg_hover.gif") repeat-x scroll 0 0 transparent;
    }

.ModuleBlock {
    background: none repeat scroll 0 0 #ECE8D3;
    border: 4px double #FCCE92;
    position: absolute;
    z-index: 100;
}

.reportitem {
    border-bottom: 1px solid black;
    cursor: pointer;
    color: black;
}

.menuTextCell {
    padding-left: 2px;
    padding-top: 2px;
    height: 18px;
}

.menuTable {
    width: 100%;
    border-collapse: collapse;
}

.reportItemSelected {
    background-color: aqua;
}


.inputTextBox {
    width: 70px;
    height: 14px;
    position: relative;
    top: -2px;
}

.SearchWidth {
    width: 100px;
}

.searchTextBox {
    width: 100px;
    height: 20px;
    font-size: 8pt;
}

.globalSearchTextBox {
    font-size: 8pt;
    width: 60px;
    height: 20px;
}

.globalfilter {
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.WaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 100px;
    height: 14px;
}

.GlobalWaterMarkClass {
    font-style: italic;
    font-size: 8pt;
    color: Gray;
    width: 60px;
    height: 14px;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.selected-export {
    float: left;
    position: relative;
    z-index: 10000;
    top: -1px;
    border: 1px inset;
    border-bottom: none;
    background: white;
}

.fright {
    float: right;
}

.rdFilterCriteria label {
    vertical-align: bottom;
}

.rdSortCriteria label {
    vertical-align: bottom;
}

.advancemode > input {
    float: left;
    position: relative;
    top: -2px;
}

.advancemode > label {
    float: left;
}
/*Custom filter css end

.button-red {
    color: white;
    background: url("/Content/images/firstnavbgRed.png") repeat-x scroll 0 0 transparent;
    float: left;
    margin: 1px;
    padding: 4px 6px 6px;
    cursor: pointer;
}

.ugitaccent1homembg {
    background: url("/Content/images/modulepanelbg1.png") no-repeat;
    height: 129px;
    width: 279px;
}
/*.accent1-panel-topleft-corner{ background:url(/Content/images/left_top_img1.png) no-repeat; width: 26px; height: 16px;}
  .accent1-panel-topright-corner{background:url(/Content/images/right_top_img1.png) no-repeat;width: 26px; height: 16px;}
  .accent1-panel-bottomleft-corner{ background:url(/Content/images/left_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-panel-bottomright-corner{ background:url(/Content/images/right_down_img1.png) no-repeat;width: 26px; height: 26px;}
  .accent1-middletop-rep{ background:url(/Content/images/rep_top_img1.png) repeat-x;}
  .accent1-middledown-rep{background:url(/Content/images/rep_down_img1.png) repeat-x;}
  .accent1-leftside-border{ background:url(/Content/images/left_border_img1.png) repeat-y;width:3px;}
  .accent1-rightside-border{background:url(/Content/images/right_border_img1.png) repeat-y;width:3px;}

.roundedrectangle-panel-topleft-corner {
    background: url(/Content/images/cg-topleft-corner.png) no-repeat;
    width: 15px !important;
    height: 15px !important;
}

.roundedrectangle-panel-topright-corner {
    background: url(/Content/images/cg-topright-corner.png) no-repeat;
    width: 18px !important;
    height: 15px !important;
}

.roundedrectangle-panel-bottomleft-corner {
    background: url(/Content/images/cg-bottomleft-corner.png) no-repeat;
    width: 15px !important;
    height: 18px !important;
}

.roundedrectangle-panel-bottomright-corner {
    background: url(/Content/images/cg-bottomright-corner.png) no-repeat;
    width: 18px !important;
    height: 18px !important;
}

.roundedrectangle-middletop-rep {
    background: url(/Content/images/cg-topmiddle-line.png) repeat-x;
}

.roundedrectangle-middledown-rep {
    background: url(/Content/images/cg-bottommiddle-line.png) repeat-x;
    height: 10px !important;
}

.roundedrectangle-leftside-border {
    background: url(/Content/images/cg-middleleft-line.png) repeat-y;
    width: 15px !important;
}

.roundedrectangle-rightside-border {
    background: url(/Content/images/cg-middleright-line.png) repeat-y;
    width: 18px !important;
}


.rectangle-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.rectangle-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.rectangle-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.rectangle-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.rectangle-middletop-rep {
}

.rectangle-middledown-rep {
    height: 10px !important;
}

.rectangle-leftside-border {
    width: 15px !important;
}

.rectangle-rightside-border {
    width: 19px !important;
}

.none-panel-topleft-corner {
    width: 15px !important;
    height: 15px !important;
}

.none-panel-topright-corner {
    width: 18px !important;
    height: 15px !important;
}

.none-panel-bottomleft-corner {
    width: 15px !important;
    height: 18px !important;
}

.none-panel-bottomright-corner {
    width: 18px !important;
    height: 18px !important;
}

.none-middletop-rep {
}

.none-middledown-rep {
    height: 10px !important;
}

.none-leftside-border {
    width: 15px !important;
}

.none-rightside-border {
    width: 19px !important;
}



.doubleWidthnHeight {
    height: 40px !important;
    width: 99% !important;
}

.extraHeightWithDoubleWidth {
    height: 60px !important;
    width: 99% !important;
}

.descExtraHeightWithDoubleWidth {
    height: 150px !important;
    width: 99% !important;
}





/* Jquery UI Extension  Start*/
/* People Editor autocomplete 
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar 
    overflow-x: hidden;
    /*for module popup AD User
    z-index: 30000;
}
/* Jquery UI Extension  end

.ugit-trcnoti-base {
    width: 100%;
    max-height: 500px;
    position: relative;
    display: block;
}

.ugit-trcnoti-bg {
    width: 100%;
    max-height: 500px;
    position: relative;
    padding: 1px;
    cursor: pointer;
    border-color: #DEDEDE;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47);
}

.ugit-trcnoti-toast {
    padding: 4px 7px;
    text-align: center;
}

.vipticket {
    background-color: #f7e1e1 !important;
}

    .vipticket td {
        font-weight: bold;
    }

.errormsg-container {
    color: red;
}

a:link.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: underline;
}

a:hover.breadcrumbAnchor {
    background-color: transparent;
    text-decoration: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#messagefooter {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    /*background-color: rgb(251, 251, 251);
    color: #3C3939;
}

.footerClassicTheme {
    background-color: rgb(251, 251, 251)
}

.error {
    color: red !important;
}

.content-wrapper {
    padding-left: 200px;
    padding-right: 100px;
    font-size: 10pt;
}

    .content-wrapper p {
        margin: 2px 0;
    }


.ugitfootercopyright {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 19px;
    /*color: #3C3939;
    font-size: 9pt;
}

    .ugitfootercopyright a:visited {
        color: #000066;
    }


.dxeMemo textarea {
    line-height: inherit !important;
}

textarea {
    line-height: inherit !important;
}

.ugit-dialog {
    /*z-index: 10000;*/
    /*z-index: 999 !important;*/
    /*z-index: 18983 !important;
    z-index: 999 !important;
}

.ui-widget-overlay {
    z-index: 99 !important;
}

.ui-dialog {
    padding: 0px;
}

.ui-widget-header {
    border: none;
}

    .ui-widget-header a {
        color: #333333;
        display: none !important;
    }
/* Corner radius 
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

input[type="checkbox"], input[type="radio"] {
    margin: 0px 3px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin: 0px;
    font-weight: normal;
}


.width100 {
    width: 100%;
}

.bordercolps {
    border-collapse: collapse;
}

.progressbar {
    background: url("/Content/images/AgeRectGreen.png") no-repeat;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
}

.emptyProgressBar {
    background: url("/Content/images/progress_bar.png") no-repeat;
    height: 25px;
    border: 1px solid gray;
    background-size: 25px;
    color: white;
}

.progressbarhold {
    background: url("/Content/images/AgeRectRed.png") no-repeat;
    height: 25px;
    font-size: 14px !important;
    background-size: 25px;
    color: white;
}

.priorityHigh {
    background: url("/Content/images/High_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityMedium {
    background: url("/Content/images/Medium_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityLow {
    background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.priorityCritical {
    background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 100%;
}

.arrow {
}

.arrow_active {
}

.selected_background {
    /* [ReplaceColor(themeColor:"ContentAccent1")]  background-color: #0072C6;
    color: White;
}

.arrow_active div {
    position: relative;
    float: left;
    /* [ReplaceColor(themeColor:"ContentAccent1")]  background-color: #0072C6;
    color: White;
    width: 100%;
}

.arrow div {
    color: White;
    position: relative;
    float: left;
    width: 100%;
    /* [ReplaceColor(themeColor:"ContentAccent2")] background-color: #00485B;
}

.arrow span, .arrow_active span {
    float: left;
    width: 70%;
    text-align: center;
    padding-top: 8px;
    font-size: 12pt;
    font-weight: bold;
}

.arrow em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")]  background: url("/Content/images/step_tail.png") no-repeat white;
}

.arrow strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent2",method:"Filling")]  background: url("/Content/images/step_head.png") no-repeat white;
}

.arrow_active strong {
    width: 22px;
    height: 31px;
    float: right;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")]  background: url("/Content/images/step_head_active.png") no-repeat white;
}

.arrow_active em {
    width: 22px;
    height: 31px;
    float: left;
    /* [RecolorImage(themeColor:"ContentAccent1",method:"Filling")] background: url("/Content/images/step_tail_active.png") no-repeat white;
}

.fileuploadtoken {
    background-color: #F39C12;
    padding: 5px 4px;
    border-radius: 8px;
}

    .fileuploadtoken a {
        padding: 0px 4px;
    }

.dxeListBox_UGITBlackDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITBlackDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITDarkOrangeDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITDarkOrangeDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITGreenDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITGreenDevEx {
    padding: 2px 1px;
}

.dxeListBox_UGITNavyBlueDevEx td.dxeC {
    width: 25px;
}

.dxeListBoxItem_UGITNavyBlueDevEx {
    padding: 2px 1px;
}

.ugit-stick-bottom {
    width: 100% !important;
    padding: 0px 8px !important;
    border: solid 1px #fff;
}

.scroll-to-fixed-fixed {
    background-color: rgb(251, 251, 251);
    border: solid 1px #dddada;
    width: 100% !important;
}

.dxgvHeader_CustomMaterial {
    padding-left: 20px !important;
    padding-right: 30px !important;
    text-align: left !important;
    text-align-last: left !important;
}

.customgridview td.dxgv.dx-al,
.customgridview td.dxgv.dx-ac {
    padding-left: 20px !important;
    padding-right: 10px !important;
    text-align: left !important;
}

.myticketinner2 table.btn-secondary.dropdown-toggle,
.customddl-button table.btn-secondary.dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
}

    .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td,
    .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td,
    .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
        background: transparent;
        border-left: none;
    }

        .myticketinner2 table.btn-secondary.dropdown-toggle tbody tr td > input,
        .customddl-button table.btn-secondary.dropdown-toggle tbody tr td > input {
            font-size: 16px;
            font-weight: 500;
            color: #4A6EE2;
            font-family: 'Poppins', sans-serif !important;
        }

.dxEditors_edtDropDown_UGITNavyBlueDevEx {
    background: url(/Content/Images/DropdownArrow.png);
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-right: 0px;
}

.dx-ac {
    text-align: left;
}

.tab-contentdiv1.ugit-contentcontainer,
.tab-contentdiv1.ugit-contentcontainer iframe body {
    background: transparent !important;
    overflow: hidden !important;
}

.tab-contentdiv1 {
    border: none !important;
}

.dx-nowrap.dxgv.dx-ac span {
    padding-left: 0px !important;
}

.dxgvCommandColumn_CustomMaterial .dxICheckBox_CustomMaterial, .dxgvCommandColumn_CustomMaterial .dxeIRadioButton_CustomMaterial {
    margin: -3px 10px -1px 0px;
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 0 !important;
    font-family: 'Poppins',sans-serif;
}

.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #eaedf0;
}

    .dxm-popup.ddlActionMenu > ul li {
        background: #eaedf0;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Poppins', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 13px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 8px 0 !important;
            border-top: 1px solid #d9e2ee !important;
        }

.page-container .user-buts,
.page-container.sidebar-collapsed-back .user-buts {
    margin-right: 50%;
}*/


.wrapTitle {
    white-space: pre-wrap;
}

.pmImage {
    height: 50px;
    width: 50px;
}
.ullisting ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 35px;
    z-index: 100;
    top: 10px;
}

.ullisting ul li {
    margin-left: 10px;
    cursor: pointer;
}

/*-------------------------New UI----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body, .dxeBase_UGITNavyBlueDevEx, input, select, label, textarea, button, option, .dxeButtonEdit_UGITNavyBlueDevEx {
    font-family: 'Roboto', sans-serif !important;
    color: black !important;
    /*    color: black;
*/
}



/*DON'T DELETE - GENERIC CLASSES OPEN ======================================================================================================================================================================================================*/
@media (min-width: 1601px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    #sticky-sidebar {
        background-color: #fff;
        border-right: 1px solid #eeeeee;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-fill-equal {
    -ms-flex: 1 1 0 !important;
    flex: 1 1 0 !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.curPont {
    cursor: pointer !important;
}

.curGrab {
    cursor: grab !important;
}

    .curGrab:active {
        cursor: grabbing !important;
    }

.img-40 {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.imgMx-40 {
    max-width: 40px;
    max-height: 40px;
    overflow: hidden;
}

/*.page-container .main-page-section:not(.popup_wrap) #ctl00_ctl00_MainContent_homeCardPannel {
    margin-top: 60px;
}*/

.selectDropd {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 34px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 3px 3px 3px 4px;
    -webkit-appearance: none;
    background-position: 98.6% !important;
}

    .selectDropd option {
        background: #fff;
        color: #4A6EE2;
    }

@media (min-width: 992px) {
    .fright-md {
        float: right !important;
    }

    .fleft-md {
        float: left !important;
    }
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.text-left {
    text-align: left !important;
}

/*DON'T DELETE - GENERIC CLASSES CLOSE ======================================================================================================================================================================================================*/



#sticky-sidebar {
    background-color: #fff;
    border-right: 1px solid #eeeeee;
}

    #sticky-sidebar .sticky-top {
        margin: 0 12px;
    }

h4.left-sticky-header {
    font-size: 18px;
    importWizard-ticketId text-transform: uppercase;
    margin: 0 15px;
    padding: 15px 0 20px;
    border-bottom: 1px solid #eeeeee;
    color: #909090;
    font-weight: 400;
}

.filters-outer-ckeck-box {
    padding: 0;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 6px;
}

    .filters-outer-ckeck-box #MainMenu .list-group .list-group-submenu .list-group-item, .filters-outer-ckeck-box #MainMenu .list-group a {
        border: none;
    }

.left-section .logo {
    padding: 30px 0px 25px;
    border-bottom: 1px solid #f4f5f8;
    margin-bottom: 10px;
}

.creat-and-upload a {
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 10px 0;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.creat-and-upload {
    border-bottom: 1px solid #f4f5f8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.creat-folder {
    background: #4a90e2 url(../images/folder.png) no-repeat left center;
    background-position: 35px;
}

.upload-file {
    background: #4a6ee2 url(../images/upload-file.png) no-repeat left center;
    background-position: 35px;
}
/******* MAIN CSS ********/


.mian-heading {
    overflow: hidden;
    margin-top: 30px;
}

    .mian-heading h2 {
        font-size: 22px;
        color: #4a6ee2;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .mian-heading h4 {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }

.wizard_steps {
    width: 100%;
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.step {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}

.step_content {
    position: relative;
    z-index: 2;
}

    .step_content small {
        /*color: #b6b6b6;*/
        color: #959494;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        top: 35px;
        display: block;
        width: 100%;
        margin-top: 7px;
    }

.step_number {
    color: #bebebe;
    background: #f6f7fb;
    font-weight: 600;
    width: 33px;
    height: 33px;
    margin: 0 auto;
    border-radius: 50%;
    transition: opacity 0.5s;
    opacity: 1;
    z-index: 5; /*padding: 7px 3px;*/
    /*background: #f6f7fb;*/
    background: #babbbc;
}

.step_content.active small {
    /*color: #4a90e2;*/
    color: #25950a;
    margin-top: 7px;
}

.step_content.active .clsservicesec {
    color: #25950a;
    margin-top: 7px;
}

.employee-info p {
    background: #f6f7fb;
}

.employee-info.active p {
    background: #f6f7fb;
}

.employee-info.precon p {
    color: none !important;
    background: #52BED9;
}

.employee-info.const p {
    color: none !important;
    background: #005C9B;
}

.employee-info.closeout p {
    color: none !important;
    background: #351B82;
}

.employee-info.lightgrey p {
    color: none !important;
    background: lightgray;
}

.employee-info.nodeOnhold p {
    color: none !important;
    background: red;
}

.step_content.active small {
    /*color: #4a90e2;*/
    color: #25950a;
    margin-top: 7px;
}

.step_content.active .clsservicesec {
    color: #25950a;
    margin-top: 7px;
}

.equipment-details p {
    background: #f6f7fb url('Images/Equipment-Details-nonactive.png') no-repeat center center;
}

.equipment-details.active p {
    background: #f6f7fb url('Images/Equipment-Details-active.png') no-repeat center center;
}

.equipment-details.active small {
    color: #4a90e2;
}

.application-access p {
    background: #f6f7fb url('Images/Application-Access-Details-nonactive.png') no-repeat center center;
}

.application-access.active p {
    background: #f6f7fb url('Images/Application-Access-Details-active.png') no-repeat center center;
}

.application-access.active small {
    color: #4a90e2;
}

.summary-nonactive p {
    background: #f6f7fb url('Images/Summary-nonactive.png') no-repeat center center;
}

.summary-nonactive.active p {
    background: #f6f7fb url('Images/Summary-active.png') no-repeat center center;
}

.summary-nonactive.active small {
    color: #4a90e2;
}

.step.-completed .step_number {
    opacity: 0;
}

.step_number span {
    /*padding: 4.3px 0; border: 2px solid #fff;*/
    display: block;
    border-radius: 50%;
}

    .step_number span img {
        width: 100%;
    }

.step.-completed .line {
    transform: scaleX(1);
}

.line {
    position: absolute;
    top: 14px;
    left: 50%;
    z-index: -1;
    height: 5px;
    transition: all 0.5s ease;
}

    .line.-start {
        left: 0%;
        background: #5094de;
        width: 50%;
    }

    .line.-end {
        left: 50%;
        background: #5094de;
        width: 50%;
    }

    .line.-background {
        width: 100%;
        border-top: 2px dashed #dfe3ea;
    }

        .line.-background.active {
            border-top: 2px dashed #89df94;
        }

.precon-lines {
    border-top: 6px solid #52BED9;
    width: 100%;
}

.const-line {
    border-top: 6px solid #005C9B;
    width: 100%;
}

.clousout-line {
    border-top: 6px solid #351B82;
}
/*.back-to-home-but, .previous-but {     Talk to CW
        overflow: hidden;
        margin: 0 15px;
    }*/

.previous-but button {
    background: #4a90e2;
    border: none;
    padding: 10px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.back-to-home-but button {
    background: #bfd2e9;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.svcCreateTicket_formCotainer {
    background: #fff;
    border-radius: 5px;
    float: left;
    width: 100%;
    /*padding: 5px 30px 40px;*/
    /*margin: 5px 0px 30px;*/
}

/*.svcCreateTicket_formWrap {
    background: #fff;
    border-radius: 5px;
    padding: 5px 30px 40px;
    margin: 34px 15px 60px;
}*/

.employee-name.form-group input:focus, .employee-type .btn-group .btn:focus, .department .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #fff;
}

.employee-name.form-group input, .employee-type .btn-group .btn, .employee-name.form-group textarea, .department .btn-group .btn {
    font-size: 12px;
    color: #7a7b7b !important;
    font-family: 'Roboto',sans-serif;
}

.employee-name.form-group label, .employee-type.form-group label, .department.form-group label {
    color: #4a6ee2;
    display: block;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
}

.employee-type ul, .department ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .employee-type ul li a, .department ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .employee-type ul li a:hover, .department ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

.date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {
    background-image: url(Image/calendar.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}

.employee-type .btn-group .btn::after, .department .btn-group .btn::after {
    border-top: none;
}

.down-arrow {
    background: #ecf1f9 url(Images/arrow-dwon.png) no-repeat 97% center !important;
    padding-right: 6px !important;
    overflow: hidden;
}

.documents-attac {
    overflow: hidden;
    margin: 40px 0 20px;
}

    .documents-attac .attach-but {
        text-align: center;
    }

        .documents-attac .attach-but button {
            background: url(Image/plus-blue.png) no-repeat center top;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            border: none;
            color: #232323;
            outline: none;
        }

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                /*background: url(Image/document-ofice-365.png) left center no-repeat/16px, url(Image/close-red.png) right center no-repeat;*/
                padding: 0 25px;
            }

/*.next-cancel-but {
    overflow: hidden;
    margin: 20px 0;
    text-align: center;
}*/
/***************************Summary page close button**********************************/
.close-btn {
    display: inline-block;
    float: right;
}

.next-cancel-but .next {
    display: inline-block;
    width: auto !important;
    text-align: right;
    background: #4fa1d6 !important;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 4px 10px 3px 10px;
}

/*.next-cancel-but .dxb, .close-btn .dxb {
    background: none !important;
}*/

/*.cancel .dxb {
    color: red !important;
    font-size: 14px;
    font-weight: 600;
    `
}*/

.next-cancel-but .cancel, .close-btn .cancel {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    color: #4A6EE2;
    background: none !important;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
}

.red-star {
    color: #e24a7a;
}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.all-input {
    padding: 5px;
}

    .all-input input {
        /*background-color: #ECF1F9 !important;*/
        background-color: #fff !important;
        height: 28px !important;
    }

textarea:focus, input:focus, .btn:focus {
    box-shadow: none !important;
    border: 1px solid #ccd4e !important;
    /*background-color: #EAEDF0 !important;*/
}

.cust-checkbox .custom-checkbox label {
}

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}
/*
.cust-checkbox .custom-control-label::after{ background: url(Image/check.png;) no-repeat center center !important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background: url(Image/check.png;) no-repeat center center !important;}
*/

.three-dots {
    overflow: hidden;
}

    .three-dots ul {
        margin: 0px;
        padding: 0px;
    }

        .three-dots ul li {
            list-style-type: none;
            float: left;
            margin-right: 40px;
            color: #737373;
        }

    .three-dots .light-blue {
        background: #bfd2e9;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .pink {
        background: #e24a7a;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .three-dots .yellow {
        background: #fdbc05;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

.existing-access-input {
    width: 330px;
    margin: 30px 0 0 0;
}

.employee-info-outer {
    background: #fff;
    border-radius: 10px;
}

    .employee-info-outer .empl-header {
        background: #f0f0f0;
        border-radius: 10px 10px 0 0;
    }

        .employee-info-outer .empl-header h3 {
            padding: 20px 30px;
            font-size: 16px;
            font-weight: 500;
        }

.emplo-inof-inner {
    margin: 0px;
    padding: 20px 30px 10px 30px;
}

    .emplo-inof-inner li {
        list-style-type: none;
        display: block;
        margin-bottom: 12px;
        font-size: 16px;
    }

        .emplo-inof-inner li:first-child {
            color: #4d92e3;
        }

        .emplo-inof-inner li:last-child {
            color: #818181;
        }

.info-wrap {
    /*margin-top: 7%;*/
    /*padding-right: 2%;
    padding-left: 2%;*/
}
/********** popup css **********/

.put-on-hold-popup.cust-main-popup .modal-dialog .modal-content {
    border-radius: 8px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: none;
}

.cust-main-popup .modal-dialog {
    top: 10%;
}

    .cust-main-popup .modal-dialog .modal-content .modal-header {
        background: #f0f0f0;
    }

        .cust-main-popup .modal-dialog .modal-content .modal-header h4 {
            color: #232323;
            font-size: 16px;
            font-weight: 600;
        }

        .cust-main-popup .modal-dialog .modal-content .modal-header button {
            opacity: 1;
            outline: none;
        }

.cust-main-popup .putting-ticket-sec {
    overflow: hidden;
}

    .cust-main-popup .putting-ticket-sec h2 {
        color: #4a6ee2;
        font-weight: 500;
        font-size: 20px;
        margin-top: 18px;
    }

        .cust-main-popup .putting-ticket-sec h2 span {
            font-weight: 700;
            color: #232323;
        }

    .cust-main-popup .putting-ticket-sec h4 > span {
        font-size: 16px;
        color: #99a9bc;
        font-weight: 400;
        line-height: 24px;
    }

    .cust-main-popup .putting-ticket-sec h4 {
        text-align: center;
    }

.inner-cust-dropdown-menu {
    width: 70%;
    margin: 0 auto;
}

    .inner-cust-dropdown-menu .select-style .date-time {
        background-image: url(Image/calendar.png);
        background-repeat: no-repeat;
        background-position: 95% center;
    }

.cust-checkbox .custom-control-label::before {
    background: none;
    border: 1px solid #bfd2e9;
}

/*.select-style {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
    padding-right: 30px;
}*/

/*.select-style select {
        border-radius: 3px;
        padding: 10px 10px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        background: #ecf1f9 url("Images/drop-down-arrow.png") no-repeat 95% 50%;
        margin-bottom: 1.5rem;
        font-family: 'Roboto',sans-serif;
        font-size: 16px;
        color: #7a7b7b !important;
        height: auto;
        box-shadow: none;
    }*/

/*.select-style select:focus {
            outline: none;
        }

        .select-style select option {
            margin: 40px;
            color: #7a7b7b;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }*/

/*.select-style label {
        color: #4a90e2;
        font-size: 16px;
        margin-bottom: 10px;
    }*/

.select-style input {
    border: 0px;
    font-size: 16px;
    padding: 10px 10px;
}

.inner-cust-dropdown-menu .comments textarea {
    border: none;
}

.inner-cust-dropdown-menu .comments .custom-checkbox label {
    font-size: 14px;
    color: #7a7b7b;
}

/*.hold-cancel-but {
    overflow: hidden;
    margin: 60px 0 0 0;
}*/

.hold-cancel-but .cancel,
.hold-cancel-but .hold-but {
    display: block;
    text-align: center;
}

    .hold-cancel-but .hold-but a {
        background: #e24a7a;
        color: #fff;
        padding: 6px 15px;
        display: inline-block;
        text-decoration: none;
        border-radius: 5px;
        font-size: 14px;
    }

    .hold-cancel-but .cancel a {
        color: #232323;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        margin: 2px 0 10px 0px;
        font-weight: 600;
    }

/************************************CSS by Chetan *****************/
.add-file-doc {
    display: block;
    text-align: center;
    margin: 0px;
    width: 100%;
    z-index: 9;
}

/************************************CSS by Chetan *****************/
.add-file-doc {
    display: block;
    text-align: center;
    margin: 0px;
    width: 100%;
    z-index: 9;
}

/*.add-file-doc a {
        color: #232323;
        text-decoration: none;
        font-size: 16px;
        background: url(Images/plus-blue.png) no-repeat left center;
       
        background-image: url('Images/plus-blue.png');
        background: url('Images/document-ofice-365.png')no-repeat left center;
        padding: 10px 0px 10px 40px;
        display: inline-block;
        font-family: 'Roboto',sans-serif;
    }*/

.fileUploadIcon .hyperLinkIcon {
    /*background: url('Images/document-ofice-365.png')no-repeat left center !important;
    padding-right: 10px;*/
    overflow: hidden;
    white-space: nowrap;
    /*text-overflow: ellipsis;
    max-width: 150px;*/
    text-align: left;
    display: block;
    font-size: 14px;
    color: inherit !important;
}

.cancelUploadedFiles {
    margin-top: -31px;
}

.newTask_attachment_wrap .uploadedFileContainer .hyperLinkIcon {
    display: block;
    font-size: 14px;
    padding-left: 30px;
    max-width: 240px !important;
}

.newTask_attachment_wrap .editTicket_fileUpload table tr .dxBB a {
    margin-left: 0px !important;
}

.ui-dialog-titlebar-maximize .ui-corner-all .ui-state-default {
    display: none;
}

.ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-close {
    background: url('Images/close-red-big.png') no-repeat;
    border: none;
    width: 38px !important;
    height: 25px !important;
    /*background-color: #EFEFEF;*/
    outline: none;
    position: absolute !important;
    top: -3px !important;
    right: -5px !important;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus {
    background: url('Images/close-red-big.png') no-repeat;
    border: none !important;
    outline: none;
    width: 38px !important;
    height: 25px !important;
    background-color: #EFEFEF;
}

.ui-dialog-title {
    font-family: 'Roboto', sans-serif;
}

ul.cancelbutton > li div[title="Close"],
ul.cancelbutton > li div[title="Close"] > div,
ul.cancelbutton > li.tabhover,
ul.cancelbutton > li {
    background: none;
}

    ul.cancelbutton > li div[title="Close"] > div span {
        color: #e24a7a;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }



/********** popup css **********/


.add-file-doc > a {
    /*position: absolute;*/
    margin: 0 auto;
    opacity: 1;
    left: 0px;
}

.add-file-doc > span {
    /*position: absolute;*/
    display: inline-block;
    width: 23%;
    overflow: hidden;
}

.add-file-doc .dxucTextBox_UGITNavyBlueDevEx {
    /*opacity: 0;*/
}

/*.add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: -223px;
    }*/

/*.add-file-doc > span > div {
        margin-left: -222px;
    }

        .add-file-doc > span > div > div {
            margin-left: 223px !important;
        }*/
/* .dxucBrowseButton_UGITNavyBlueDevEx {
    border: none;
    background: none;
}*/

.previousL {
    background: #4a90e2;
    border: none;
    padding: 5px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

    .previousL .dxb {
        background: none !important;
        padding: inherit;
    }

.topNext {
    background: #bfd2e9;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

    .topNext .dxb {
        background: none !important;
        padding: unset;
    }

.dxEditors_edtDropDown_UGITNavyBlueDevEx {
    background: url(/Content/Images/DropdownArrow.png);
    /*padding: 0px 10px;*/
    background-repeat: no-repeat;
    background-color: transparent;
    padding-right: 0px;
    margin-right: -2px; /**comment while changeing cpr->project team-> find resource popup**/
    margin-top: 8px;
}

.all-input .dxeButton .dxeButtonEditClearButton_UGITNavyBlueDevEx .dxeButtonEditButton_UGITNavyBlueDevEx {
    background-color: #ECF1F9;
}

.dropdownForSingleChoice {
    width: 100%;
}

.full_width {
    width: 82%;
}

.userctr table {
    width: 100%;
}

.dxeValidStEditorTable .dxeErrorCell_UGITNavyBlueDevEx {
    display: none;
}

.dxpnlControl_UGITNavyBlueDevEx .dxeValidStEditorTable {
    width: 100%;
}

.commentBox .full_width {
    width: 100% !important;
}

.calenderIcon .dxic + .dxeButtonEditButton_UGITNavyBlueDevEx {
    width: 26px;
    height: 20px;
    display: inline-block;
    opacity: 0;
}

.down-arrow .dxeButton {
    width: 37px;
    height: 14px;
    display: inline-block;
    /*background: transparent;*/
    background: #fff;
    padding-left: 10px;
    border: none;
    padding-right: 4px;
}

.divMainAccess {
    display: flex;
    /*border: 1px solid #a8a8a8;*/
    height: auto;
    margin: 10px 0px 0px 0px;
    overflow: auto;
}

    .divMainAccess::-webkit-scrollbar {
        height: 2px;
        width: 8px;
        background: lightgray;
    }




    .divMainAccess::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #333;
        border-radius: 10px;
    }

    .divMainAccess::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background: #000;
    }
/*.appl_access_title {
    float: right;
}*/

.txtNotes {
    /*width: 76%;*/
    width: 100%;
}

.divColorKeyMain {
    color: #a8a8a8;
}

.applLegend {
    padding: 5px 0px 5px 0px;
    border-bottom: none;
    display: -webkit-inline-box;
    width: 100%;
}

table.gvResourceClass {
    margin-bottom: 10px;
    width: auto;
    background-color: #fff;
}

.link-wrap {
    text-align: center;
    margin-left: -8%;
}

.link-one, .link-two, .link-three {
    display: inline-block;
    background-color: #5596E3;
    border: none;
    padding: 1px 12px 4px 3px;
    width: auto;
    border-radius: 4px;
}

.link-btn-wrap {
    border: none;
    /*padding: 1px 12px 4px 3px;
    width: auto;
    border-radius: 4px*/;
}

.link-url, .link-url:hover, .link-url:active {
    color: #fff;
    text-decoration: none;
}

.btn-holder {
    padding-bottom: 3px;
}

.add-link-btn {
    /*background: url(../images/pluse_white.png) no-repeat center;*/
    display: inline-block;
    /*background-color: #fff;*/
    /*border-radius: 50%;*/
    padding: 7px 10px 12px 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    outline: none;
    width: 17px;
    height: 15px;
}

    .add-link-btn img {
        /*background-color: #fff;*/
        /* padding: 4px; */
        /* border-radius: 50%; */
        width: 16px;
    }

.link-lable {
    display: inline-block;
    font-size: 13px;
    /*border-right: 1px solid #CFD0DF !important;*/
    padding: 0px 0px 0px 5px;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
}

.emailHeader {
    padding: 10px;
}

.close_arrow_edit {
    height: auto;
    padding-right: 6px !important;
}

    .close_arrow_edit > tr > td {
        width: 85%;
    }

        .close_arrow_edit > tr > td + td {
            float: left;
            margin: 10px 0px;
            width: 20px;
            overflow: hidden;
            padding: 0px 1px;
            height: 19px;
        }

            .close_arrow_edit > tr > td + td + td {
                width: 21px;
                float: right;
                padding: 0;
            }

                .close_arrow_edit > tr > td + td + td > img {
                    margin-right: 0px;
                }

.btn-container {
    display: inline-block;
    float: right;
}

.btn-wrap {
    /*padding:3px 0px 3px 0px;*/
}

.action-btn {
    padding: 5px 12px 5px 15px !important;
    background-color: #4fa1d6 !important;
    /*background-color: lightgray !important;*/
    color: #FFF !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

    .action-btn .dxb {
        color: #FFF !important;
        background: none !important;
        padding: 0px !important;
    }

.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popupMain.dxm-shadow.dxm-popup {
    left: -50px !important;
}

.dropdown-toggle.action-btn img.dx-vam {
    filter: brightness(0) invert(1);
}

.dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-hovered {
    background-color: #c5c5c5 !important;
}

.section-btn {
    padding: 0px 10px;
}

.section-icon {
    display: inline;
    float: right;
}

/*.process_icon {
    border-right: 1px solid #CFD0DF !important;
}*/

.edit_ticket_tabIcon .buttoncell ul li {
    background: none !important;
    width: auto;
    float: left;
    display: inline;
    list-style: none;
    margin: 0 2px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

/*.edit_ticket_tabIcon .buttoncell ul .tabhover {
    border-right: 1px solid #CFD0DF !important;
}*/

/*.edit_ticket_tabIcon .buttoncell ul .mouse_Leave { comment to remove footer button hover button right
    border-right: 1px solid #CFD0DF !important;
}*/

.edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb {
    font-size: 12px !important;
    color: #FFF !important;
    background: none !important;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
}

.gridLinkButton {
    margin-top: -9px !important;
    float: right !important;
}

.edit_ticket_tabIcon .buttoncell .dxbButton_UGITNavyBlueDevEx {
    background: #4fa1d6 !important;
    border-radius: 4px;
}

.svc_editTicket_link {
    display: inline-block;
}

.feedBackCancel {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
    margin-left: 15px;
}

    .feedBackCancel .dxb {
        background: none !important;
        color: red !important;
        font: 12px 'Roboto', sans-serif;
        font-weight: 600;
    }

.returnFeedback {
    float: left;
    height: 270px;
    width: 400px;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
}

/*.buttonAlign {
    padding: 10px 0px 0px 145px;
    display: table-caption;
}*/

.dateTimeLayout {
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
}

.imageStyle {
    cursor: pointer;
    height: 25px;
}
/*************************************End Chetan******************************************************/
/*********************************CSS for SVC->edit ticket-> lifecycle tab****************************/
.lifecycle-content-wrap {
    background-color: #fff;
    margin-top: 10px;
    padding: 0 0 45px 0;
}

.lifecyle-grid-container {
    padding: 23px 0 0 23px;
}

.lifecycle-grid-wrap {
    border-bottom: 1px solid #E4E4E4;
}

.grid-status {
    font-size: 14px;
    font-weight: 600;
    color: #4A6EE2;
}

.lifecycle-grid-wrap p {
    font-size: 14px;
    color: #629EE4;
}

.managementcontrol-main {
    background: #fff;
}

/******************************Css for workflow ***********************************/
.contract_steptop_content .flowlable {
    top: 20px !important;
    right: -71px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000080;
}

.contract_steptop_content .workflow-lable {
    right: -74px;
    top: -20px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000080;
    margin-top: -10px;
}
/********************************
		RESPONSIVE
********************************/
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .wizard_steps {
        width: 60%;
    }
}

@media only screen and (max-width: 992px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media only screen and (max-width: 768px) {
    .wizard_steps {
        width: 100%;
        margin-top: 30px;
    }

    .back-to-home-but {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.select-style table + table {
    border: none;
    box-shadow: none;
    height: auto;
    padding: 10px;
}

    .select-style table + table,
    .select-style table + table tr td,
    .select-style table + table tr td input {
        background: #ecf1f9 !important;
        font-family: 'Roboto', sans-serif;
    }

        .select-style table + table tr td + td img {
            display: none;
        }

        .select-style table + table tr td + td {
            width: 30px;
            height: 30px;
            background: url('Images/calendar-new.png') no-repeat center center;
        }

        .select-style table + table tr td input {
            font-size: 16px !important;
            height: auto !important;
            font-family: 'Roboto', sans-serif;
            color: #7a7b7b;
        }

        .select-style table + table tr td img {
            margin: 6px 0 0 0;
            padding: 0px;
            height: auto;
        }

.select-style-outer {
    width: 90%;
    margin: 15px auto;
}

.put-on-hold-comments {
    width: 88%;
    margin: 0 auto;
    font-size: 14px;
    color: #737373;
}

    .put-on-hold-comments label {
        color: #4a90e2;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    }

    .put-on-hold-comments textarea {
        width: 100% !important;
        font-size: 14px;
        color: #7a7b7b;
        padding: 0.375rem 0.75rem;
        font-family: 'Roboto', sans-serif;
    }

.close-ticket-checkbox {
    width: 87%;
    margin: 15px auto;
    font-size: 14px;
    color: #7a7b7b;
    font-family: 'Roboto', sans-serif;
}

ul.hold-and-cancel-but {
    margin: 30px 0 30px 0 !important;
    width: 100%;
}

    ul.hold-and-cancel-but li {
        display: block !important;
        text-align: center !important;
        background: none !important;
        font-family: 'Roboto', sans-serif !important;
        float: unset !important;
        width: 100% !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

        ul.hold-and-cancel-but li a {
            background: #e24a7a !important;
            color: #fff !important;
            padding: 15px 40px !important;
            display: inline-block !important;
            text-decoration: none !important;
            border-radius: 5px !important;
            font-size: 16px !important;
            margin: 20px auto;
            float: inherit;
            text-align: center;
        }

            ul.hold-and-cancel-but li a.cancelwhite {
                background: none !important;
                color: #232323 !important;
                font-weight: 600;
                padding: 10px 0 !important;
            }


.question_Title_Span {
    color: #4a90e2;
    display: block;
    font-size: 16px;
}

.submit_CreateRequestL {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #4a90e2;
    padding: 14px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none
}

.employee-name {
    margin-top: 15px;
    margin-bottom: 0px;
}
/******* Begin CSS for Export Icon******/
.export-icon-imgs {
    cursor: pointer;
    width: 24px !important;
    height: 26px !important;
}

.export-icon-imgs-padding {
    padding: 10px 0 6px 12px !important;
    border-bottom: 1px solid #8080803d !important;
}

.export-dropdown {
    background: rgb(234, 237, 240);
    float: left;
    position: absolute;
    padding: 3px 2px 0px;
    top: 0px;
    width: 110px;
    left: -45px;
    border: 1px solid rgba(128, 128, 128, 0.09);
}

.name-icon {
    padding-left: 10px;
    font-weight: 600;
    color: #4A6EE2;
}

.export-icon-imgs-margin {
    padding-left: 3px !important;
    margin-top: -4px !important;
    /*background-color: #EAEDF0 !important*/
}
/**************End CSS for Export Icon*/

/***********************CSS for Workflow legends***************************/

.workFlowImg-wrap {
    float: none;
    margin: 0 auto;
    top: -139px;
}

.workFlow-legend-wrap {
    float: right !important;
    margin-right: -8%;
    top: 42px;
    /* border: 1px solid #495763; */
    padding-top: 5px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.legends-container {
    float: right;
    margin-right: 27px;
}

.legend-icon {
    display: inline-block;
    margin-right: 5px;
    height: 6px;
    width: 6px;
    padding: 10px;
}

.complete {
    background-color: #228B22;
}

.inProgress {
    background-color: #F4B247;
}

.notStarted {
    background-color: #495763;
}

.legends_name {
    color: #495763;
    font-weight: 600;
}

.legend-table {
    margin-bottom: 0px !important;
}

    .legend-table td {
        border-top: none !important;
    }

.applicationRegReq_status_btn:hover, .applicationRegReq_status_btn:focus {
    background-color: #4a90e2 !important;
    border-color: #4a90e2 !important;
    color: #fff !important;
}

.control-label {
    text-align: left;
}

.appReg-inputField {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .appReg-inputField input[type="text"] {
        background: #ecf1f9 !important;
        border: none !important;
        box-shadow: none !important;
    }

.applicationRegReq_submit_btn:focus {
    background-color: #5CB85C !important;
    border-color: #5CB85C !important;
}

.applicationRegReq_reset_btn:focus {
    background-color: #286090 !important;
    border-color: #286090 !important;
}
/***********************CSS for Workflow legends***************************/

/******************************CSS For SVC->services page******************/
.question-name span {
    display: block;
    font-size: 15px;
    color: #4d92e3;
    font-family: 'Roboto', sans-serif;
}

.question-value span {
    color: #818181;
    display: block;
    font-size: 14px;
}

.question-wrap {
    padding: 5px 15px 5px;
}

/******************************CSS for History tab ***************************************/
.history-grid-wrap {
    background-color: #fff;
    margin-top: 10px;
}

.history-content-wrap {
    padding: 0px !important;
}

.ticket-name {
    display: inline-block;
    padding: 15px 22px 0 27px;
}

    .ticket-name p {
        font-weight: 600;
        font-size: 14px;
        color: #41538B;
    }

.ticket-status {
    display: inline-block;
}

.user-name {
    display: inline-block;
}

    .user-name p {
        color: #A7B3C1;
        font-size: 16px;
        font-weight: 500;
    }

.user-img {
    display: inline-block;
    margin-right: 10px;
    margin-left: 23px;
}

    .user-img img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

.history-status-btn {
    border: none;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    margin-top: 16px;
}

.pending-approval-btn {
    background-color: #BFD2E9;
}

.submited-btn {
    background-color: #55D5AE;
}

.history-data {
    padding-left: 28px;
    margin-top: 10px;
    padding-bottom: 6px;
}

    .history-data p {
        font-size: 14px;
    }

.user-data {
    display: inline-block;
}

.cal-icon {
    display: inline-block;
}

    .cal-icon img {
        height: 18px;
        width: 17px;
    }

.comment-days {
    display: inline-block;
    cursor: pointer;
}

    .comment-days span {
        font-size: 12px;
        font-weight: 500;
        color: #8BA2ED;
    }

.history-time-wrap {
    display: inline-block;
    float: right;
    padding-top: 19px;
    padding-right: 25px;
}

.treeLeafNode {
    color: #4C70E3;
}

.treeRootNode {
    color: #4F94E3;
}


.info-subtitle span {
    font-size: 14px;
}

.info-content-wrap {
    /*margin-top: 30px;*/
    background-color: #FFFFFF;
}

.info-name p {
    font-size: 14px;
    color: #4a90e2;
    margin-bottom: 8px;
}

.info-value span {
    font-size: 14px;
    color: #737373;
    word-wrap: break-word;
}

.summary-info-wrap {
    margin-top: 30px;
}

.info-subtitle span {
    font-size: 16px;
    /*margin-left: 31px;*/
    color: black;
    font-weight: 500;
}

.info-wrap h6 {
    font-size: 16px;
    color: #4a90e2;
}

.history_wrap {
    padding: 2px;
    background-color: #fff;
    margin-bottom: 6px;
}

.comment-wrap {
    margin-top: 3px;
}

.imgPadding {
    padding-left: 10px;
}

.history_img_name {
    display: inline-block !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.history_data p, .comment-data p {
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px;
}

.history_img img {
    width: 20px;
    height: 20px;
    border: 1px solid #efeeee;
    border-radius: 50%;
    padding: 2px;
}

/*.history_data {
    margin-top: 10px;
}*/

.comment-padding {
    padding: 0px;
    /*padding-left: 10px;*/
}

.history_date_time span {
    font-size: 12px;
    /*color: #4A6EE2;*/
    /*font-weight: 500;*/
}

/*.addComment_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.addComment_popUp .dxpc-content {
    background-color: #fff !important;
}

.addComment_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}*/

/*.comments .employee-name textarea {
    border-radius: 4px;
    height: 35px !important;
}*/

.comments .custom-checkbox span {
    background-color: #fff !important;
    font-size: 14px;
    color: #000;
}
/***********************************************CSS for ticket tables**************************/
.field_box_label {
    font-size: 13px;
    color: gray;
    font-family: 'Roboto', sans-serif !important;
}

.ticket_container {
    margin-top: 1px;
    background-color: #fff !important;
    margin-bottom: 20px;
    border: 1px solid #dfdbdb;
    /*border-top: 0px*/
}

    .ticket_container .ugit-tdetaillabel {
        background-color: #fff !important;
        border-width: 0px !important;
    }

.field_Title {
    padding-top: 0px;
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

.field_box div {
    font-size: 12px;
    color: #000;
    font-family: 'Roboto', sans-serif !important;
    word-break: break-all;
    font-weight: 500;
}

.popupleftcts {
    float: left;
    padding-bottom: 5px;
    padding-left: 0px;
}

.field_box a {
    color: #000 !important;
}

.field_box {
    width: 32.03%;
    padding: 5px 20px 10px 20px;
}

    .field_box .field_Title_edit {
        background: #fff;
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
    }

    .field_box textarea {
        /*background: #ecf1f9;*/
        background: #fff;
        border: 1px solid #ccd4e1;
        /*padding: 7px;*/
        border-radius: 4px;
        height: 60px;
        font-size: 12px;
    }

    .field_box .field_Title_edit input {
        background: #ecf1f9;
        font-size: 14px;
    }

    /*.field_box .div-vieweditcontainer table {
    background: #fff;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}*/

    .field_box .div-vieweditcontainer textarea {
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
    }

        .field_box .div-vieweditcontainer textarea:focus-visible {
            outline: none;
        }

    .field_box .div-vieweditcontainer table input {
        background: #ecf1f9;
    }

    .field_box .dxeButtonEditSys, .field_box .dxeTextBoxDefaultWidthSys, .feildRow .dxeTextBoxDefaultWidthSys {
        padding: 3px;
    }

        .field_box .dxeButtonEditSys input, .field_box .dxeButtonEditSys td, .field_box .dxeTextBoxDefaultWidthSys input {
            background: #fff;
            background-color: #fff !important;
            /*background: #ecf1f9;*/
            font-size: 12px;
            height: 28px;
            font-family: 'Roboto', sans-serif !important;
        }

.field_heading legend {
    color: #515151;
    font-size: 13px !important;
    padding: 8px 15px;
    margin-bottom: 0px !important;
    border: 1px solid #e1dddd;
    font-family: 'Roboto', sans-serif;
    background: #f0f0f0;
}

    .field_heading legend a {
        color: #515151;
        font-weight: bold;
    }

.field_box table {
    width: 100%;
    border-radius: 4px;
    /*    background: #FFF !important;*/
    border-color: #ccd4e1;
}
/************ Comments tab contents **********/
.sub-content {
    margin-left: 15px;
    color: #A1AAC4;
}

.ticket_status {
    margin-left: 5px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.comment-title-container {
    padding-top: 40px;
    margin: 0 !important;
}

.comment-title-wrap {
    padding-left: 30px;
}

    .comment-title-wrap h6 {
        font-size: 16px;
        color: #4a90e2;
    }

.comment-container {
    padding-top: 24px;
    margin: 0 !important;
}

.img-container {
    /*text-align: center;*/
    /*padding: 0px 0px 10px 20px;*/
    font-family: 'Roboto',sans-serif;
}

    .img-container img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 3px;
        padding: 2px;
        border: 1px solid #efeeee;
    }

.comment-box-wrap {
    padding: 10px 50px 10px 0 !important;
}

.comment-box textarea {
    background-color: #ECF1F9;
    border-radius: 8px;
    border: none;
}

.button-wrap {
    text-align: center;
    margin-top: 23px;
    margin-bottom: 30px;
    padding-bottom: 33px;
    border-bottom: 1px solid #E9E9E9;
}

.comment-btn {
    background-color: #4A90E2;
    padding: 15px 35px 15px 35px;
    border: none;
    color: #fff;
    border-radius: 7px;
    font-family: 'Roboto', sans-serif !important;
}

.from-name p {
    color: #A7B3C1;
    font-size: 16px;
    font-weight: 500;
}

.cal-icon {
    display: inline-block;
}

    .cal-icon img {
        height: 18px;
        width: 17px;
    }

.comment-days {
    display: inline-block;
    margin-left: 15px;
}

    .comment-days span {
        font-size: 12px;
        font-weight: 500;
        color: #8BA2ED;
    }

.comment-data-wrap {
    margin-top: 20px;
}

    .comment-data-wrap p {
        font-size: 14px;
        color: #9A9A9A;
    }

.hr-line {
    margin-right: 15px;
    margin-left: 15px;
}

.verticalAlign {
    vertical-align: top;
}

.noData {
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.comment-container {
    background-color: #fff;
    border-bottom: 1px solid #E9E9E9;
    border-color: #dfdbdb;
}

.comment-tbl {
    padding: 2px;
    border-collapse: collapse;
    border-color: transparent;
    position: relative;
}

    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -27px;
        right: -15px;
    }

    .comment-tbl tr:nth-child(2) {
        border-bottom: solid 1px #E9E9E9;
    }


.all-dropdown {
    margin: 0px !important;
}

/*.all-dropdown select {
        height: auto !important;
    }*/


/***********************CSS for ticket header content**********************/
.ticket_header_content {
    background: none !important;
    padding-top: 0px !important;
    padding-bottom: 10px;
}
/************ Comments tab contents **********/
@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}

/************************************CSS for Multi REquester  by shubhangi *****************/
.multi_requester_name {
    font-size: 12px;
    overflow: hidden;
    width: 175px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*white-space: nowrap;
    text-overflow: ellipsis*/
}
/****************************Css for Edit Ticket->sevice tab By Neha***********************/
.section_one {
    margin-top: 32px;
}

.back-logo {
    display: inline-block;
}

.ticket-title {
    display: inline-block;
    /*margin-left: 20px;*/
    color: #4a6ee2;
    /*float: right;*/
    /*margin-right: 30px;*/
}

    .ticket-title h6 {
        font-size: 12px !important;
        font-weight: 600;
        word-spacing: 7px;
        letter-spacing: 0.5px;
        margin-top: 0;
        margin-bottom: 0;
    }

.edit-ticket-devider {
    font-size: 14px;
    font-weight: 400;
}

.ticketTitle_status {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
    float: left;
}

.ticket_header_data b, .ticket_header_data {
    color: #959595;
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
}
/*to show helptexticon*/
/*.ticket_info_icon {    display: none;
}*/
.ticket_error_msg {
    float: right;
    position: relative;
    width: 100%;
    top: -4px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    color: red;
}

#errorMsgContainer {
    float: right;
}

.ticket_error_wrap {
    float: right;
    width: 100%;
}

.error_msg2 {
    color: red;
    float: right;
    text-align: left;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.createTicket_heading_wrap {
    background: none !important;
    /*margin-top: -10px;*/
}

.nonSvc_createTicketWorkflowWrap {
    margin-top: 17px;
}

.createTicket_heading_wrap b {
    color: #000080;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
    float: left;
    padding-bottom: 20px;
}

.createTicket_errorMsg {
    color: red;
    float: left;
    height: auto;
    text-align: left;
    padding-top: 0px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

.step {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    overflow: visible;
    position: relative;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    top: 28px;
    background: none;
}

.complete:before {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    background-color: #32CD32;
    height: 6px;
    width: 100%;
}

.inprogress:before {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    background-color: #D3D3D3;
    height: 6px;
    width: 100%;
}

.node {
    display: inline-block;
    border: 6px solid #D3D3D3;
    background-color: #D3D3D3;
    border-radius: 18px;
    height: 18px !important;
    width: 18px !important;
    /*left: 50%;*/
    margin-left: 0px;
    margin-top: 10px;
}

.nodeComplete, .nodeInprogress {
    border-color: #228B22 !important;
    background-color: #228B22 !important;
}

.steplineimage {
    display: none;
}

.oldactiveStageArrow {
    display: none;
}
/****************************Edit Ticket->Related to Existing Ticket*************/
.existingTicket_checkbox label {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    color: #4a90e2;
    margin-top: -1px;
}

.existingTicket_checkbox input[type="checkbox"] {
    width: auto;
    /*opacity: 0.00000001;
    position: absolute;*/
    left: 0;
    margin-left: -20px;
}

/*.existingTicket_checkbox label:before {
    content: '';
    position: absolute;
    right: 190px;
    top: 42px;
    margin: 4px;
    width: 17px;
    height: 17px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #4a90e2;
}

.existingTicket_checkbox label:after {
    content: '';
    display: block;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #4a90e2;
    border-left: 2px solid #4a90e2;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 51px;
    right: 198px;
}*/

/*.existingTicket_checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}*/

/*.relatedTicket_dropDown_label {
    color: #4a90e2;
    font-size: 14px;
    display: block !important;
}*/

.relatedTicket_dropDown_select select {
    float: left;
    padding: 8px;
    border: 1px solid #ccd4e1;
    background: #fff;
    /*background: #ecf1f9 url(Images/arrow-down.png) no-repeat 97% center !important;*/
    border-radius: 3px;
    font-size: 12px;
    width: 85%;
}

.existingTicket_savebtn {
    /*position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;*/
    float: right;
}

/*.existingTicket_savebtn_wrap {
    display: -webkit-inline-box !important;
    width: auto !important;
    border: none;
    background: none
}

    .existingTicket_savebtn_wrap .dxb {
        background: #4A6EE2 !important;
        padding: 5px !important;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
    }*/
/*************Edit ticket->Tabs*************************/
/*.tab_container {
    background-color: #fff;
    /*margin-bottom: 35px;
    margin-top: 20px;*/
/*margin-right: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}*/
.tab_container > table {
    background-color: #fff;
    /*box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);*/
}

.tab_wrap ul {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .tab_wrap ul li {
        border: none !important;
        background: #fff !important;
        color: #007bff;
    }

        .tab_wrap ul li.dxtc-tab a span.dx-vam {
            padding-top: 8px;
        }

        .tab_wrap ul li.dxtc-activeTab {
            background-color: #4fa1d6 !important;
            color: #FFF !important;
            border-radius: 4px 4px 0px 0px;
            padding: 5px;
            padding-bottom: 5px !important;
        }

            .tab_wrap ul li.dxtc-activeTab a {
                color: #fff !important;
                font-family: 'Roboto', sans-serif !important;
            }

        .tab_wrap ul li a {
            color: #007bff !important;
            font-size: 13px;
            font-family: 'Roboto', sans-serif !important;
        }

/*.tab_wrap ul .dxtc-activeTab a {
        border-bottom: 2px solid #3A57B5;
        color: #3A57B5 !important;
        font-family: 'Roboto', sans-serif !important;
    }*/

.svcEdit_actionBtnContainer {
    width: 212px;
}
/*amar code start */
.radioButtonList label {
    display: inline;
}

.equ_details_radiobtn tr {
    display: inline-block;
    margin: 10px;
}



table.mylist label {
    width: 200px;
    display: block;
    float: left;
}
/** amar code end */



/**************** Start Of CSS For New Task Window  */

.content-wrap {
    margin-left: 20px !important;
    margin-right: 15px !important;
}

.information-wrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 10px;
}

.section-title {
    margin-bottom: 5px;
    margin-top: 5px;
}

.newTask_title {
    color: #4A90E2;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.edit_task_img {
    position: relative;
    top: 2px;
    /*float: right;*/
    /*width: 17px;*/
    height: 16px;
    display: inline-block;
}

.editTask_predecessors_list {
    display: block;
    font-size: 12px;
    padding-left: 10px;
}

.edit_task_approveDropdown {
    display: inline-block;
}

.editTask_assignApprover_btn {
    display: inline-block;
    /* background-color: #4A6EE2;*/
    margin-left: 10px;
    border-radius: 4px;
    margin-bottom: -10px !important;
}

.assignAprrover_btnName {
    color: #fff;
}

.assignApprover_name {
    /*float: left;*/
    font-weight: 500;
    font-size: 12px;
    margin-right: 5px;
    font-family: 'Roboto', sans-serif !important;
}

.approve-btn a, .reject-btn a {
    /*float: left;*/
    background-color: #5596E3;
    padding: 4px 12px 4px 11px;
    border-radius: 4px;
    margin-right: 10px;
}

.reject_label {
    margin-left: 7px;
}

.editTask_rejectImg {
    border: none;
    width: 13px;
}

.approve-btn, .reject-btn {
    display: inline-block;
}

.approve_btnWrap {
    background-color: #fff;
    /*float: left;*/
    position: relative;
    left: 2px;
    border-radius: 50%;
    padding: 2px 3px 3px 3px;
    top: 0px !important;
}

.popupForm-container {
    overflow-y: visible !important;
}

.newTask_info_title input:focus, .all-drop-down .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #ecf1f9;
}

.newTask_info_title input, .all-drop-down .btn-group .btn {
    font-size: 14px;
    color: #737373;
    width: 100% !important;
    padding: 6px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    background-color: #fff !important;
    height: 35px;
    text-align: left;
}

.newTask_info_title label, .all-drop-down label {
    color: #4a6ee2;
    display: block;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    margin-left: 0;
}

.all-checkbox label, .attachment-label p {
    color: #4a90e2;
    display: inline-block;
    margin-top: -9px;
}

.bg-light-blue {
    /*background: #ecf1f9;*/
    background: #fff;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
}

/*.newTask_assignedTo_dropdown {
    padding-left: 30px;
}*/

.all-input {
    padding: 10px;
}

.all-drop-down ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .all-drop-down ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .all-drop-down ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

.all-drop-down .btn-group .btn::after {
    border-top: none;
}

.down-arrow {
    /*background: #ecf1f9 url(../images/arrow-down.png) no-repeat 97% center !important;*/
    overflow: hidden;
    background-image: none !important;
}

.newTask_info_title .date-time {
    background-image: url(../images/calender_grey.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}

.add-btn-wrap {
    display: inline-block;
}

.remove-btn-wrap {
    display: inline-block;
}

.add-btn, .remove-btn {
    width: 22px;
    height: 22px;
    background-color: #344883;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding-top: 0px;
}

.btn-lable {
    color: #4a90e2;
    font-size: 13px;
    margin-left: 15px;
}

.add-doc-btn {
    background: url(../images/plus-blue.png) no-repeat center top;
    padding: 0 0 0 0px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: #232323;
    outline: none;
    width: 30px;
    height: 32px;
}

.doc-btn-name {
    margin-top: -34px;
    margin-left: 44px;
    font-size: 14px;
}

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                background: url(../images/document-ofice-365.png) left center no-repeat/16px, url(../images/close-red.png) right center no-repeat;
                padding: 0 25px;
            }

.editTask_fileAction_btnWrap {
    text-align: center;
}

.next-cancel-but {
    display: inline-block;
    float: right;
    text-align: right;
}

    .next-cancel-but .editTask_next {
        display: inline-block;
        width: 200px;
        text-align: center;
        margin: 0 auto;
        background: #4a90e2;
        padding: 5px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
    }

    .next-cancel-but .editTask_cancel .dx-vam {
        display: block;
        margin: 16px auto;
        font-size: 14px;
        text-decoration: none;
        color: #e24a7a;
    }

.editTask_cancel .dxb {
    text-align: center;
    display: block;
}

.editTask_cancel {
    background: none;
    display: block !important;
    width: auto !important;
}

.btn-lable-wrap, .usr-label-wrap {
    display: inline-block;
    margin-bottom: 13px;
}

.edit-btn-wrap {
    display: inline-block;
    margin-left: 20px;
}

.newTask_assignedTo_dropdown .bg-light-blue {
    max-width: 100% !important;
    padding: 3px !important;
}

.edit_task_approveDropdown .bg-light-blue {
    padding: 3px !important;
}

.editTask_actionBtn_holder {
    float: right;
    background: none !important;
    margin-right: 19px;
}

    .editTask_actionBtn_holder .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        border: none !important;
        color: #fff !important;
        padding: 8px 20px !important;
        font-size: 12px;
        font-weight: 500;
    }

    .editTask_actionBtn_holder img {
        margin-left: 15px !important;
        filter: brightness(0) invert(1);
    }

.editTask_actionBtn_listWrap .dxm-popup {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.editTask_actionBtn_listWrap .dxm-gutter .dxm-item {
    background-color: #fff !important;
}

.editTask_actionBtn_listWrap .dxm-gutter .dxm-hovered {
    border: none !important;
    background-color: #EBEDF2 !IMPORTANT;
    COLOR: #000 !important;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 14px;
}

    .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

    .checkbox input[type="checkbox"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }

    .checkbox input[type="checkbox"]:disabled + label {
        opacity: 0.65;
    }

        .checkbox input[type="checkbox"]:disabled + label::before {
            background-color: #eeeeee;
            cursor: not-allowed;
        }

.chkbox-1 {
    display: block;
    margin-bottom: 10px;
}

.all-checkbox {
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
}


.tasks-holder {
    border: 1px solid #F1F1F1;
    margin-top: 25px;
    border-radius: 2px;
    max-height: 150px;
    overflow-y: auto;
}

.all-select select {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    background-color: #fff;
}

.newTask_dueDate {
    border: 1px solid #ccd4e1;
    width: 100%;
    padding: 4px;
    border-radius: 4px;
    background-color: #ecf1f9;
}

    .newTask_dueDate .dxeEditArea_UGITNavyBlueDevEx {
        background-color: #ecf1f9;
    }

    .newTask_dueDate .dxeButtonEditButton_UGITNavyBlueDevEx {
        padding: 3px 2px 3px 23px;
        background: url(/Content/Images/calendarNew.png) no-repeat !important;
        background-size: 20px 19px;
        height: 25px;
    }

    .newTask_dueDate .dxEditors_edtDropDown_UGITNavyBlueDevEx {
        display: none;
    }

.attachment-label {
    padding-left: 0px !important;
}
/*********************************CSS for create ticket(other than SVC)*****************************/
.create_ticket_btnWrap {
    /*    height: 46px;*/
    left: 0px !important;
    clear: both;
    /*    padding-top: 60px;*/
}

/*.createTicket_listWrap {
    /*margin-left: 45% !important;
    overflow: visible !important;
    float: none !important;
    text-align: center;
}*/

.createTicket_ulList {
    padding: 0px 0px 3% 0px !important; /*chnage for tsr create*/
    /***Change for Npr create****/
    float: none;
    text-align: center;
}

.createTicket_listWrap {
    float: left !important;
    width: 100% !important;
    padding: 0px;
}

    .createTicket_listWrap li {
        float: right;
        list-style-type: none;
    }

        .createTicket_listWrap li.tabhover {
            background: none !important;
        }

/*.createTicket_listWrap .next {
        background: #4A6EE2 !important;
        border-radius: 4px;
        display: inline-block;
    }*/

/*.createTicket_listWrap .next .linkbutton {
            background: none !important;
        }*/

/*.createTicket_listWrap .cancel {
        background: none !important;
        display: block !important;
    }*/

/*.createTicket_listWrap .next .dxbButton_UGITNavyBlueDevEx div.dxb {
        padding: 7px 22px !important;
        background: #4A6EE2 !important;
        font-size: 14px !important;
        border-radius: 4px;
    }*/

/*.createTicket_listWrap .cancel .dxbButton_UGITNavyBlueDevEx {
        background: none !important;
    }*/

/*.createTicket_listWrap .cancel .dxbButton_UGITNavyBlueDevEx div.dxb {
        background: none !important;
        padding: 4px 35px !important;
        border: none !important;
        font-size: 14px;
    }*/

.field_prioritylookup .field_prioritylookup_view {
    margin-right: 10px;
    /*max-width: 300px !important;*/
}

.field_prioritylookup {
    max-width: 300px !important;
}

.chkelevatecheck label {
    margin-left: 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ccd4e1;
    color: #000;
}

.tooltip-inner {
    background-color: #ccd4e1;
    padding: 5px 8px;
    max-width: none;
    white-space: pre-wrap;
    text-align: left;
}

.editTicket_holdTime {
    margin-bottom: 22px;
}
/*********************************End of CSS for create ticket(other than SVC)*****************************/

/*span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 0 !important;
    font-family: 'Roboto',sans-serif;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}*/
/**************** End Of CSS For New Task Window  */

/*****Start of Css For Reject popup**************************************/

.rejectComment_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.rejectComment_popUp .dxpc-content {
    background-color: #fff !important;
}

.rejectComment_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.reject_popup_noBtn {
    display: inline-block;
    width: 100px !important;
    text-align: center;
    margin: 0 auto;
    padding: 12px 12px !important;
    color: #E24A7A;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

    .reject_popup_noBtn:hover {
        color: #E24A7A;
    }

.reject_popUp_wrap {
    text-align: center;
}

    .reject_popUp_wrap li {
        list-style-type: none;
        text-align: center;
        /*margin-bottom: 10px;
        display: inline-block;*/
    }

.reject_popup_yesBtn {
    background: none !important;
    border: none !important;
    /*margin-top: 160px;*/
    margin-top: 10px;
}

    .reject_popup_yesBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        padding: 6px 17px !important;
        font-size: 12px;
    }
/***********End of Css For Reject popup***********/

/***************Add new Sub Ticket Popup*************/
/*.svc_addSubTask_dropDown_lable {
    padding-left: 7px;
    font-family: 'Roboto', sans-serif;
}*/

/*.svc_addSubTask_dropDown_wrap {
    padding-left: 38px;
    min-height: 5px;
}

.svc_addSubTask_dropDown {
    padding: 5px;
}

    .svc_addSubTask_dropDown select {
        height: 30px !important;
        background-color: #ecf1f9;
        border: none;
        border-radius: 4px;
        font-size: 12px;
        border: 1px solid #ccd4e1 !important;
    }

.svc_subtask_btn_wrap {
    text-align: right;
    position: fixed;
    bottom: 10px;
    right:4px;
    width: 100%;
}*/

/*.svc_subTask_btn {
    background: none !important;
}

    .svc_subTask_btn .dxb {
        font-size: 12px;
        background: #4A6EE2 !important;
        padding: 5px 20px 7px 20px !important;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }*/

/************************SVC->Edit Ticket-> Add New subticket popup****************/
.subTicket_PopUp_Container {
    height: 165px;
}

    .subTicket_PopUp_Container .dxpc-footer {
        background: none !important;
        border-top: none !important;
        text-align: center;
        margin-top: 12px;
    }

    .subTicket_PopUp_Container .dxpc-header {
        background: #f0f0f0 !important;
        color: #000 !important;
        font-size: 12px;
        font-size: 16px;
        font-weight: 600;
    }

.subTicket_popup_dropDwn select {
    border-radius: 4px;
    height: 30px !important;
    padding: 3px;
    background-color: #ecf1f9;
    border-color: #ecf1f9;
}

.subTicket_PopUp_Container .dxpc-contentWrapper {
    margin-top: 10px;
}

/************************End of SVC->Edit Ticket-> Add New subticket popup****************/
/************************CSS for edit->comment popup***************************************/
.editComment_delete_btn {
    background: none !important;
}

    .editComment_delete_btn .dxb {
        background: #4A6EE2 !important;
        padding: 6px 14px !important;
        border-radius: 4px;
        font-size: 14px;
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
    }

.edit_comment_popup_wrap {
    text-align: center;
    clear: both;
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.editComment_close_btn {
    background: none !important;
    display: block !important;
    width: 100% !important;
    /*margin-left: 11%;*/
}

    .editComment_close_btn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
    }
/************************ End CSS for edit->comment popup***************************************/

/********New ticket Dialog********/
.NewTktDialog .informationMsg {
    width: 335px;
    padding: 15px 0px 23px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.NewTktDialog .closeDlg {
    font-family: 'Roboto', sans-serif;
    float: right;
    margin-right: 15px;
    font-family: 'Roboto', sans-serif;
}

.closeDlg span a {
    color: red;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif !important;
}
/********End of New ticket Dialog********/

/**************************Edit ticket add document*************************************/
.editTicket_fileUpload table tr .dxTB {
    opacity: 0;
    width: 1px !important;
}

    .editTicket_fileUpload table tr .dxTB input {
        width: 0;
    }

.editTicket_fileUpload table tr .dxCB {
    opacity: 0;
    width: 1px !important;
}

    .editTicket_fileUpload table tr .dxCB input {
        width: 1px;
    }

.editTicket_fileUpload table tr .dxBB a {
    padding: 10px 11px 10px 55px;
    background: url(Images/plus-blue.png) no-repeat 15% center !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    margin-left: 26%;
}

.editTicket_addDoc_wrap .fileUploadIcon {
    /*width: 400px !important;*/
}

.editTicket_fileUpload table tr .dxBB {
    padding: 7px 0px !important;
    text-align: center;
}

.editTicket_addDoc_wrap .cancelUploadedFiles {
    margin-top: 0px !important;
}

.editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
    text-align: center !important;
    width: 100%;
    /*margin: 5px 33% !important;*/
}

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
        /*margin-left: 29%;*/
    }

.editTicket_fileUpload {
    width: 425px !important;
    margin-bottom: 0px;
}

.editTicket_addDoc_wrap .editTicket_fileUpload table tr .dxBB a {
    margin-left: 0% !important;
}

.add-file-doc .fileUploadIcon .editTicket_fileUpload table tr .dxBB {
    text-align: center !important;
}


/**************************Start Of css For Put On Hold Popup***********/


.putOnHold_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.putOnHold_popUp .dxpc-content {
    background-color: #fff !important;
    padding: 0px;
}

.putOnHold_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.holdTill_dropDwn_wrap {
    display: inline-block;
    margin-right: 30px;
}

.reason_dropDown_wrap {
    display: inline-block;
}

.holdTill_dateTime {
    width: 250px;
    padding: 7px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .holdTill_dateTime .dxic input {
        background: #ecf1f9;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px;
    }

.reason_dropDown {
    width: 250px;
    padding: 7px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .reason_dropDown .dxic input {
        background: #ecf1f9;
    }

.select-style_putOnHold {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
    color: #4a90e2;
    border: 0px;
    font-size: 14px;
    padding: 4px 2px;
    font-family: 'Roboto', sans-serif !important;
}

.putOnHold_input_label {
    color: #4a90e2;
    font-size: 14px;
    padding: 4px 2px;
}

.putOnHold_comment_wrap {
    margin-top: 10px;
    margin-left: 5%;
}

.putOnHold_btn_wrap {
    margin-top: 15px;
    text-align: center;
    margin-left: 37%;
}

    .putOnHold_btn_wrap .putOnHoldBtn .dxb {
        background-color: #e24a7a !important;
        margin-bottom: 20px;
        border-radius: 4px;
        /*padding: 7px 14px;*/
        font-size: 14px;
    }

.putOnHoldBtn {
    background: none !important;
    border-radius: 4px;
    padding: 10px;
    display: block !important;
    width: 130px !important;
}

.putOnHold_cancel_btn {
    color: #E24A7A;
    font-size: 14px;
    font-weight: 600;
    background: none !important;
    width: 150px !important;
    display: block !important;
}

    .putOnHold_cancel_btn .dxb {
        background: #fff !important;
        color: #000 !important;
        /*padding: 4px 33px !important;*/
    }

.holdTill_dateTime tr .dxeButton, .reason_dropDown tr .dxeButton {
    background: #ecf1f9 !important;
}

    .holdTill_dateTime tr .dxeButton:hover, .reason_dropDown tr .dxeButton:hover {
        border-left: none !important;
    }
/**************************End Of css For Put On Hold Popup***********/
/***************start Of css of UnHold Popup for EditTask SVC*************/
.removeOnHold_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.removeOnHold_popUp .dxpc-content {
    background-color: #fff !important;
}

.removeOnHold_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.removeOnHold_popUp_removeHoldBtn {
    background: none !important;
    border: none !important;
    padding: 10px !important;
    display: block !important;
}

    .removeOnHold_popUp_removeHoldBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font-size: 14px;
        margin-left: 129px;
        margin-right: 129px;
        font-family: 'Roboto', sans-serif !important;
    }


.removeOnHoldCancel {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
    margin-left: 150px;
}

    .removeOnHoldCancel .dxb {
        background: none !important;
        color: red !important;
    }

/******************End Of  css of UnHold Popup for EditTask SVC ********************/

/**********************************CSS for Ticket -> Put On Hold Popup**************************/
/*.puOnHold_ticket_name {
    text-align: center;
    margin-top: -15px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #4A6EE2;
}*/

.ticket_holdTill_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.ticket_reason_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.ticket_holdTill_inputWrap, .ticket_reason_inputWrap {
    /*padding: 10px;*/
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}

    .ticket_holdTill_inputWrap tr .dxic input, .ticket_holdTill_inputWrap tr .dxeButton {
        background-color: #ecf1f9;
    }

.ticket_putOnHold_chkLabel {
    font-size: 12px !important;
}

.ticket_putOnHold_btnWrap {
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.hold-cancel-btn {
    display: block;
    text-align: center;
}

    .hold-cancel-btn .holdBtn {
        background: none !important;
        border: none !important;
    }

        .hold-cancel-btn .holdBtn .dxb {
            background: #e24a7a !important;
            border-radius: 4px;
            padding: 6px 17px !important;
            font-size: 12px;
        }

    .hold-cancel-btn .cancel {
        color: #232323;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        margin: 10px 0;
        font-weight: 600;
        background: none !important;
    }

        .hold-cancel-btn .cancel .dxb {
            background: #F6F7FB !important;
            border-radius: 4px;
            padding: 6px 17px !important;
            font-size: 12px;
            color: #000 !important;
        }

.topMargin {
    margin-top: 15px !important;
}

/*.departmentPopup .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-weight: 600;
    border-bottom: none;
}

.departmentPopup .dxpc-header .dxpc-headerContent .dxpc-headerText {
    font-size: 12px;
}*/

.removeHold_name {
    margin-bottom: 0px !important;
}

.removeHold_comment_wrap {
    margin-top: 0px !important;
}
/**********************************End of CSS for Ticket -> Put On Hold Popup**************************/

/******************************Css for Copy link to clipboard*********************************************/

.copyToclip_popup_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.copyToclip_popup_commentBox {
    border: 0px;
    width: 520px;
    height: 120px;
    resize: none;
    background: #f8fafc !important;
}

.copyToclip_popup_dropDown {
    padding: 10px;
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}

.copyToclip_popup_cancelBtn ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0px;
}

.copyToclip_popup_container .modal-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-weight: 600;
    border-bottom: none;
}

.copyToclip_popup_container .dxpc-header .dxpc-headerContent .dxpc-headerText {
    font-size: 12px;
}
/******************End of Css for Copy link to clipboard ******************************************/


/*******************css for change ticket type popup************************************************/
/*.chng_ticketType_wrap {
    padding: 0px;
}*/
/*.chngTicketType-contentWrap{
    background:#fff;
}*/
/*.chng_ticketType_label {
    color: #4A6EE2;
    font-size: 14px;
    display: block !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}*/
/*.chngTicket-typeBtnWrap {
    padding: 10px 0px;
    float: right;
}*/
/*.chng_ticketType_dropDown select {
    padding: 10px;
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}*/
/*.chng_ticketType_dropDown {
    margin-bottom: 10px;
}*/

/*.chng_ticketType_btnWrap .buttoncell {
    text-align: center;
}*/

/*.chng_ticketType_cancel {
    background: none !important;
}

    .chng_ticketType_cancel .dxb {
        background: transparent !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        padding: 0px !important;
    }

.chng_ticketType_proceed {
    background: none !important;
}

    .chng_ticketType_proceed .dxb {
        background: #4A6EE2 !important;
        padding: 5px 10px !important;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 500;
    }*/
/******************* End css for change ticket type popup************************************************/


/************************ Start Of Css of Action_Comment************************/

/*.comment_text {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    margin:0px;
}*/
.commentPopup-wrap {
    padding: 0px !important;
    background: #fff;
    height: 95%;
}
/*.comment-popupContent{
    background:#fff;
}*/
/*.comment_text_wrap {
    margin-left: 13px;
    height: 35px !important;
    width: 100%;
}*/
/*.comment_checkboxes {
    margin-left: 14px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}*/

.comment_checkboxes label {
    margin-right: 5px;
    margin-left: 2px;
}

a .actionComment_saveBtn {
    background: #4A6EE2 !important;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    padding: 6px 20px;
    color: white;
    margin-right: 208px;
    margin-left: 135px;
    /*width: 23%;*/
    margin-bottom: 10px;
}

a .actionComment_CancelBtn {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: red;
    background: none !important;
    margin-top: 10px;
}

.action_commentPopup_btnWrap {
    text-align: center !important;
    margin-top: 10px;
    clear: both;
}

.action_commentPopup_label {
    margin: -14px 0px 0px 12px;
    padding: 0 !important;
    width: auto !important;
    text-align: left !important;
    color: #4a90e2;
}

.action_commentPopup_btn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    border: none;
}

.action_commentPopup_cancel {
    margin-left: 0px !important;
    font-weight: 600;
}
/*************************End  Css of Action_Comment*******************/
/*************************Css for Ticket(Re)Assignment*****************************************/

.noPadding {
    padding: 0px !important;
}

/*.reassign_popUp_label {
    color: #4a90e2;
    font-size: 14px;
    display: inline-block !important;
}*/

/*.reassign_popUp_dropDownWrap {
    background: none !important;
    border-top: none !important;
    padding: 3px 0px 4px !important;
}

.reassign_popUp_labelWrap {
    width: 100% !important;
    text-align: left !important;
}*/

/*.reassign_popUp_dropDownTable {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding-right: 6px;
    width: 100%;
}

.reassign_popUp_dropDownTable .dxeButton {
    background-color: #fff;
}
.reassign_popUp_dropDownTable tr td {
    background: #fff;
}
.reassign_popUp_dropDownTable tr td.dxic input[type="text"] {
    height: 28px !important;
     background-color: #fff; 
     font-size: 12px;
}*/
/*.reassign_popUp_dropDown .all-input {
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
}*/

.reassign_popUp_btnSave {
    background: #4A6EE2 !important;
    padding: 10px 25px 10px 25px;
    margin-top: 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500 !important;
}

.reassign_popUp_btnContainer {
    padding-top: 10px;
    text-align: center;
    margin-top: 12px;
}

.reassign_popUpCancel_btnWrap {
    margin-top: 22px;
}

.reassign_popUp_btnCancel {
    color: red;
    font-size: 14px;
    font-weight: 500;
}

.reassign_popup_gridOpen_icon {
    display: inline-block;
}
/***********************End Css for Ticket(Re)Assignment***********************************************************/

/*********************CSS for New Task Popup***********************/
.taskPopup-attachment-label {
    padding-left: 0px !important;
}

    .taskPopup-attachment-label p {
        color: #4a90e2;
        display: inline-block;
        margin-top: 18px;
        font-size: 14px;
    }

.task_addDoc_wrap .editTicket_fileUpload table tr .dxBB {
    text-align: left !important;
}

/*.task_addDoc_wrap {
    margin-top: 3%;
}*/

.task_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
    margin: 5px 6% !important;
}
/********************* End of CSS for New Task Popup***********************/


.selectTemplateForQuickTicket_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.selectTemplateForQuickTicket_popUp .dxpc-content {
    background-color: #fff !important;
}

.selectTemplateForQuickTicket_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
    width: 23px;
}
/**************************Css for Ticket re assignment->grid (buttons)*********************************************/
/*.reassign_resourceWithSkill_popUp_wrap .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    border: none;
}*/

.reassign_popupBtn_wrap {
    text-align: center;
    margin-top: 25px;
}

.reassign_addBtn {
    margin-bottom: 10px;
    background: none !important;
}

    .reassign_addBtn .dxb {
        background: #4A6EE2 !important;
        padding: 10px 40px;
        font-size: 14px;
        border-radius: 4px;
    }

.reassign_cancelBtn {
    background: none !important;
}

    .reassign_cancelBtn .dxb {
        background: #fff !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }
/********************End of css of ticket re assignment->grid->buttons******************************/
/************************CSS for home_Dashboard page************************************/
.homeDashboard_headerMenu_container {
    padding: 0px;
    background: none;
    margin-bottom: 0px;
}

/*.homeDashboard_headerMenu_row {
    margin-top: 10px;
}*/

.homeDashboard_headerIcon_wiki {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    filter: brightness(0.5);
    /*align:center;
    aria-hidde:true;*/
}

.homeDashboard_headerIcon_que {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    filter: brightness(0.5);
}

.homeDashboard_headerIcon_bell {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 19px !important;
    width: 18px;
    color: #16059b;
}

.homeDashboard_headerMenu_wrap {
    /*height: 60px;*/
    cursor: pointer;
    float: right;
    font-family: Roboto;
    border-radius: 3px;
    overflow: hidden;
    width: auto;
    background: transparent;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}

.homeDashboard_content_wrap {
    padding-left: 0px;
    padding-right: 0px;
    /*height: 80vh;*/
    z-index: 0;
}

.homeDashboard_leftcontent_wrap.right-content {
    padding-left: 254px;
}

.homeDashboard_leftcontent_wrap {
    padding-left: 3.15rem;
    display: inline-block;
    float: left;
    overflow: visible;
    width: 100%;
    height: max-content;
    z-index: 0;
    position: relative;
    /*min-height: 90vh;*/
}

@media (max-width: 767px) {
    .homeDashboard_leftcontent_wrap {
        margin-top: inherit;
    }
}

@media (min-width: 991px) {
    .homeDashboard_leftcontent_wrap {
        margin-top: inherit;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .homeDashboard_leftcontent_wrap {
        margin-top: 60px;
    }
}

.homeDashboard_chartSec_container {
    float: left;
    /*padding-left: 10px;*/
    width: 100%;
    /*background: #f6f7fb;*/
}

.homeDashboard_chartContent {
    /*height: 220px !important;*/
}

.homeDashboard_devexpressChart {
    height: 200px !important;
    width: 260px !important;
}

    .homeDashboard_devexpressChart img {
        width: 100%;
    }

.homeRightPanel_chartContainer {
    height: auto !important;
    width: 100% !important;
}

.welcomeTitle {
    font-size: 18px;
    color: #4A6EE2;
}

/************************End of CSS for home_Dashboard page************************************/
/*************************************CSS for Dashboard left side menu*******************************/
.leftSide_menuExpandContainer {
    width: 254px !important;
    /*background-color: #fff;
    z-index: 9999999999;*/
}

/*.dashboard_leftSideMenuExpand {
    background-color: #fff;
    width: 251px !important;
    position: fixed;
}*/

.dxpnl-edge.l.dashboardLeft_menuIcon {
    display: inline-block;
    /*    height: 100% !important;
    background-color: #253746 !important;
    font: 12px 'Roboto', sans-serif !important;*/
    border: none !important;
    bottom: unset !important;
    top: unset !important;
    width: 55px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

.dashboardLeft_menuIcon .dxpnl-btn.dxpnl-np {
    border: 1px solid #c7cfda;
    padding: 5px;
    border-radius: 4px;
    z-index: 9999999;
    position: absolute;
}

    .dashboardLeft_menuIcon .dxpnl-btn.dxpnl-np.dxpnl-btnHover {
        border: 1px solid #FFF;
    }

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np img {
    margin-top: 0px;
    content: url(/Content/Images/hamburgerMenuWhite.png);
    width: 12px;
    height: 12px;
    /*margin-top: -36px*/
    background: unset;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnPressed img {
    content: url(/Content/Images/hamburgerMenuWhite.png);
    background: none;
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnSelected img {
    content: url(/Content/Images/hamburgerCloseWhite.png);
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnSelected.dxpnl-btnHover img {
    content: url(/Content/Images/hamburgerCloseWhite.png);
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnHover img {
    content: url(/Content/Images/hamburgerMenuWhite.png);
    background: none;
    width: 12px;
    height: 12px;
}
/*.homeDashboard_leftSideMenu_contentWrap {
    background-color: #fff !important;
    top: 34px !important;
    border: none !important;
    z-index: 1001 !important;
    font: 12px 'Roboto', sans-serif !important;
    transition: 1s all ease;
}*/

.homeDashboard_menuListWrap {
    display: none;
    /*width: 231px !important;*/
    width: 254px !important;
    /*background: #828b9a;*/
    background: #253746;
}

    .homeDashboard_menuListWrap li .dxnb-header {
        padding-left: 10px;
        border: none !important;
        background: none !important;
        color: #000 !important;
        font: 12px 'Roboto', sans-serif !important;
    }

        .homeDashboard_menuListWrap li .dxnb-header.dxnb-headerHover {
            background: #253746 !important;
        }

.dxpnl-expanded.menuContentCollaps_left {
    padding: 0px !important;
}

.homeDashboard_menuListWrap li {
    font-size: 14px;
    font-family: 'Roboto', sans-serif
}

    .homeDashboard_menuListWrap li .dxnb-content {
        background-color: #253746 !important;
    }

        .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link {
            padding-left: 22px;
        }

            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.dxnb-itemHover {
                background: #253746;
                background-color: #253746 !important;
            }

            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.selected-menuitem,
            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.selected-menuitem.dxnb-itemHover {
                background: #253746;
                background-color: #253746 !important;
            }

    .homeDashboard_menuListWrap li:hover {
        background-color: transparent !important;
    }

.homeDashboard_menuListWrap .dxnb-itemHover a:hover, .dxnb-itemHover a:hover, .dxnb-itemHover a:not( :hover ), .dxnb-itemHover {
    color: #FFF !important;
    background-color: #253746 !important;
}

.homeDashboard_menuListWrap .dxnb-itemHover span:hover {
    color: #fff !important;
}

.homeDashboard_menuListWrap .dxnb-headerCollapsed {
    background: none !important;
    border: none !important;
    padding-left: 17px;
    padding: 10px;
}

.sidebar-menu {
    width: 257px !important;
}

.removeStyle {
    padding: 0px !important;
    margin: 0px !important;
}

.removePadding {
    padding: 0px !important;
    height: 100% !important;
}

.dashboard_logo.leftSide-menuLogo {
    visibility: visible;
    position: fixed;
    z-index: 99999;
    top: 5px;
    width: 191px;
    display: block;
}

    .dashboard_logo.leftSide-menuLogo img {
        width: 160px;
    }

.dashboard_logo {
    display: none;
    float: right;
    visibility: hidden;
    width: 145px;
    padding-top: 5px;
    padding-right: 10px;
}

.dashboardLogo_wrap {
    padding: 14px 5px 0px !important;
}

/*.dashboard_leftSideMenu {
    background-color: #fff;
    width: 50px;
    position: fixed;
}*/

.leftSide_menuContainer {
    /*background-color: #fff;*/
    /*    background-color: #253746 !important;*/
    width: 55px;
    position: fixed;
    /*top: 62px;*/
    left: 0px;
    height: 100%;
    display: inline-block;
    z-index: 999;
}

.dashboardLeft_menuIcon.dxpnl-expanded.expandIcon {
    width: 254px;
}

.dashboard_leftSideMenuExpand {
    position: absolute;
    /*left: 60px;*/
    top: 0px
}

.menuContent_left {
    left: -26px !important;
}

.menuContentCollaps_left {
    left: 0px !important;
    top: 60px !important;
    /*background-color: #828b9a !important;*/
    background-color: #253746 !important;
    border: none !important;
    font: 14px 'Roboto', sans-serif !important;
    /*transition: 1s all ease;*/
    position: absolute !important;
}

.showMenu {
    display: block;
    /*width: 233px !important;*/
}
/****if popup -> hide left side menu********/
.popup_wrap .leftSide_menuContainer {
    display: none;
}

.homeDashboard_logo2 {
    display: none;
}

/*.category_dropDown {
    border-radius: 4px;
    background-color: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
    padding: 6px !important;
    width: 285px !important;
}*/

/*.category_dropDown .dxic input {
        background-color: #ecf1f9;
    }

    .category_dropDown .dxeButtonEditButton_UGITNavyBlueDevEx {
        background: none !important
    }*/

.dashboard_goBtn {
    height: auto;
    width: auto;
    padding: 7px 25px 7px 25px;
    background: #4A6EE2 !important;
    border: none;
    border-radius: 4px;
    color: #fff !important;
    font-size: 12px;
    display: block;
}

.dashboard_goBtn_wrap {
    margin-top: 25px;
}

/*.dashboardServices_Lable {
    display: block;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-left: 6px;
    float: none;
}*/

/*.service-block {
    margin-right: 20px;
}*/

.dashboardServices_container {
    width: 100%;
    float: left;
}

.ServiceCatalog {
    width: 100%;
    clear: both;
}

.servciecatalog-main {
    width: 100% !important;
    background: #fff;
}

.logoText1 {
    /*margin-top: 7px;*/
    /*margin-right: 25px;*/
    padding-left: 0px;
    /*display: flex;
    float:left;*/
    padding: 4px 0px 7px 0px;
}

.pageTitle-container {
    display: inline-block;
}

.selected-menuitem {
    border: none !important;
}

.homeDashboard_menuListWrap li.dxnb-item.dxnb-link.selected-menuitem a.leftMenu_listItem div span {
    color: #FFF !important;
}

.serviceBoard_btnView {
    padding: 10px 10px 7px;
    font-weight: normal;
    border: none !important;
    background: transparent;
    box-shadow: none;
    border-top: none !important;
    cursor: pointer;
    display: inline-block;
}

.serviceBoard_lblView {
    color: #919293 !important;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.dashboardService_catalogeContainer {
    text-align: center;
    width: 100%;
}
/*****style for homedashboard message board********/


.homeDashboard_msgBoard_container {
    display: inline;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.homeDashboard_msgBoardIconImg {
    width: 64px;
    height: 64px;
    padding-right: 4px;
}
/***********************************Css for Ticket Dashboard********************************************************/
.ticket_contentWrap {
    margin-left: 0px;
    background: #fff;
    /*background: #f6f7fb;*/
    /*padding-right: 5px;*/
    /*padding-left:0px;*/
}

.dshboard_contentContainer {
    width: 98%;
    border-collapse: collapse;
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    border: none;
}

    .dshboard_contentContainer tr td {
        border: none !important;
    }

.svcCreate_accessUsrTable {
    padding-bottom: 5px;
    float: left;
    font-size: 12px;
}

.editTicket_fileUpload tr td {
    padding: 0px 15px !important;
    border: none !important;
}

.question_Title_Span {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
}

.labelInfo-img {
    display: inline-block;
    width: 18px;
    margin-left: 6px;
}

/*********************************************CSS for SVC Dashboard****************************************/
.exportImport_btnsWrap {
    margin-top: 15px;
}

.svcDashboardContent_mainContainer {
    width: 100%;
    /*overflow: hidden;*/
    display: inline-block;
    /*background: #f6f7fb;*/
    background: #fff;
}

.svcDashboardContent_mainWrap {
    background-color: #fff;
    padding-bottom: 12px;
}

.svcContent_container {
    width: 100%;
    display: inline-block;
}

.svcAddTicket_icon {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.svcModule_title {
    font-family: Roboto;
    font-size: 12px;
    margin-top: 10px;
}

.svcDashboard_reportIcon {
    float: right;
    padding-left: 3px
}

.svcDashboard_btnWrap {
    float: none;
    display: inline-block;
}

.svcDashboard_exportIcon {
    float: right;
}

.svcDashboard_quickTicketBtn {
    background: #5DE9BF;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Roboto;
    font-size: 12px;
    text-align: left;
    width: auto;
    padding: 5px;
    margin-right: 10px;
    /*height: 38px;*/
}

.svcDashboard_addTicketBtn {
    background: #4A6EE2;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Roboto;
    font-size: 12px;
    text-align: left;
    width: auto;
    /*height: 38px;*/
    /*margin-left: 8px;*/
    padding: 5px 0px;
}

.svcDashboard_actionBtn {
    /*background: #EAEDF0;*/
    background: #fff;
    color: #4A6EE2 !important;
    border: 1px solid #ccd4e1;
    font-weight: 500;
    /*font-family: 'Roboto', sans-serif !important;*/
    font: 12px 'Roboto', sans-serif !important;
    /*font-size: 12px;*/
    text-align: left;
    width: 85px;
    margin-left: 8px;
    padding: 7px;
    border-radius: 4px;
}

.home-toggle-btn.svcDashboard_actionBtn {
    padding: 4px 7px 4px !important;
}

.svcDashboard_actionBtn div.dxb img.dx-vam {
    float: right;
    margin-top: 7px;
}

.svcDashboard_actionBtnWrap {
    display: inline-block;
}

.aspxDateEdit-dropDownWrap table {
    width: 95%;
}

.svcDashboard_dropdown {
    /*width: 30% !important;*/
    min-width: 150px;
    /*max-width: 245px;* comment when mobile view-> homeDb-dropDown alignment */
}

.priorityMedium {
    /*background: url(/Content/images/Medium_priority.png) no-repeat;
    height: 36px;
    background-size: 85px;*/
    background: #F0E4DD;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
    /*width: 69px;*/
}

    .priorityMedium::before {
        content: "Medium";
        color: #FF9800;
        font-size: 12px;
        font-family: "Roboto",sans serif;
        font-weight: 700;
    }

.priorityHigh {
    /*background: url(/Content/images/High_priority.png) no-repeat;
    height: 36px;
    background-size: 80px;*/
    background: #F8D1D1;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
    /*width: 69px;*/
}

    .priorityHigh::before {
        content: "High";
        color: #D0021B;
        font-size: 12px;
        font-family: "Roboto",sans serif;
    }

.priorityLow {
    /*background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 75%;*/
    background: #EAEDF0;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
}

    .priorityLow::before {
        content: "Low";
        color: #757e86;
        font-size: 12px;
        font-family: "Roboto",sans serif;
        font-weight: 700;
    }

.priorityCritical {
    /*background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 75%;*/
    background: #E24A7A;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
}

    .priorityCritical::before {
        content: "Critical";
        color: #FFF;
        font-size: 12px;
        font-family: "Roboto",sans serif;
        font-weight: 600;
    }
/*****************css for grid view*********************************************/
.myticketinner2 {
    margin-left: 0px !important;
    width: 100% !important;
}

/*******************************Css for button view*********************************************/
/*.buttonview-container .dxpcLite_UGITNavyBlueDevEx {
    height: 110px !important;
    width: 225px !important;
    display: block !important;
    left: 2% !important;
    top: 9% !important;
}
.serviceitemlist-container .dxpc-contentWrapper{
    display:block !important;
    height:75px !important;
}
.serviceitemlist {
    overflow-y: visible !important;
}*/

/*******************************TSR bottleneck chart close icon issue***********************************/
.ui-icon-closethick {
    display: none !important;
}
/*******************CSS for Spiner on complete task**************************************/
.spiner_wrap {
    text-align: center;
}

.grid_spinnerIcon {
    margin-top: 13%;
    position: fixed;
    font-size: 47px;
    margin-left: 19%;
}

/*.service_dropDownWrap {
    margin-left: 0px;
}*/
/********************************CSS for service board button view popup************************************/
/*.serviceitem {
    border-bottom: 1px solid #C9C9C9;
    height: 20px;
    width: 100%;
    text-align: left;
}*/

.setTopauto {
    top: auto !important;
}

.serviceitemlist-container .serviceitem {
    padding: 6px !important;
    width: 100%;
    border-bottom: 1px solid #ededed;
    text-align: left;
    background: #FFF;
    height: auto;
}

    .serviceitemlist-container .serviceitem:hover {
        background: #eee;
    }

/*.SetTopAutoMainDiv {
    top: auto !important;
}*/
/***********************************CSS for grid (multiuser) Requested by colume****************************/
.RequestdByMultiUser_Table {
    margin: 0px;
}
/***********************************CSS Create ticket btn****************************/
.svcDashboard_addTicketBtn:hover {
    color: #fff !important;
    background: #4A6EE2 !important;
}


/***********************************CSS for self registration***************************************************/
.applicationRegReq_status_btn:focus {
    background-color: #4a90e2 !important;
    border-color: #4a90e2 !important;
    color: #fff !important;
}

.applicationRegReq_status_btn {
    margin-top: 30px;
    background-color: #4a90e2;
    color: #FFF;
    /*margin-left: -12%*/
}

.applicationRegReq_statusbtn_wrap {
    float: none !important;
    text-align: center;
}

.applReg_statusTitle {
    text-align: center;
}

.applRegStatus_inputFeild {
    font-size: 14px;
    font-weight: 500;
}

.applReg_satusInputField {
    background-color: #ecf1f9 !important;
    border-color: #ecf1f9 !important;
}

.applReg_actionBtn_wrap {
    text-align: center;
    margin-top: 10px;
}

.applicationRegReq_reset_btn {
    background: #4A6EE2;
    color: #fff !important;
    font-family: "Roboto",sans serif;
}

.visualization-title {
    font-size: 60px;
    font-family: "Roboto",sans serif;
}

.svg-container {
    position: relative;
}

.legends-container {
    position: absolute;
    right: 0;
}
/***********************************CSS for SVC create ticket popup***************************************/
.svcDashboard_quickTicketBtn:hover {
    color: #fff !important;
    background: #5DE9BF;
}

.Popup_dialog {
    height: 100% !important;
}
/* */
/*.all-dropdown table td.dxgvDRTC {
    background: #ecf1f9;
    font-size: 15px;
}*/

.all-dropdown td.dxgvDRTC:hover {
    background: #c2edfb;
}

.vertical-carousel ul.vertical-carousel-list li.active {
    background-color: #4a90e2 !important;
}

.appMatrixTitle {
    background-color: #4a90e2 !important;
}

.applAccessReg_expandBtn, .applAccessReg_collapseBtn {
    background-color: #4a90e2 !important;
    background: none !important;
}

    .applAccessReg_expandBtn div {
        background: #F2F3F4 !important;
        margin-top: 4px;
        font-size: 17px;
        color: #4a90e2 !important;
        font-weight: 700
    }

    .applAccessReg_collapseBtn div {
        background: #fff !important;
        margin-top: 4px;
        font-size: 17px;
        color: #4a90e2 !important;
        font-weight: 700
    }

.divgrd-mobile {
    padding: 0px;
}

.applAccess_appTabPage .dxtc-content {
    padding: 0px;
}

.applAccess_content tr td .dxgvCSD {
    height: auto !important;
}

.applAccess_content tr td .dxgvHSDC {
    padding-right: 0px !important;
}

    .applAccess_content tr td .dxgvHSDC div {
        width: 585px !important;
    }
/*.divgrd-mobile{float:none;}*/
/******************************SVC Edit Ticket*******************************************************************/
.homeRightPanel_wrap {
    background-color: #F6F7FB !important;
}

/*.ticketTitle_wrap {
    margin-top: -10px;
}*/

.paddingNo {
    padding: 0px;
}





.homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
    height: auto !important;
    width: 100% !important;
    background: #fff;
    padding: 0px;
    overflow: visible !important;
}
/*change for svc Dashboard y-scroll*/

.actionBtn_container {
    float: right;
    padding: 4px 0;
}

.edit_ticket_tabIcon {
    position: fixed;
    bottom: 0;
}

.edit_ticket_tabIcon {
    width: 100%;
    float: left;
    height: auto;
    padding: 10px;
    padding-left: 0px;
    background: #fff !important;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    margin-left: -12px;
}

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb img {
        filter: brightness(0) invert(1);
    }

.field_isprivate {
    display: inline;
}
/*.isPopup{width:100% !important;}*/
.isPopup.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-bottom: 15px;
}

.isPopup .homeDashboard_leftcontent_wrap {
    padding-bottom: 0px;
}

.isPopup.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-left: 0px;
}
/****TSR dashbord extra height*/
.homeRightPanel_wrap .dxpc-contentWrapper {
    height: auto !important;
}


/*************************CSS for svc duplicate popup************************/
/*.svcDuplicate_popupTable tr, .svcDuplicate_popupTable tr td {
    background-color: #F6F7FB;
    border:none !important;
}*/

. /*duplicateSvc_popupTd {
    color: #4a90e2 !important;
    font-weight: 500 !important;
    /*margin-bottom: 5px;*/
/*font-size: 14px;
    text-align: left;
    background-color: #fff;
    display: block;
    width: 100% !important
}
.duplicateSvc_popupInputTd {
    display: block;
    width: 100% !important;
}
.duplicateSvc_popupInputTd .field_DesiredCompletionDate table tr td input.dxeEditAreaSys {
    background: transparent;
}
.duplicateSvc_popupTr td {
    background-color: #fff;
}
.duplicateSvc_popupInputTd div table.dxeButtonEditSys td {
    background-color: #ecf1f9;
}

.duplicateSvc_popupInputTd div table.dxeButtonEditSys {
    border: 1px solid #ccd4e1;
    border-radius: 2px;
}*/
/*******************************CSS for SVC edit summary tab*******************************/
.info-subtitle h3 {
    margin-top: 0px;
}

/******************************CSS for Batch editing popup*****************************/
/*.duplicateSvc_popupInputTd .field_Title table tr td.tc2class .field_Title_edit tr td {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 6px !important;
}
.duplicateSvc_popupInputTd .field_Title table tr td.tc2class .field_Title_edit tr td input {
    background: #ecf1f9;
}
.duplicateSvc_popupInputTd .field_description table tr td.tc2class textarea {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 60px;
}
.field_Title_edit{border:none;}
.duplicateSvc_popupInputTd{height:auto !important;}
.duplicateSvc_popupInputTd div table.dxeButtonEditSys td input { background: #ecf1f9;}*/

/*email popup TSR action*/
/*.ms-formtable.email-table .ms-formbody {
    background: none;
}

.ms-formtable.email-table > tbody > tr > td > input[type="text"] {
    width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
}

.email-table .ms-formlabel h3.ms-standardheader {
    font-weight: normal;
    font-size: 14px;
    color: #4A90E2;
    text-align: left;
}*/

/*.nonSvcEmail_fieldInput {
    border-top: none !important;
}*/

/*.nonSvcEmail_btnWrap {
    padding-top: 10px;
    text-align: center;
}

.nonSvc_emailSendBtn {
    float: none !important;
    background: #4A6EE2 !important;
    border-radius: 4px;
    padding: 9px 30px 5px 30px;
    font-size: 14px;
}

.nonSvc_emailCancelBtn {
    float: none !important;
    background: none !important;
    color: red;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}*/


/*Quick close popup*/
.quick-close-pop .ms-formlabel {
    width: 100%;
    text-align: left;
}

.quick-close-pop {
    padding: 0px 15px;
}

    .quick-close-pop .ms-formlabel h3 {
        font-weight: normal;
        font-size: 16px;
        color: #4A90E2;
        text-align: left;
        margin: 10px 0px;
    }

    .quick-close-pop .ms-formbody {
        background: none;
    }

        .quick-close-pop .ms-formbody input[type="text"], .quick-close-pop .ms-formbody select {
            width: 100% !important;
            background: #ecf1f9;
            border: 1px solid #ccd4e1;
            border-radius: 4px;
            height: 35px;
        }

    .quick-close-pop .ms-formbody {
        border: none
    }
/*********************************************CSS for batch edit popup*********************************/
/*.duplicateSvc_popupTd {
    height: auto !important;
}

.duplicateSvc_popupInputTd .field_Title table tr td span .field_Title_edit, .duplicateSvc_popupInputTd .field_Status input {
    margin-bottom: 10px;
}

.duplicateSvc_popupInputTd div table tr td span input {
    margin-bottom: 10px;
}
.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
}*/
/*********************************************CSS  for batch edit popup*********************************/
/*.duplicateSvc_popupTd {
    height: auto !important;
}

.duplicateSvc_popupInputTd .field_Title table tr td span .field_Title_edit, .duplicateSvc_popupInputTd .field_Status input {
    margin-bottom: 10px;
}

.duplicateSvc_popupInputTd div table tr td span input {
    margin-bottom: 10px;
}*/

/***********************************************CSS for Batch create popup**********************************/
/*.batchCreate_popup {
    text-align: center;
}

.batchCreate_btnWrap {
    background: #4a90e2 !important;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 16px;
}

    .batchCreate_btnWrap .dxb {
        background: none !important;
    }*/

/****************************************************CSS for svc edit action button dropdown****************/
.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-item.editTicket-actionMenu {
    background-color: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 0px 3px;
    border-bottom: 1px solid #ccd4e1;
}

.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-item.dxm-hovered {
    border: none !important;
    background: #EBEDF2 !important;
    color: #4A6EE2 !important;
}

/*********************************************CSS for action button PrintPopup*******************************/
/*.printPopup_title {
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

    .printPopup_title b {
        font-weight: 500 !important;
    }*/

.secondary-linkBtn {
    color: #4A6EE2;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 4px 14px;
}

.printPopup_container {
    display: block;
}

.printPopup_tdWrap {
    text-align: center;
    display: block;
    width: 100%;
}

.printPopup_Wrap {
    text-align: center;
    float: none !important;
}

.printPopup_listWrap {
    display: block;
    text-align: right;
}

    .printPopup_listWrap li {
        display: inline-block;
        list-style-type: none;
    }

a.primary-linkBtn {
    color: #fff;
    background-color: #4A6EE2;
    padding: 5px 14px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

    a.primary-linkBtn:hover {
        text-decoration: none;
    }

.printPopup_table {
    width: 100%;
}

.printPopup_cancel {
    color: #4A6EE2;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 4px 14px;
}
/****************************CSS for Save As template popup*************/
/*.saveAsTemp_fieldName {
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}*/

/*.saveAsTemp_fieldInput input, .saveAsTemp_fieldSelect select {
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}*/
/*.saveAsTemp-popupContainer{
    background:#fff;
}*/
/*.saveAsTemp_fieldInput input:hover {
    border: 1px solid #ccd4e1;
}*/

.saveAsTemplate_msg {
    color: #4a90e2;
    font-size: 14px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

/*.saveAsTemplate_grid tr td div.dxgvCSD {
    height: auto !important;
}*/

/*.saveAsTemplate_saveBtnWrap {
    text-align: center;
}

.saveAsTemplate_saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
    color: #fff;
    padding: 5px 18px;
    border: none;
    margin-top: 22px;
    font: 14px 'Roboto', sans-serif !important;
}*/

.dashboard_leftSideMenuExpand {
    transition: 0.5s all ease;
}


/****agent drop down alignment***********************/
.waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr {
    position: relative;
}

.waitOnmeClass {
    padding: 0px;
}
/*.actionBtn_agentOption_dropDownWrap {
    left: -95px !important;
    top: 40px !important;
    z-index: 9999;
}*/
.ddlActionMenu .dxm-subMenu .dxm-popOut.fa.fa-angle-right::before {
    content: "";
}

.ddlActionMenu .agent_dropDownIcon.fa.fa-angle-right::before {
    content: "";
}

.employee-name {
    position: relative;
    padding: 0px 0px 15px;
}

    .employee-name .errormsg-container {
        float: left;
        width: 99%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
/***********************************************CSS for Batch create popup
.batchCreate_popup {
    text-align: center;
}

.batchCreate_btnWrap {
    background: #4a90e2 !important;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 16px;
}

    .batchCreate_btnWrap .dxb {
        background: none !important;
    }*********************/



/**************************SVC Edit copy link to clipboard Popup*********************/
/*.dropDown_Title {
    display: block;
    /*width: 50%;
}

    .dropDown_Title span {
        color: #4a90e2;
        font-size: 14px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500;
    }*/

/*.svcClipBoard_popupDropDown {
    display: block;
    padding: 7px 3px 8px 4px !important;
    width: 100%;
    padding: 5px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}*/

.ITSM-textarea {
    margin-top: 10px;
    color: #4a90e2;
    font: 12px 'Roboto', sans-serif !important;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    text-align: left;
    height: 50px;
}

.svcClipBoard_btn li {
    list-style-type: none;
}

.svcClipBoard_btnContainer {
    text-align: center;
}

/*.svcClipBoard_btn li .dxbButton_UGITNavyBlueDevEx.dxbButtonSys {
    background: none !important;
}*/

/*.svcClipBoard_btn li .dxbButtonSys .dxb {
    background: none !important;
    color: red !important;
    font-size: 14px;
    font-weight: 500;
}*/



/**************************CSS for Action button->Batch Edit Popup ****************************************/
.saveASDraftBtn {
    background: none !important;
}

    .saveASDraftBtn .dxb {
        padding: 7px 10px !important;
        background: #4A6EE2 !important;
        border-radius: 4px;
        font-size: 14px;
    }

/************************CSS for SVC Edit-> New task popup***********************/
.svcEditTask_fieldLable {
    font-size: 12px;
    display: block;
}

.svcEditTask_dueDateLable, .svcEditTask_commentLable {
    color: #4a90e2;
    font-size: 14px;
}

/********************CSS for home-dashboard user profile dropdown*******************/
.popup-menuLog-inuser-outer {
    width: 220px !important;
    top: 8px !important;
}

/****CSS for Non SVC Create ******/
.nonsvcCreate_linkReltdTitle_btn {
    background: #4A6EE2 !important;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 20px;
}

    .nonsvcCreate_linkReltdTitle_btn .dxb {
        background: none !important;
    }

/***********************CSS for NPR  Create ticket**************/
/*.chooseDepartment_list {
    margin-left: 10px;
}*/

.choosenDepartment_label b {
    color: #4A6EE2;
    font-weight: 500 !important;
    margin-left: 10px;
}

.dxeBase_UGITNavyBlueDevEx.chooseDepartment_lable {
    color: black;
    font-weight: 500 !important;
    font-size: 12px !important;
    margin-bottom: 5px;
    font: 12px 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif !important
}

.choosenDepartment_textBox {
    border: 1px solid;
    float: none;
    height: 200px;
    overflow-y: auto;
    width: auto;
    background: #fff;
    margin: 10px 10px 10px 7px;
}

.nprprimBenifi_choosenDepartment {
    width: auto !important;
}

.nprprimBenifi_chooseDepartment {
    display: block;
    width: auto;
}

.optionBtn_wrap {
    /*margin: 0px 5px;*/
    /*width: auto;*/
    width: 140px;
    margin-top: 19px;
}

.optionBtn_addLogo {
    text-align: unset;
}

.departmentPopup .optionBtn_wrap .optionBtn_addLogo {
    text-align: left;
}

.optionBtn_addLogo input {
    margin-bottom: 20px;
    width: 50%;
    text-align: center;
    float: none;
    background: #4fa1d6 !important;
    font-size: 12px;
    border-radius: 5px;
}

.choosenDepartment_label b {
    color: #4a90e2;
    font-weight: 500 !important;
    margin-left: 10px;
}

.nprDropDown_actionBtnWrap {
    margin-bottom: 7px;
}

/*.actionResetBtn, .actionDoneBtn {
    background: #4A6EE2 !important;
    border-radius: 4px;
    color: #fff;
}*/

/*.actionResetBtn .dxb, .actionDoneBtn .dxb {
        background: none !important;
    }*/

/**********************CSS for NPR Schedule tab *****************/
.nprschedule_saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 30%;
}

    .nprschedule_saveBtn .dxb {
        background: none !important;
    }

.nprScheduleFooter_wrap {
    text-align: center !important;
}

.nprschedule_cancelBtn {
    margin-left: 30% !important;
    background: none !important;
}

    .nprschedule_cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 500;
    }
/*********NPR Edit planning tab***************/
.nprPlanning_title {
    color: #4a6ee2;
    font-size: 14px !important;
    border: none;
    font-family: 'Roboto', sans-serif;
}

.nprPlanning_linkLable {
    color: #4A6EE2 !important;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif;
    float: right;
}

.nprPlanningGrid_btn {
    background: none !important;
}

    .nprPlanningGrid_btn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        padding: 0px 9px 3px 9px !important;
    }
/************css for NPR EDit Resource Sheet tab*****/
.nprResouceTab_btnWrap {
    float: none;
    padding-top: 5px;
    text-align: center;
    margin-top: 18px;
}

.nprResouceTab_btn {
    padding: 7px 13px 9px;
    cursor: pointer;
    background: #4a6ee2 !important;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

    .nprResouceTab_btn b {
        font-weight: 500 !important;
    }
/*******CSS for PMM Edit Status tab *****/
.pmmEdit_statusTab_gridCheckbox {
    position: absolute;
    right: 15px;
    padding-top: 5px;
}

.relatedTitleButtonClass {
    display: none !important;
}

    .relatedTitleButtonClass.showrelatedTitleButtonClass {
        display: inline-block !important;
    }

.btn-count-no {
    position: relative;
    display: inline-block;
}

    .btn-count-no .result {
        display: inline-block;
        margin: 10px 0px;
        position: relative;
        padding-left: 20px;
    }

    .btn-count-no .badge.badge-light {
        position: absolute;
        display: inline-block;
        width: 25px;
        background: red;
        top: -25px;
        left: -20px;
        padding: 5px;
        font-size: 12px;
        border-radius: 50%;
        height: 25px;
        line-height: 1.2;
        font-weight: 400;
    }

.linkRelatedTicket_msg {
    color: #45B493;
    font-size: 14px;
    font-weight: 500;
}
/*.dxbButtonHover_UGITNavyBlueDevEx {
    background:none !important;
}*/
.dxbButton_UGITNavyBlueDevEx.showrelatedTitleButtonClass {
    background: none !important;
    border: none;
    margin-bottom: 10px;
    margin-left: -15px;
}

.AccSave_btnWrap div.dxb {
    padding: 3px 9px 3px 12px !important;
    background-color: #4a6ee2 !important;
    color: #FFF !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 4px;
}

.AccCancel_btnWrap {
    background: none !important;
    display: block !important;
    width: 100% !important;
}

    .AccCancel_btnWrap .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.pmmStatus_btnWrap {
    text-align: center;
}
/*************************CSs For PMM Scrum Tab***********/
.pmmScrum_addBtn {
    background: #4a6ee2 !important;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px 5px 10px;
    float: left;
    margin-left: 5px;
}

.pmmScrum_deleteBtn {
    background: red !important;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 5px 6px 5px;
    margin-left: 5px;
    float: left;
    color: #fff !important;
}

.pmmScrum_addIcon {
    border: none;
    filter: brightness(0) invert(1);
    width: 11px;
}

.pmmScrum_deleteIcon {
    border: none;
    filter: brightness(0) invert(1);
    width: 13px;
}

.pmmScrum_sprintBtnWrap {
    float: right;
    margin-top: -20px;
    left: 664px;
    margin-bottom: 10px;
}

.pmmScrum_releasesBtnWrap {
    float: right;
    margin-top: -20px;
    margin-bottom: 10px;
}

.PmmScrum_btnContainer {
    float: right;
    margin-top: -8px;
    padding-top: 2px;
}
/*****CSS for PMM-> Edit status tab ***************/
.form-control {
    color: #000;
}

.dxFirefox .dxeMemoEditAreaSys {
    padding-left: 5px;
}

.dxeTextBox_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
    overflow: hidden;
}

.accomp-popup input[type="text"], .accomp-popup select, .select_product input[type="text"].form-control {
    width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 33px;
    text-align: left;
    font-size: 12px;
    padding: 0 4px;
    color: black;
}

.dxeButtonEdit_UGITNavyBlueDevEx td.dxic, .dxFirefox .dxeButtonEdit_UGITNavyBlueDevEx td.dxic, .dxeTextBoxSys td.dxic {
    padding-top: 0;
    padding-bottom: 0;
}

.accomp_inputFieldReplica input[type="text"] {
    height: 11px !important;
}

.dxeBase_UGITNavyBlueDevEx.ms-standardheader {
    font-family: 'Roboto', sans-serif !important;
}

.ms-standardheader {
    text-align: left !important;
    font-weight: normal;
    font-size: 13px !important;
    color: black;
    font-family: 'Roboto', sans-serif !important;
}

.ms-formlabel {
    white-space: nowrap;
    font-weight: normal;
    padding-left: 6px;
}

.accomp_inputField {
    background: none !important;
    border: none !important;
    padding: 3px 6px 4px;
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

.accom_completedDate {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.accomp-popup textarea {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 45px;
    padding-right: 5px;
    width: 100%;
    font-size: 12px;
}

.select_product textarea {
    font-size: 12px;
    color: inherit;
    padding-left: 4px;
    padding-right: 4px;
}

.accom_completedDate td {
    background: #ecf1f9;
}

.pmmStatus_editIcon {
    display: inline-block;
    float: left;
    margin-right: 8px;
}

.status_editIcon {
    width: 20px;
}

.pmmStatus_lable {
    display: inline-block;
    color: #4b4b4b;
    font-size: 12px;
    float: left;
}

.pmmStatus_summaryHistory {
    display: inline-block;
}

.btprojectsummaryhistory {
    /*float: left;*/
    width: 15px;
    /*margin-top: 2px;*/
}

.AccBtn_Container {
    text-align: center;
    display: block;
}

.AccSave_btnWrap {
    background: none !important;
}

    .AccSave_btnWrap .dxb {
    }

        .AccSave_btnWrap .dxb img {
            filter: brightness(0) invert(1);
            width: 12px;
        }

/*.pmmStatusAcc_editIcon {
    width: 18px;
}*/
.pmmStatus_lable b {
    font-weight: 600;
}

.pmmStaus_actIcon {
    width: 6%;
}

.status_moveToLink {
    width: 20px !important;
    height: 20px !important;
}

.status_moveToIcon {
    width: 18px;
}

.scoreheading {
    color: #4a6ee2;
    font-size: 14px;
    /*font-weight: 600 !important;*/
    padding-right: 5px;
    font-family: 'Roboto', sans-serif;
}

.pmmStatus_projectSatgeTitle {
    padding: 10px 7px 10px 7px;
    float: left;
    color: #4A90E2;
    font-size: 13px;
    background-color: #f1f2f6;
    /*font-weight: 600 !important;*/
}

/*span.editPmm_statusTab_gridCheckbox {
    color: #4A90E2;
    font-size: 12px;
    font-weight: 600 !important;
    padding-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

    span.editPmm_statusTab_gridCheckbox input[type=checkbox] {
        margin: 0px 5px 0px;
        width: 20px;
        height: 15px;
    }*/

/*.pmmStatus_selectField {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    padding: 5px 7px;
    border-radius: 4px;
}*/

.mainblock {
    margin-bottom: 12px;
    background: #fff;
    /*padding: 10px;*/
    border-radius: 4px;
}

.popupLink-wrap {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #4A6EE2;
    margin-left: 15px;
}

.popupLink {
    font-size: 14px;
    font-weight: 400;
    color: #4a6ee2 !important;
    font-family: 'Roboto', sans-serif;
}

    .popupLink:hover {
        color: #4A90E2;
    }

.pmmStatus_plannedDate {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .pmmStatus_plannedDate td {
        background: #ecf1f9;
        border: none;
    }

.showrelatedTitleButtonClass .dxb {
    background: #4A6EE2 !important;
    border-radius: 4px;
    color: #ffF;
    padding: 4px 14px !important;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.relatedLink_newMsg {
    color: #4A6EE2;
}

.pmmStatus_moveToPlannedBtn {
    display: -webkit-inline-box;
    text-align: center;
}

.pmmStatus_archivBtn {
    background: none;
}

    .pmmStatus_archivBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
    }

.pmmStatus_moveToPlannedBtn {
    background: none;
}

    .pmmStatus_moveToPlannedBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        padding: 2px 10px;
    }

.statusNewIssue_assignedField .close_arrow_edit {
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    padding-right: 10px !important;
}

.statusIsuue_dateFeild {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .statusIsuue_dateFeild td {
        background: #ecf1f9;
    }

.pmmIssues_btnWrap {
    text-align: center;
}

.pmmIssues_btnSave {
    display: block;
    background: none;
    text-align: center;
}

    .pmmIssues_btnSave .dxb {
        display: -webkit-inline-box !important;
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
    }

.pmmIssues_btnCancel {
    display: block !important;
    background: none !important;
    width: 100% !important;
}

    .pmmIssues_btnCancel .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 500;
    }

.addFile_link {
    font-size: 14px;
    font-weight: 600;
    color: #4A90E2;
    margin-left: 5px;
}

    .addFile_link a:hover {
        color: #4A90E2;
    }

.editIssue_Btn {
    background: none !important;
}

    .editIssue_Btn .dxb {
        background: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }

    .editIssue_Btn img {
        width: 18px;
        filter: brightness(0) invert(1);
    }

.issueBtn_conatiner {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.issueBtn_rightBtn, .issueBtn_leftBtn {
    display: inline-block;
}
/*************PMM->project lifecycle Edit popup******************/
.btn-custom {
    padding: 7px 12px 7px 15px !important;
    background-color: #4fa1d6;
    color: #FFF;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 5px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

    .btn-custom.btn-cancel {
        background: none;
        color: #e24a7a;
    }

.ico-action {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
}

.ms-header {
    margin: 0px;
    text-align: left;
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
}



/*.proj-life-cycle-pmm, .proj-life-cycle-pmm tbody, .proj-life-cycle-pmm tbody tr, .proj-life-cycle-pmm tbody tr td {
    display: block;
    width: 100%;
    margin: 5px 0px;
}

    .proj-life-cycle-pmm tbody tr td select {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
        font-size: 14px;
    }*/

.markascomplete-action-new {
    height: 20px;
    width: 20px;
}

/*********************CSS for add budget item popup*******/
.budget_fieldLabel {
    float: none !important;
    margin-bottom: 3px;
    font-size: 12px;
    color: black;
    font-family: 'Roboto', sans-serif !important;
}

.budget_amountFeild table {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .budget_amountFeild table tr td div.dxeButton {
        background: #ecf1f9;
    }

.budget_textareaField {
    width: 100%;
}

/*.budgetBtn_wrap {
    text-align: center;
    display: block;
}*/

.budget_btnSave {
    display: -webkit-inline-box;
    background: none !important;
}

    .budget_btnSave .dxb {
        display: block !important;
        background: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }

        .budget_btnSave .dxb img {
            width: 17px;
            filter: brightness(0) invert(1);
        }

.budget_btnCancel {
    display: block !important;
    background: none !important;
    margin-top: 10px;
    width: 100% !important;
}

    .budget_btnCancel .dxb {
        display: -webkit-inline-box !important;
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.budget_inputField table {
    width: 100%;
}
/****************************NPR EDIT -> planning tab -> Add new resources popup ************/
.newResouces_budgetItem {
    display: inline-block;
}

.newResouces_budgetItemWrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.newResource_inputField table {
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .newResource_inputField table tr td {
        background: #fff;
    }

.noSidePadding {
    padding: 0px;
}

.newResource_dateField {
    width: 100%;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .newResource_dateField tr td {
        background: #FFF !important;
        border-radius: 4px;
    }

.addResource_title {
    color: #4A90E2;
    font-size: 14px !important;
}

.addResouce_noteField {
    width: 100%;
}

.addResouce_btnWrap {
    text-align: center;
}

.addResource_saveBtn {
    display: -webkit-inline-box !important;
    background: none !important;
}

.addResource_cancelBtn {
    display: block !important;
    background: none !important;
}

.addResource_saveBtn .dxb {
    background: #4a6ee2 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

    .addResource_saveBtn .dxb img {
        width: 15px;
        filter: brightness(0) invert(1)
    }

.addResource_cancelBtn {
    display: block !important;
    background: none !important;
    width: 100% !important;
}

    .addResource_cancelBtn .dxb {
        display: -webkit-inline-box;
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

/**********************CSS for PMM Edit -> Add new Sprint popup*****************/
.pmmSprint_popupContainer .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 14px;
    border: none;
}

.pmmSprint_popupContainer .dxpc-contentWrapper {
    display: block !important;
    height: 100% !important;
}

    .pmmSprint_popupContainer .dxpc-contentWrapper .dxpc-content {
        display: block !important;
        padding-top: 10px !important;
    }

.pmmsprint_saveBtn {
    background: #4a6ee2 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    margin: 1px;
}

.pmmSprint_btnWrap {
    text-align: center;
    margin-top: 10px;
}

.pmmsprint_btnLink {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    display: -webkit-inline-box;
}

.pmmsprint_saveBtn b {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.pmmsprint_saveBtn i img {
    width: 15px;
    filter: brightness(0) invert(1);
}

.pmmtextarea_inputField {
    width: 100%;
}

.pmmproduct_popupBtnWrap {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pmmScrum_popupCancelBtn {
    background: none !important;
    display: block !important;
    width: 100% !important;
}

    .pmmScrum_popupCancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        display: block !important;
    }

.pmmProduct_btnLink {
    margin-top: 5px;
    text-align: center;
    display: -webkit-inline-box;
}

.pmmAssignTo_dropDown table {
    max-width: 100% !important;
    width: 100%;
    height: 38px;
}

.deleteBtn_link {
    float: none;
    display: -webkit-inline-box;
    border-radius: 4px;
    background: red;
    padding: 8px 9px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.deleteBtn b {
    font-weight: 500;
}

.deleteBtn i img {
    filter: brightness(0) invert(1);
}

.pmmScrum_attachmentWrap {
    width: 100% !important;
}

.colXs {
    width: 49%;
    display: inline-block;
    padding-right: 5px;
}

.scrumCancel_Btn {
    background: none !important;
    color: red !important;
    font-size: 14px;
}

/*.sprintDuration_inputField {
    font-family: verdana;
    width: 49% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
}*/
/******************CSS for ITSM BUG fixes *****************************/
.markascomplete_actionWrap {
    float: left !important;
    right: 0 !important;
}

.homeGrid_ageWrap {
    width: 100%;
}

/***css for home grid ****/
.homeGrid {
    border: none;
    margin-top: 10px;
    box-shadow: 0px 0px 1px #aaaaaa;
}

    .homeGrid table {
        /*        font-size: 13px !important;*/
        /*        font-family: 'Roboto', sans-serif !important;*/
        empty-cells: show;
        color: #4b4b4b !important;
        border-collapse: separate !important;
        font-weight: 500;
        /*min-height: 100% !important; comment while solving grid search filter issue*** */
    }

.homeGrid_headerColumn {
    color: #9C9FB1;
    padding: 10px 11px;
    border: none;
    /*[+][26-10-2023][SANKET][Added standard font size 13px]*/
    font-size: 13px;
}

.homeGrid_headerColumn-c {
   /* color: #9C9FB1;*/
    padding: 6px 11px;
    border: none;
}

.homeGrid_headerColumn table {
    color: #9C9FB1;
}

    .homeGrid_headerColumn table td {
        /*text-align: left !important;*/
        /*color: #9C9FB1 !important;*/
        /*color: #7a7979 !important;*/
        color: #4b4b4b;
        font-weight: 600 !important;
    }

.homeGrid_dataRow {
    background-color: #FFF !important;
    background: #fff;
}

    .homeGrid_dataRow td.dxgvIndentCell.dxgv {
        background: #FFF !important;
    }

.dxgvDataRow_UGITNavyBlueDevEx td.dxgv {
    font-size: 12px;
    font-weight: 500;
    color: #4b4b4b !important;
    font-family: 'Roboto', sans-serif;
}

.dxeButtonEdit_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
}

.tdPos .dxgvDataRow_UGITNavyBlueDevEx td.dxgv {
    position: relative;
}

label {
    margin-left: 5px;
}

input[type="checkbox"], input[type="radio"] {
    margin-top: 0 !important;
}

.homeGrid_openBTn, .homeGrid_closeBTn {
    background: none !important;
    font: 12px 'Roboto', sans-serif !important;
    border: none;
    box-shadow: none;
    width: 16px !important;
}

    .homeGrid_openBTn .dxb, .homeGrid_closeBTn .dxb {
        background: #fff !important;
        color: #737373 !important;
        font-size: 14px;
        font-weight: bold;
        padding: 0px !important;
    }

.dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    margin-bottom: 4px;
    padding: 4px 7px;
    float: left;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px;
}

    .dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown:active {
        box-shadow: none;
    }

.homeGrid_dropDown tr td.dxic input[type="text"] {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}


/******************************************CRM CSS changes *************************************************************/

.crm_dashboard.svcDashboardContent_mainContainer {
    overflow: auto;
    padding-bottom: 120px;
}

.CRMstatus_gridContainer {
    width: 100%;
}

.CRMstatusGrid_row {
    background-color: #fff !important;
    background: none !important;
}

    .CRMstatusGrid_row > td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        /*text-align: left !important;*/
        /*padding-left: 20px !important;*/
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        /*font: 12px 'Roboto', sans-serif !important;*/
        /*max-width: 50px;*/
        padding: 5px 10px 6px;
        word-break: break-word;
    }

.CRMstatusGrid_headerRow {
    border: none;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 10px 11px;
}

    .CRMstatusGrid_headerRow table tr td {
        /*text-align: left !important;*/
        /*font-size: 14px !important;*/
        color: #4b4b4b;
        font-weight: 600 !important;
    }

.CrmLink_lable {
    color: #4A90E2;
    font-size: 12px;
}

.crmLink_wrap {
    margin-top: 15px;
}

#aspnetForm {
    height: 100%;
    background: #fff;
}

.homeRightPanel_wrap .addComment_popUp .dxpc-content {
    /*display: block !important;
    height:170px !important;
    max-height: 170px !important;
    overflow-y: auto !important;*/
    overflow: -webkit-paged-y !important;
}

.crmAddComment_popup {
    position: absolute;
    height: 100% !important;
    width: 100%;
}

.CRMlead_deleteIcon {
    width: 15px;
}

.CRMmarkascomplete-action-new img {
    width: 16px;
}

.CRMmarkascomplete-action img {
    width: 14px;
}

.crmLead_taskTitle {
    font-size: 12px;
}

.leadTask_grid {
    width: 100%;
    box-shadow: 0px 0px 6px #aaaaaa;
}

.tabcontent11 {
    padding-bottom: 40px;
}
/*#tabPanelContainer_1, #tabPanelContainer_2 {
    padding-bottom: 60px;
}*/
.CRMmarkascomplete-action {
    width: 16px;
}

.crmEditTask_addNewBtn {
    background: #4fa1d6;
    border-radius: 4px;
    padding: 5px 15px 5px 15px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    color: #fff;
}

.crmEditTask_lblMessage {
    border: none !important;
    color: #545454;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.CRMDueDate_inputField {
    /*background: #ecf1f9;*/
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
    /*width: 100% !important;*/
    width: 100%;
}

    /*    .CRMDueDate_inputField tr td {
        background: #ecf1f9 !important;
        background: #fff !important;
        border-radius: 4px;
        padding: 3px 8px 3px 4px !important;
    }*/

    .CRMDueDate_inputField tr td.dxic input[type="text"] {
        height: 28px !important;
        /*background: #ecf1f9;*/
        background: #fff;
    }

.CRMBTnWrap {
    text-align: center;
    /*margin: 15px 0px 15px 0px; change while changing lead->new task popup*/
    margin: 15px 0px 0px 0px;
    position: fixed;
    bottom: 15px;
    padding: 0px;
    width: 93%;
}

.CRMSavenNotify_btn, .CRMSave_btn {
    background: #4A6EE2;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    padding: 10px;
    font-weight: 500;
    margin-bottom: 5px
}

.CRMCancel_btn {
    background: none;
    border: none;
    color: red;
    font-size: 12px;
    font-weight: 600;
}

/*.crmDropDown_field table {
    max-width: 100% !important;
    padding: 0px !important;
    padding-right: 2px !important;
    background: #f8fafc !important;
}*/

.crmActivity_inputField {
    width: 100%;
}

.deleteSaveBtn_wrap {
    text-align: center;
    margin-top: 15px;
}

.activitySave_btnWrap, .activityDelete_btnWrap {
    display: inline-block;
    margin-top: 15px;
}

.activitySave_btn {
    background: #4A6EE2;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
}

.activityDelete_btn {
    color: #4a6ee2;
    border: 1px solid #4a6ee2;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.CancelBtn_wrap {
    text-align: center;
    margin-top: 10px;
    /*margin-bottom: 10px; comment while removing scroll for cpr->add checklist task popup*/
}

.activityCancel_btn {
    font-size: 14px;
    font-weight: 500;
    color: red;
}

.crmActivity_markAsComplete img {
    width: 16px;
}

.crmActivity_editBtn {
    padding-bottom: 0px !important;
    width: 16px;
    /*float: right;*/
    margin-left: 2px;
}

.homeGrid_dropDown tr td input, .homeGrid_dropDown tr td {
    background: #fff !important;
    padding: 0px !important;
}

.dxeButtonEditButton_UGITNavyBlueDevEx.dxeButtonEditButtonHover_UGITNavyBlueDevEx {
    border-color: transparent;
}

.dxgvDetailRow_DevEx.dxgvADR .dxgvADCC {
    color: #201f35 !important;
}

.CrmPopup_tableNoPadding {
    padding: 0px;
    /*overflow-y: -webkit-paged-x;*/
}

.colForXS {
    width: 49%;
    padding: 0px;
    display: inline-block;
    float: left;
}

.popupBtn_delete {
    display: inline-block;
    margin-bottom: -10px;
}

.popupBtn_save {
    display: inline-block;
    margin-bottom: -10px;
}


.popupBtn_Cancel {
    display: block;
    margin-top: 7px; /*add for find resource popup cancel button*/
}

.popupBtnWrap {
    margin-top: 15px;
    text-align: right;
    margin-bottom: 10px;
}

.btnSave {
    background: #4A6EE2;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 6px 21px 5px;
    font-weight: 500;
    color: #fff;
    float: left;
    cursor: pointer;
}

    .btnSave:hover {
        color: #fff;
    }

    .btnSave b, .cancelBtn b {
        font-weight: 500;
    }

.btnCancel {
    background: #fff;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 4px 21px 5px;
    font-weight: 500;
    color: #4FA1D6;
    float: left;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

    .btnCancel:hover {
        color: #4A6EE2;
    }

    .btnCancel b, .cancelBtn b {
        font-weight: 500;
    }


.email-popupContainer {
    padding: 0px !important;
    background: #FFF;
}

.cancelBtn {
    background: none;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 5px 12px;
}

    .cancelBtn:hover {
        color: #4A6EE2;
    }

.addComLink span {
    font: 12px 'Roboto', sans-serif !important;
    color: #4A90E2;
}

.addComLink img {
    width: 17px;
}

.saveDelete_btnWrap {
    margin-top: 10px;
    text-align: center;
}

.tasktoolbar .border {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    padding: 3px 15px;
    border-radius: 4px;
}

.scheduleImg {
    width: 17px;
    /*margin-top: 3px;
    margin-right: 3px;*/
}

.CRMstatusGrid_footerRow {
    background: #fff;
}

    .CRMstatusGrid_footerRow td {
        text-align: left !important
    }
/*****CSS for grid filter******/
.FilterFooter_btnWrap .dxpc-footerContent {
    background-color: #fff;
    text-align: center;
}

.homeGrid tr td div div.dxpcLite_UGITNavyBlueDevEx.dxpclW div.dxpc-mainDiv.dxpc-hf {
    border: 1px solid #c5c5c5 !important;
}

.field_box .field_requesttypelookup_edit, .field_requesttypelookup_edit {
    min-width: 100% !important;
}

.loader_noMargin {
    margin-bottom: 0px;
}

.ticket_container.new-ticket-table tr.lastSectionWrap {
    margin-bottom: 0px !important;
}

.div-vieweditcontainer, .spancontainerdesc {
    margin-bottom: 0px !important;
}
/*.tabContainer.field_heading .ticket_container.new-ticket-table{
    margin-bottom:100px;
}*/
/******************css for award btn (footer sticky buttons)*************/
.footer_actAwardBtn {
    color: white;
    background: #4fa1d6 !important;
    border-radius: 4px;
    padding: 4px 20px 4px 20px !important;
    font: 14px 'Roboto', sans-serif !important;
}

.footer_actStatusBtn {
    color: white;
    background: #f65d50 !important;
    border-radius: 4px;
    padding: 7px 15px 7px 30px !important;
    font: 14px 'Roboto', sans-serif !important;
    background-image: url(/Content/Images/LostHold.png) !important;
    background-repeat: no-repeat !important;
    background-size: 34px !important;
    top: 10px;
    background-position: 0px 5px !important;
}

.footer_actAdanceToProjectBtn {
    color: white;
    background: #60b050 !important;
    border-radius: 4px;
    padding: 7px 15px 7px 30px !important;
    font: 14px 'Roboto', sans-serif !important;
    background-image: url(/Content/Images/project.png) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    top: 10px;
    background-position: 7px 7px !important;
}

/*************CSS For CRM Summary tab********************/
.summaryTab_container {
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}

.cprSummary_labelWrap {
    font-size: 14px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    background: #FFF;
    padding: 5px 5px 0px 5px;
}

.cprSummary_valueWrap {
    font-size: 12px;
    color: #000;
    font-family: 'Roboto', sans-serif !important;
    background: #FFF;
    padding: 0px 5px 10px 5px;
    word-break: break-all;
}

.summaryCPRdb_title {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.summaryCPRdb_header {
    width: 100%;
    text-align: left;
    /*background-color: #f2f3f4;*/
    background-color: #D0D8E2;
    height: 22px;
    vertical-align: middle;
    padding-top: 1px;
    color: #9C9FB1 !important;
    padding-left: 18px;
}

.summaryCPRdb_gridView {
    width: 100%;
    border: none;
    font: 12px 'Roboto', sans-serif;
}

.summaryCPRdb_gridView_dataRow {
    background: #fff;
}

    .summaryCPRdb_gridView_dataRow td {
        text-align: left !important;
        font-size: 12px;
        padding: 5px 18px !important;
        font-weight: 500;
        color: #000;
        border-bottom: 5px solid #f6f7fb !important;
        /*border-right: none !important;*/
    }

.summaryCPRdb_tableWrap {
    width: 100%;
    box-shadow: 0px 0px 6px #aaaaaa;
}

.taskManSummary_dataRow {
    text-align: left !important;
    font-size: 12px;
    padding: 0px 10px !important;
    font-weight: 500;
    color: #000;
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    background: #fff;
}

.tasktoolbar .border {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    padding: 3px 15px;
    border-radius: 4px
}

.tasktoolbar div img,
.tasktoolbar div input {
    float: left;
    cursor: pointer;
    margin: 3px 3px 0px 3px;
    width: 17px;
}

.scheduleTab_deleteIcon {
    width: 16px !important;
}

.widthSmall {
    width: 33.33%;
}

.widthMid {
    width: 66.66%;
}

.widthFull {
    width: 100%;
}

.projectTeam_linkWrap {
    margin-top: 15px;
}
/*.tabContainer.field_heading table tr td>iframe{
    height:75vh;
}*/
.adjustableWidth {
    width: 49% !important;
    padding-left: 18px;
}

.taskSummary_lable {
    border-right: 1px solid #d9dae0;
    padding: 5px 0px;
    margin-left: 8px;
}

.dxbButton_CustomMaterial.homeGrid_openBTn.dxgvADSB.dxbButtonSys.dxbTSys:hover::before {
    display: none;
}

.dxbButton_CustomMaterial.homeGrid_openBTn.dxgvADSB.dxbButtonSys.dxbTSys::before {
    display: none;
}
/***************************CSS for Dashboard global filter***************/
/*.searchFilter_container {
    margin-top: 10px;
}*/
.selectTo_container, .selectFrom_container {
    display: inline-block;
    float: left;
}

.selectFromTo_label {
    padding-top: 6px;
    float: left;
    font-weight: 500;
    font-size: 12px;
    color: black;
    font-family: 'Roboto', sans-serif !important;
    margin: 0px 5px;
}

.selectFromTo_field {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 125px;
}

    .selectFromTo_field .inputTextBox.datetimectr111 img {
        width: 18px;
    }

.selectFromTo_inputBox {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 125px;
}

    .selectFromTo_inputBox tr td, .selectFromTo_inputBox tr td.dxic input[type="text"] {
        background: #ecf1f9;
    }

.searchFilter_searchWrap {
    position: relative;
    padding-top: 1px;
    display: inline-block;
}

.WaterMarkClass {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    margin-left: 3px;
    height: 26px;
}

    .WaterMarkClass tr td, .WaterMarkClass tr td.dxic input[type="text"] {
        background: #FFF;
        padding: 3px;
        height: 15px;
    }

.homeDb_filterImg {
    cursor: pointer;
    margin-top: 5px;
    margin-right: 5px;
    width: 18px;
}

.FromTo_container, .searchFilter {
    display: inline-block;
    float: left;
}

.filterImg_wrap {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.SaveButton_crmTask {
    background: #4a6ee2;
    border-radius: 4px;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    /*float: left;*/
}

.cancelButton_crmTask {
    background: none;
    color: red;
    /*float: left;*/
    cursor: pointer;
}
/*#peAssignedToLookupSearchValue tr td input{
    height:10px !important;
}*/
.popupSectionWrap {
    margin-bottom: 60px;
}

.popupBtn_find {
    text-align: center;
    margin-bottom: 10px;
}

.findResource_findBtn, .addchkList_btn {
    background: #4fa1d6;
    border-radius: 4px;
    font-size: 12px;
    float: none;
    color: #fff;
    padding: 5px 17px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif !important;
}

.addChk_listBtnWrap, .importChk_listBtnWrap {
    display: inline-block;
}

    .addChk_listBtnWrap a:hover, .importChk_listBtnWrap a:hover {
        text-decoration: none;
    }

.checkList_btnWrap {
    margin-top: 10px;
}

.importBTn {
    display: block;
    /*margin-top:17%;*/
    text-align: center;
}

.Import_cancelBtn {
    display: block;
    margin-top: 7px;
    text-align: center;
}

.rectangle {
    margin: 20px 11px 5px 5px;
    width: 22px;
    height: 22px;
    color: #4A6EE1;
    border: 1px solid #999b9d;
    border-radius: 50%;
    position: relative;
    margin-right: 11px;
    float: right;
    cursor: pointer;
    padding: 7px 9px;
}

.headerContent_profile {
    padding-right: 0px;
    float: right;
}

/*.moduledesciptiontd {
    padding-bottom: 10px;
}*/

/*.comment_checkboxes {
    font-size: 12px;
    clear: both;
}*/

.copyToclip_popup {
    padding: 0px 15px 15px !important;
}

    .copyToclip_popup textarea {
        height: 60px !important;
    }

/*.newTask_info_title {
    padding: 0px;
}*/

.right_content {
    padding-right: 0px;
}

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

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

.gridFilter_container {
    /*overflow-y:scroll;*/
    /*height:250px !important;*/
}

.dxgvFilterRow_UGITNavyBlueDevEx td.dxgv {
    border: none;
}

.HomeDBAction {
    right: -373px;
}

.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys .dxpc-mainDiv.dxpc-shadow .dxpc-contentWrapper .dxpc-content table.dxeListBox_UGITNavyBlueDevEx {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}
/*********************************CSS for  project view tab***********************/
/*.prjctView_selector {
    background: #EAEDF0;
    border: none;
    border-radius: 4px;
    padding: 0px 10px 0px 8px;
}

    .prjctView_selector tr td.dxic input {
        background: #EAEDF0;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #4A6EE2;
        font-family: 'Roboto', sans-serif !important;
    }

    .prjctView_selector tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
        background: #EAEDF0;
        border-radius: 4px;
    }*/


.logoText .pointer {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.projectCard_viewSearch table tr td table {
    background: #EAEDF0;
    border: none;
    border-radius: 4px;
    padding: 4px 5px;
}

.projectCard_viewSearch {
    background: #fff;
}

    .projectCard_viewSearch table tr td table tr td.dxic input {
        background: #EAEDF0;
        font-size: 12px;
        font-family: 'Roboto', sans-serif !important;
    }

.pojectView_card {
    border-width: 3px !important;
    background-color: #fff;
    border-radius: 5px;
}

.cardView_chkWrap {
    display: inline-block;
}

    .cardView_chkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .cardView_chkWrap label {
        position: relative;
        cursor: pointer;
        font-size: 14px;
    }

        .cardView_chkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            /*border: 2px solid #0079bf;*/
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .cardView_chkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 4px;
        height: 10px;
        /*border: solid #0079bf;*/
        /*border-width: 0 2px 2px 0;*/
        transform: rotate(45deg);
    }

    .cardView_chkWrap.lead_chkBox label::before {
        border: 2px solid #000;
    }

    .cardView_chkWrap.lead_chkBox input:checked + label::after {
        border: solid #000;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.ClientContracts_chkBox label::before {
        border: 2px solid orange;
    }

    .cardView_chkWrap.ClientContracts_chkBox input:checked + label::after {
        border: solid orange;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.PiplelineCPROpenOMP_chkBox label::before {
        border: 2px solid MediumSeaGreen;
    }

    .cardView_chkWrap.PiplelineCPROpenOMP_chkBox input:checked + label::after {
        border: solid MediumSeaGreen;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkConCPR_chkBox label::before {
        border: 2px solid royalblue;
    }

    .cardView_chkWrap.chkConCPR_chkBox input:checked + label::after {
        border: solid royalblue;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkClosed_chkBox label::before {
        border: 2px solid gray;
    }

    .cardView_chkWrap.chkClosed_chkBox input:checked + label::after {
        border: solid gray;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkCancelled_chkBox label::before {
        border: 2px solid #008080;
    }

    .cardView_chkWrap.chkCancelled_chkBox input:checked + label::after {
        border: solid #008080;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkLost_chkBox label::before {
        border: 2px solid mediumvioletred;
    }

    .cardView_chkWrap.chkLost_chkBox input:checked + label::after {
        border: solid mediumvioletred;
        border-width: 0 2px 2px 0;
    }

.HomeCard_view {
    border-width: 2px !important;
    background-color: #fff;
    border-radius: 5px;
    border-color: #fff;
    margin: 10px 10px 0px 0px;
    padding: 0px;
    cursor: pointer;
}

    .HomeCard_view div table.dxflGroup_UGITNavyBlueDevEx.dxflGroupSys.dxflAGSys {
        padding: 1px;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        word-break: break-all;
    }

.homeDb_chartView {
    padding-left: 15px;
    border: none;
    margin-bottom: 5px;
    padding-right: 4px;
    border: none;
    background-color: #F6F7FB;
}

.homecontent {
    float: left;
    /*background-color: #F3F4F5;*/
    background-color: #F6F7FB;
    /*padding-top: 15px;*/
}

.homeContent_container {
    float: left;
    padding-left: 0px;
    width: 100%;
    padding-right: 5px;
}

.home_welcomeTitle {
    margin-top: 10px;
}

#lblLead {
    color: #000;
}

#lblClientContract {
    color: orange;
}

#lblPiplelineCPROpenOMP {
    color: MediumSeaGreen;
}

#lblchkConCPR {
    color: royalblue;
}

#lblchkClosed {
    color: gray;
}

#lblchkCancelled {
    color: #008080;
}

#lblchkLost {
    color: mediumvioletred;
}

.projectView_img {
    width: 14px;
}

.homeGrid .dxgvPagerTopPanel_DevEx, .homeGrid .dxcvPagerTopPanel_UGITNavyBlueDevEx, .homeGrid .dxcvPagerBottomPanel_UGITNavyBlueDevEx, .homeGrid .dxgvPagerBottomPanel_DevEx {
    background: #EAEDF0;
    padding: 5px;
}

    .homeGrid .dxgvPagerTopPanel_DevEx .dxpLite_DevEx, .homeGrid .dxcvPagerTopPanel_UGITNavyBlueDevEx .dxpLite_UGITNavyBlueDevEx, .homeGrid .dxcvPagerBottomPanel_UGITNavyBlueDevEx .dxpLite_UGITNavyBlueDevEx, .homeGrid .dxgvPagerBottomPanel_DevEx .dxpLite_DevEx {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

.homeDb_chartView tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
    background-color: transparent;
}

.HomeCard_view div, .HomeCard_view div table.dxflGroup_UGITNavyBlueDevEx.dxflGroupSys.dxflAGSys {
    height: 100%;
}

    .HomeCard_view div table tr td:first-child {
        width: 25% !important;
        border-right: 1px solid #f6f7fb;
        padding: 0px 1px;
        height: 100%;
    }

    .HomeCard_view div table tr td:last-child {
        width: 75% !important;
        border-right: none;
        height: 100%;
    }

    .HomeCard_view div table tr td div {
        word-break: break-word;
    }

/**************CSS for Status Popup******************/
.opprtunity-statusPopup .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}
/*.CRMDueDate_inputField tr td.dxic {
    border: 1px solid #ccd4e1;
    border-right: none;
}
.CRMDueDate_inputField tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
    border: 1px solid #ccd4e1;
    border-left: none;
}*/
/*.status_fieldLabel {
    margin-left: 0px;
}*/
.statusBtn_wrap li {
    display: inline-block;
}

.status_reasonWrap {
    padding-left: 25px;
}

.status_commentLabel, .status_reasonLabel {
    color: black;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.status_commentField, .status_reasonField {
    height: 38px !important;
}
/**************************
        29-04-2019 
**************************/
.clear-custom-addcheck-list {
    clear: both;
    position: absolute;
    bottom: 28px;
    right: 17px;
}

.reAssignePopup {
    background: #FFF;
    height: 100%;
}

.custom-addcheck-list-user > table {
    padding: 0px;
}

/*.add-check-list-input table {  comment while editing  add checklist popup-> assign to dropdown
    padding: 6.5px 3px 6.5px 6.5px;
}*/

.add-check-list-input table tr > td:last-child img {
    margin-top: 7px;
}

.status-chkWrap {
    margin-left: 9%;
    margin-top: 4px;
    color: #4a90e2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

    .status-chkWrap span input {
        margin-right: 4px;
    }

.precon_chkWrap {
    clear: both;
    padding-top: 9px;
}

.preconChk {
    float: left;
    color: #4a90e2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.preconErrMsg {
    color: Red;
    float: right;
    font-size: 12px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.chkLabel_cctoAct {
    display: inline-block;
    padding-top: 9px;
    margin-left: 20px;
}

.chkBox_cctoAct {
    display: inline-block;
    padding: 0px;
}

.chkBox_input {
    display: inline-block;
}

.chkLabel {
    display: inline-block
}

    .chkLabel h3, .mailTo h3 {
        margin-left: 0px;
    }

.mailSub {
    padding-left: 25px;
}

.mailTo_field span table {
    padding: 0px;
}

.statusBtn_wrap {
    text-align: center;
    list-style: none;
    margin-top: 25px;
}

.okStatus_btnWrap {
    background: none;
}

.cancelStatus_btnWrap {
    margin-top: 10px;
}

.okBtn_status {
    background: none;
    color: white;
    background-color: #4a6ee2 !important;
    padding: 6px 20px;
    border: 1px solid #4a6ee2 !important;
    border-radius: 4px;
}

.cancel_status {
    color: red;
    background: none;
    font-size: 12px;
    font-weight: 600;
}

.cpr_Row {
    clear: both;
}

.activityCancel_btn b {
    font-weight: 500;
}

/*************************CSS for Award popup*************************/
.opprtunity-statusPopup .dxpc-contentWrapper {
    display: table !important;
}

.award_comment {
    width: 100%;
    height: 35px;
    width: 100%;
    height: 35px;
    background-color: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.award-commentWrap {
    padding-right: 5px;
}

.award-chkwrap {
    padding-left: 5px;
    margin-top: 8px;
}

.award_emailFields {
    padding: 0px 5px !important;
    margin-top: 10px;
}

.award-EmailBody {
    clear: both;
}

.awardBtn_Wrap {
    text-align: right;
    margin-top: 10px;
    padding-right: 15px;
}

    .awardBtn_Wrap li {
        display: inline-block;
    }

        .awardBtn_Wrap li:first-child {
            background: none !important;
            float: none !important;
            /*text-align: center !important;
        display: block !important;*/
        }

.okAward_btnWrap a {
    background-color: #4a6ee2;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #FFF;
}

.cancelAward_btnWrap {
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    padding: 3px 10px;
}

    .cancelAward_btnWrap a {
        float: none !important;
        color: red !important;
        padding: 0px !important;
        background: none;
        margin-top: 10px;
        font-size: 12px;
        font-weight: 600;
    }

.awardBtn_Wrap li:last-child {
    background: none;
    float: none !important;
    /*text-align: center;
    display: block;*/
}

.awardAssign table {
    padding: 0px !important;
    max-width: 98% !important;
}

.unsaved_popUp .dxpc-header {
    color: #000 !important;
    background: #f0f0f0 !important;
    font-weight: 600;
    border-bottom: none;
    font-size: 12px;
}

.unsaved_popUp .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}

.headerText {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.unsaved-btnWrap {
    margin-top: 10px;
}

    .unsaved-btnWrap ul {
        list-style: none;
        text-align: center;
        padding: 0px;
    }

.cancelli {
    display: block;
}

.saveAndClose {
    display: inline-block;
}

.saveAndClose_btn {
    color: #fff;
    background: none;
    background-color: #4a6ee2 !important;
    padding: 5px 8px;
    border: 1px solid #4a6ee2 !important;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.unsaved_cancel {
    color: red;
    background: none;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

    .unsaved_cancel:hover {
        color: red;
    }

.colForMd2 {
    width: 15.7%;
}

.profileImg {
    width: 22px !important;
    height: 21px !important;
}

.activitySave_btn b {
    font-weight: 500;
}

.importChk-radioBtn {
    /*margin-right: -4px;
    margin-left:5px;*/
}

.lastchkBtn input {
    display: -webkit-inline-box;
}

.tdrowhead img {
    width: 20px;
}

.addiconheader img {
    width: 20px;
}

#reltedCom_dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys {
    left: 8px !important;
}

/*************************CSS for quick close popup********************************/
.quickClose-lable {
    font: 14px 'Roboto', sans-serif;
    color: #4a90e2;
    float: left;
    margin-bottom: 0px;
    margin-left: 7px;
}

/*.quickClose-comment {
    margin-left: 7px;
    height: 35px !important;
}*/

.quickClose-commentWrap {
    width: 94% !important;
}

.activity-title {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.lastchkBtn {
    display: block;
}

.searchNFilterWrap {
    float: right;
}

.searchFilter {
    clear: unset !important;
    margin-left: 0px !important;
}

.dropDown-feild input[type="text"] {
    height: 28px !important;
}

.fieldWrap {
    clear: both;
}

.projectTeam-popupWrap {
    padding-left: 10px;
    width: 100%;
}

.activityDelete_btn b {
    font-weight: 500;
}

/***********************find resource popup ****************/
.usrGrp-dropDownWrap {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    font: 12px 'Roboto', sans-serif !important;
}

.popupAction-btnWrap {
    position: fixed;
    bottom: 10px;
    width: 100%;
}

.externalTeam-popupBtn {
    position: absolute;
    bottom: 10px;
    width: 97%;
    clear: both;
}

.externalTeam-content {
    clear: both;
    position: absolute;
}

.usrGrp-dropDownWrap table {
    /*display:table !important;*/
}

.chkPopupBtn-container {
    padding: 0px;
    position: fixed;
    bottom: 10px;
}

.importTask_btnWrap {
    position: fixed;
    bottom: 18px;
    text-align: center;
    padding: 0px;
}

.chklistRole-popupBtn {
    position: fixed;
    bottom: 10px
}

.activityBtn-wrap {
    position: fixed;
    bottom: 10px
}

.piclistPopup-container {
    padding-bottom: 50px;
}

.existingTicket_checkbox {
    float: right;
}

.relatedTicket_msg {
    text-align: center;
}

.lookupDropDown-filterWrap {
    background: #fff;
}

    .lookupDropDown-filterWrap td.dxgvCommandColumn_UGITNavyBlueDevEx.dxgv.dx-ac {
        border-bottom: 1px solid #abacb9 !important;
        background: #fff !important;
    }

    .lookupDropDown-filterWrap td.dxgv {
        border-bottom: 1px solid #abacb9 !important;
        background: #fff !important;
    }

        .lookupDropDown-filterWrap td.dxgv table {
            border: none;
        }

/*.lookupDropDown-contentRow {
    background: #ecf1f9 !important;
    color: #4A6EE2 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .lookupDropDown-contentRow:hover {
        background: #F8F9F9 !important;
    }*/

.editcomment-label {
    color: #000;
}

.dxeMemoSys.dxeMemo_DevEx tr td textarea.dxeMemoEditArea_DevEx.dxeMemoEditAreaSys {
    width: 99% !important;
    font-family: 'Roboto', sans-serif;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
}

/*.edit-ticket-cell { commenting  while making svc grid responsive
    width: 20px;
}*/

.addCommentBtn {
    position: absolute;
    width: 100%;
    bottom: -109px;
}

.addcommentCancel {
    height: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*.dateEdit-dropDown tr td input[type="text"] {
    height: 28px !important;
}*/

/*.comboBox-dropDown tr td.dxic input[type="text"] {
    height: 28px !important;
}*/

.crmDropDown_field table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.activityAddEdit-container, .popupUp-mainContainer {
    overflow-y: visible !important;
}

.leadNewTask-cancelBtn {
    margin-top: 0px;
}

.error-msgWrap {
    margin-left: 2%;
}

.findRes-filterWrap td.dxgv table tr td.dxic, .findRes-filterWrap td.dxgv table tr td.dxic input[type='text'] {
    background: #fff !important;
}
/********CSS for Schedule Tab ***************************/
.schedule-btnWrap {
    padding-bottom: 19px;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: -10px;
}

.schedul-cancelBtn {
    display: block;
    margin-top: 6px;
}

.schedule-taskTitle {
    width: 226px;
}

    .schedule-taskTitle a span {
        color: #000;
    }
/*******************************CSS for Bottleneck chart ****************/
.inner-circle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    /*
        Put top edge and left edge in the center
       */
    top: 42%;
    left: 41%;
    margin: -13px 0px 0px -13px;
    /* 
        Offset the position correctly with
        minus half of the width and minus half of the height 
       */
}

.outer-circle {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
}

.digit-2 {
    left: -2px;
    top: 2px;
}

.digit-3 {
    top: 2px;
    left: -2px;
}

.digit-4 {
    top: 10px;
}

.digit-1 {
    left: 2px;
    top: 2px;
}
/*****************CSS for cpr->task tab-> new task popup**********/
.cprPopup-container {
    overflow-y: visible !important;
}

.custom-addcheck-list-user table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.newTask-btn {
    padding-top: 12px;
    padding-right: 0px;
}

/*****************CSS for cpr->schedule tab-> Edit task popup *****************/
.editTask-sectionWrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 5px 0px 5px;
}

.fieldPadding {
    padding: 0px 5px;
}

.dueDate-fieldWrap {
    display: inline-block;
    width: 93%;
}

.autocal-imgWrap {
    display: inline-block;
    height: 100%;
}

.autocal-img {
    margin-top: -29px;
    width: 20px;
}

.autocal-img2 {
    width: 20px;
}

.autocal-img3 {
    width: 20px;
    margin-top: -36px;
}

.cprAccRej-btnContainer {
    float: left;
    background: #4A6EE2;
    border-radius: 4px;
}

.cprAccRej-bg {
    float: left;
    padding: 4px 10px 5px 6px;
    color: #fff;
    border-radius: 4px;
    font: 12px 'Roboto',sans-serif;
}

    .cprAccRej-bg b {
        float: left;
        font-weight: normal;
        font-size: 14px;
        margin-top: 1px;
        position: relative;
    }

    .cprAccRej-bg i {
        float: left;
        position: relative;
        /* top: -2px; */
        left: 5px;
        background: #fff;
        border-radius: 50%;
        padding: 1px 5px 4px 5px;
    }

        .cprAccRej-bg i img {
            width: 14px;
        }

.reject-btnContainer {
    margin-left: 5px;
}

.lookUpValue-inputFeild table {
    max-width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .lookUpValue-inputFeild table tr td {
        background: #ecf1f9;
    }

        .lookUpValue-inputFeild table tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.taskDelete-btnWrap, .task-newAssBtn {
    display: inline-block;
}

.task-newAssBtnWrap {
    margin: 6px;
    display: inline-block;
}

.task-newAssBtn {
    background: none !important;
}

    .task-newAssBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
        padding: 4px 3px !important;
        font-weight: 500;
        color: #fff !important;
        float: left;
        cursor: pointer;
        border: none !important;
    }

.noLeftPadding {
    padding-left: 0px;
}

.dueDate-lable {
    font-size: 14px;
    color: #4A90E2;
}

.remind-wrap {
    margin-top: 5px;
}

.recuring-count {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
    margin-top: 20px;
}

.recuring-dropDown {
    margin-top: 5px;
}

.newTask-blueBtn {
    background: none !important;
}

    .newTask-blueBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        float: none;
        color: #fff;
        padding: 4px 3px;
        cursor: pointer;
        font-family: 'Roboto', sans-serif !important;
    }

.newTask-cancelBtn {
    background: none !important;
}

    .newTask-cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font: 14px 'Roboto', sans-serif !important;
    }

        .newTask-cancelBtn .dxb span.dx-vam {
            font-weight: 600;
        }

.crmEmail-dropDown table {
    display: table !important;
}

.crmAction-btnContainer {
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.bC-selWrap {
    display: inline-block;
}

    .bC-selWrap h5 {
        color: #4A90E2;
    }

.bC-radioBtnWrap {
    display: inline-block;
    /*margin-left: 5px;*/
}

.importUsr-label {
    color: #4A90E2;
    font: 14px 'Roboto', sans-serif !important;
}

.bCBtn-submit {
    background: #4a6ee2;
    border: none;
    color: #fff;
    padding: 2px 10px;
    font: 12px 'Roboto', sans-serif;
    border-radius: 4px;
    margin-left: 3px;
}

.batchCreate_btn {
    background: none !important;
}

    .batchCreate_btn .dxb {
        background: #4a6ee2 !important;
        border: none;
        color: #fff;
        padding: 5px 10px;
        font: 12px 'Roboto', sans-serif;
        border-radius: 4px;
    }

.batchCreate_btnContainer {
    position: fixed;
    width: 100%;
    bottom: 20px;
    text-align: center;
}

.batchCreate-grid {
    margin-left: 14px;
}

.aspxSelect-dropDown {
    font-size: 12px !important;
    border-radius: 4px;
    border: 1px solid #ccd4e1;
    width: 100%;
    background-color: #ecf1f9;
    padding: 4px;
    height: 35px;
}

.reOpen-comment {
    height: 90px !important;
}
/**********CSS for userValueBox dropdown****************/
.userValueBox-filterRow td table.dxeTextBoxSys.dxeTextBox_UGITNavyBlueDevEx.dxeTextBoxDefaultWidthSys {
    background: #f9f9fc;
    border: none;
}

.userValueBox-footerCloseBtn tr td {
    text-align: center;
}

    .userValueBox-footerCloseBtn tr td div.dxbButton_UGITNavyBlueDevEx.dxbButtonSys.dxbTSys {
        background: none !important;
    }

        .userValueBox-footerCloseBtn tr td div.dxbButton_UGITNavyBlueDevEx.dxbButtonSys.dxbTSys div.dxb {
            background: #4A6EE2 !important;
            border-radius: 4px;
            color: #fff;
            font: 12px 'Roboto', sans-serif;
        }

.deactive-popupContainer {
    width: 100%;
    float: left;
    padding: 0px;
    padding-left: 0px;
    background: transparent !important;
}

.deAcctive-msgContainer p {
    font-family: 'Roboto', sans-serif;
    color: #000080;
    font-size: 12px;
    margin-bottom: 2px;
}

.deActive-commentBox {
    width: 100%;
    height: 35px !important;
}

.deActive-sendMail {
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.deAcctive-msgContainer {
    padding-left: 7px;
}

.ticket-cancelBtn {
    margin: 0px !important;
}

.returnFb-btnWrap {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -5px;
    width: 97%;
}

.returnFb-listWrap {
    float: none !important;
    text-align: center;
}

    .returnFb-listWrap li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
/*********************************************css for cpr-project card view ********************************************/
/*.projectCardView-gpc table.dxflCLLSys.dxflItemSys.dxflTextItemSys.dxflItem_UGITNavyBlueDevEx tr td.dxflNestedControlCell_UGITNavyBlueDevEx {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 17px;
    width: 123px;
    float: right;
    overflow: hidden;
}*/
.projectCardView-gpc table.dxflCLLSys.dxflItemSys.dxflTextItemSys.dxflItem_UGITNavyBlueDevEx tr td.dxflNestedControlCell_UGITNavyBlueDevEx {
    word-break: break-all;
}
/*.picklist-BtnContainer {
    position: fixed;
    bottom: 20px;
    clear: both;
    text-align: center;
    width: 100%;
}*/
/*********** RMM POPUP ****************/
/*****************Sayali***************/
.nprDropDown div.dxpc-mainDiv.dxpc-shadow div div.dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content {
    /*display: block !important;*/
    background: #fff;
}

/*.nprDropDown div:first-child {
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.14375);
    border: none;
}*/

.lookupValueBox-editRow td {
    border-right-width: 0px;
    padding: 2px 10px !important;
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
}

.lookUpValBox-listRow td {
    border-right-width: 0px !important;
    padding: 2px 10px !important;
    background: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.title div.dxgBCTC {
    padding-left: 0px !important;
}

.rmmSaveAllo-btnContainer {
    position: inherit;
    padding-top: 25px;
    float: left;
    clear: both;
    display: block;
    /* padding: 0px; */
    width: 100%;
    text-align: center;
}

.aspTextbox-wrap {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}

    .aspTextbox-wrap tr td.dxic input[type="text"] {
        background: #ecf1f9;
    }

    .aspTextbox-wrap tr td {
        background: #ecf1f9;
    }

.lookup-inputWrap {
    max-width: 100% !important;
    padding: 0px !important;
    width: 100%;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .lookup-inputWrap tr td {
        background: #ecf1f9;
    }

        .lookup-inputWrap tr td.dxic input[type="text"] {
            height: 28px !important;
        }

        .lookup-inputWrap tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx img {
            padding-right: 9px;
        }

.rmmRole-field {
    padding-left: 7px;
}

.rmmRole-fieldLabel {
    margin-left: 5px;
}

.RRMactiobBtn-wrap-absolute {
    text-align: center;
    position: absolute;
    bottom: 10px;
    display: block;
    padding: 0px;
    width: 99%;
}

.popupUpAddWorkItem, .popup-container {
    overflow-y: visible !important;
}

.endDate-fieldWrap {
    clear: both;
}

.new-alloc-btn-cancel-margin {
    margin-top: 10px;
}

.rmmEdit-Btn {
    background: none !important;
}

    .rmmEdit-Btn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
        padding: 4px 3px;
        font-weight: 500;
        color: #fff;
        float: left;
        cursor: pointer;
        border: none !important;
    }

.rmm-inputField {
    background: none !important;
    border: none !important;
    padding: 1px 0px 5px 8px;
}

.rmmLookup-valueBoxEdit .department {
    min-width: 100% !important;
    max-width: 100% !important;
    /*background: #ecf1f9;*/
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    /*border-spacing: 1px;*/
    margin-bottom: 0px !important;
}

.rmmLookup-valueBoxEdit table.department tr td.dxic input[type="text"] {
    height: 28px !important;
    background: #fff;
}

.rmmLookup-valueBoxEdit .department tr td {
    background: #fff;
    padding-right: 6px;
}

/*.rmm-lookupValueBox table {
    min-width: 100% !important;
    max-width: 100% !important;
    /*background: #ecf1f9;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.rmm-lookupValueBox table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.rmm-lookupValueBox table tr td {
    background: #fff;
    padding-right: 7px;
}*/

/*.rmmaspGrid-lookup {
    width: 100%;
    /*background: #ecf1f9;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
}

.rmmaspGrid-lookup tr td {
    background: #fff;
    padding-right: 6px;
}

.rmmaspGrid-lookup tr td.dxic input[type="text"] {
    height: 28px !important;
}*/

.rmmWrap-aspxTokenBox {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
}

    .rmmWrap-aspxTokenBox .rmm-aspxTokenBox tr td.dxic.dxictb input[type="text"] {
        height: 28px !important;
        width: 99% !important;
    }

.rmm-aspxTokenBox {
    width: 100%;
    background: #fff;
    border: none;
}

.rightNoPadding {
    padding-right: 0px;
}

.rmmPopupBtn-delete {
    background: none !important;
}

    .rmmPopupBtn-delete .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
        padding: 5px 3px;
        font-weight: 500;
        color: #fff;
        float: left;
        cursor: pointer;
        border: none !important;
    }

/*.rmm-chkWrap {
    display: inline-block;
}

    .rmm-chkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .rmm-chkWrap label {
        position: relative;
        cursor: pointer;
        font-size: 14px;
        color: #4A90E2;
    }

        .rmm-chkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4A90E2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .rmm-chkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 4px;
        height: 10px;
        border: solid #4A90E2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }*/

.rmmWorkHrsTO {
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    padding-top: 3px;
    font: 14px 'Roboto', sans-serif !important;
}

.rmmWorkHrsTOWrap {
    text-align: center;
}

.rmmWorkHrs-inputField {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 100%;
}

    .rmmWorkHrs-inputField tr td div {
        background: #fff;
    }

/*.rmmNewUserbtn {
    text-align: right;
}*/

.marginBdgCategory {
    margin-top: 3px;
}


.findresource-action {
    text-align: center;
    position: fixed;
    bottom: 10px;
    display: block;
    padding: 0px;
    width: 92%;
}

.findresource-background {
    background: none;
    margin-bottom: 10px
}

    .findresource-background .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif;
    }

.rmmFndRes-mainContainer {
    padding-bottom: 134px !important;
}

.peAssignedTo table.close_arrow_edit {
    max-width: 100% !important;
    background: #ecf1f9;
    padding: 0px;
    box-shadow: none;
}

.emailNotify-content {
    clear: both;
    padding-bottom: 87px;
}

.fetch-parent {
    padding-bottom: 50px;
}

.RRMactiobBtn-wrap {
    text-align: right;
    position: fixed;
    bottom: 10px;
    padding: 0px;
    right: 15px;
}

/*.RMMBtnWrap {
    margin-bottom: 20px;
}*/

.RRMsaveBtn {
    background: none
}

    .RRMsaveBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif;
    }

.RMMCancel-btn {
    background: none;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
}

    .RMMCancel-btn .dxb {
        background: none;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.RMMcancelBtn-wrap {
    display: inline-block;
}

.rmmPopup-container {
    clear: both;
    position: fixed;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.oldUser-dropDown table tr td table.close_arrow_edit {
    padding: 0px;
    padding-right: 5px !important;
}

    .oldUser-dropDown table tr td table.close_arrow_edit tr td input[type="text"] {
        height: 28px !important;
    }

.RMMModule-droDown table {
    width: 95%;
}

    .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx {
        border: 1px solid #ccd4e1 !important;
        border-radius: 4px !important;
        background: #ecf1f9;
        width: 100%;
    }

        .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
            border-radius: 4px !important;
            background: #ecf1f9;
            padding-right: 9px;
        }

        .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.accomp-popup input[type="password"] {
    width: 100% !important;
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 30px;
    text-align: left;
    font-size: 12px;
}

.showPwd-chkWrap {
    margin-top: 10px;
}

.rmmGrnPwd-btnWrap {
    text-align: right;
}

.rmmGrnPwd-btn {
    background: #4A6EE2;
    border: none;
    padding: 5px 5px;
    border-radius: 4px;
    color: #fff;
    font: 12px 'Roboto', sans-serif;
}

.rmm-setColor-btnWrap {
    margin-top: 5px;
}

.setColor-saveBtn input {
    float: none;
    background: #4A6EE2;
    border-radius: 4px;
    padding: 5px 19px;
    font: 12px 'Roboto', sans-serif;
    color: #fff;
    border: none;
}

.setColor-closeBtn input {
    float: none;
    background: none;
    border: none;
    color: red;
    font-weight: 600;
    font: 14px 'Roboto', sans-serif;
    padding: 0px;
}

.setColor-btnContainer {
    text-align: center;
}

/*****************************CSS for CRM checkbox **********************/
.crm-checkWrap {
    display: inline-block;
}

    .crm-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 11px 'Roboto', sans-serif;
        color: black;
    }

        .crm-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid black;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .crm-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: solid black;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
/*****************************End CSS for CRM checkbox **********************/
/*****************************CSS for CRM right checkbox  **********************/
.crm-checkWrap-right {
    display: inline-block;
}

    .crm-checkWrap-right input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap-right label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap-right label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            right: -27px;
            position: absolute;
            top: 2px;
        }

    .crm-checkWrap-right input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        right: -17px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

/*****************************End CSS for CRM right checkbox  **********************/
/***************************** CSS for CRM checkbox list  **********************/
.custom-chkList {
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
}

    .custom-chkList input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .custom-chkList label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: #4a6ee2;
    }

        .custom-chkList label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            right: -27px;
            position: absolute;
            top: 2px;
        }

    .custom-chkList input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        right: -17px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

/*****************************End CSS for CRM checkbox list  **********************/

/*****************************CSS for CRM Radio Button*******************/
.bC-radioBtnWrap input[type="radio"]:checked,
.bC-radioBtnWrap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .bC-radioBtnWrap input[type="radio"]:checked + label,
    .bC-radioBtnWrap input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 2px
    }

        .bC-radioBtnWrap input[type="radio"]:checked + label:before,
        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .bC-radioBtnWrap input[type="radio"]:checked + label:after,
        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .bC-radioBtnWrap input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/*****************************CSS for CRM Radio Button*******************/

/*******************************CSS for CPR-> lookup value box drop Down*************************/
.lookupValueBox-drpDwnRow td {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.lookupValueBox-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #73C2FB !important;
    color: #4A6EE2 !important;
}

.lookupValueBox-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}


/****************************CSS for UserValueBox DropDown***************************/
.userValueBox-searchFilterContainer {
    padding-right: 0px !important;
}

.userValueBox-searchFilterWrap {
    width: 100% !important;
}

.userValueBox-Table tr.userValueBox-HeaderFilterRow {
    background: #f9f9fc none;
    border-bottom: 1px solid #cacbd3;
}

.userValueBox-HeaderFilterRow td.dxgv table {
    background: #fff;
    border: none;
}

    .userValueBox-HeaderFilterRow td.dxgv table tr td.dxic input[type="text"] {
        background: #fff !important;
    }

.dxgvTable_UGITNavyBlueDevEx.userValueBox-Table {
    border-bottom: 1px solid #cacbd3;
    background: #f9f9fc;
}

.userValueBox-row td.dxgvDRTC {
    border-bottom: 1px solid #d9dae0;
}

.userValueBox-row td table {
    width: 100% !important;
    background: #FFF !important;
}

    .userValueBox-row td table tr td div {
        padding: 6px 3px !important;
        color: #4A6EE2 !important;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

.userValueBox-footerBtn {
    text-align: right;
}

    .userValueBox-footerBtn tr td div {
        background: none;
        color: #FFF;
        border: none;
    }

        .userValueBox-footerBtn tr td div div.dxb {
            background: #4A6EE2;
            border-radius: 4px;
            border: none;
            padding: 3px 9px;
        }

.userValueBox-row:hover {
    background-color: #F8F9F9;
}

.userValueBox-row.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: none !important;
    background-color: #F8F9F9 !important;
}

.userValueBox-row.dxgvSelectedRow_UGITNavyBlueDevEx {
    background-color: #F8F9F9 !important;
}

.userValueBox-filterRow {
    background: #f9f9fc;
}

.dxgvTable_UGITNavyBlueDevEx.userValueBox-Table.dxgvRBB {
    background: #fff;
    table-layout: unset !important;
}

.userValueBox-grid {
    padding: 0px !important; /***add while changing add checklist popup-> Assigned to********/
}

.peAssignedTo table tr td.dxic input[type="text"] {
    height: 28px !important;
    background: #FFF !important;
}

.peAssignedTo table tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
    background: #f8fafc !important;
}

.userValueBox-filterRow td table tr td.dxic input[type="text"] {
    background: #f9f9fc !important;
}
/******************************CSS for LookUpBoxEdit dropDown **********************************/
.categoryLable label, .subCategoryLable label {
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

.requestType-gridRow {
    background: #FFF;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

    .requestType-gridRow.dxgvFocusedRow_UGITNavyBlueDevEx {
        background: #F8F9F9;
        font-size: 12px;
        color: #4a90e2;
        font-family: 'Roboto', sans-serif !important;
    }

/***************************CSS for ASPX combobox*******************/
.customList-dropDownWrap {
    padding: 0px;
}

.contactDrop-down {
    width: 100%;
}

/************************CSS for ASPX GridLookUp********************/
.usrGrp-dropDown table tr td div.dxgvHSDC {
    padding-right: 0px !important;
}

    .usrGrp-dropDown table tr td div.dxgvHSDC div {
        width: 100% !important;
    }

/*.lookupDropDown-contentRow td {
    background: #fff !important;
}*/

.findResource-userGroup tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx img {
    margin-top: 6px;
    margin-right: 0px;
}

/*.lookupDropDown-filterWrap td.dxgv table tr td.dxic input[type="text"] {
    background: #fff !important;
}*/
/****************************CSS for Save as template*************************/
.template_fieldLabel {
    margin-left: 4px;
}

/*******************************************CSS for ASP dropDownList******************************** */
.aspDropDown-list {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

/********************************CSS for Lead Ranking ************************************************/
.leadRanking-gridRow td {
    padding-left: 11px !important;
}

.leadRanking-btnContainer {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 8px;
}

.leadRanking-btn {
    background: #4A6EE2;
    border-radius: 4px;
    color: #fff;
    padding: 7px 23px 6px 20px;
    font-size: 12px;
    cursor: pointer;
    float: none;
}

    .leadRanking-btn b {
        font-weight: normal;
    }

.leadRanking-container {
    overflow-y: visible !important;
}

.leadPopup-padding {
    padding: 0px 10px 0 20px !important;
}

.leadRanking-editBtnContainer {
    text-align: center;
}

.lead-saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
}

    .lead-saveBtn .dxb {
        background: none !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px !important;
        padding: 4px 4px;
    }

.lead-cancelBtn {
    background: none !important;
}

    .lead-cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 600;
    }

.leadRanking-aspxTextBox {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .leadRanking-aspxTextBox tr td.dxic {
        padding: 0px;
    }

        .leadRanking-aspxTextBox tr td.dxic input[type="text"] {
            height: 31px !important;
            padding-left: 7px;
        }


/*************************CSS for File upload button******************************/
.uploadFile-BtnWrap {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.uploadFile-label {
    /*border: 2px solid #4A6EE2;*/
    color: #4A6EE2;
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif !important;
}

.uploadFile-input {
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.choosedFileName {
    margin-left: 11px;
}

.chklist-itemWrap {
    margin-top: 5px;
}

/***************************CSS for ASpxGridLookUp(contact dropDown)****************/
.aspxGridLookUp-dropDown {
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxGridLookUp-dropDown tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxGridLookUp-dropDown tr td {
        background: #fff;
    }

.aspxGridloookUp-drpDownRow td.dxgv {
    color: black !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.aspxGridloookUp-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.aspxGridloookUp-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.aspxGridLookUp-FilerWrap {
    background-color: #fff;
}

    .aspxGridLookUp-FilerWrap td.dxgvCommandColumn_UGITNavyBlueDevEx.dxgv.dx-ac {
        background-color: #fff;
        border-bottom: 1px solid #abacb9 !important;
    }

.aspxGridLookUp-FilerCell {
    border-bottom: 1px solid #abacb9 !important;
}

    .aspxGridLookUp-FilerCell table {
        background: #fff !important;
        border: none !important;
    }

        .aspxGridLookUp-FilerCell table tr td input[type="text"] {
            background: #fff;
        }

/******************CSS for Aspx dropDown List********************************/
.aspxDropDownList {
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 3px 3px 3px 4px;
    -webkit-appearance: none;
    background-position: 98.6% !important;
}

    .aspxDropDownList option {
        background: #fff;
        border-bottom: 1px solid #d9dae0 !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

/*********************************CSS for contact-> Deactivate popup**************************************/
.deActive-popupContainer {
    padding: 10px;
    width: 100%;
    background: transparent !important;
}

.deActive-label {
    float: left;
    margin-bottom: 3px;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
}

.deActive-textBox {
    height: 60px;
    width: 100%;
    resize: none;
    margin-bottom: 20px;
    float: none;
}

.btn-container {
    float: none !important;
    text-align: center;
    padding: 0px;
}

.btnList {
    float: none !important;
}

.closeSubickets-btn {
    background: none !important;
}

    .closeSubickets-btn .dxb {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif !important;
    }

.deActive-CancelBtn {
    background: none !important;
}

    .deActive-CancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 600;
    }

.buttoncell {
    text-align: center;
}

.deActiveBtn-container li {
    list-style: none;
    display: inline-block;
}

.btnListCancel {
    display: block;
}



/*************************CSS for New UI Card View*********************************************************/
.PendingRed {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.PendingOrange {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.CompletedBlue {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.PendingGrey {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

    .PendingRed div table, .PendingOrange div table, .PendingGrey div table, .CompletedBlue div table {
        padding: 0px;
    }

        .PendingRed div table tr td, .PendingOrange div table tr td, .PendingGrey div table tr td, .CompletedBlue div table tr td {
            padding: 0px;
        }

.PendingRed .cardHeading-row {
    background-color: #f95657;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.cardTask-row {
    height: 70px;
    text-align: left;
    padding-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    display: block !important;
    width: 100% !important;
    padding-left: 30px;
}

.PendingOrange .cardHeading-row {
    background-color: #ff9d66;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.CompletedBlue .cardHeading-row {
    background-color: #6EB4FF;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.PendingGrey .cardHeading-row {
    background-color: #f6c55e;
    height: 30px !important;
    width: 100% !important;
    text-align: center;
    color: #fff;
    padding-top: 6px;
    padding-left: 15px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.cardView-container tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
    padding-bottom: 0px;
    /*padding-left: 5% !important;*/
    background-color: #F6F7FB;
    padding-right: 0px;
}

.showMore-linkContainer {
    background: #F6F7FB !important;
    width: 100%;
    float: right;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    text-decoration: none !important;
}

    .showMore-linkContainer span {
        margin-bottom: 10px;
        float: right;
        margin-right: 2%;
    }

.pendingTask-heading, .completedTask-heading {
    /*background:#FFF;*/
}

.cardView-label {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: inline-block;
}

.cardView-container {
    border: none;
}

.cardView-wrap {
    padding: 0px 4px 0px 15px;
    margin-bottom: 5px
}

.colFormd {
    width: 15.666667% !important;
}
/******************************************CSS for New UI left side menu bar****************************************/
.newLeftSide-menuWrap {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    padding-left: 15px;
}

.leftSideMenu-container {
    padding-left: 0px;
}

    .leftSideMenu-container li {
        list-style-type: none;
        padding-bottom: 20px;
    }

.newLeftSide-menu {
    width: 22px;
}

.filter-last {
    margin-bottom: 22px;
}

.float-popup-xs.main-page-section {
    padding-left: 0px;
    padding-right: 0px;
}

.dashboard_leftSideMenu {
    height: 100%;
    z-index: 0;
}

.float-popup-xs.main-page-section.right_content {
    /*padding-left: 250px;*/
    width: 100%;
    float: right;
}

.newGridIcon {
    width: 18px;
    display: inline-block;
    /*margin-left: 5px;*/
}
/****************************************CSS for Grid*************************************/
/*.AdditionCss {
    padding-left: 5px !important;
    padding-right: 5px !important;
}*/

.newGrid-conNum {
    background-color: #ff6666;
    color: #FFF;
    border-radius: 50%;
    padding: 0px;
    margin-top: -7px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    width: 16px;
    text-align: center;
}
/******************************************CSS For Lead Ranking**************************************/
.leadRanking-icon {
    /*float: right;*/
    /*margin-left: 90px;
    display: inline-block;
    margin-top: -20px;*/
    float: left;
    margin-right: 10px;
}

.field_successchance_edit {
    display: inline-block;
    width: 96% !important;
}

.leadRanking-icon img {
    width: 18px;
}
/************************************CSS for Report**********************************************/
.reportField-wrap {
    display: inline-block;
    width: 20%;
}

.reportField-label {
    font-size: 12px;
    color: black;
    font-family: 'Roboto', sans-serif !important;
    display: block;
    font-weight: 600;
}

.reportDropDown-list {
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 95%;
    padding: 7px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.reportBtn-wrap {
    margin-top: 17px;
}

.reportBtn-run {
    background: #50A1D6 !important;
    border-radius: 4px;
    border: none;
    color: #fff !important;
    padding: 5px 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.reportGrid-groupPannel {
    white-space: normal;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    background: #F4F6F6;
}

.savetofolder {
    background-image: url(/content/images/documents.png);
    background-position: center;
    background-size: contain;
    width: 20px;
    background-repeat: no-repeat;
    margin-top: -3px;
}

.excelicon {
    background-image: url(/Content/images/excel_icon.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.csvicon {
    background-image: url(/content/images/csv_file.png);
    background-position: center;
    background-size: contain;
    width: 19px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.pdf-icon {
    background-image: url(/Content/images/pdf_icon.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.export-buttons {
    float: right;
}

.sendmail {
    background-image: url(/content/Images/MailTo16X16.png);
    background-position: center;
    background-size: contain;
    width: 19px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-top: -1px;
}

.Report-expandCollapse-btnWrap {
    float: left;
    margin-bottom: 5px;
}

.reportExpand-btn {
    width: 19px;
    margin-right: 5px;
}

.reportCollapse-btn {
    width: 19px;
}

.panel-parameter {
    margin-top: 10px;
}

.report-tableHeader {
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}

.reportLabel {
    display: block;
    text-align: left;
    color: #4a90e2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    width: 100%;
    font-weight: 500;
}

.reportfield {
    padding: 0px;
    display: block;
}

.reportfield-tableWrap {
    display: block;
    float: left;
    margin-top: 10px;
}

.dateFiled-tableRow {
    display: inline-block;
    margin-right: 5px;
}

.report-DateField tr td input[type='text'] {
    background: #ecf1f9
}

.reportBtn-wrap tr td {
    float: none;
    text-align: left;
}

    .reportBtn-wrap tr td input[type='submit'] {
        background: #4a6ee2 !important;
        border-radius: 4px;
        border: none;
        color: #fff;
        padding: 5px 20px;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px;
        margin-top: 10px;
        margin-left: 15px;
    }
/***************CSS for Project Summary report***************************/
.projectsummary-reportContainer {
    border: none;
    padding: 10px 10px;
}

.summary-reportHeading {
    border: none;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    width: 100%;
    color: #4a90e2;
    font-weight: 500 !important;
    padding: 10px 0px 0px 0px;
}

.summary-reportLabel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #5D5C6D;
}

.reportChk-wrap {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.reportChk-wrap1 {
    display: inline-block;
}

.reportDate-fieldWrap {
    display: inline-block;
    width: 49%;
}

.reportRadio-btnWrap tr td:last-child {
    text-align: right;
}

.reportDate-fieldWrap1 {
    display: inline-block;
    width: 50%;
}

.reportDateField tr td input[type='text'] {
    background: #ecf1f9;
    height: 25px
}

.summaryReport-btnWrap {
    clear: both;
    /*text-align: right;*/
    /*margin-right: 35px;*/
}

.summaryReport-btnContainer {
    float: none;
    /*text-align: right;*/
    /*width: 48.5%;*/
    padding: 15px 0px !important;
}

.summaryReport-ul {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 0px;
    float: none;
    padding: 0;
}

    .summaryReport-ul li {
        float: none;
        display: inline;
        list-style: none;
    }

.cancelReport-btn {
    background: none;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 4px 0;
    margin-left: 20px;
}

.buildReport-btn {
    border: none;
    background: #4A6EE2;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 4px;
    padding: 6px 10px !important;
}
/********************CSS for Report radio button**************************************/
.reportRadio-btnWrap tr td input[type="radio"]:checked,
.reportRadio-btnWrap tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .reportRadio-btnWrap tr td input[type="radio"]:checked + label,
    .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 8px
    }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:before,
        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after,
        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }


/****************************************CSS for User group menu ********************************/
.userGroup-headerMenu {
    float: right;
    /*padding-top: 6px;*/
    margin-top: 0px;
    position: relative;
    right: 10px;
}

.userGroup-menuWrap ul li.dxm-item {
    min-width: auto !important;
    padding: 0px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
}

    .userGroup-menuWrap ul li.dxm-item.dxm-selected {
        border: none;
        background: none;
        border-bottom: 2px solid #a0db49;
        color: #a0db49 !important;
    }

        .userGroup-menuWrap ul li.dxm-item.dxm-selected a {
            color: #a0db49 !important;
        }

    .userGroup-menuWrap ul li.dxm-item a, .userGroup-menuWrap ul li.dxm-item div {
        padding: 5px 10px 6px 8px !important;
        color: #FFF !important;
    }

.userGroup-menuWrap ul li.dxm-hovered {
    background: none !important;
    color: #a0db49 !important;
}

    .userGroup-menuWrap ul li.dxm-hovered a {
        color: #a0db49 !important;
        border-bottom: 1px solid #a0db49;
    }

.userGroup-menuWrap ul li.dxm-separator {
    height: 27.8px !important;
    padding: 8px 2px 1px 2px !important;
    display: none;
}

    .userGroup-menuWrap ul li.dxm-separator b {
        background-color: #b6b7ba !important;
    }

.homeDashboard_search_wrap {
    display: none
}

    .homeDashboard_search_wrap div table {
        border-bottom: 1px solid #d1d1d1 !important;
    }

/**********************CSS for Executive summary Report********************************************/
.excutive-sumReport-heading {
    margin-bottom: 0px;
}

.reportDataGrid_row {
    background-color: #fff !important;
    background: none !important;
}

    .reportDataGrid_row td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        text-align: center !important;
        /* padding-left: 20px !important; */
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        font: 12px 'Roboto', sans-serif !important;
        /* max-width: 50px; */
        padding: 5px 10px 6px;
        word-break: break-word;
    }

.reportDataGrid-header table tr td {
    color: #343232 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
}
/************************CSS for dashboard search menu**********/
.homeDashboard_search_tableWrap tr td.dxeButtonLeft.dxeButtonEditButton_UGITNavyBlueDevEx {
    padding: 11px 2px 0px 3px;
}

.homeDashboard_search_tableWrap tr td.dxic input[type='text'] {
    padding: 7px 0px 0px 0px !important;
}


/********************CSS for newUI grid view*******************************/
.newUIGrid-dataRow td {
    padding: 0px 10px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}
/********************CSS for Calendar View **********************************/
.newUI-calendarView {
    font: 12px 'Roboto', sans-serif;
}

/******************CSS for Business unit Distribution Report***************************/
.businessUnit-ReportContainer {
    background: #fff;
    clear: both;
    margin-top: 5px;
}

.bReport-gridContainer {
    padding-left: 10px;
    width: 100%;
    float: right;
    margin-top: 10px;
}
/***************************CSS for combined lost job report**************************/
/*.lostJob-reportLabel{
    margin-left:14px;
}*/

/*****************************CSS for Lost job report *******************/
.report-tableHeader tr td span {
    padding-left: 15px;
}

.lostJob-reportLabel {
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
    color: #4a6ee2;
    font: 12px 'Roboto', sans-serif !important;
}

.report-container {
    overflow-y: visible !important;
}
/********************************************CSS for Pipine by estimator****************/
.estimator-reportWrap {
    padding-left: 10px;
}

.estReport-gridHeaderRow table tr td {
    text-align: left !important;
    color: #343232;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

.estReport-gridHeaderRow {
    border: none;
}

.reportGrid-groupPannel {
    background: #fcfcfc;
}

    .reportGrid-groupPannel table tr td.estReport-gridHeaderRow {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        width: max-content;
        padding: 4px 5px 8px 5px;
        height: 35px;
        display: block;
        float: left;
        clear: both;
    }

.estReport-gridGroupRow {
    background-color: #fff;
    color: #4a6ee2 !important;
    font-weight: 600 !important;
    font: 13px 'Roboto', sans-serif !important;
}
/*.estReport-gridGroupRow td {
    border-bottom:none !important;
}*/
.estReport-groupFooterRow {
    background: #fff;
}

    .estReport-groupFooterRow td:first-child {
        background: #fff;
        border-right: none;
    }

.estReport-dataRow {
    background-color: #fff !important;
    background: none !important;
}

    .estReport-dataRow td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        /*text-align: left !important;*/
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        font: 12px 'Roboto', sans-serif !important;
        padding: 5px 10px 6px;
        word-break: break-word;
        background: #fff !important;
        /*text-align: left;*/
    }

/*Added form Resource Allocation grid, as all cell values are displaying in center */
.estReportRA-dataRow td {
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    /*text-align: left !important;*/
    padding-right: 10px !important;
    font-weight: 500;
    color: #201f35;
    font: 14px 'Roboto', sans-serif !important;
    padding: 5px 10px 6px;
    word-break: break-word;
    background: #fff !important;
    text-align: left;
}

.report-footerGroupRow td, .estReport-groupFooterRow td, .report-footerRow td {
    color: #4a6ee2 !important;
    font: 12px 'Roboto', sans-serif !important;
    /*text-align: left !important;*/
    border-right: none !important;
}

    .report-footerGroupRow td b {
        font-weight: 500 !important;
    }

.lostJob-reportDateField {
    display: block;
}

.report-textField {
    background-color: #ecf1f9 !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    height: 33px;
    font: 12px 'Roboto', sans-serif !important
}

/***********************CSS for new UI Dashboard Header*****************************/
.userGroup-tabContainer {
    display: inline-block;
    float: left;
    width: auto;
    margin-left: 10vw !important;
}

.activeCard {
    border-color: #4A6EE2 !important;
}

.reportEmailBody > table {
    display: table !important;
}

/******************remove left padding when popup***************/
.float-popup-xs.main-page-section.popup_wrap {
    /*    padding-left: 12px !important;*/
    /*background: #F6F7FB;*/
    background: #fff;
}

.HomeCard_view.dxcvSelectedCard_UGITNavyBlueDevEx {
    border-bottom: 3px solid #4A6EE2;
    outline: none;
}

.cardViewTable-wrap {
    border: none;
}

    .cardViewTable-wrap tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        background-color: #F6F7FB;
    }

.cardView-wrapper tr td table tr td div.HomeCard_view:first-child {
    border-bottom: 3px solid #4A6EE2;
}
/********************************CSS for OPM Report*************************************************/
.reportOPm-popupHeader div.dxpc-headerContent span {
    font-size: 14px !important;
}

.winLosses-Header {
    color: #4A6EE2;
    font: 14px 'Roboto', sans-serif !important;
    border-bottom: 0px;
    padding: 7px 0px 0px 10px;
}

.opmReport-btn {
    padding: 2px 14px;
}

.opmWinLoss-roprtPopup .dxpc-contentWrapper {
    height: inherit !important;
}

    .opmWinLoss-roprtPopup .dxpc-contentWrapper .dxpc-content div.dxpnlControl_UGITNavyBlueDevEx {
        overflow-y: visible !important;
        overflow-x: visible !important
    }

.opmBuild-reportBtn {
    padding: 3px 14px;
}

.tabhover .opmBuild-reportBtn:hover {
    color: #fff;
}

.opmReport-btnWrap {
    clear: both;
    text-align: right;
    margin-right: 20px;
}
/******************************CSS for RMM home Page ************************************************/
.rmmHome-title {
    padding: 5px 0px;
}

.rmmModule-homeImg {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 10px;
}

.rmmModule-discription {
    display: inline-block;
    font: 14px 'Roboto', sans-serif;
    padding-left: 7px;
    padding-bottom: 0px;
}
/***************************CSS for Rmm Home Tab*******************************/
.rmm-tabWrap {
    margin-bottom: 0px;
}

    .rmm-tabWrap ul {
        background-color: #F6F7FB;
        /*border-bottom: 1px solid #4A6EE2;*/
        margin-bottom: 10px;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        flex-wrap: wrap !important;
    }

        .rmm-tabWrap ul li {
            border: none !important;
            color: #4A6EE2;
            padding-bottom: 0px;
            background: #F6F7FB !important;
        }

            .rmm-tabWrap ul li.dxtc-activeTab {
                background: #ededf3 !important
            }

            .rmm-tabWrap ul li a {
                color: #78797e !important;
                /*color: #007bff !important;*/
                font-size: 14px;
            }

            .rmm-tabWrap ul li.dxtc-activeTab a {
                border-bottom: 2px solid #4A6EE2;
                color: #4A6EE2 !important;
                font-weight: 500;
            }

            .rmm-tabWrap ul li.dxtc-spacer {
                border-right: 1px solid #D1D1D1 !important;
            }

.findResource-rmmBtn {
    float: right;
    background: none !important;
}

    .findResource-rmmBtn div.dxb {
        background: #4A6EE2;
        border-radius: 4px;
        font: 12px 'Roboto', sans-serif !important;
    }

.findResource-rmmBtnWrap {
    padding-left: 0px;
    padding-right: 5px;
}

.findResource-rmmBtn div.dxb img.dx-vam {
    filter: brightness(0) invert(1);
}

.rmm-gridContainer {
    background: #fff;
    border-radius: 4px;
}

.rmmDb-dropDownLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    padding-left: 10px;
    padding-left: 11px;
}

.rmmDb-dropDownWrap {
    clear: both;
    padding-left: 10px;
}

.rmm-dropDownList-wrap {
    clear: both;
    display: inline-block;
    /*margin-right:7px;*/
}

.rmmDb-viewdropdownWrap {
    clear: both;
    display: inline-block;
    margin-left: 20px;
}

.rmm-dropDownList {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 31px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

    .rmm-dropDownList.dropdowncss {
        width: 100px;
    }

.rmmDb-Wrap {
    padding: 4px 0px;
}

.rmmHomeDb-GridWrap {
    padding: 0px 8px;
}

.rmmHomeDb-btnContainer {
    margin-bottom: 10px;
}

.rmmHomeDb-btnWrap {
    float: right;
    padding-top: 5px;
    padding-left: 5px;
}

.rmm-btn {
    background: #4A6EE2;
    padding: 0px !important;
    font: 12px 'Roboto', sans-serif !important;
}

.rmmGridRow td {
    padding: 0px 20px 0px 6px !important;
}

.addgroupicon {
    float: none;
    padding-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}

.rmmEdit-groupIcon {
    margin-right: 5px;
    margin-top: 2px;
}

.rmmAction-iconWrap {
    float: right;
    position: relative;
    right: 10px;
    top: -12px;
}

.rmmExport-icon {
    width: 21px;
    padding-left: 5px;
    top: -2px;
    position: relative;
}

.next div.dxb img {
    filter: brightness(0) invert(1);
}

/****************************CSS for resource allocation tab***************************************/
.allocationblockinner {
    background: #fff;
}

.selectedresourcelbheading {
    color: black;
    font-weight: 500 !important;
    font: 14px 'Roboto', sans-serif !important;
}

.resourceDrpDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .resourceDrpDown tr td {
        background: #fff;
    }

        .resourceDrpDown tr td.dxic input[type="text"] {
            background: #fff;
        }

.resourceLabel {
    color: grey;
    font: 15px 'Roboto', sans-serif !important;
}

.resouceValue {
    font: 14px 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: black;
}

.currentAllo-label {
    float: right;
}

.currentAllo {
    float: right;
    width: 30%;
}

.resouce-expand, .resouce-collapse, .resource-img {
    width: 18px;
}

.resource-img-gantt {
    width: 18px;
    margin-top: -3px;
    filter: brightness(0);
}

.allocationPannel-wrap {
    float: left;
    padding: 0px 15px 0px 2px;
    margin-bottom: 5px;
}

.resourceLink {
    font: 12px 'Roboto', sans-serif !important;
}

.estReport-gridGroupRow td {
    background-color: #fff !important;
    border-right: 0px !important;
}

.rmmEmpty-ProgressBar {
    border: 1px solid #d0d0d5 !important;
    border-radius: 4px;
}

    .rmmEmpty-ProgressBar .progressbar, .rmmEmpty-ProgressBar .progressbarhold {
        height: 23px;
        border-radius: 0px;
    }

.emptyProgressBar {
    background-color: #fff;
    height: 25px;
    border: 1px solid gray;
    background-size: 100% 100%;
    color: white;
    overflow: hidden;
}

.progressbarhold {
    background: #F93E6A url("/content/images/AgeRectRed.png") no-repeat;
    height: 25px !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: white !important;
}

.progressbar-hold {
    background: #F93E6A url("/content/images/AgeRectRed.png") no-repeat;
    height: 100% !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: white !important;
    border-radius: 10px;
}

.progressbar {
    background: #00ECBF url("/content/images/AgeRectGreen.png") no-repeat;
    height: 25px !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: black;
}

/*********************CSS for Resource Utilization tab****************************/

.resourceUti-filterWarp {
    padding: 10px 0px;
}

.resourceUti-label {
    /*color: #4A6EE2;*/
    color: black;
    font: 12px 'Roboto', sans-serif !important;
    text-align: left;
}

.txtbox-halfwidth.aspxDropDownList, .managerdropdown.aspxDropDownList {
    padding: 3px 0px 3px 4px;
}

.managerdropdown.aspxDropDownList {
    width: 100%
}

.resourceUti-dropDownList.aspxDropDownList {
    padding: 3px 0px 3px 4px;
    width: 100%;
}
/*********************CSS for RMM ASPxGridLookup Dropdown control*******************************************/
.rmmGridLookup {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 31px;
}

    .rmmGridLookup tr td.dxic input[type="text"] {
        background: #fff;
    }

    .rmmGridLookup tr td {
        background: #fff;
        background-image: url(/Content/Images/DropdownArrow.png) !important;
        background-repeat: no-repeat;
        background-position: 45%;
    }

        .rmmGridLookup tr td.dxeButton.dxeButtonEditButton_DevEx img {
            display: none;
        }

.RMMaspxGridLookup-dropDown table tr td div.dxgvHSDC {
    padding-right: 0px !important;
}

    .RMMaspxGridLookup-dropDown table tr td div.dxgvHSDC > div {
        width: 100% !important;
    }
/***************************CSS for RMM CheckBox*************************/
.RMM-checkWrap {
    display: inline-block;
    margin-right: 10px;
}

    .RMM-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .RMM-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: black;
        margin-left: -2px;
    }

        .RMM-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid black;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .RMM-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 6px;
        width: 5px;
        height: 9px;
        border: solid black;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.rmmChkBox-container {
    float: left;
    padding: 0px 20px 4px 10px;
    border: 1px solid #D9DAE0;
    /*margin-bottom: 10px;*/
    border-radius: 4px;
    display: flex;
}

.valueViewMode, .viewProjectMode, .allocationView {
    border: 1px solid #D9DAE0;
    padding: 3px 5px 5px 5px;
    border-radius: 4px;
    display: inline-flex;
}

    .valueTypeMode label, .valueViewMode label {
        top: 2px;
    }

.respurceUti-gridContainer {
    padding: 0px 15px;
}

.RMM-resourceUti-gridDataRow td {
    color: #000;
}

.RMM-resourceUti-gridHeaderRow {
    border: 1px Solid #cbcbcb !important;
}

    .RMM-resourceUti-gridHeaderRow a {
        color: black !important;
        font: 12px 'Roboto', sans-serif;
        font-weight: 600;
        text-decoration: none !important;
    }
/******************************************CSS for New UI left side menu bar****************************************/
.newLeftSide-menuWrap {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    padding-left: 15px;
}

.leftSideMenu-container {
    padding-left: 0px;
}

    .leftSideMenu-container li {
        list-style-type: none;
        padding-bottom: 20px;
    }

/*Commentted below css stop test left menu*/
/*.dxm-main.leftSideBottomMenu-container ul.dx li.dxm-item.dxm-disabled {
    cursor: not-allowed;
}
.leftSideBottomMenu-container ul li.dxm-item.dxm-selected, .leftSideBottomMenu-container ul li.dxm-item.dxm-hovered {
    background: #253746 !important;
}
.lefsideMenu-icon div img {
    margin-left: 3px;
}*/
.newLeftSide-menu {
    width: 22px;
}

.filter-last {
    margin-bottom: 22px;
}

.float-popup-xs.main-page-section {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 100%;
    min-height: 100%;
    /*height: 100%;*/
}

/*.dashboard_leftSideMenu {
    height: 100%;
    z-index: 9999;
}*/

/*.float-popup-xs.main-page-section.right_content {
    padding-left: 250px;
    width: 100%;
    float: right;
}*/

/*.newGridIcon {
    width: 22px;
    margin-left: 10px;
}*/

/****************************************************************************CSS for New ITSM + new DevExpress ***************************************************************/

.dvTitle {
    padding-top: 12px;
}

.dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove:not(.panelDashboard) {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 6px 12px #ddd;
    /*cursor: pointer;*/
}

.fromServiceDoc-chartWrap .fromServiceDoc .panel-content-header.dashboardpanelcontainer.homeDashboard_chartContent {
    width: auto !important;
}

#panelDashbaordPLink.dashboard-panel-main.fillShape-Rectangle {
    border: 1px solid #737373;
    border-radius: 0;
}

#panelDashbaordPLink.dashboard-panel-main.fillShape-RoundedRectangle {
    border: 1px solid #737373;
}

    #panelDashbaordPLink.dashboard-panel-main.fillShape-RoundedRectangle .roundedrectangle-middletop-rep {
        background: none;
    }

    #panelDashbaordPLink.dashboard-panel-main.fillShape-RoundedRectangle #tdMain {
        background: initial !important;
    }

#panelDashbaordPLink #tdMain #panelDashboardContent, #panelDashbaordPLink #tdMain .bars-cont {
    height: 97%;
}

.dashboard-panel-main-mini {
    padding-top: 0px;
    padding-right: 0px
}

.panel-content-header {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    /*margin-right: 5px;*/
    font-size: 12px;
    /*width: 100% !important;*/
}

.AdditionCss > div {
    width: 100% !important;
}

.none-middletop-rep {
    right: 10px;
    position: relative;
}

.primary-blueBtn {
    background: none;
    border: none;
}

    .primary-blueBtn .dxb {
        background: #4FA1D6;
        color: #FFF;
        border: 1px solid #4FA1D6 !important;
        border-radius: 4px;
        padding: 5px 13px 5px 13px !important;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx .dxb img {
    /*display: none !important;*/
}

.secondary-cancelBtn {
    background: none;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    margin-right: 5px;
    /*    margin-top: 1px;*/
    padding: 0;
}

    .secondary-cancelBtn .dxb {
        padding: 4px 10px 3px !important;
        color: #4FA1D6;
        font-size: 12px;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx.secondary-cancelBtn .dxb {
    padding: 4px 10px 3px;
    color: #4FA1D6;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.btn-danger1 {
    background: none;
    border: 1px solid #f00;
    border-radius: 4px;
    margin-right: 5px;
    margin-top: 1px;
    padding: 0;
}

    .btn-danger1 .dxb {
        padding: 4px 10px 3px !important;
        color: #f00;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx.btn-danger1 .dxb {
    padding: 4px 10px 3px;
    color: #f00;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

/************CSS for SVC ticket create button*********/
.attachment-container {
    padding-right: 33px
}

.svcCancelBtn {
    margin-top: 1px;
}

/************CSS for ITSM DropDownlist Control************/
.dxeButtonEdit_UGITNavyBlueDevEx.itsmDropDownList, .itsmDropDownList {
    width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 36px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

    .itsmDropDownList tr td.dxic input[type='text'] {
        background: #fff;
        height: 24px;
    }

    .itsmDropDownList tr td {
        background: #fff;
    }

.ITSMbtn-container {
    text-align: right;
}
/*.clipboardBtn-popupCancel {
    margin-top: 6px;
    margin-right:0px;
}*/
.aspControl-TextArea {
    width: 100%;
    font: 12px 'Roboto', sans-serif !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    color: #000;
}

/***************************New Admin UI(Service prime setup)****************************/
.main-container {
    margin-top: 60px;
    margin-left: 5%;
}

.worflow-wrap {
    margin-top: 50px;
}

.service-list {
    list-style-type: none;
    display: inline-block;
}

.service-image img {
    width: 40px;
}

.vr-line {
    display: inline-block;
    border-top: 2px solid #B59B70;
    position: relative;
    left: 25px;
    top: 11px;
    width: 182px;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    z-index: 99;
    top: -9px;
}

.ServiceModule-content {
    position: absolute;
    top: 100px;
    width: 160px;
}

.Service-title {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.service-discription {
    font-size: 12px;
    color: #666;
}

.service-lastDot {
    top: 14px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 16px;
}

.service-image img {
    width: 40px;
}

.servicePrime-workFlow {
    padding-left: 175px;
    border: 1px solid #dadadd;
    border-radius: 40px;
    padding-top: 20px;
}

    .servicePrime-workFlow .dxis-nbBottom {
        height: 250px !important;
    }

    .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper {
        height: 250px !important;
    }

        .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper div.dxis-nbSlidePanel {
            height: 250px !important;
        }

            .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper div.dxis-nbSlidePanel div.dxis-nbItem {
                width: 200px !important;
                height: 250px !important;
            }

.url.servicePrime-url {
    width: 200px;
    height: 250px;
    text-align: left;
}

.servicePrime-nextArrow {
    background-image: url("/Content/Images/next-arrow.png");
    background-size: 18px;
    right: -106px !important;
    top: 70px !important;
    position: absolute !important;
    margin-top: 0px !important;
    background-position: 2px 3px;
    width: 25px;
    height: 25px;
    margin: 0px !important;
}

.servicePrime-prevArrow {
    background-image: url("/Content/Images/pre-arrow.png");
    background-size: 18px;
    position: absolute !important;
    margin: 0px !important;
    left: -85px !important;
    top: 75px !important;
    background-position: 4px 0px;
    width: 25px;
    height: 25px
}

.lastDot {
    top: 7px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 39px;
}

.image img:hover {
    filter: brightness(51%);
}

.module-content:hover {
    filter: brightness(51%);
}

.dot:hover {
    filter: brightness(51%);
    z-index: 99;
}

.list a {
    cursor: pointer;
}

.service-title {
    padding-top: 50px;
    padding-left: 15px;
    text-align: center;
}

.backAdmin-btnWrap {
    padding-left: 15px;
}

.backToAdmin-btn {
    background: transparent;
    border: none;
    color: #4a6ee2;
    padding: 0px 10px 6px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    text-decoration: underline;
}
/********css for Admin new UI (Workflows)**********************/
.workflowTitle-wrap {
    margin-top: 191px;
    text-align: center;
}

.workflowList-container {
    padding: 20px 0px;
    border: 1px solid #dadadd;
    border-radius: 40px;
}

.workFlow-listWrap {
    padding-left: 10px;
}

.item {
    width: 180px !important;
}

.url {
    display: block;
    line-height: 1.2;
    padding: 9px 0px 1px 0px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    height: 150px;
    /*filter: brightness(0.3);*/
}

    .url:hover {
        filter: brightness(0.5);
    }

.url-collaboration {
    padding-top: 2px;
}

.lastHr {
    width: 89px;
    position: absolute;
    left: 0px;
}

.lastModuleName {
    margin-top: 33px !important;
}

.aspxImage-sliderImg {
    margin-bottom: 12px;
    /*filter: brightness(0.3);*/
}

.workflowDot {
    height: 10px;
    width: 10px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 83px;
    z-index: 99;
    top: 50px;
    /*filter: brightness(0.3);*/
}

.module-name {
    /*white-space: normal;*/
    font: 12px 'Roboto', sans-serif !important;
    margin-top: 10px;
    width: 100px;
    word-break: break-word;
    margin-left: 44px;
    color: #666;
}

.module-nameWrap {
    text-align: center;
}

.workflow-imageSlider {
    width: 100% !important;
    height: 100% !important;
    /*border: 1px solid #dadadd;*/
    /*border-radius: 40px;
    padding-top: 20px;*/
}

.workflow-nextArrow {
    background-image: url("/Content/Images/next-arrow.png");
    background-size: 18px;
    right: -116px !important;
    top: 11% !important;
    position: absolute !important;
    margin-top: 0px !important;
    background-position: 2px 3px;
    width: 145px;
    height: 92px;
    margin: 0px !important;
}

.workflow-prevArrow {
    background-image: url("/Content/Images/pre-arrow.png");
    background-size: 18px;
    position: absolute !important;
    margin: 0px !important;
    left: 12px !important;
    top: 13% !important;
    background-position: 4px 0px;
    width: 30px;
    height: 75px;
}

.workflow-list {
    list-style-type: none;
}

.workflow-mainImg {
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
    margin-right: 25px;
    text-align: center;
}

    .workflow-mainImg img {
        width: 45px;
    }

.workflow-vrLine {
    display: inline-block;
    border-right: 2px solid #B59B70;
    height: 155px;
    position: absolute;
}

.module-workflow {
    display: inline-block;
}

.verticalLine-dot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    top: 52px;
    position: absolute;
    left: -7px;
    z-index: 99;
    /*filter: brightness(0.3);*/
}
/*.listNo2{
    padding-top:65px;
}*/
.workflow-imageSlider.smallImage-slider .dxis-nbBottom .dxis-nbSlidePanelWrapper .dxis-nbSlidePanel {
    transform: none !important;
}

.workFlow-heading {
    width: 100px;
    word-break: break-word;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

/*....................Admin core service prime..........................................................*/
.adminPage-container {
    margin-top: 20px;
    margin-bottom: 80px;
}

.outerImg-wrap:hover {
    filter: brightness(0.5);
    z-index: 99;
}

.workflow-container {
    margin-top: 60px;
}

.adminService-headingWrap {
    text-align: center;
    width: 100%;
}

.adminService-btnWrap {
    display: inline-block;
    float: right;
    margin-top: -52px;
}

.adminService-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin-top: 0px;
    padding-left: 1%;
}

.adminService-btn {
    float: right;
    background: #4a6ee2 !important;
    color: #FFF;
    padding: 7px;
    border-radius: 4px;
    font: 12px 'Roboto', sans-serif;
    border: none
}

.inner-imgWrap {
    width: 370px;
    height: 370px;
    border: 2px solid #B59B70;
    border-radius: 50%;
    position: relative;
    left: 132px;
    top: 19%;
}

.innerImg {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 33px;
    top: 29px;
    position: absolute;
}

.outerWrap {
    /*border: 1px solid red;*/
    border-radius: 50%;
    width: 640px;
    height: 600px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.outer-img1 {
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
}

.outerImg-wrap {
    width: 122px;
    position: absolute;
    display: inline-block;
}

.step-tile {
    margin: 5px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.step-description {
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-size: 12px;
}

.outer-img {
    width: 30px;
    height: 30px;
}


.rotate-pos {
    transform: rotate(90deg);
}

.img-wrap1 {
    left: 260px;
    top: -29px;
}

.img-wrap2 {
    left: 438px;
    top: 28px;
}

.img-wrap3 {
    top: 188px;
    left: 529px;
}

.img-wrap4 {
    /*top: 297px;
    left: 522px;*/
    top: 350px;
    left: 512px;
}

.img-wrap5 {
    bottom: -18px;
    left: 439px;
}

.img-wrap6 {
    bottom: -36px;
    left: 260px;
}

.img-wrap7 {
    bottom: -1px;
    left: 82px;
}

.img-wrap8 {
    bottom: 150px;
    left: -2px;
}

.img-wrap9 {
    top: 188px;
    left: -15px;
}

.img-wrap10 {
    top: 29px;
    left: 61px;
}

.innerDot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    z-index: 9;
}

.dot1 {
    left: 51px;
    top: 136px;
}

.dot2 {
    left: -16px;
    top: 118px;
}

.dot3 {
    /*left: -30%;
    top: 63%;*/
    left: -46px;
    top: 43px;
}

.dot4 {
    /*top: 30%;
    left: -16%;*/
    top: 0px;
    left: -28px;
}

.dot5 {
    /*top: -21%;
    left: -7%;*/
    top: -45px;
    left: -17px;
}

.dot6 {
    /*top: -30%;
    left: 46px;*/
    top: -60px;
    left: 51px;
}

.dot7 {
    /*top: -27%;
    left: 89%;*/
    top: -45px;
    left: 118px;
}

.dot8 {
    /*top: 8%;
    right: -37%;*/
    top: 0px;
    right: -30px;
}

.dot9 {
    /*right: -47%;
    top: 72%*/
    right: -44px;
    top: 43px;
}

.dot10 {
    /*right: -15%;*/
    right: -27px;
    top: 119px;
}

/************main header changes*************/
.header {
    /*background: #c7ddf6;*/
    /*background: #e2efff;*/
    /*box-shadow: 2px 1px 6px #CCC;*/
    /*background: #253746;*/
    /*background: #343A40;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;*/
    /*margin-bottom: 25px;*/
}
/*.header_bg{
    padding-bottom:50px;
}*/
/************************************************New CSS For ITSM Module************************************************/

/***********CSS for Message Bord**************/
.headerPage-title {
    padding: 15px 15px;
}

.messageAlert p {
    color: red;
    font: 14px 'Roboto', sans-serif;
}

.messageWarning p {
    color: #BD2400;
    font: 14px 'Roboto', sans-serif;
}

.messageSuccess p {
    color: green;
    font: 14px 'Roboto', sans-serif;
}
/******CCS for main dahbord page*/
.dashboard-panel {
    border: none !important;
    padding: 15px;
    z-index: auto !important;
    /*padding-left: 5px;
    width: auto;
    display: inline-block;
    float: left;
    border: 1px solid #f7f4f4;
    border-radius: 11px;
    box-shadow: 0 3px 13px -6px rgb(14 14 14);
    margin-top: 6px;
    width:100%;*/
}

.dashboard-panel-new {
    border: none !important;
    padding: 15px;
}

.dashboardkpi-txt {
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    color: #232C49;
}

.dashboardtitle111 {
    /*float: left !important;*/
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #4A90E2;
    font: 14px/1 'Roboto', sans-serif;
    font-style: normal;
}

.dashboard-myHomeTabs {
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

.tab-contentdiv {
    width: 100%;
}

.grid-mainContainer {
    overflow-y: visible !important;
    padding: 0px !important;
}

.SVCHomeGrid {
    /*border: 1px solid #000;
    border-radius:4px;*/
    margin-top: 10px;
    border: 1px solid #d0d0d1;
    border-radius: 4px;
}

.homeGrid-dropDown-option {
    padding: 2px 10px !important;
    background: #FFF !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
}

    .homeGrid-dropDown-option:hover {
        background: #eaedf0 !important;
    }

/******************************CSS for Trial user workflow******************/
.user-dot1 {
    left: 52px;
    top: 136px;
}

.user-dot2 {
    left: 21px;
    top: 164px;
}

.userImg-wrap6 {
    top: 97px;
    left: 8px;
}

.user-dot6 {
    top: 114px;
    left: 137px;
}

.useIimg-wrap5 {
    bottom: 137px;
    left: -9px;
}

.user-dot5 {
    top: 48px;
    left: 147px
}

.user-dot4 {
    bottom: 154px;
    left: 50px;
}

.userImg-wrap4 {
    bottom: -47px;
    left: 265px;
}

.userImg-wrap3 {
    bottom: 136px;
    left: 525px;
}

.user-sdot3 {
    bottom: 61px;
    left: -53px;
}

.userImg-wrap2 {
    left: 518px;
    top: 91px;
}

.user-dot2 {
    left: -37px;
    top: 123px;
}

.trialUser-innerImg {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 36px;
    top: 17px;
    position: absolute;
}

/**********************CSS for New jequery UI dialogue Box*************/
.dialogBox-okBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF !important;
    font: 14px 'Roboto', sans-serif !important;
    padding: 2px 17px;
    border-radius: 4px;
}

.dialogBox-okBtnWrap {
    text-align: right;
    position: relative;
    bottom: -47px;
}

.NewTktDialog {
    width: 100% !important;
    font: 12px 'Roboto', sans-serif !important;
}
/***************CSS for ITSM Grid Filter********************/

.SearchFilter_content .dxeListBoxItem_UGITNavyBlueDevEx:first-child {
    padding-left: 10px;
}

.SearchFilter_content .dxeListBoxItem_UGITNavyBlueDevEx:last-child {
    padding-right: 10px;
}

.ITSMSearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td, .SearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    /*display: block;*/
}

    .ITSMSearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td div table, .SearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td div table {
        margin-bottom: 0px;
        border: none;
    }

.ITSMSearchFilter_content table tr td div.dxeListBoxSelectAll_UGITNavyBlueDevEx, .SearchFilter_content table tr td div.dxeListBoxSelectAll_UGITNavyBlueDevEx {
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px;
    padding: 5px;
}

.ITSMSearchFilter_content table tr td div.dxlbd div table.dxeListBoxEllipsisSys tr td.dxeListBoxItem_UGITNavyBlueDevEx, .SearchFilter_content table tr td div.dxlbd div table.dxeListBoxEllipsisSys tr td.dxeListBoxItem_UGITNavyBlueDevEx {
    background: #FFF;
    border-top: 1px solid #d9e2ee;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    color: black;
    font-weight: 400;
}

.ITSMFilterFooter_btnWrap {
    background-color: #FFF !important;
    border-top: 1px solid #E0E0E0;
    background: none !important;
    position: relative;
    padding-bottom: 6px;
}

    .ITSMFilterFooter_btnWrap .dxpc-footerContent {
        background-color: #fff;
    }

    .ITSMFilterFooter_btnWrap div.dxpc-footerContent table {
        float: right;
    }

.ITSMFilter_okBtn, .Filter_okBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
    border: none;
}

    .ITSMFilter_okBtn .dxb, .Filter_okBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }

.ITSMFilter_cancelBtn, .Filter_cancelBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    height: auto !important;
}

    .ITSMFilter_cancelBtn .dxb, .Filter_cancelBtn .dxb {
        background: none !important;
        color: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 500;
        padding: 0px 14px !important;
    }

.dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown.svcDashboard_dropdown {
    margin-left: 0px;
    margin-top: 0px;
}

.noPaddingLeft {
    padding-left: 0px;
}
/*******************CSS for NEW ITSM**********************/
.ITSMButton-secondary {
    background: none;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

    .ITSMButton-secondary:focus {
        color: #FFF;
    }

.slectedBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

.ITSMButton-secondary:hover {
    background: #4A6EE2;
    color: #fff;
}

.ITSMButton-secondary::selection {
    background: #4A6EE2;
    color: #fff;
}

.itsmLanding-gridContainer {
    padding-top: 25px;
    padding-left: 10px;
}

.fixed-paddingRight {
    padding-right: 25px;
}

.fixed-paddingLeft {
    padding-left: 25px;
}

.itsmCtrl-buttonlist {
    padding-left: 25px;
    padding-top: 10px;
}

.homeGrid_headerColumn.itsmGrid-headerCol th.grid-header {
    padding: 3px;
    font-weight: bold;
    text-align: center;
    background-color: #F2F2F2;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    box-shadow: none;
    height: 53px;
}

.itsmGrid_dataRow {
    background-color: #FFF !important;
}

    .itsmGrid_dataRow td {
        font-size: 14px;
        padding: 3px !important;
        /*font-weight: 500;*/
        color: #333;
        /*border-bottom: 5px solid #f6f7fb !important;*/
        /*border-right: none !important;*/
        font-family: 'Roboto', sans-serif;
        height: 58px;
    }

.divcell_0 {
    height: 32px;
    /*background-color: #d3d4d5;*/
    color: #000;
    width: 107px;
}

.cell_0_0 {
    background-color: #f3f3f3;
    padding: 0px;
    height: 32px;
    width: 150px;
}

.severity-headerLable, .impact-headerLable {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.landing-pageTitle {
    /*padding: 12px 10px 10px;*/
    margin-top: 1.1%;
    font-family: Roboto sans-serif;
    font-size: 22px;
    color: #fff;
    text-wrap: nowrap;
    margin-left: 5% !important;
    /*color: #c7cfda;*/
    /*color: #a0db49;*/
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.bottleneckChart-container {
    /*width: 80%;
    margin-left: auto;
    margin-right: auto;*/
    float: left;
    width: 100%;
}

/*.bottleneckChart-containerWrap {
    width: 100%;
    text-align: center;
    float: left;
    padding-left: 20px;
}*/

.summaryContainer {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 15px 15px 45px;
    margin-top: 28px;
    float: left;
    border: 1px solid lightgray;
    border-radius: 4px;
}
/***************css for Super Admin grid*******/
.superAdmin-gridLink {
    color: #4a6ee2 !important;
}

.redirect-superAdmin {
    background: none;
    border: none;
    padding-bottom: 5px;
    font-family: 'Roboto',sans-serif !important;
    font-size: 12px;
}

.superAdminFrid-row {
    background-color: #fff !important;
}

.superAdminGrid-row td {
    font-weight: 500;
    color: #201f35;
    font: 14px 'Roboto', sans-serif !important;
    padding: 12px !important;
}

.superAdminGrid-headerRow {
    background: #e1e1e1;
    padding: 10px;
    font: 14px 'Roboto', sans-serif !important;
}

.disableModule {
    pointer-events: none;
    /*cursor: not-allowed;*/
    opacity: 0.5;
}

/****if popup -> hide left side menu********/
.popup_wrap .leftSide_menuContainer {
    display: none;
}

.infoShowHideLabel {
    cursor: pointer;
    /*margin-left: 10px;*/
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    color: #FF9800;
}

    .infoShowHideLabel:hover {
        color: #FF9800;
    }

.lookUpValueBox-dropDown {
    width: 100%;
}

    .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx {
        min-width: 100% !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px;
        /*background: #ecf1f9;*/
        background: #f8fafc;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        padding: 0px 2px;
    }

        .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type="text"] {
            height: 28px !important;
        }

        .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td {
            background: #fff;
            padding-right: 6px;
        }
/*******************************CSS for CPR-> lookup value box drop Down*************************/
.lookupValueBox-drpDwnRow td {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

.lookupValueBox-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #73C2FB !important;
    color: #4A6EE2 !important;
}

.lookupValueBox-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}
/*.secondaryCancelBtn-wrap{
    display:inline-block;
}*/
.rmmWorkHrs-inputField tr td.dxic input[type="text"] {
    height: 28px;
}

.userValueBox-dropDown .bg-light-blue {
    padding: 0px;
    background: #fff !important;
}

/*......................Create new User.................................................................*/
/*.cancelInvite {
    padding: 25px 15px 25px 25px;
    float: right;
}*/

.showMoreLink {
    /*padding: 25px 0px 0px 18px;*/
    padding: 2px 7px;
}

.taskGrid-body {
    overflow: visible !important;
}

.header-profileImg {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #c7cfda;
}

/*******change for super admin login-> header***********/
.page-container {
    /*min-width: 1260px;* commenting while making edit ticket responsive*/
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    z-index: 0;
}

.superAdmin-headerLogo {
    display: inline-block;
    padding: 7px 0px;
}

.registration-tenantContainer {
    position: relative;
    clear: both;
    top: 48px;
}

.tenant-regTitle {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
}

.tenant-regBtn {
    background: #4A6EE2;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.logoWrap {
    padding-left: 10px;
}

.loginHeader {
    background-color: #253746;
}

/****************CSS for ASp Link button*********/
.disableUser-yesBtnWrap, .disableUser-CancelBtnWrap {
    display: inline-block;
}

.aspLinkBtn-secondaryBlueBtn {
    border: 1px solid #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 4px;
}

.aspLinkBtn-primaryBlueBtn {
    background: #4A6EE2;
    color: #FFF;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 2px 13px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.rmmdisable-userMsg {
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.lookUpValueBox-dropDown table {
    width: 100%;
}

.replaceUser-title {
    padding: 0px 0px 5px 5px;
}

    .replaceUser-title b, .ticketspageinfo, .taskpageinfo {
        color: #4A6EE2;
        font: 14px 'Roboto', sans-serif;
    }

.replaceUser-btnContainer {
    padding-top: 10px;
    clear: both;
}

.replaceUser-BtnWrap {
    text-align: right;
    display: block;
}

.actionBtn-wrap {
    position: absolute;
    bottom: 10px;
    right: 9px;
    text-align: right;
}

.enableUser-actionBtn-wrap {
    position: absolute;
    top: 97px;
    right: 5px;
    text-align: right;
}

.msgPopup-wrap span {
    color: #4A6EE2;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

/***********css for Import popup **********/
.import-label span {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-left: 6px;
}

.import-chkBoxContainer {
    margin-top: 7px;
}

.popuplinkBtn-Cancel, .popuplinkBtn-save {
    display: inline-block;
}

.linkBtn-cancel {
    background: none !important;
    border: 1px solid #4A6EE2;
    padding: 8px 10px 8px 10px;
    border-radius: 4px;
}

.import-cancelBtn {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 7px 21px;
    font-weight: 500;
    float: left;
    cursor: pointer;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
}

.field-label {
    color: #4A6EE2;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 7px;
}

.SVCaspxDropDownList {
    background: #fff;
    border: 1px solid #ccd4e1;
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.svcWorkflow-container {
    padding: 4px 0px 35px 0px;
}

.svcDropDownlist {
    width: 100%;
    height: 31px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.svcDropDownlist2 {
    height: 31px !important;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 28px !important;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.requestTypeCallBackPanel_loadingPanel {
    width: 100px !important;
}

.dbNewBtn-popupList-wrap ul.dx.dxm-gutter {
    background-image: none !important;
}

.dbNewBtn-popupList-wrap ul li.ccsNewbuttonAtHome a.dxm-content.dxm-hasText img.dxm-image.dx-vam {
    margin-right: 5px !important;
}

.dbNewBtn-popupList-wrap ul li.ccsNewbuttonAtHome a.dxm-content.dxm-hasText {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
}
/*.addComment-btnWrap {
    margin: 10px 0px;
}*/
/*.comment-nextBtn .dxb{
    padding:0px !important;
}*/
.RequestdByMultiUser_Table td.multiUserImg_wrap, .RequestdByMultiUser_Table td {
    border-bottom: none !important;
}

.dropDown-label span, .dxeBase_UGITNavyBlueDevEx.userProfile-lable {
    color: black;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}
/*********************CSS Show or hide Section *********************************/
.showMore {
    top: 9px;
    position: absolute;
    right: 14px;
    padding: 2px 15px;
}

.showLess {
    top: 9px;
    position: absolute;
    right: 14px;
    padding: 2px 15px;
}

#collapseIcon {
    color: #515151;
    float: right;
    cursor: pointer;
}

#expandIcon {
    bottom: 10px;
    position: absolute;
    right: 14px;
}

/*********************CSS for ASPX comboBoax dropDown *********************************/
.aspxComboBox-listBox {
    background: #fff !important;
    border-radius: 0px !important;
}

    .aspxComboBox-listBox .dxeListBoxItemRow_UGITNavyBlueDevEx td {
        border-top: 1px solid #d9dae0;
        color: black;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        padding-left: 5px;
        background: #fff;
        padding: 5px;
    }

.categorydroDown-wrap {
    padding-right: 10px;
}

.requestTypeGrid-wrap {
    margin-top: 7px;
}

.editTask_actionBtn_wrap {
    float: right;
}

.editTask-actionbtn div.dxb img {
    margin-left: 9px !important;
}

/*.new-task-eSVC {
    background: #F6F7FB;
}*/

.noPaddingRight {
    padding-right: 0px;
}
/*.dropDown-fieldLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}*/
.relatedTicket_dropDown_select {
    text-align: left;
}
/*********************CSS for ASPX combobox **************************/
.aspxComboBox-dropdown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding-right: 6px;
    width: 100%;
}

    .aspxComboBox-dropdown tr td {
        background: #fff;
    }

        .aspxComboBox-dropdown tr td.dxic input[type="text"] {
            height: 28px !important;
            color: black;
        }

.chooseDepartment_list tr td > div > div {
    height: auto !important;
    /*border-bottom: 1px solid #ccd4e1;*/
    padding: 3px 5px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.gridLinkbutton {
    padding-bottom: 10px;
    float: right;
}

.putOnHold-btnContainer {
    float: right;
    margin-bottom: 10px;
    clear: both;
    margin-top: 10px
}

.cancel-btnWrap, .holdBtnWrap {
    display: inline-block;
}
/*.commentBox-wrap {
    margin-top: 15px;
    margin-bottom: 10px;
}*/
.link-secondaryBtn {
    color: #4A6EE2;
    padding: 4px 10px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.message-text {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.message-Wrap {
    margin-top: 5px;
}

.editBtnWrap.addEditPopup-btnWrap {
    margin-bottom: 10px;
    padding-top: 20px;
}
/*.removeHold-commentWrap {
    margin-bottom: 10px;
}*/
.removeHold-btnWrap {
    margin-bottom: 10px;
    text-align: right;
}


/**************************CSS for Global Search****************************/
.gbSearch-grid, .gbSearch-grid table {
    background-color: #fff !important;
}

.globalSearch-feildWrap {
    padding-top: 35px;
}

.gbSearch-label {
    color: #4A6EE2;
    font-size: 13px;
}

.tabs-left {
    margin-top: 3rem;
    border: 1px solid #dfdcdc;
    background: #FFF;
}

.global-searchWrap {
    background: #fff;
}

.global-searchContainer {
    padding: 0px !important;
}

.nav-tabs {
    float: left;
    border-bottom: 0;
    border-bottom: 0;
    background: #fff;
}

    .nav-tabs > li {
        float: none;
        margin-bottom: 7px;
    }

        .nav-tabs > li > a {
            margin-right: 0;
            border: 0;
            border-radius: 0;
            background-color: #F6F7FB;
            color: #FFF;
            padding: 40px 20px 50px 20px;
        }

            .nav-tabs > li > a:hover {
                background-color: #d8dbe3;
            }

.glyphicon {
    color: #fff;
}

.active .glyphicon {
    color: #333;
    top: 2px;
    right: 1px;
}

.nav-tabs > li > a div.tab-listIcon {
    background: #4A6EE2;
    width: 32px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    height: 32px;
    padding: 5px;
    font-size: 16px;
}

.nav-tabs > li.active > a div.tab-listName {
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    width: 100px;
    float: right;
    margin-left: 13px;
}

.nav-tabs > li > a div.tab-listName {
    color: #4A6EE2;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    width: 100px;
    float: right;
    margin-left: 13px;
}

.nav-tabs > li.active > a div.tab-listIcon {
    width: 32px;
    background: #FFF;
    color: #4A6EE2;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    height: 32px;
    color: #4A6EE2;
    font-size: 16px;
}

nav-tabs > li > a div.serviceCatlog-icon {
    padding: 3px 5px 5px 8px;
}

.nav-tabs > li.active > a {
    background-color: #4A6EE2;
    color: #FFF;
    padding: 40px 20px 50px 20px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: 0;
        background-color: #4A6EE2;
        color: #FFF;
    }

.tab-content {
    margin-left: 45px;
}

.tab-pane {
    display: none;
    background-color: #fff;
    padding: 1.6rem;
    overflow-y: auto;
}

    .tab-pane.active {
        display: block;
        padding: 0;
    }

.list-group {
    width: 100%;
}

.list-group-item {
    height: 50px;
}

.search-header {
    padding: 10px 15px;
    background-color: #F0F0F0;
}

    .search-header p {
        font-size: 14px;
        color: #4A6EE2;
        font-weight: 600;
        margin-bottom: 0px;
    }

.globalSearch-dataRow {
    background-color: #fff;
}

    .globalSearch-dataRow td {
        border: none;
        border-bottom: none !important;
        padding-bottom: 15px !important;
    }

.dxeBase_UGITNavyBlueDevEx.globalSearch-title {
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.globalSearch-link .dxhlHeader_UGITNavyBlueDevEx {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
}

.dxeBase_UGITNavyBlueDevEx.globalSearch-desc {
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    color: #9b9797;
}

.globalSearch-created .dxhlHeader_UGITNavyBlueDevEx {
    margin-bottom: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    color: #9b9797;
}

.gridFooter-pager {
    border-top: 1px solid #cacbd3;
    background: #fff;
    text-align: right;
}

.searchPopup-title {
    text-align: center;
    margin: 30px 0px 35px;
}

.searchPopup-inputSearch {
    display: inline-block;
}

.searchPopup-btnWrap {
    display: inline-block;
    float: right;
}

.search-btn {
    background: #4FA1D6;
    color: #FFF !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 4px 10px;
}

    .search-btn:active, .search-btn:focus, .search-btn:hover {
        background: #4A6EE2;
        color: #FFF;
    }

.popupSearch-input {
    width: 330px;
    color: #000 !important;
}

.linkBtn-wrap {
    text-align: right;
    clear: both;
    margin-top: 70px;
    padding-bottom: 25px;
}

/**************************new style for form collapse*********************/
.SectionHeader > td > div > fieldset {
    position: relative;
}
/*Toggler css for showmore*/
.imageForToggle.showMore i::before {
    content: "\f067";
}
/*.hideAndShowTables{
    display:table !important;
}*/
/************** CSS for action button dropDown *****************************/
.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #FFF;
}

    .dxm-popup.ddlActionMenu > ul li {
        background: #FFF;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Roboto', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 12px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 9px 9px !important;
            border-top: 1px solid #d9e2ee !important;
        }


/*********************CSS for change password popup*****************/
.chngPwd-btnWrap {
    clear: both;
}

.chngPwd-btnContainer {
    float: right;
    padding: 15px 17px 15px 0px;
}

.chngPwd-popupContainer {
    background: #FFF;
}

.dxeBase_UGITNavyBlueDevEx.chngPwd-note {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    text-align: justify;
}
/*.reAssign-btnWrap {
    text-align: right;
    padding: 10px 0px 0px 0px;
}*/


/**************************CSS for Phrases *********************/
.phrases-popupContainer {
    padding: 15px;
}

.phrasesGrid-dataRow td {
    padding: 3px 7px !important;
}

.addPhrases-link {
    float: right;
    margin-top: 15px;
}

.phrasesAdd-label {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.phrasesBtn-wrap {
    float: right;
    margin-top: 29px;
}

.svcCreate_popupScroll {
    display: block;
    height: 100%;
    background: #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dxgvHeader_UGITNavyBlueDevEx {
    /*border: none;*/
    border-bottom: 0px solid #d9dae0;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.dxgvControl_UGITNavyBlueDevEx, .dxgvDisabled_UGITNavyBlueDevEx {
    border: none;
    box-shadow: 0px 0px 1px #aaaaaa;
    margin-top: 10px;
}

table.dxgvControl_UGITNavyBlueDevEx {
    margin-top: 0px !important;
}

.contentPane .svcCreate_popupScroll label {
    position: relative;
    cursor: pointer;
    font: 13px 'Roboto', sans-serif;
    color: #4a6ee2;
}

.contentPane .managementcontrol-main.svcCreate_popupScroll > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dxgvDataRowAlt_UGITNavyBlueDevEx {
    background-color: transparent;
}

.contentPane .managementcontrol-main.svcCreate_popupScroll > div input {
    margin-top: 0;
}

.phrases-drpDwnWrap {
    margin-top: 10px;
}

.homeGrid-groupRow td {
    color: #4A6EE2;
}

/*************************************CSS for Admin ****************************************************/

/*****configuration variable */
.configVariable-popupWrap, .configVar-popupContainer {
    background: #fff;
}

.addCat-wrap {
    margin: 10px 0px;
}

.addCat-label {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
}

input.txtcategory[type="text"] {
    width: 97% !important;
}

.RadioList tr td {
    padding-bottom: 10px;
}

.adminBtn-wrap {
    float: right;
    margin-top: 10px;
}

.ms-formtable .row.feildRow {
    display: flex;
    align-items: center;
}

.fileUpload-txtBoxWrap {
    width: 63%;
    margin-right: 6px;
}

.ms-formtable .row.feildRow .fileUpload-link {
    background: #4A6EE2;
    color: #FFF;
    border: 1px solid #4A6EE2 !important;
    border-radius: 4px;
    padding: 5px 13px 5px 13px !important;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.fileUpload-link {
    /*width: 20%;*/
    display: inline-block;
    float: right;
}

.ms-formtable .row.feildRow .fileUpload-link .uploadFile-links {
    color: #fff;
    white-space: nowrap;
}

.fileUpload-txtBox {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .fileUpload-txtBox tr td.dxic input[type="text"] {
        font-family: 'Roboto', sans-serif;
        width: 100% !important;
        background: #fff;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 28px;
        text-align: left;
        font-size: 12px;
    }

/****************************CSS for Modules*******************/
.modules-linkWrap {
    /*float: right;*/
    padding: 15px 0px 0;
}

.crm-checkWrap2 {
    margin-top: 15px;
}

.sortable.customgridview.homeGrid {
    margin-top: 0;
}

.chkBoxWrap-dis {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.moduleAdd-itemWrap {
    display: inline-block;
    float: right;
}

.homeGrid_dataRow.formatcolor {
    background-color: #fcdcdb !important;
    color: #737373;
}

    .homeGrid_dataRow.formatcolor a {
        color: #737373;
        font-weight: 500;
    }

.modulesAddItem-popupContainer {
    background: #fff;
}

.homeGrid_dataRow td a {
    color: #4b4b4b !important;
    font-weight: 500;
    /*    font-family: 'Roboto', sans-serif;*/
    /*    font-size: 12px;*/
    float: left;
    margin: 0 1px !important
}
/*****CSS for agent*******/
.agentImg-container {
    position: relative;
}

.agentImg-wrap {
    position: absolute;
    top: -73px;
    left: -20px;
}

.agentLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.nodeAgentComplete {
    border-color: #4a6ee2 !important;
    background-color: #4a6ee2 !important;
}
/*****End css for agent***/
/******CSS for lookup valuebox dropDown**********/
.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx, .lookupValueBox-dropownSVC {
    max-width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    min-width: 100% !important;
    width: 100%;
    padding: 3px;
}

.lookupValueBox-dropown table.dxeValidStEditorTable.dxeRoot_UGITNavyBlueDevEx {
    width: 100%;
}

/*.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx tr td, .lookupValueBox-dropownSVC tr td {
    background: #fff;
    padding: 3px 7px 3px 7px;
}*/

.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type='text'], .lookupValueBox-dropownSVC tr td.dxic input[type='text'] {
    height: 28px;
    background: #fff;
}
/*******CSS for user info popup*******/
.userinfo-grouplabel, .newUserGroupIMG {
    display: inline-block;
}
/*******End CSS for user info popup*******/
.userValueBox-dropDownWrap {
    width: 100% !important;
}
/*******CSS for uservalue box control**/

/**************CSS for AspxPopup *********/
.aspxPopup .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}

.aspxPopup .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 14px;
    font-weight: bold;
    background: none;
    font-family: 'Roboto', sans-serif !important;
}

.aspxPopup.dxpc-shadow div.dxpc-contentWrapper {
    /*    display: block;*/
    width: 100%;
    overflow: auto;
    background-color: #FFF;
}

.popup-fieldLabel {
    color: #4a6ee2;
    margin: 0px 0px 3px 5px;
    text-align: left;
    font-size: 13px;
}

/***************CSS for AspxCombobox***************/
.aspxComBox-dropDown {
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px 5px;
    width: 100%;
}

    .aspxComBox-dropDown tr td {
        background: #fff;
        padding: 0 !important;
    }

        .aspxComBox-dropDown tr td.dxic input[type="text"] {
            height: 34px;
            background: #fff;
        }

/************CSS for AspxGrid page size dropDown********/
.dxp-comboBox.gridPageSize-dropDown {
    background-color: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 3px;
    width: 47%;
}

.gridPageSize-dropDown input[type="text"] {
    width: 80% !important;
    height: 20px;
}

/*****************CSS for lookupValueBox dropDown******************/
.dxgvTable_UGITNavyBlueDevEx.dxgvRBB.lookupValueBox-drpDwnRowWrap {
    display: table;
}

.userValueBox-dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv {
    width: 100% !important;
}

.aspxSpinEdit-dropDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxSpinEdit-dropDown tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxSpinEdit-dropDown tr td div {
        background: #fff;
    }
/*.popupBtn-container {
    float: right;
    padding: 5px 5px 10px 5px;
}*/
/*******************CSS for Admin-> Form Layout *****************************/
.formLayout-rightHederContent {
    display: inline-block;
    float: right;
    margin-top: 8px;
}

.formLayout-gridWrap {
    clear: both;
    padding: 0 0 15px;
}

.formLayout-bottomAddLink {
    float: right;
    padding: 15px 0px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.formLayout-tabControlPannel {
    background-color: #fff;
    /*box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);*/
}

/*.formLayout-tabControl ul {
    padding: 5px !important;
}*/

.formLayout-tabControl ul li, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li {
    border: none !important;
    background: #fff !important;
    color: #007bff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

    .formLayout-tabControl ul li.dxtc-activeTab, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-activeTab {
        background-color: #4FA1D6 !important;
        color: #FFF !important;
        border-radius: 4px 4px 0px 0px;
        padding: 2px 5px !important;
    }

        .formLayout-tabControl ul li.dxtc-activeTab a.dxh0h img, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-activeTab a.dxh0h img {
            filter: brightness(9);
        }

        .formLayout-tabControl ul li.dxtc-activeTab a, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-activeTab a {
            /*border-bottom: 2px solid #3A57B5;*/
            color: #FFF;
        }

    .formLayout-tabControl ul li.dxtc-tabHover a, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li.dxtc-tabHover a {
        color: #3A57B5 !important;
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
    }

    .formLayout-tabControl ul li a, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row ul li a {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        color: #4a6ee2;
    }

.formLayout-tabContainer, .dxtcLite_UGITNavyBlueDevEx.dxtcLite-row {
    padding-top: 10px;
}
/******************CSS for Admin-> Form layout -> add/Edit item**************/
.admin-legendLabel {
    color: #4a6ee2;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    padding-top: 5px;
    margin-bottom: 12px;
    border-bottom: 2px solid #c2c2c2;
}

}
/*.formLayout-addPopupContainer{
    background:#fff;
}*/
/*.formLayoutBtn-wrap {
    float: right;
    padding-top: 10px;
    padding-bottom: 15px;
}*/

/**************CSS for Request list Popup*******************/
.requestList-radioListWrap tr td.dxe {
    padding: 0px;
}

.AspPrimary-blueBtnWrap {
    padding-top: 25px;
}

    .AspPrimary-blueBtnWrap .primary-blueBtn {
        margin-right: 15px;
        margin-top: -1px;
    }

.PopupaddItem-linkWrap {
    padding-top: 12px;
    text-align: right;
}

.PopupaddItem-link {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.noLeftPadding {
    padding-left: 0px;
}

.noRightPadding {
    padding-right: 0px;
}

.addEditPopup-btnWrap {
    float: right;
    padding: 10px 5px 20px;
    text-align: right;
}
/*************CSS for purchase page************/
.buyContainer-wrap {
    /*border: 1px solid;*/
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.buyContainer-header {
    text-align: center;
    height: 85px;
    /*border-bottom: 1px solid;*/
}

.purchaseContainer {
    background: #F6F7FB;
}

.buy-container {
    background: #fff;
}

.buyContainer-footer {
    text-align: center;
    padding: 30px;
    /*background-color: #E4F1D1;*/
}

.buy-servicePrimeLogo {
    width: 205px;
    padding-top: 29px;
}

.AspPrimary-blueBtn {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    font-size: 13px;
    padding: 4px 15px;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px;
}

.AspSecondary-blueBtn {
    color: #4A6EE2;
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px;
    border: 1px solid #4a6ee2;
    padding: 5px 15px;
    background: transparent;
}

.successMsg-wrap {
    padding-top: 10px;
}

    .successMsg-wrap span {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
    }

/**************CSS for blink message box ******************/
.orderPurchase-icon {
    font-size: 14px;
    color: #32C714;
}

/********************CSS for Admin-> functional Areas Popup ***************/
.functionalArea-linkWrap {
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.functionalArea-chkBoxWrap {
    display: inline-block;
}

.lookupValueBox-dropown.functionalArea-lookUpValueBox table.dxeValidStEditorTable {
    width: 100%;
}

.functionalArea-userValueBox.userValueBox-dropDown table.dxeValidStEditorTable {
    width: 100%;
}
/*****************CSS for Admin -> Module Defaults popups************/
.adminAspxBtnWrap {
    padding-top: 25px;
}

.popup-radioBtnWrap {
    padding-top: 10px;
}

.popupChkWrap {
    text-align: right;
}

.serviceList-footerBtnWrap {
    padding-top: 15px;
    padding-bottom: 15px;
}
/************CSS For ITSM landing page Grids*******/
.ITSMLanding-pageGrids {
    width: 100%;
}

.tablecss.ITSMLanding-pageGrids th {
    height: 53px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #F2F2F2;
}

.tablecss.ITSMLanding-pageGrids .tbleContent td {
    height: 58px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #333;
    /*font-weight: 500;*/
}

/***********CSS for Service And Agent page*****************/
.rightSide-btnWrap {
    text-align: right;
    padding-top: 7px;
    padding-right: 10px;
    margin-top: -10px;
}

.services-field-wrap {
    border: 1px solid #dfdbdb;
    float: left;
    border-radius: 4px;
    margin-bottom: 10px;
}

.serviceTab-container {
    margin: 10px 0px 0;
}

.resolutionSLA {
    padding-left: 15px;
    padding-top: 3px;
}

.parent-service-container {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid rgb(223, 219, 219);
    border-bottom: 1px solid #dfdbdb;
    margin-bottom: 15px;
}

.taskReminders-checkWrap {
    padding-left: 23px;
    padding-bottom: 8px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.reminder-wrap {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-bottom: 8px;
}

.aspxTextBox-inputBox {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.asptextbox-asp {
    padding: 8px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.fieldClear {
    clear: both;
}

.aspxMemo-linkBox {
    background: #fff;
    border: none;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    color: #4A6EE2;
    width: 100%;
}

    .aspxMemo-linkBox tr td textarea.dxeMemoEditArea_UGITNavyBlueDevEx.dxeMemoEditAreaSys {
        background: #fff;
        color: #4A6EE2;
    }

.adminCopyLink-btnWrap {
    padding: 16px 0px 0px;
}

.adminCopyLink-btnUl {
    float: right;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 5px;
}

    .adminCopyLink-btnUl li {
        list-style-type: none;
    }

        .adminCopyLink-btnUl li a.cancel-linkBtn {
            color: #4A6EE2;
            padding: 3px 10px;
            font-family: 'Roboto', sans-serif !important;
            font-size: 12px;
            font-weight: 600;
        }

/**********************CSS for question tab*****************/
.unCategorized-queLabel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 4px;
}

.grid-aspxDropDownList {
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 0 7px;
    -webkit-appearance: none;
    background-position: 85.6% !important;
    height: 22px;
}

    .grid-aspxDropDownList option {
        background: #fff;
        border-bottom: 1px solid #d9dae0 !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
    }

.serviceAgent-queTabSecTable {
    border: 1px solid #d0d0d1;
    border-radius: 4px;
}

.queTabSecTable-headerTr {
    background: #f2f3f4 url(/DXR.axd?r=102_1401-dKG8j) repeat-x left top;
}

.queTabSecTable-headerTd {
    background: transparent !important;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    empty-cells: show;
    color: #9C9FB1 !important;
    padding: 10px;
    font-weight: bold;
}

.queSection-tableItem td {
    background: white !important;
    padding: 10px;
    border-bottom: 5px solid #f6f7fb !important;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
}

.queSection-tableItemLabel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

.queTabSecTable-listviewtable {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.mapfield-defaultvalcontrol table tr td {
    padding: 0px;
}

.mappingTab-btnWrap {
    padding: 10px 0px;
}

.htmlSecondary-Btn {
    float: left;
    border: 1px solid #4A6EE2;
    background: transparent;
    border-radius: 4px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    padding: 6px 10px;
    margin-right: 5px;
}
/********************End css for question tab************/
/*************CSS for custome checkbox -> which having onchange event***************/
.chkBoxWrap-forOnchange {
    display: inline-block;
}

    .chkBoxWrap-forOnchange span input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .chkBoxWrap-forOnchange span label {
        position: relative;
        cursor: pointer;
        font: 14px 'Roboto', sans-serif;
        color: #4A90E2;
    }

        .chkBoxWrap-forOnchange span label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #4A6EE2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .chkBoxWrap-forOnchange span input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 5px;
        height: 8px;
        border: solid #4A6EE2;
        border-width: 0 1.5px 1.5px 0px;
        transform: rotate(45deg);
    }

.addMore-leftPadding {
    padding-left: 20px;
}

.row.feildRow::after, .row.feildRow:before {
    content: unset;
}
/*************End CSS for custome checkbox -> which having onchange event***************/

/***********CSS for header logo******************/
.headerLogo-labelWrap {
    display: inline-block;
}

.headerLogo-labelWrap {
    display: inline-block;
    text-align: center;
    padding: 12px;
}

    .headerLogo-labelWrap span {
        color: #c7cfda;
        font-family: 'Roboto' !important;
        font-size: 14px !important;
    }
/*****************CSS for Add bulk Users*******************/
.bulkuser-crtMsg {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    margin-bottom: 10px;
    color: #4a6ee2;
}

.okayButton, .okayButton:hover, .okayButton:focus {
    border: none;
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    outline: none;
}

.bulkuser-SucsMsg {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #4a6ee2;
    text-align: center;
}

.bulkuser-existUser {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

/*.bulkUser-addtable {
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    background-color: #FFF;
}*/

.bulkUser-btnWrap {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.bulkUser-addtd {
    /*width: 400px;*/
    padding: 10px;
}

    .bulkUser-addtd input[type="text"], .bulkUser-addtd input {
        width: 100% !important;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 35px;
        text-align: left;
        font-size: 12px;
        padding: 0 7px;
    }

.insertBtn-bulkUSer {
    background: #4a6ee2;
    border: none;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #FFF;
    padding: 4px 10px;
}

/****************CSS for service&catalog -> edit -> new Question popup ***************************/
.queEditor-sectionDropDown {
    display: inline-block;
    float: left;
    width: 90%;
}

.queEditor-sectionIcons {
    display: inline-block;
    float: right;
    margin-top: 5px;
}

.queEditor-txtEditSection {
    padding-top: 5px;
}

.accomp-popup .queEditor-txtEditSection input[type="text"] {
    width: 90% !important;
    float: left;
    display: inline-block;
}

.queEditor-txtEditSectionImg {
    display: inline-block;
    float: right;
}

.aspxSpinEdit-controller {
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxSpinEdit-controller tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxSpinEdit-controller tr td div.dxeButton {
        background: #f8fafc;
    }

.deleteIcon-div {
    display: inline-block;
    margin-left: 5px;
}

.dropDwonList-div {
    display: inline-block;
    float: left;
    width: 97%;
}

.section-divide {
    border-bottom: 1px solid #d0d0d1;
}
/****************end CSS for service&catalog -> edit -> new Question popup ********/

/****************CSS for Request type popup***********/
.reqType-headerchkWrap {
    display: inline-block;
    margin: 0px 20px;
}

.reqType-headerBtnMigrtkWrap {
    display: inline-block;
}

.reqType-headerWrap {
    padding-top: 10px;
}

.reqType-headerBtnWrap {
    float: right;
    padding-top: 10px;
}

.collapsExpand-btnWrap {
    padding-top: 15px;
}
/******CSS for aspx treeList*************/
/*.apsxTreeList {
    border: 1px solid #d0d0d1;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    background: none;
}

.aspxTreeList-Heder {
    color: #9C9FB1;
    padding: 10px 11px;
    border: none;
    font: 13px 'Roboto', sans-serif;
}

.apsxTreeList-wrap {
    padding-top: 10px;
}

.aspxTreeList-Node td {
    text-align: left !important;
    font-size: 12px;
    padding: 2px 11px !important;
    font-weight: 500;
    color: #737373;
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    font-family: 'Roboto', sans-serif;
    background: #FFF !important;
}

    .aspxTreeList-Node td a {
        color: #4a6ee2;
    }
*/
.sectionTitle-label {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding-top: 15px;
}

.popup-menuLog-inuser-outer ul li.dxm-item.dxm-selected {
    background: #ecf1f9 !important;
    border: none;
}

.userValueBox-dropDown.adminUserValBox > table.dxeValidStEditorTable {
    width: 100%;
}

.reqType-dvWorkflow {
    padding-top: 5px;
    clear: both;
}

.reqType-textField {
    overflow-y: auto;
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    padding: 3px;
}

    .reqType-textField input[type="text"] {
        border: 0 none;
        height: 28px !important;
    }

.reqType-lable {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.reqType-locGridWrap {
    padding-top: 5px;
    height: 130px;
}

.superAdmin-gridDelIcon {
    width: 15px;
}
/***********************CSS for organization popup**************/
.migrateBtnWrap {
    float: left;
}

.adminPopup-hederSec {
    padding: 10px 0px;
}

.rightBtnSection {
    float: right;
}

.orgGridLabel {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    display: inline-block;
}

.orgGridBtn {
    display: inline-block;
}

/************css for ticket creation success popup **********************/
.infoMsgSuccess-title {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.cteatedTicketNum {
    color: #4A6EE2;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

    .cteatedTicketNum a {
        color: #4A6EE2;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

.closeDlg-btnWrap {
    border: 1px solid #4A6EE2;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #4A6EE2;
}

    .closeDlg-btnWrap a {
        color: #4A6EE2;
        font-size: 12px;
        font-weight: 500;
    }
/***************CSS for tenant name and page title*******************/
.title-sectionContainer {
    padding: 0px 0px 0px;
    /*border-bottom: 2px solid #fff;*/
}

.title-sectionWrap {
    /*border-bottom: 1px solid #f6f6f6;*/
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 25px 15px 15px 66px;
    /*border-width: 20px 20px 0px 20px;*/
    border-style: solid;
    border-color: #F6F7FB;
    border-radius: 0px;
}

.tenantName-wrap {
    display: inline-block;
    float: right;
    /*margin-right: 15px;*/
    /*width: 137px;*/
    /*border-right: 1px solid #CCC;*/
    /*padding-right: 10px;*/
}

.guide-container {
    float: right;
    display: inline-block;
    width: 62px;
    padding-left: 3px;
}

.tenantName {
    /*color: #19c419;*/
    color: #4a6ee2;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.2;
}

.pageTitle {
    /*color: #9C9FB1;*/
    color: #4a6ee2;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
    height: 17.6px;
}

.tenant-logo {
    float: left;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-top: 0 !important;
}

.titleSec-forPopup {
    display: none;
}

.menuprofile-popUP {
    z-index: 999999999999 !important;
    overflow: visible !important;
}

.homeGrid_dataRow.dxgvSelectedRow_UGITNavyBlueDevEx.homeGrid-selectedRow, .homeGrid_dataRow.homeGrid-focusedRow {
    background-color: #e3e3e3 !important;
}

.col_aleft_help img {
    width: 18px;
    margin-left: 20px;
}

/*.aspxComboBox-dbDropDown {
    padding: 10px 20px 0px;
}*/

.wikiHtmlcontent-wrap > div {
    width: 100% !important;
    font-family: 'Roboto', sans-serif !important;
}

    .wikiHtmlcontent-wrap > div > div {
        width: 100% !important;
        clear: both;
        font-family: 'Roboto', sans-serif !important;
    }

.ugit-helpicon img {
    width: 16px;
}


/*---------------------Remove attchment-------------------------------------------------------------------*/

.SVCCreat-btnContainer {
    clear: both;
    padding-right: 33px;
    padding-top: 15px;
}

.SVCWorkflow-wrap {
    clear: both;
    padding-bottom: 30px;
}

.step.svcWorkFlow-Step {
    top: 0px;
}

/********************************CSS for status POPUp***********************************/
.popupMainContainer-status {
    background: #FFF;
    text-align: center;
    padding-top: 20px;
}

.status-image {
    display: inline-block;
    vertical-align: top;
    left: 55px;
    position: absolute;
    border-right: 1px solid #e1e1e1;
    padding: 5px 8px 6px 8px;
}

.statusModule-list {
    padding-left: 0px;
}

.statusVr-line {
    display: inline-block;
    border-right: 2px solid #B59B70;
    height: 82%;
    position: absolute;
    top: 30px;
    left: 172px;
}

.statusDot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    z-index: 99;
}

.statusModule-content {
    display: inline-block;
    position: absolute;
    left: 200px;
    text-align: justify;
}

.statusModule-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #4A90E2;
    margin-bottom: 2px;
    margin-top: 0px;
}

.statusModule-discription {
    font: 12px 'Roboto', sans-serif;
    color: #4A90E2;
    margin-bottom: 2px;
}

.statusModule-list .statusList {
    list-style-type: none;
    height: 100px;
}

.statusList {
    list-style-type: none;
}

.status-dot1 {
    top: 100px;
}

.status-dot2 {
    top: 200px;
}

.status-dot3 {
    top: 300px;
}

.status-lastDot {
    top: 430px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 166px;
}

.image img:hover {
    filter: brightness(51%);
}

.module-content:hover {
    filter: brightness(51%);
}

.statusDot:hover {
    filter: brightness(51%);
}

.status-image img {
    width: 30px;
}

.status-complete {
    border-color: #228B22 !important;
    background-color: #228B22 !important;
}

.statusCount-wrap {
    display: inline-block;
    left: 110px;
    position: absolute;
    margin-top: 12px;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

/*****************************CSSS for New Loaader*************/
.circle-loader {
    position: relative;
}

    .circle-loader div {
        height: 10px;
        width: 10px;
        background-color: #4a6ee2;
        border-radius: 50%;
        position: absolute;
        -webkit-animation: 1.3s opaque ease-in-out infinite both;
        animation: 1.3s opaque ease-in-out infinite both;
    }

    .circle-loader > div:nth-child(1) {
        top: -25px;
        left: 0;
    }

    .circle-loader > div:nth-child(2) {
        top: -17px;
        left: 17px;
        -webkit-animation-delay: .15s;
        animation-delay: .15s;
    }

    .circle-loader > div:nth-child(3) {
        top: 0;
        left: 25px;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .circle-loader > div:nth-child(4) {
        top: 17px;
        left: 17px;
        -webkit-animation-delay: 0.45s;
        animation-delay: 0.45s;
    }

    .circle-loader > div:nth-child(5) {
        top: 25px;
        left: 0;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .circle-loader > div:nth-child(6) {
        top: 17px;
        left: -17px;
        -webkit-animation-delay: 0.75s;
        animation-delay: 0.75s;
    }

    .circle-loader > div:nth-child(7) {
        top: 0;
        left: -25px;
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
    }

    .circle-loader > div:nth-child(8) {
        top: -17px;
        left: -17px;
        -webkit-animation-delay: 1.05s;
        animation-delay: 1.05s;
    }

@-webkit-keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }
}

@keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }
}
/***************************End css for New Loader**************/
/***************************CSS for profile complete progress bar****************/
.prof-progress {
    margin: 8px 0px;
    padding: 0;
    width: 92%;
    height: 12px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px;
}

.prof-bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #4a6ee2;
}

.prof-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    color: white;
}
/***************************End css for profile complete progress bar***********/
.customeLoader tr td.dx img.dxlp-loadingImage.dxlp-imgPosLeft {
    background-image: url('/Content/Images/AjaxLoader.gif') !important;
    background-size: 30px;
    background-repeat: no-repeat;
}

/*[+][25-10-2023][SANKET][Added for loader]*/
.dxgvLoadingPanel_UGITNavyBlueDevEx .dxlp-loadingImage, .dxcaLoadingPanel_UGITNavyBlueDevEx .dxlp-loadingImage, .dxlpLoadingPanelWithContent_UGITNavyBlueDevEx .dxlp-loadingImage, .dxeImage_UGITNavyBlueDevEx.dxe-loadingImage {
    background-image: url(/Content/Images/ajaxloader.gif);
    height: 32px;
    width: 32px;
}


.dxlp-imgPosLeft {
    margin-right: 5px;
}

.customeLoader {
    border: none;
    background: transparent;
    font-size: 14px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999;
}

.popup-menuLog-inuser-outer ul li:first-child {
    border-bottom: 1px solid #f7f7f7;
}

/***************************css for Service prime new pages**********************/
.mainSection {
    background: #0057A7 url(../Content/images/NewAdmin/newAdmin-homeBanner.svg) no-repeat left bottom;
    height: 100vh;
}

.mainSection-container {
    position: relative;
    height: 100vh;
}

.mainSection-wrap {
    position: absolute;
    top: 50%;
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mainSection-textBlock {
    color: #fff;
    width: 60%;
    padding: 20px;
    margin-right: 60px;
    border-radius: 5px;
    transition: 0.5s all ease;
}

    .mainSection-textBlock h2 {
        font-size: 34px;
        color: #CFF991;
        margin-bottom: 30px;
    }

    .mainSection-textBlock p {
        font-size: 18px;
    }

        .mainSection-textBlock p.lastPara {
            margin: 30px 0px 40px;
        }

.mainSection-ImageBlock {
    width: 45%;
}

.section-bannerImg {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.mainSection-bgBanner {
    background: url(../Content/images/NewAdmin/world-map.svg) no-repeat 87% center/45%;
}

.homeDashboard_content_wrap.adminDefault-container {
    padding-top: 0px;
}

.homeDashboard_leftcontent_wrap.adminDefault-Maincontainer {
    padding-bottom: 0px;
}

.admindflt-checkWrap {
    display: inline-block;
}

    .admindflt-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .admindflt-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 16px 'Roboto', sans-serif;
        color: #fff;
    }

        .admindflt-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .admindflt-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.continue-btn {
    /*background: #F5E57A;*/
    background: transparent;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 85px;
    font-family: 'Roboto', sans-serif;
    margin-left: 24%;
    border: 1px solid #FFF;
    margin-top: 50px;
}

.secondaryHome-btn {
    background: #F5E57A;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 20px;
    font-family: 'Roboto', sans-serif;
    float: left;
    /* width: 100%;*/
}

.addTicket-homeBTn {
    margin-left: 15px;
}

.continue-btnWrap {
    margin-top: 100px;
}

.footerBtnWrap {
    margin-top: 85px;
}
/**************************End css for Service Prime New pages******************/
/*****************CSS for bottleneck chart **********************/
.modal-body.removePadding.bottleneckChartBody {
    background: #fff !important
}
/*****************End CSS for bottleneck chart **********************/

/***************New css for Dashboard service ******************/
.servicetype {
    /*padding-right: 5px;*/
    font-weight: normal;
    /*max-width: 100%;*/
    border-top: 2px solid #bababa;
    display: inline-block;
}

.serviceItem-row {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
}

/***************End New css for Dashboard service ******************/

/******************CSS for Admin -> location popup*****************/
.rightBtn {
    float: right;
}

.headerItem-addItemLink {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
/*****************New CSS for Accordian Search ***************************/
#SearchPanel {
    padding: 50px;
    display: none;
    position: absolute;
    top: 50px;
    background: #383838;
    width: 100%;
    left: 0px;
    right: 0px;
}

.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-autocomplete-popup-wrapper {
    z-index: 99999999 !important;
}
/**************CSS for Forgot Password Page*********************/
.forgotPwd-container {
    margin: auto;
    position: absolute;
    margin-top: 25%;
    left: 0px;
    right: 0px;
    background: #fff;
    height: 325px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    padding-left: 35px;
    margin-left: 65%;
    width: 70%;
}

.forgotPwd-accId {
    width: 100%;
}

.forgotPwd-title {
    font-family: 'Roboto', sans-serif;
}

.forgetPwd-successMsg {
    color: Green;
    padding-top: 5px;
    text-align: justify;
    padding-right: 24px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.FPinputField {
    margin: 18px 0px;
}

.forgotPwd-accId tr td {
    width: 100%;
}

#accountIdTextBox, #userNameTextBox {
    width: 100%;
    background-size: 14px;
    padding: 5px 9px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    background-position: 10px center !important;
}

    #accountIdTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh2,
    #userNameTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh2 {
        margin-left: 23px;
    }

    #accountIdTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh0,
    #userNameTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh0 {
        margin-left: 0px;
    }

.fpbtnContainer {
    clear: both;
    position: absolute;
    bottom: 15px;
    width: 86.5%;
}

.forgotPwd-submitBtn {
    float: right;
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 3px;
}

.forgotPwd-backBtn {
    display: inline-block;
    float: left;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    border-radius: 4px;
    padding: 3.8px 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

    .forgotPwd-backBtn a.dxeHyperlink_UGITGreenDevEx {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }
/*******************CSS for SuperAdmin status on grid***************/
.critical-constraints {
    color: red;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.high-constraints {
    color: #FFAD0A;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.normal-constraints {
    color: green;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.constraint-High-Grid {
    color: #FFAD0A;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.constraint-Critical-Grid {
    color: red;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.tenantCount-title {
    color: #9C9FB1;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.homeGrid_dataRow td.numberCell.dxgv {
    text-align: center !important;
}

.statusLegend-Container {
    text-align: right;
    padding-top: 10px;
}

.legendNormal-wrap, .legendHeigh-wrap, .legendCritical-wrap {
    display: inline-block;
    padding-left: 25px;
}

.legendIcon {
    width: 13px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    height: 13px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.legendLabel {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    color: #333;
}

.legend-normal {
    color: green;
    border: 1px solid green;
    background-color: green;
}

.legend-High {
    color: #FFAD0A;
    border: 1px solid #FFAD0A;
    background-color: #FFAD0A;
}

.legend-critical {
    color: red;
    border: 1px solid red;
    background-color: red;
}


/***************************CSS for search-> problem statment*************************/
.phraseTickt-create {
    text-align: center;
}

.createdTickt-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: inline-block;
    margin: 0px 7px;
}

.bulkuser-existUser {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #4a6ee2;
    display: inline-block
}

.phrase-okBtn {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 13px;
}

.prblemStatment-submitBtn {
    display: inline-block;
    float: left;
}

.searchContent {
    font-family: 'Roboto', sans-serif;
    border: 1px solid #d5d2d2 !important;
    border-radius: 8px !important;
}

    .searchContent .dx-state-hover input[type="text"]:hover {
        border: none !important;
    }

    .searchContent input[type="text"] {
        background-color: #fff !important;
        color: #4A6EE2;
        font-family: 'Roboto', sans-serif !important;
        padding: 0px;
        font-size: 14px;
        min-height: 40px;
        border-radius: 8px !important;
        padding-left: 25px;
    }

    .searchContent.dx-show-clear-button .dx-texteditor-buttons-container {
        background: #fff;
    }

    .searchContent div.dx-placeholder {
        padding-left: 25px;
        color: #9f9f9f;
    }

    .searchContent.dx-state-focused.dx-state-hover {
        border: none;
        border-color: #fff !important;
    }

    .searchContent.dx-state-hover, .searchContent.dx-state-focused {
        border: none;
        border-color: #fff !important;
    }

    .searchContent.dx-texteditor.dx-state-hover.dx-editor-outlined {
        border: none;
        border-color: #fff !important;
    }

.prblemStatment-addTicketBtn {
    border-left: 0px;
    padding: 10px 10px;
    border-radius: 0px 22px 22px 0px;
    background-color: #fff;
    outline: none;
    border-color: #f6f6f6;
    color: #4A6EE2;
    font-weight: 700;
    font-family: 'Roboto', sans-serif !important;
    box-shadow: 0px 0px 5px 1px #e1e1e1;
}

    .prblemStatment-addTicketBtn:active, .prblemStatment-addTicketBtn:active:focus {
        background-color: #fff;
        outline: none;
        border-left: 0px;
        border-color: #ddd;
        outline: none;
    }

    .prblemStatment-addTicketBtn:hover {
        background-color: #EAEDF0;
        border-color: #ddd;
    }

    .prblemStatment-addTicketBtn i {
        color: #4a6ee2;
        font-size: 18px;
    }
/*************CSS for Admin -> enviornment popup***********/
.popupAddItem-top {
    border: none;
    background: transparent;
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
}

.headerItem-addItemBtn {
    display: inline-block;
    float: right;
}

.headerItem-showChkBox {
    display: block;
    float: right;
    /*margin-top: 5px;*/
}

.headerContent-right {
    float: right;
    padding-top: 7px;
    clear: both;
}


/**********************CSS for recaptcha*******************/
.recaptcha-container {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.recaptcha-wrap {
    width: 250px;
    margin: auto;
}

.recaptcha-textBox {
    background: #f8fafc !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .recaptcha-textBox tr td.dxic input[type="text"] {
        background: #f8fafc !important;
        height: 28px;
    }

.custom-recaptcha table tr td.dxcaTextBoxCellNoIndent_UGITNavyBlueDevEx label.dxcaTextBoxLabel_UGITNavyBlueDevEx {
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.custom-recaptcha .dxca-imageDiv {
    background-image: none !important;
    margin-bottom: 15px;
}
/**********************End CSS for recaptcha*******************/

/****************CSS for radio button list*****************/
.adminradioBtnList {
    margin-top: 15px;
    margin-left: 3px;
    margin-bottom: 15px;
}

.custom-radiobuttonlist tr td input[type="radio"]:checked,
.custom-radiobuttonlist tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radiobuttonlist tr td input[type="radio"]:checked + label,
    .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 8px
    }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:before,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.msgRadio-btnLabel {
    padding-right: 5px;
    color: #4a6ee2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: left;
    font-weight: 500;
    margin-top: -2px;
}

.msgRadio-btnImg {
    float: left;
    display: inline-block;
}

.msgAction-wrap {
    padding: 20px 0px;
}

.bottom-addBtn {
    padding: 20px 0px;
}
/***************end css for radio button list**************/

/*************CSS for ASPx colorEdit control************/
.aspxColorEdit-dropDwon {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px;
}

    .aspxColorEdit-dropDwon tr td {
        background: #fff;
    }

        .aspxColorEdit-dropDwon tr td.dxic input[type="text"] {
            height: 28px !important;
            background: #fff;
        }

.bottom-leftSideBtn {
    float: left;
    display: inline-block;
}

.SLAheader-rightContent {
    clear: both;
    float: right;
    margin-top: 15px;
}

/*[+][26-10-2023][SANKET]*/
.aspBtn-primaryBlue {
    border: none;
    background: #4fa1d6;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500;
    /*background: #4A6EE2;
    border: none;
    color: #FFF;
    padding: 5px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    border-radius: 4px;*/
}

.headerItem-btnWrap {
    display: inline-block;
    float: left;
    padding-left: 7px;
}

/************CSS for Menu navigation popup****************/
.menuNav-addBtnWrap {
    display: inline-block;
    padding-left: 5px;
    padding-top: 7px;
}

.menuNav-dropDownWrap {
    display: inline-block;
    width: 92%;
    float: left;
}

.menuNav-addItemWrap {
    display: inline-block;
    float: right;
    padding-top: 25px;
    padding-left: 40px;
}

.menuNav-applyChngBtn {
    display: inline-block;
    float: right;
    padding-top: 25px;
}

.addIemLabel {
    color: #4a6ee2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.aspxTreeList-wrap {
    padding: 15px 0px 0px 3px;
}

.dxtlControl_UGITNavyBlueDevEx.aspxTreeList {
    box-shadow: 0px 0px 1px #aaaaaa;
    border: none;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.treeList-dataRow.dxtlAltNode_UGITNavyBlueDevEx td.dxtl {
    background: none;
}

.menuNavEdit-dropDownWrap {
    display: inline-block;
    width: 92%;
    float: left;
}

.menuNavEdit-iconWrap {
    display: inline-block;
}

.menuNavEdit-chkWrap {
    display: inline-block;
}

.aspxTextBox-field {
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxTextBox-field td.dxic input[type="text"] {
        height: 28px !important;
    }

.preview-link {
    color: #4a6ee2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

.asptextBox-input {
    border: 1px solid #ccd4e1;
    background: #fff;
    border-radius: 4px;
}

    .asptextBox-input tr td.dxic input[type="text"] {
        height: 28px;
    }

.loacationDropDown {
    clear: both;
}

.replaceUser-msg {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important;
}

.searchPannelWrap {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 6px 12px #ddd;
}

.fromServiceDoc {
    width: 100%;
}

.searchPannelWrap-container {
    width: 700px;
    margin: 0px auto;
}

/***************CSS for Admin -> report popup *******************/
.reportPopup-footerBtnWrap {
    padding: 25px 0px;
}

.reportFooter-rightBtn {
    text-align: right;
}

.deleteBtn-report {
    float: left;
    margin: 0px 8px;
}


/*******CSS for SErvices -> button view**********************/
.pcategorycontainer {
    display: inline-block;
    padding-top: 10px;
}

.serviceBoard_btnView:hover {
    background-color: #F6F7FB;
    border-radius: 6px;
}

.buttonview-container .ugit-contentcontainer {
    background-color: #fff !important;
    margin: 0px auto;
    /*width: 600px;*/
    clear: both;
}

.serviceBoard_imgesWrap {
    /*width: 40px;*/
    margin: 0px auto;
    border-radius: 50%;
    /* background: #efefef;
    height: 40px;*/
}

    .serviceBoard_imgesWrap img {
        width: 40px;
        /*padding: 10px;*/
    }

.serviceBtnView-labelWrap {
    margin-top: 10px;
    /*word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    width: 150px;
    overflow: hidden;
}

.homeDb-requestLinkWrap {
    padding: 0px 15px;
    background: #FFF;
}

    .homeDb-requestLinkWrap .ugit-contentcontainer {
        float: left;
        background: #FFF;
        width: 100%;
        padding: 5px 0px 0px;
        border-bottom: 1.5px solid #e3e2e2;
    }

        .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv {
            float: left;
            cursor: pointer;
            /* border-bottom: 2px solid #3A57B5; */
            color: #3A57B5 !important;
            margin-right: 10px;
            padding: 0px;
        }

            .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv a {
                color: #919191 !important;
                font-family: 'Roboto', sans-serif;
                font-size: 13px;
            }

            .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv.clickedTab {
                background-color: #FFF;
                border-bottom: 2px solid #3A57B5;
                padding: 0px 6px 25px;
                margin: 0px 4px;
            }

                .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv.clickedTab a {
                    color: #919191 !important;
                    font-family: 'Roboto', sans-serif;
                    font-size: 13px;
                }

.homeService-panelContainer {
    /*background: #fff;
    border-width: 18px 20px 20px 20px;*/
    border-style: solid;
    border-color: #F6F7FB;
    border-radius: 0px;
}
/*Baseline popup*/
.imp-message-box {
    font-weight: normal;
    font-size: 16px;
    color: green;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif !important;
    padding-left: 15px;
}

.popupFooter-BtnWrap {
    padding: 15px 0px;
    float: right;
}

.ExportOption-btns {
    display: inline-block
}
/****************************CSS for Allocation timeline tab ******************************/
.rmmExport-optionBtnWrap {
    padding: 15px 15px 0px 0px;
    float: right;
}

.resourceAllo-gridBtn {
    display: inline-block;
    float: left;
    margin-right: 38px;
    filter: brightness(0);
}

.resourceAllo-gridchkBox {
    display: inline-block;
    /*padding-left: 5px;*/
}

.ExportOption-btns {
    display: inline-block;
    float: left;
}

.resource-printImg {
    width: 18px;
    position: relative;
    filter: brightness(0);
}

.rmmSummary-table tr.SummaryHeaderAdjustment {
    color: black !important;
    font: 13px 'Roboto', sans-serif;
    font-weight: 600;
    text-align: center;
}

.rmmProject-complexityWrap {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.rmmLeft-padding {
    padding-left: 12px;
    padding-right: 0px;
}

.alloTimeSave-gridBtn {
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font: 13px 'Roboto', sans-serif;
    margin: 0px;
    padding: 6px;
    cursor: pointer;
}

.alloTimeCancel-gridBtn {
    background: transparent;
    color: #4A6EE2;
    border-radius: 4px;
    font: 13px 'Roboto', sans-serif;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #4A6EE2;
    margin: 0px 5px 0px 0px;
}

.RMMBtn-setColor {
    margin-right: 7px;
    float: left;
    margin-top: 1px;
    cursor: pointer;
}


.summaryCell_1 {
    text-align: left;
}

.summaryTextContainer {
    padding-left: 13px;
    text-align: center;
}
/***************CSS for Project complexity Grid**************************/
.prjectComplexity-gridRowArea.dxpgHeaderTable_UGITNavyBlueDevEx {
    background-color: #FFF;
    height: 32px;
    border-radius: 0px;
}

.prjectComplexity-gridRowArea.dxpgHeaderText_UGITNavyBlueDevEx, .prjectComplexity-gridRowArea.dxpgHeaderSort_UGITNavyBlueDevEx, .prjectComplexity-gridRowArea.dxpgHeaderFilter_UGITNavyBlueDevEx {
    background: #FFF;
}

.resourceUti-editBtn {
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font: 13px 'Roboto', sans-serif;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
}

.allocationblockinner_sub {
    padding-top: 10px;
    width: 100%;
    margin: 0;
    clear: both;
}

.userValueBox-dropDown table {
    width: 100%;
    background: #FFF;
    max-width: 100% !important;
    border-radius: 4px;
    /*border: 1px solid #ccd4e1 !important;*/
}

    .userValueBox-dropDown table tr td table.bg-light-blue {
        padding: 0px;
    }

        .userValueBox-dropDown table tr td table.bg-light-blue:hover {
            background: #fff;
        }

.bg-light-blue td {
    background: #FFF !important;
}

    .bg-light-blue td.dxic input[type="text"] {
        height: 28px !important;
    }



/******************CSS  for Documents ****************/

.docPortal-chkBox {
    display: inline-block;
}

.defaultFolder-chkBox {
    display: inline-block;
    padding-left: 30px;
}

.newProDoc-chkBoxWrap {
    clear: both;
    padding: 5px;
}
/***********************CSS for admin->popup -> custom tabs**********************/
.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
}

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
        display: inline-block;
        margin-bottom: 0px;
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
            background-color: transparent;
            padding: 10px 15px;
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #4A6EE2;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #4a6ee2;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #4A6EE2;
            position: relative;
            margin-bottom: 0px;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #4A6EE2;
                background-color: transparent;
                padding: 10px 15px;
                font-family: 'Roboto', sans-serif;
                font-size: 13px;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
    clear: both;
    margin-left: 12px;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

.gridBorder {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
}

/*****************CSS for Service list*****************/
.serviceCatParent {
    box-shadow: 0px 2px 6px #c2c1c1;
    border-radius: 4px;
}

.serviceitemlist-container.setTopauto {
    border: none !important;
}

.serviceitem-header {
    background: #f0f0f0 !important;
    box-shadow: none;
    border-bottom: 1px solid #f3f3f3 !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-family: "Roboto",sans serif;
    font-size: 12px !important;
}


/*****************CSS for service -> list view*******************/
.servcieCatalog_listView .ugit-contentcontainer {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    width: 74%;
    margin: 0px auto;
    clear: both;
    text-align: center;
}

    .servcieCatalog_listView .ugit-contentcontainer .pcategorycontainer {
        padding-left: 5px;
        margin-bottom: 10px;
        display: inline-block;
        min-height: 225px !important;
        /*width: 225px;*/
        padding-right: 20px;
    }

.service_listView .serviceItem-row .serviceitem {
    padding: 2px 5px !important;
    width: 100%;
    border-bottom: 1px solid #c8c7c7;
    text-align: left;
}

/*******************CSS for services -> dropDown view*************************/
.dashboard_goBtn_wrap {
    margin-top: 25px;
}

/*.dashboarpanels {
    padding-top: 5px;
    padding-bottom: 10px;
}*/

.DRQChart-container {
    border: 10px solid #F6F7FB;
    width: 100% !important;
    height: auto !important;
    float: left;
}

.tooltip.fade {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .tooltip.fade div {
        background: #fff !important;
        color: #000 !important;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
    }

        .tooltip.fade div:before {
            background: red;
        }

.tooltip.top .tooltip-arrow {
    border-top-color: #ffffff;
    color: #000;
    box-shadow: none;
    background: none !important;
    /* box-shadow: 0px 0px 5px #000; */
}

    .tooltip.top .tooltip-arrow::after {
        content: "";
        border-top-color: #707070;
        display: block;
        z-index: 1;
        position: absolute;
        left: 0;
        background: transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: rgba(229, 229, 229, 0.96) transparent transparent transparent;
        bottom: 0px;
        margin-left: -8.8px;
        z-index: -1;
    }

.svcDashboard_dropdown.dxeDisabled_UGITNavyBlueDevEx, .svcDashboard_dropdown.dxeDisabled_UGITNavyBlueDevEx tr td.dxic input[type='text'] {
    cursor: not-allowed;
}

.bottomLinkWrap, .popupBottom-addLinkWrap {
    float: right;
    padding: 10px 0px;
}

.htmlBtnInput {
    background: #4A6EE2;
    color: #FFF;
    border: none;
    padding: 5px 18px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}

/***************CSS for workFlow legends**************/
.workFlowLegend-container {
    padding-bottom: 25px;
}

/*.legend-waiting {
    color: #f69d17;
    border: 1px solid #f69d17;
    background-color: #f69d17;
}

.legend-complete {
    color: #11916a;
    border: 1px solid #11916a;
    background-color: #11916a;
}

.legend-inprogess {
    color: #074584c7;
    border: 1px solid #074584c7;
    background-color: #074584c7;
}*/
.legend-waiting {
    color: #E3E3E3;
    border: 1px solid #E3E3E3;
    background-color: #E3E3E3;
}

.legend-complete {
    color: #C5FFD0;
    border: 1px solid #C5FFD0;
    background-color: #C5FFD0;
}

.legend-inprogess {
    color: #A7BEFF;
    border: 1px solid #A7BEFF;
    background-color: #A7BEFF;
}

.workFlow-img {
    float: right;
}

.chartTitle {
    clear: both;
    text-align: center;
}

.documentUpload-btnWrap {
    display: inline-block;
    /*margin-left:6px;*/
}

.document-linkWrap {
    margin-top: 10px;
}

.marginBT {
    margin-bottom: 10px;
}

/********************CSS for document management*********************/
/*.docUpload-container {
    border: 1px solid #ccd4e1;
    font-family: 'Roboto', sans-serif;
}
.docUploader, .docUploader .dx-button-mode-contained {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}*/

/*******************CSS for kanBan view****************/
.predecesser {
    width: 164px;
    word-break: break-all;
    white-space: normal;
}

/*committed because cite was hampering gantt view*/
.dx-treelist-content .dx-treelist-table {
    /*table-layout: auto !important;*/
}
/*.dx-treelist-table td.dx-treelist-cell-expandable{
    width:175px !important;
}
.dx-treelist-table td.dx-command-edit-with-icons{
    width: 65px !important;
    min-width: 65px !important;
}*/
.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    display: inline-block;
    margin: 0px auto;
}

.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content
.dx-treelist-table .dx-row .dx-command-edit-with-icons a.dx-link.dx-link-add:before {
    color: #38e138;
    font-size: 9px;
    border: 1.5px solid;
    border-radius: 50%;
    padding: 2px;
    font-weight: 900;
    text-align: center;
}

.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content
.dx-treelist-table .dx-row .dx-command-edit-with-icons a.dx-link.dx-link-delete:before {
    font-size: 14px;
    color: #9b9a9a;
}
/********************CSS for PMM Edit ticket************************/
.headerCompactView {
    padding-top: 15px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    color: #4a6ee2;
    padding-left: 5px;
}
/*.contentView {
    padding-top: 15px;
}*/
.toolbar {
    padding-bottom: 15px;
}

    .toolbar .dx-toolbar-items-container .dx-toolbar-after {
        margin-right: 3px;
    }
/**************CSS for Run in background service*****************/
.BackgroundTaskcontainer {
    position: relative;
    bottom: 0px;
}

.runInBg-icon {
    z-index: 99999;
    position: fixed;
    width: 30px;
    bottom: 15px;
    left: 10px;
    cursor: pointer
}

.showArchiveBtn {
    background: #4A6EE2;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
    padding: 0px;
}

.runInBg-grid {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .runInBg-grid .dx-datagrid-headers.dx-datagrid-nowrap {
        background-color: #f2f3f4;
        color: #9C9FB1;
        font-weight: 600;
    }

.showArchiveBtn:hover, .showArchiveBtn:focus {
    background: #4A6EE2;
    color: #FFF;
}

/**************Changes for PMM Edit ticket ******************/
.pmmEdit-projectToolBar .dx-toolbar-items-container .dx-toolbar-item-content .dx-textbox.dx-texteditor {
    border: none;
}

.pmmEdit-projectToolBar .dx-toolbar-items-container .dx-toolbar-item-content .dx-texteditor-input-container input[type="text"] {
    font-family: 'Roboto', sans-serif !important;
    color: #4A6EE2;
    font-size: 16px;
    font-weight: 500;
    padding-left: 5px;
}

.dx-widget.dx-dropdownbutton {
    border-radius: 4px;
    border: 1px solid #ccd4e1;
    margin-right: 10px;
}

    .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item {
        /*color: #4A6EE2;*/
        font-family: 'Roboto', sans-serif !important;
        text-align: left;
        padding: 4px 0px 4px 12px;
        font-size: 12px;
        border: none;
    }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content {
            padding: 0 !important;
        }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item:hover {
            background-color: #FFF;
        }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content i.dx-icon.dx-icon-spindown:before {
            color: #4A6EE2;
        }

.pmmEdit-listGridWrap {
    padding-left: 7px;
    padding-right: 4px;
}

.pmmEdit-listGrid .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
    top: -2px;
    left: 0;
}

/************CSS for list view grid**********/
.pmmEdit-listGrid .dx-treelist-headers {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #ecf1ff;
}

    .pmmEdit-listGrid .dx-treelist-headers table.dx-treelist-table tr td {
        /*text-align: left !important;*/
        font-size: 13px;
        border-right: none;
        border-left: none;
    }

.pmmEdit-listGrid .dx-treelist-container .dx-treelist-rowsview table.dx-treelist-table tr td.dx-command-drag {
    background-color: #e7ebf8;
}

.assigneeToImg {
    width: 18px;
    float: right;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr td {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    border-right: none;
    /*border-left: none;*/
}

.pmmEdit-linkWrap {
    margin-top: 15px;
    float: right;
}

    .pmmEdit-linkWrap .btnAddNew {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

        .pmmEdit-linkWrap .btnAddNew:hover {
            background: #FFF;
        }

.dx-scrollview-content {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
}

/*********CSS for available resource popup ****************/
.devExtRadioGroup {
    padding-bottom: 10px;
}

    .devExtRadioGroup .dx-item.dx-radiobutton {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

    .devExtRadioGroup .dx-radiobutton-icon:before {
        width: 14px;
        height: 14px;
        border: 1px solid #4A6EE2;
    }

    .devExtRadioGroup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
        margin-top: -12px;
        margin-left: 4px;
        width: 8px;
        height: 8px;
        background: #4A6EE2;
    }

.chkFilterCheck {
    padding-right: 15px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    width: 145px;
    padding-top: 4px;
}

    .chkFilterCheck .dx-checkbox-icon {
        width: 18px;
        height: 18px;
        border: 1px solid #4A6EE2;
        font: 12px/16px DXIcons;
        color: #4A6EE2;
    }

    .chkFilterCheck.dx-checkbox-checked .dx-checkbox-icon:before {
        width: 16px;
        margin-left: -8px;
        margin-top: -8px;
    }

.filterctrl-jobDepartment {
    clear: both;
}

.filterctrl-jobDepartment, .filterctrl-jobtitle, .filterctrl-userpicker {
    margin-top: 6px;
    padding-left: 15px;
    border: none !important;
}

    .filterctrl-jobDepartment .dx-dropdowneditor-input-wrapper,
    .filterctrl-jobtitle .dx-dropdowneditor-input-wrapper,
    .filterctrl-userpicker .dx-dropdowneditor-input-wrapper {
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

        .filterctrl-jobDepartment .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
        .filterctrl-jobtitle .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
        .filterctrl-userpicker .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
            color: #4A6EE2;
        }

    .filterctrl-jobDepartment.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobtitle.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-userpicker.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobDepartment.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobtitle.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-userpicker.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        background-color: #fff;
    }

/******************CSS for PMM Add Ticket************************/
.pmmAdd-titleWrap {
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.pmmAdd-titleWrap {
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.devExtLabel {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #4A6EE2;
    font-weight: 500;
    margin-top: 15px;
}

.NewProjectScreenRow {
    padding: 0px;
    width: 100%;
    margin-top: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .NewProjectScreenRow.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .NewProjectScreenRow.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        background-color: #fff;
    }

    .NewProjectScreenRow .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        color: #4A6EE2;
    }

.devExtChkBoxWrap {
    /*margin-top: 15px;*/
    padding-left: 18px;
}

.pmmAdd-chkBox {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-top: 15px;
    width: 100px
}

    .pmmAdd-chkBox.dx-checkbox-checked .dx-checkbox-icon {
        font: 10px/16px DXIcons;
        color: #4A6EE2;
    }

    .pmmAdd-chkBox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
        border: 1px solid #4a6ee2;
    }

.primary-dvExtBtn {
    background-color: #4A6EE2 !important;
    color: #FFF !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: right;
    margin-left: 7px;
}

    .primary-dvExtBtn .dx-button-content {
        padding: 5px 18px 5px;
    }

.secondary-devExtBtn {
    background: #FFF !important;
    color: #4A6EE2 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border: 1px solid #4A6EE2;
}

    .secondary-devExtBtn .dx-button-content {
        border: 1px solid #4A6EE2;
        border-radius: 4px;
        padding: 5px 18px 5px;
    }

.devExt-fileUploadCtrl {
    padding-top: 10px;
}

    .devExt-fileUploadCtrl .dx-fileuploader-wrapper {
        padding-left: 0px;
    }

        .devExt-fileUploadCtrl .dx-fileuploader-wrapper .dx-fileuploader-button {
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            color: #4a6ee2;
        }

            .devExt-fileUploadCtrl .dx-fileuploader-wrapper .dx-fileuploader-button.dx-state-hover {
                background: #fff;
            }

.nprProject-gridWrap, .nprTemplate-gridWrap {
    padding-top: 10px;
    padding-left: 18px;
}

.nprProject-grid, .nprTemplate-grid {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .nprProject-grid .dx-datagrid, .nprTemplate-grid .dx-datagrid {
        border: 1px solid #ddd;
    }

.margin-right10 {
    margin-right: 15px;
}

.margin-left10 {
    margin-left: 10px;
}


/*//amar*/
.wf-img-wrap {
    width: 50px;
    margin: 0 auto;
}


/**amar */
/*workflow*/
/*.svcWorkflow-container {
    padding: 4px 15px 35px 15px;
}*/

.wizard_steps {
    width: 100%;
    /*margin-top: -39px;*/
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

/*//amar*/
.wf-img-wrap {
    width: 50px;
    margin: 0 auto;
}



/*/css for workflow*/
/*.svcWorkflow-container {
    padding: 4px 15px 35px 15px;
}*/

.wizard_steps {
    width: 100%;
    /*margin-top: -39px;*/
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

/*edit ticket workflow*/

.doublePadding {
    padding-left: 30px;
    padding-right: 30px;
}

.tabpadding {
    padding: 5px 10px;
}

.step_number img {
    width: 20px;
    display: none;
    filter: brightness(90);
    vertical-align: -webkit-baseline-middle;
    margin-top: 4px;
}

.step_content.active .step_number {
    background: #89df94;
}

*[class*='dxm-disabled'] a:hover * {
    color: #000 !important;
}

/************CSS for Help Card*************/
.helpCard-listWrap, .helpCard-templateWrap {
    display: inline-block;
    /*width: auto;*/
    padding: 15px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.wikiNav-menuWrap .dx-scrollable-wrapper {
    border: 1px solid #f5f5f5;
    top: 20px;
    box-shadow: 0px 0px 4px #eae7e7;
}

/*.dx-scrollview-content .dx-list-item:first-child {
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
}*/

.dx-scrollview-content .dx-list-item:first-child .wikiMenu-infoWrap .wikiMenu-title {
    color: #4a6ee2;
    font-size: 14px;
}

.dx-scrollview-content .dx-list-item.dx-state-focused:first-child {
    background-color: #fff !important;
}

.dx-scrollview-content .dx-list-item.dx-state-focused {
    background-color: #fff !important;
    color: #000 !important;
}

.dx-list-item .dx-list-item-content {
    padding: 10px 5px;
}

.wiki-topDiv, .wiki-btnDiv {
    display: block;
    clear: both;
}

.helpCard-titleWrap {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    padding-right: 0px;
    color: #4A6EE2;
    text-transform: uppercase;
}

.wilkiInfo-container {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
}

/*.wikiTitle-container {
    padding-top: 8px;
}*/

/*.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-active,
.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-focused,
.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-hover {
    background: #f6f6f6;
}*/

.HelpCardTiles .dx-scrollable-content .dx-item, .divHelpCardView .dx-scrollable-content .dx-item {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

    .HelpCardTiles .dx-scrollable-content .dx-item:not(.dx-buttongroup-item):hover, .divHelpCardView .dx-scrollable-content .dx-item:not(.dx-buttongroup-item):hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

.dxtPrimary-btn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #fff;
    font: 14px 'Roboto', sans-serif;
    font-weight: 600;
}

    .dxtPrimary-btn.dx-state-hover,
    .dxtPrimary-btn.dx-state-focused,
    .dxtPrimary-btn.dx-state-active {
        background: #4A6EE2;
        background-color: #4A6EE2 !important;
        border: 1px solid #4A6EE2;
        color: #fff !important;
    }

.edit-helpCard {
    margin-bottom: 6px;
    float: right;
    clear: both;
}

.flashCard-container {
    width: 341px;
    margin: 0px auto;
    border: 1px solid #FFF;
    height: 495px;
    overflow-y: auto;
    padding: 10px;
    box-shadow: 0px 0px 4px #888888;
    clear: both;
}

    .flashCard-container img {
        max-width: 100%;
    }

.chkFilterCheckFlashCard {
    float: right;
    padding-left: 12px;
    padding-top: 7px;
    padding-right: 8px;
}

    .chkFilterCheckFlashCard .dx-checkbox-container .dx-checkbox-icon {
        width: 18px;
        height: 18px;
    }

.dxtSecondary-btn {
    background: #FFF;
    color: #4A6EE2;
    float: right;
    border: 1px solid #4A6EE2;
    font: 14px 'Roboto', sans-serif;
    font-weight: 600;
    margin-left: 10px;
}

    .dxtSecondary-btn.dx-state-hover,
    .dxtSecondary-btn.dx-button-mode-contained.dx-state-focused {
        background: #FFF;
        color: #4A6EE2;
        border: 1px solid #4A6EE2;
    }

.flashCard-catList .dx-scrollview-content .dx-item.dx-state-active,
.flashCard-catList .dx-scrollview-content .dx-item.dx-state-focused,
.flashCard-catList .dx-scrollview-content .dx-item.dx-state-hover {
    background: #f6f6f6;
}

/************Help card Add popup**********/
.helpCardTitle-textBox, .HelpCard-Category {
    width: 95%;
}

    .helpCardTitle-textBox .dx-texteditor-input-container input[type="text"],
    .HelpCard-Category .dx-texteditor-input-container input[type="text"] {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

    .helpCardTitle-textBox .dx-texteditor-input-container .dx-placeholder,
    .HelpCard-Category .dx-texteditor-input-container .dx-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

.mandatoryField {
    display: inline-block;
    float: right;
}

.helpcard-btnWrap {
    padding-bottom: 20px;
}

.showArchive-chkBox {
    float: right;
    font-family: 'Roboto', sans-serif;
}

    .showArchive-chkBox .dx-checkbox-container .dx-checkbox-icon {
        float: right;
        width: 18px;
        height: 18px;
    }

/*edit ticket workflow*/

.doublePadding {
    padding-left: 30px;
    padding-right: 30px;
}

.tabpadding {
    padding: 5px 10px;
}

/*.step_number img {
    width: 18px;
    filter: brightness(9);
}*/

.step_content.active .step_number {
    background: #89df94;
}

    .step_content.active .step_number.nodeOnhold {
        background: #ffaaaa !important;
    }

*[class*='dxm-disabled'] a:hover * {
    color: #000 !important;
}

/*****************************************
    New CSS for left menu and header
******************************************/
.post-thumb .header-profileImg {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #c7cfda;
}

.headerPage-mesage {
    padding: 26px 15px 0px 0px;
    float: right;
    right: 20px;
}

.meassageBord {
    float: right;
    padding-left: 40px;
}

.pageTitle p {
    font-size: 22px;
    color: #4A90E2;
}

.messageListWrap li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 10px;
}

.userProfile-headerContainer {
    width: 100%;
    float: right;
}

.messageListWrap {
    padding-left: 0px;
}

.msgBoard-dropdown-toggle, .warningBoard-dropdown-toggle, .sucessBoard-dropdown-toggle {
    cursor: pointer;
    width: 18px;
}

.alertMsgContainer, .warningMsgContainer, .sucessMsgContainer {
    position: relative;
}

#alertMsgCount {
    border: 1px solid red;
    color: red;
}

#warningMsgCount {
    border: 1px solid #FFA602;
    color: #FFA602;
}

#messageSuccess {
    border: 1px solid #27922C;
    color: #27922C;
}

.msg-count {
    display: inline-block;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    padding: 2px 5px;
    font-weight: 700;
    text-align: center;
    top: -11px;
    left: 7px;
}

ul.msgDropdown {
    display: none;
    position: absolute;
    min-width: 274px;
    padding: 1px;
    border-radius: 4px;
    z-index: 9;
    top: 30px;
    background: #fff;
}

.alertDropDown {
    left: -127px;
    border: 1px solid red;
}

.warningDropdown {
    right: -121px;
    border: 1px solid #FFA500;
}

.sucessDropdown {
    right: -118px;
    border: 1px solid green;
}
/* up arrow*/
ul.alertDropDown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 126px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: red transparent;
}

ul.alertDropDown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 128px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.warningDropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 121px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: #FFA500 transparent;
}

ul.warningDropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 122px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.sucessDropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 117px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: green transparent;
}

ul.sucessDropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 118px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.msgDropdown li {
    list-style-type: none;
    border-top: 1px solid lightgrey;
    display: block;
    padding: 6px 15px;
    background: #FFF;
    word-break: break-word;
    font: 12px 'Roboto', sans-serif !important;
    border-right: 0px;
}

    ul.msgDropdown li:hover {
        background-color: #eee;
    }

    ul.msgDropdown li:first-child {
        list-style-type: none;
        border-top: none;
    }


/************************************
    global search UI changes
*************************************/

.globalSearch-container {
    display: inline-block;
    float: right;
}

.globalSearch-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}

.SearchInput {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    color: #FFF !important;
    height: 30px;
}

.SearchInputPopup {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    height: 30px;
}

.globalSearch-icon, .globalSearch-icon:hover, .globalSearch-icon:active, .globalSearch-icon:focus, .globalSearch-icon:active:hover {
    background: transparent;
    padding: 4px 10px;
}

    .globalSearch-icon i {
        color: #FFF;
        font-size: 14px;
    }

.headerLogo-imgWrap {
    height: 15px;
    width: 50px;
    /*max-width: 170px;*/
    max-height: 15px;
    /*padding: 5px 0px;*/
}

.logoText1 .pointer {
    width: 100%;
    height: 52px;
    object-fit: contain;
    object-position: left;
}

.customNavbar {
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 0;
    display: block;
    position: fixed;
    z-index: 99;
    width: 100%;
}

/****************new css for left side Menu***************/
.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-headerCollapsed.dxnb-headerCollapsedHover img.dxWeb_nbExpand_UGITNavyBlueDevEx.dxnb-btn {
    background-image: url(/content/images/caret-down.png);
}

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-headerCollapsed img.dxWeb_nbExpand_UGITNavyBlueDevEx.dxnb-btn {
    background-image: url(/content/images/caret-down.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-size: 11px;
    margin: 0 11px 0 4px;
}

.collapseListItem div span {
    color: #fff !important;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

    .collapseListItem div span:hover {
        color: #fff;
    }

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-header img.dxWeb_nbCollapse_UGITNavyBlueDevEx {
    background-image: url(/content/images/caret-arrow-up.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    background-size: 11px;
    margin: 0 11px 0 4px;
}

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-header.dxnb-headerHover img.dxWeb_nbCollapse_UGITNavyBlueDevEx {
    background-image: url(/content/images/caret-arrow-up.png);
}

.homeDashboard_menuListWrap li a.leftMenu_listItem div span {
    /*color: #c7cfda !important;*/
    color: #FFF !important;
}

.popup_wrap .homeDashboard_content_wrap {
    padding-top: 0px;
}

.dbNew-btn .dxb {
    padding: 2px 7px !important;
    border: none !important;
}

    .dbNew-btn .dxb img {
        margin-left: 15px !important;
    }

.db-quickTicket div.dxb {
    padding: 2px 7px 1px !important;
    border: none !important;
}

    .db-quickTicket div.dxb span {
        float: right
    }

    .db-quickTicket div.dxb img {
        margin-right: 3px;
        width: 14px;
    }

.iframeDialog {
    border: none;
    width: 100%;
}

/*.responsiv_nextBtn {
    margin-right: 13px
}*/

/****************************************
    CSS for fixed custom menu Bar

*****************************************/
.leftSideBottomMenu-container {
    position: relative;
    /*z-index: 99999;*/
    padding-left: 2px !important;
    top: 37px;
    background: none !important;
    border: none !important;
    width: 100% !important;
    display: block;
}

    .leftSideBottomMenu-container li {
        list-style-type: none;
        padding: 10px 0px;
        background: none !important;
        min-width: 54px !important;
    }

        .leftSideBottomMenu-container li.dxm-selected {
            cursor: pointer !important;
        }

        .leftSideBottomMenu-container li.dxm-disabled {
            cursor: not-allowed !important;
        }

/*********************************
    CSS for header submenu
**********************************/
/*.fixedMenu-subMenuItemUl {
    background: #253746;
}*/

.fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem.dxm-hovered, .fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem.dxm-selected {
    background: #3b4a56 !important;
    border: none;
    padding: 6px 3px;
}

.fixedMenu-subMenuItem a.dxm-content.dx {
    padding: 3px 3px 3px 8px;
}

.fixedMenu-subMenuItemContainer {
    width: 108% !important;
    min-width: 52px !important;
    background-color: #253746 !important;
    border: 1px solid #253746 !important;
}

.fixedMenu-subItemWrap {
    z-index: 9999999 !important;
}

.leftSideBottomMenu-container .fa.fa-angle-right:before {
    display: none;
}

.hideBottomMenu {
    display: none;
}

.fixedMenu-subMenuItem {
    padding: 4px 3px;
}

.fixedMenu-itemlabel {
    color: #FFF;
    font-size: 14px;
    border: 1px solid #aeaeae;
    padding: 10px 0px;
    width: 30px;
    text-align: center;
}

.fixedMenu-subMenuItemContainer ul.fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem {
    padding-left: 0px !important;
}

.barcharts-progress.xs {
    height: 20px !important;
    margin-bottom: 15px !important;
}

    .barcharts-progress.xs .progress-bar {
        border-radius: 0px !important;
    }

.kpiresult {
    padding: 0;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.dashboardkpi-txt {
    word-break: break-word;
}

.chartCount {
    position: relative;
    float: right;
    /*position: absolute;
    top: 3px;
    left: 236%;
    z-index: 99;
    color: #FFF;
    font-size: 16px;*/
}

.homeDashboard_chartContent_elementWrap {
    margin-top: 20px;
}

.detailviewresource-main {
    float: left;
    width: 100%;
    margin: 16px 0px 35px;
}


/********************************CSS for RMM - Resource allocation card view********************************/
.rmm-managerCard {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px 0;
    height: 250px;
    position: relative;
    border-radius: 6px;
}

.card-inner-container {
    text-align: center;
}

.resource-img-container {
    border-radius: 50%;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .resource-img-container img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        max-height: 90px;
    }

.user-manager-name {
    color: #444649;
    font-size: 16px;
    margin-top: 15px;
}

.user-edit-icon {
    position: absolute;
    top: 23%;
    border: 1.5px solid #092da0;
    border-radius: 50%;
    padding: 2px;
    left: 57%;
    background: #092da0;
    cursor: pointer;
}

    .user-edit-icon > img {
        width: 14px;
        filter: brightness(9);
    }

.card-inner-data {
    font-size: 14px;
    color: #000;
}

    .card-inner-data span {
        color: #7d7878;
        font-size: 14px;
        margin-right: 3px;
    }

.card-allocationBar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

    .card-allocationBar .emptyProgressBar {
        /*border: 1px solid #E24A7A !important;
    background: #E24A7A;
    border-radius: 0;
    height: 17px;*/
    }

        .card-allocationBar .emptyProgressBar .progressbarhold {
            /*height: 17px;
    border-radius: 0;*/
        }

        .card-allocationBar .emptyProgressBar .progressbar {
            /*height: 17px;
    border-radius: 0;*/
        }

.chkAllAssociate-chkBox {
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    padding-left: 11px;
}

.resource-card {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px 0;
    border-radius: 6px;
    height: 100%;
    width: 100%;
    position: relative;
}

    .resource-card:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

.associate-Card .dx-item.dx-tile {
    border: none !important;
}

.usercardcheck {
    margin: 0 10px !important;
}

.cardData-title {
    color: #444649;
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
}

.cardResource-edit-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 29%;
    border: 1.5px solid #092da0;
    border-radius: 50%;
    padding: 2px;
    left: 56%;
    background: #092da0;
    cursor: pointer;
}



.cardResource-edit-icon-disabled {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 40%;
    /*border: 1.5px solid #092da0;*/
    border-radius: 50%;
    padding: 2px;
    left: 63%;
    /*background: #092da0;*/
    cursor: pointer;
}

    .cardResource-edit-icon-disabled img.jqtooltip {
        vertical-align: middle;
        margin-bottom: 7px;
        margin-left: 2px;
        width: 14px;
        filter: brightness(9);
    }

.cardResource-edit-icon img.jqtooltip {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 2px;
    width: 14px;
    filter: brightness(9);
}

.cardResource-edit-icon .movedown-icon {
    position: absolute;
    right: 65px;
}

.users-manager {
    height: 24px;
    position: absolute;
    top: 21%;
    padding: 2px;
    left: 30%;
    cursor: pointer;
}

.contentPane .managementcontrol-main .bulkUser-addtable {
    width: 100%;
}

/*.cardResource-edit-icon img:last-child {
    position: absolute;
    width: 9px;
    top: 232%;
    right: -124%;
}*/

.resourceCard-innerData {
    font-size: 14px;
    color: #000;
    text-align: center;
}

    .resourceCard-innerData span {
        color: #7d7878;
        font-size: 14px;
        margin-right: 3px;
    }

.resourcecard-allocationBar .emptyProgressBar .progressbarhold {
    height: 17px;
    border-radius: 0;
}

.resourcecard-allocationBar .emptyProgressBar .progressbar {
    height: 17px;
    border-radius: 0;
}

.resourcecard-allocationBar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.leftMenu_listItem img, .leftSideBottomMenu-container ul li.dxm-subMenu div.fa.fa-angle-right img,
.homeDashboard_menuListWrap li a.collapseListItem img {
    filter: brightness(9);
}

.editHelpCardInline {
    border: none;
    background-color: transparent;
}


/**********************CSS for file upload control********************/
.editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #ccd4e1;
}

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucTextBox_UGITNavyBlueDevEx {
        width: 100%;
        font-family: 'Roboto', sans-serif;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucBrowseButton_UGITNavyBlueDevEx {
        background: none;
        border-radius: 0px 4px 4px 0px;
        border: 1px solid #ccd4e1;
        border-left: 0;
        padding: 10px 15px;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucTextBox_UGITNavyBlueDevEx input.dxucEditArea_UGITNavyBlueDevEx {
        width: 100%;
        text-align: center;
        font-family: 'Roboto', sans-serif;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxCB {
        border-radius: 0px;
    }


/************************************************************
    Edit task popup new UI
*************************************************************/
.edit-task-popup-container {
    border: 1px solid #f0f0f0;
}

.section-heading {
    background: #f0f0f0;
}

/****************************CSS for devexpress project card************/
.devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx {
    /*    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
*/ border: 1px solid #CCC;
    background-color: #FFF;
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
}

    .devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

    .devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx div.dxflFormLayout_UGITNavyBlueDevEx.dxflViewFormLayoutSys {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

.subticketaction {
    /*padding-top: 4px;*/
    float: none;
    display: inline-block;
}


.devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx {
    display: flex;
    background: #FFF;
    padding: 12px 20px;
}

    .devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx .dxcvHeader_UGITNavyBlueDevEx {
        margin-right: 10px;
        background: #FFF;
        border: 1px solid black;
        border-radius: 4px;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

/*******************CSS for predecessors**************/
.predecessors-wrap {
    border: 1px solid #CCC;
}

.tvpredecessorstasks ul {
    background: #FFF;
}

/* UserValueBox caret vertical alignment fix */
.aspxUserTokenBox-control tr td.dxic input[type="text"] {
    min-height: 0 !important;
    height: 20px !important; /* pick a consistent input height */
    line-height: 20px !important; /* align caret with tokens */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dxFirefox input.dxeTokenBoxInput_UGITNavyBlueDevEx[type="text"] {
    padding: 0;
    margin: 0;
}

.dxFirefox input[type="text"].dxeEditArea_UGITNavyBlueDevEx, .dxFirefox input[type="password"].dxeEditArea_UGITNavyBlueDevEx {
    margin-top: 0;
}

.dxeButtonEditSys td.dxictb {
    margin-bottom: 0;
}

.editTask-deleteIcon {
    margin-left: 20px;
    margin-top: 25px;
}

.aspTextBox {
    padding: 17px 10px;
}

.toolbar-accept-symbol {
    padding-right: 0 !important
}

    .toolbar-accept-symbol .dx-item-content.dx-toolbar-item-content {
        margin-left: 25px;
    }

.pmmEdit-projectToolBar {
    background-color: #ecf1ff;
    /*padding: 5px;*/
}

.pmm-popup-container {
    padding: 3px 0 !important;
}

.pmmEdit-projectToolBar .dx-menu-items-container li {
    margin: 0 12px;
    font-family: 'Roboto', sans-serif;
}
    /*.pmmEdit-projectToolBar .dx-menu-items-container li:hover {
border-bottom: 2px solid #c8cddf;
}*/
    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover {
        /*border-bottom: 2px solid #c8cddf;*/
        background-color: transparent;
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover,
    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected {
        /*background-color: #d1dfff;*/
        background-color: #b9ceff;
    }

        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover span,
        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected span {
            color: #191919;
        }

        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover img,
        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected img {
            filter: brightness(0.5);
        }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item img {
        filter: brightness(0.8);
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item .dx-item-content {
        margin: 3px 5px 3px;
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item span {
        color: #848383;
        font-size: 12px;
    }

.edit-ticket-prev, .edit-ticket-next {
    color: #4A6EE2;
    display: inline-block;
    /*border: 1px solid #efeeee;*/
    border-radius: 4px;
    /*padding: 6px 8px;*/
}

.edit-ticket-ID {
    background-color: #f6f6f6;
    padding: 5px;
}

.get-help {
    color: #4A6EE2;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    display: inline-block;
}

.lifeCycle-content {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #959595;
}

.tskbehaviour-opt {
    margin-top: 7px;
}

    .tskbehaviour-opt label {
        float: left;
        margin-left: 7px;
        margin-right: 30px;
    }

        .tskbehaviour-opt label > img {
            float: right;
            width: 16px;
            margin-left: 5px;
        }

.edit-task-deleteBtn {
    margin-top: 4px;
    float: right;
    display: inline-block;
}

.edit-task-allocation {
    display: inline-block;
    width: 90%;
}

.addFile-label {
    color: #4A6EE2;
    font-size: 14px;
    padding-left: 5px;
    text-decoration: underline;
}

.tasksubitem {
    float: left;
    width: 100%;
}

.dx-toolbar-before .dx-toolbar-button:first-child .dx-button-has-icon {
    margin-left: 6px;
}

.dx-toolbar-before .dx-toolbar-button .dx-button-has-icon .dx-button-content, .dx-toolbar-after .dx-toolbar-button .dx-button-has-icon .dx-button-content, .refreshButton .dx-button-content {
    padding: 5px;
}

.toolbar-list-item .dx-item-content.dx-list-item-content > div {
    display: inline-block;
    float: right;
    width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.toolbar-list-item .dx-item-content.dx-list-item-content div.dx-button.dx-button-normal {
    float: left;
    display: inline-block;
    /*width: 10%;*/
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.toolbar-list-item .dx-list-item-content {
    padding: 10px !important;
}

.toolbar-list-item {
    padding-left: 0px !important;
}



/**************************************************************
            CSS for home Search popup
***************************************************************/
.homeSearchDialog .ui-dialog-titlebar.ui-widget-header {
    display: none;
}

.homeSearchDialog.ui-widget.ui-widget-content {
    border-radius: 4px;
}

.noSearch-message {
    text-align: center;
    padding: 10px 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    clear: both;
}

.homeSearchDialog .search_Help_Popup {
    padding: 0;
}

.homeSearch-header {
    border-bottom: 1px solid #DDD;
    padding: 10px 15px;
    float: left;
    width: 100%;
}

.search-header-Left {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
}

.search-header-right {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4A6EE2;
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.search-wikilist-wrap {
    padding: 10px 15px;
    float: left;
    width: 50%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4a6ee2;
    text-transform: capitalize;
}

    .search-wikilist-wrap ul, .search-helpCardlist-wrap ul {
        padding-left: 0px;
        padding-top: 15px;
    }

        .search-wikilist-wrap ul li, .search-helpCardlist-wrap ul li {
            list-style-type: none;
            margin-bottom: 10px;
            font-size: 12px;
            color: #000;
        }

.search-helpCardlist-wrap {
    padding: 10px 15px;
    float: right;
    width: 50%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4a6ee2;
    text-transform: capitalize;
}

.noHelpCard-msg {
    color: #000;
    margin-top: 10px;
    font-size: 12px;
}
/**************************************************************
        CSS for PMM Grid action buttton 
***************************************************************/
.pmmGrid-actionBtnWrap {
    float: right;
    padding: 3px 5px 3px;
    background: #FFF;
    border: 1px solid rgb(184, 184, 184);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}

.pmm-actionAdd {
    cursor: pointer;
    float: right;
    margin: 1px 1px 1px 7px;
    width: 13px;
}

.pmm-action-description {
    float: right;
    height: 13px;
    width: 14px;
    margin-top: 1px;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr td div#dataTitle .pmmGrid-actionBtnWrap {
    display: none;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr:hover td div#dataTitle .pmmGrid-actionBtnWrap {
    display: block;
}

.service-catlogdel-icon {
    width: 16px;
    margin-right: 5px;
}

li.dxtcLiteDisabled_UGITNavyBlueDevEx a.aspNetDisabled.dxtc-link:hover {
    cursor: not-allowed;
    color: #b1b1b8 !important;
}

.accomp-popup input[type="text"].asptextbox-asp.tokenTextBox {
    width: 91% !important;
}
/****************CSS for radio button list*****************/
.custom-radiobuttonlist tr td input[type="radio"]:checked,
.custom-radiobuttonlist tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radiobuttonlist tr td input[type="radio"]:checked + label,
    .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Roboto', sans-serif;
        padding-right: 8px
    }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:before,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.assetType-list {
    padding: 0 6px 10px;
}

.requestType-table {
    height: 200px;
    overflow-y: scroll;
    float: left;
    border: 1px solid;
    width: 100%;
    margin-top: 10px;
}

.queDueDate {
    margin-top: 3px;
}

    .queDueDate.aspxSpinEdit-dropDown tr td.dxic input[type="text"] {
        height: 25px !important;
    }

.changeView-wrap {
    clear: both;
    display: inline-block;
    float: left;
    border: 1px solid #efeeee;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}

.ticket_info_icon {
    text-align: center;
    clear: both;
    display: inline-block;
    float: right;
    border: 1px solid #efeeee;
    padding: 5px;
    border-radius: 4px;
}

.parentService-chkBox-wrap {
    margin-bottom: 15px;
}

.disableSLA-container {
    /*margin-top: 10px;*/
    /*border-top: 1px solid rgb(223, 219, 219);*/
    padding: 0px 15px 0;
    margin-left: 5px;
}

.taskReminder-container {
    /*border-top: 1px solid rgb(223, 219, 219);*/
    /*padding-top: 15px;*/
}


/*******************************CSS for Secondary checkbox************************/
.crm-checkWrap-secondary {
    display: inline-block;
}

    .crm-checkWrap-secondary input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap-secondary label {
        position: relative;
        cursor: pointer;
        font: 13px 'Roboto', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap-secondary label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .crm-checkWrap-secondary input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 1.5px 1.5px 0;
        transform: rotate(45deg);
    }
/*.budget_fieldLabel.secandary-feildLable {
    color: #acaaaa;
}*/
.addMore-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.taskReminders-checkWrap-textbox {
    /*    padding-left: 23px;*/
    /*    padding-bottom: 12px;*/
    clear: both;
    float: left;
    width: 100%;
}

.edit-ticket-error-msg-container {
    border: 1px solid #e1dddd;
    font-family: 'Roboto', sans-serif;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    /*    width: 98.9%;*/
    margin-bottom: 15px;
}

.parentServiceRequest {
    margin-bottom: 12px;
}

.dx-treelist-select-all .dx-checkbox {
    left: 7px;
}

.parentServiceRequest {
    margin-bottom: 12px;
}

#parentSerWrap {
    width: 100%;
}

.reminderDays-dropdown {
    margin-right: 27px;
}

.toolbar-view-dropDown .dx-button.dx-button-has-text .dx-icon.dx-icon-right {
    float: right;
    margin-right: 7px;
}

.serviceCat-grayBg {
    background: #F0F0F0;
    clear: both;
}

/********************CSS for Aspx usertokenbox control*******************/
.aspxUserTokenBox-control {
    background-color: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

table.aspxUserTokenBox-control tr td {
    height: auto !important;
}

.aspxTokenBox-item table tr td div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 350px;
}

.dxeToken_UGITNavyBlueDevEx.tokenBoxStyle {
    max-width: 100% !important;
    background: none !important;
}

    .dxeToken_UGITNavyBlueDevEx.tokenBoxStyle span.dxeTokenText_UGITNavyBlueDevEx {
        max-width: 200px !important;
    }

.peAssignedTo table.aspxUserTokenBox-control tr td.dxic input[type="text"]:focus {
    border: none !important;
}

.btnAddNew.dx-button, .grid-template-container, .history_date_time {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

    .btnAddNew.dx-button.dx-button-mode-contained {
        background-image: none;
        background-color: #4FA1D6 !important;
        color: white !important;
    }

.btnAddNewNoBackground.dx-button.dx-button-mode-contained {
    background-image: none;
    /*background-color: #4FA1D6 !important;*/
    border: none;
    color: white !important;
}

.btnAddNew.dx-button-mode-contained:not(.dx-state-hover):hover {
    background-color: #f5f5f5 !important;
}

.btnAddNew.dx-button.dx-button-mode-contained .dxb {
    padding: 7px 5px 7px;
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox .dxb::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-left: 9px;
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox.find-similar-projects .dxb::after {
    background-image: url(/content/Images/find-similar-projects.png);
    filter: brightness(0) invert(1);
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox.preview-allocations .dxb::after {
    background-image: url(/content/Images/preview-allocations.png);
    filter: brightness(0) invert(1);
}

.btnAddNew.dx-button.dx-button-mode-contained.imgBox.autofill-allocations .dxb::after {
    background-image: url(/content/Images/autofill-allocations.png);
    filter: brightness(0) invert(1);
}

.pmmStatus_btnchange-projectStage {
    padding-top: 13px;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding-right: 5px;
}

    .pmmStatus_btnchange-projectStage a {
        float: right;
    }

.pmmStatus_projectSatgeDropDown {
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    /*width: 90%;*/
}

.budget-summary-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.worksheettable {
    font-family: 'Roboto', sans-serif;
}

.calenderyearnum {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
}

.CRMDueDate_inputField.homeDB-dateInput tr td.dxic input[type="text"] {
    height: 17px !important;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.pmm-constraints-table {
    border: 1px solid #dfdbdb;
    margin-bottom: 20px;
}

.pmm-constraints-table-td {
    border: 1px solid #dfdbdb;
    padding: 7px;
    font-size: 12px
}

#DivImportedItems {
    clear: both;
    padding-left: 3px;
}

/********************CSS for FormLayout Tab Rename Popup*******************/
.tabForm-chkWrap {
    margin-left: 10px;
}

.tabForm-btnWrap {
    clear: both;
    padding: 10px 7px;
}

    .tabForm-btnWrap ul {
        float: right;
    }

.Primary-BtnLinkWrap {
    display: inline-block;
    background: #4A6EE2;
    color: #FFF;
    padding: 4px 12px;
    border-radius: 4px;
}

.Primary-BtnLink {
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.secondary-BtnLinkWrap {
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 3px 12px;
    display: inline-block;
}

.secondary-BtnLink {
    color: #4A6EE2;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

    .secondary-BtnLink:hover {
        color: #4A6EE2;
        text-decoration: none;
        cursor: pointer;
    }

.Primary-BtnLink:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.treeList-dateFeild .dx-datebox .dx-texteditor-input-container input[type="text"] {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.treeList-dateFeild .dx-datebox .dx-texteditor-buttons-container .dx-button-normal.dx-button-mode-contained .dx-dropdowneditor-icon:before {
    color: #4A6EE2;
}

.dx-show-invalid-badge.dx-radiogroup .dx-item.dx-radiobutton .dx-item-content {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.modal-body.removePadding.Popup_dialog.isSvcPopup_bodyContainer {
    background: #fff !important;
}

.field_requesttypelookup_edit {
    background: #fff;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
}

    .field_requesttypelookup_edit td.dxic input[type="text"] {
        height: 28px !important;
    }

.field_beneficiarieslookup_edit {
    max-width: 100% !important;
    /*padding: 0 3px !important;*/
}

    .field_beneficiarieslookup_edit tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
        background: none !important;
    }

.optionBtn_addLogo input.input-button-bg {
    color: #fff !important;
}

#ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_lnkbtnAddProjectComplexity .button-bg {
    font-size: 12px;
}

.chooseDepartment_lable {
    color: black;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 8px;
}

.multipledepartmentViewdiv {
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.pmm-similarProject-link {
    font-size: 12px;
    color: #4A6EE2;
    margin-bottom: 0;
    margin-top: 7px;
}

/******************CSS for similar project Popup**************/
.similarProject-popup .dx-toolbar-items-container .dx-toolbar-item-content > div {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

.projectList-radioBtnList .dx-scrollview-content .dx-list-item:first-child {
    padding-left: 0px;
}

    .projectList-radioBtnList .dx-scrollview-content .dx-list-item:first-child .dx-list-item-content {
        padding: 10px 5px 10px;
    }

.projectList-radioBtnList .dx-scrollview-content .dx-list-item .dx-radiobutton-icon:before {
    width: 15px;
    height: 15px;
}

.projectList-radioBtnList .dx-scrollview-content .dx-list-item .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    margin-top: -12.5px;
    margin-left: 4.5px;
    width: 8px;
    height: 8px;
}

.importBtnWrap {
    padding: 15px;
}

.selected-projectID {
    float: left;
    margin-top: 3px;
    font-size: 12px;
}

.project-remove-img {
    margin-top: 3px;
    margin-left: 5px;
}

.templateTask-grid .dx-toolbar-items-container .dx-toolbar-label {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

.templateTask-grid .dx-popup-content .dx-treelist {
    border: 1px solid #ccd4e1 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
/*******************************************************
    CSS GANTT VIEW  
********************************************************/
.gantta-toolbarBtn .dx-button.dx-button-normal.dx-button-mode-contained.dx-state-hover {
    background: #fff;
}

.gantta-toolbarBtn .dx-button.dx-button-normal .dx-button-content {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    color: #4A6EE2;
    padding: 5px 15px;
}

.gantt-container {
    font-family: 'Roboto', sans-serif;
}

    .gantt-container .dx-gantt-view .dx-gantt-header {
        color: #4b4b4b;
    }

    .gantt-container .dx-treelist-container .dx-treelist-content table.dx-treelist-table {
        font-family: 'Roboto', sans-serif;
        color: #4b4b4b;
    }

        .gantt-container .dx-treelist-container .dx-treelist-content table.dx-treelist-table tr td .dx-treelist-text-content {
            font-size: 14px;
            /*white-space: normal;*/
        }

    .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap {
        font-family: 'Roboto', sans-serif;
    }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap table.dx-treelist-table tr td {
            /*font-size: 12px;*/
        }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-collapsed span:before {
            content: "\f0fe";
            position: absolute;
            display: block;
            width: 14px;
            top: 0;
            left: 4px;
            margin-left: -7px;
            margin-top: 2px;
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #4A6EE2;
        }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-expanded span:before {
            content: "\f146";
            position: absolute;
            display: block;
            width: 14px;
            top: 0;
            left: 4px;
            margin-left: -7px;
            margin-top: 2px;
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #4A6EE2;
        }

    .gantt-container .dx-gantt-view .dx-scrollview.dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
        overflow-y: hidden !important;
    }

.monitorLabel {
    margin-right: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #191919;
}

.monitorContainer {
    /*border: 1px solid #ecf1ff;*/
    border-bottom: none;
    width: auto;
    float: left;
    position: relative;
    top: 3px;
    padding: 3px 10px;
    background-color: #f5f5f5;
    padding: 8px 15px;
    /*border-radius: 4px;*/
}

    .monitorContainer.ugitlight1lighter {
        background-color: #f5f5f5;
        border-top: 3px solid #8c8484;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
        margin-bottom: 2px;
        z-index: 99;
    }

.monitor-content {
    border: 1px solid #d7d7d7;
    background-color: #f5f5f5;
}

.monitor-content-label {
    margin-bottom: 3px;
}

    .monitor-content-label span, .score-label {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

.monitor-content-feild {
    margin-bottom: 15px;
    clear: both;
    float: left;
    width: 100%;
}

.EditTicket-popupTextarea {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 34px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 0 7px;
}

.total-score {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
}
/******************CSS for PMM Monitors tooltip**************/
div.tip-violet {
    padding: 8px;
    background-color: white;
    border: 1px solid;
}

.importWizard-ticketId, .projectList-radioBtnList .dx-scrollview-content .dx-list-item {
    cursor: default;
}

.importWizard-previewlink {
    cursor: pointer;
}

.homeGrid_dataRow.importTask-Grid-DataRow.dxgvSelectedRow_UGITNavyBlueDevEx, .homeGrid_dataRow.importTask-Grid-DataRow:hover {
    cursor: pointer;
    background-color: #e1dddd !important;
}

.managementcontrol-main.tasklist-popup-container {
    min-height: 500px;
    overflow-y: visible !important;
}

.anchorRootMenuItem.leftMenu_listItem span {
    color: #fff !important;
}

.dxnb-content .anchorRootMenuItem img {
    max-height: 20px !important;
    max-width: 20px !important;
    float: right;
}

.dxm-popup .dxm-content .anchorRootMenuItem img {
    max-height: 20px !important;
    max-width: 20px !important;
    float: right;
}

.dxm-popup .dxm-content .anchorRootMenuItem .fleft {
    padding-top: 5px;
    margin-right: 4px;
}

.dxnb-headerCollapsed img {
    max-width: 25px !important;
}

.dxnb-header img {
    max-width: 30px !important;
}

.homeDashboard_menuListWrap_notitle {
    display: inline-block;
    margin-top: -18px !important;
    transform: scale(1.3);
    margin-left: 20px !important;
    float: none !important;
}
/*****************************CSS for bottleneck chart***************/
.legend-close {
    color: #ff5d5d;
    border: 1px solid #ff5d5d;
    background-color: #ff5d5d;
}

.legend-next {
    color: #4fca66;
    border: 1px solid #4fca66;
    background-color: #4fca66;
}

.legend-ruturn {
    color: blue;
    border: 1px solid blue;
    background-color: blue;
}

.svc-actionBtnWrap {
    float: right;
    padding: 3px 5px 3px;
    background: #FFF;
    border: 1px solid #e9e6e6;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: -19px;
    z-index: 9999;
    display: none;
}

.divHelp:hover div.svc-actionBtnWrap {
    display: block;
}
/****************CSS for services and catlog upload file *********************/
.add-file-doc .fileUploadIcon table.editTicket-fileupload-ctrl {
    width: 400px !important;
    max-width: 100% !important;
    border-radius: 4px;
    background: #FFF !important;
    border-color: #ccd4e1;
    border: 1px solid #ccd4e1;
    border-collapse: initial;
    margin: 23px auto 0;
}

    .add-file-doc .fileUploadIcon table.editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucBrowseButton_UGITNavyBlueDevEx {
        border: none !important;
    }

.add-file-doc .fileUploadIcon .uploadedFileContainer {
    margin: 5px auto;
    width: 400px;
}

.employee-name.form-group table.radiodropdownctr.equ_details_radiobtn tr td > span label {
    color: #4a6ee2;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    margin-left: 7px;
}

.employee-name.form-group .radiodropdownctr.equ_details_radiobtn {
    width: 100%;
}

.field_departmentlookup_edit.all-input.form-control {
    padding: 3px;
    height: auto;
    width: 100%;
    max-width: 100% !important;
}

.dx-treelist-rowsview .template-preview-grid-col .dx-treelist-collapsed span:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    margin-left: -6px;
    margin-top: 1px;
    font-size: 12px;
    color: #4a6ee2;
}

.dx-treelist-rowsview .template-preview-grid-col .dx-treelist-expanded span:before {
    content: "\f146";
    font-family: "Font Awesome 5 Free";
    margin-left: -6px;
    margin-top: 1px;
    font-size: 12px;
    color: #4a6ee2;
}

.template-preview-grid-col .dx-treelist-text-content {
    margin-left: 15px;
}

.template-preview-grid-col-date {
    padding-left: 22px;
}

.primary-btn-link {
    float: right;
    background: #4fa1d6;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500;
}

    .primary-btn-link:hover {
        color: #fff;
    }

.formLayout-addPopupContainer {
    background: #FFF;
    position: initial;
}

.primary-btn-link img {
    filter: brightness(9);
    width: 11px;
    margin-right: 8px;
    float: left;
    margin-top: 3px;
}

.primary-btn-link .phrasesAdd-label {
    color: #fff !important;
}

.crm-checkWrap2 label {
    position: relative;
    cursor: pointer;
    font: 13px 'Roboto', sans-serif;
    color: #4a6ee2;
    margin-top: -20px;
}

.labelfloating {
    float: left !important;
    margin-top: 14px;
}


/**************************************************
    CSS FOR CIRCULAR CHARRT
**************************************************/
.kpitr.cicularChart-container {
    position: relative;
    float: left;
}

    .kpitr.cicularChart-container .progress.barcharts-progress.xs {
        border-radius: 50%;
        height: 100px !important;
        width: 100px;
        position: relative;
        float: left;
        margin-bottom: 74px !important;
        margin-right: 0px;
        margin-left: 38px;
    }

.cicular-progress {
    position: absolute;
    background: #FFF;
    height: 83px;
    width: 83px;
    border-radius: 50%;
    left: 8.5px;
    right: 0;
    top: 9px;
    color: #000;
}

    .cicular-progress > div {
        font-family: 'Roboto',sans-serif;
        font-size: 22px;
        margin-top: 28px;
    }

.kpiresult.circular-chart-label {
    padding: 0;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    position: absolute;
    bottom: 41px;
    left: 20px;
    text-align: center;
    width: 100%;
}

.backtoAdmin {
    color: #4A6EE2;
    font-size: 20px;
    padding-top: 0px;
    display: inline-block;
    float: left;
}

.formLayout-headerWrap {
    padding-top: 15px;
}

.aspx-dropDown-edit {
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px;
}

    .aspx-dropDown-edit tr td {
        background: #FFF;
        padding: 0 !important;
    }

        .aspx-dropDown-edit tr td input[type="text"] {
            height: 32px;
        }

.showDel-chkWrap {
    padding-bottom: 7px;
}

.division-manager .aspxUserTokenBox-control {
    width: 100%;
}

.migrate-popup-btnWrap {
    position: absolute;
    bottom: 0;
    right: 0;
}

.marginLeft15 {
    margin-left: 5px;
}

.primary-blueBtn .dxb img, .primary-linkBtn img {
    filter: brightness(9);
}

.field_box table.assetList-radioBtn {
    width: 45%;
}

.radio-btnList {
    margin-bottom: 10px;
}

.assignto-userToken .aspxUserTokenBox-control {
    width: 100%;
}

.agentBtnImg {
    width: 30px;
}

.fixed-popupBtnWrap {
    position: fixed;
    bottom: 52px;
    right: 17.7%;
    background: #FFF;
    width: 69%;
    padding: 5px 9px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
}

body {
    width: 100% !important;
    min-height: 100vh !important;
}

.dxselect-div, #divMemo {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.lifecycle-container {
    border: 1px solid #9da0aa;
    padding: 10px;
    float: left;
    width: 100%;
}

    .lifecycle-container table {
        padding: 5px;
        border: 1px solid #ccc;
        background: #fafafa;
    }

        .lifecycle-container table table td, .lifecycle-stages tr td {
            padding: 3px;
        }

.lifecycle-stages {
    padding: 5px;
    border: 1px solid #ccc;
}

.aspHyperLink {
    float: right;
    border: 1px solid #4A6EE2;
    background: #4A6EE2;
    color: #FFF;
    padding: 5px 15px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px;
}

    .aspHyperLink:hover {
        color: #fff;
    }

.imgReport {
    width: 16px;
}

.pmmedit_reportIcon {
    color: #4a6ee2;
}

.report-popupMenu ul li.dxm-item {
    border-bottom: 1px solid #cecbcb !important;
    color: #4A6EE2;
}

    .report-popupMenu ul li.dxm-item.dxm-hovered {
        background-color: #e9e8e8 !important;
        color: #4A6EE2;
        border: none;
        border-bottom: 1px solid #8e8e8e !important;
    }

.devExtDataGrid-headerRow {
    background: #f2f3f4 url(/DXR.axd?r=102_1401-Q7Wal) repeat-x left top;
    color: #4b4b4b;
    font-weight: 500;
}

.devExtDataGrid-DataRow {
    border-bottom: 5px solid #f6f7fb !important;
}

.resourceVal {
    padding-left: 3px;
}

.aproval-alternate-row {
    background: #f9f8f8;
}

.aspLinkButton {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #4A6EE2;
    background: #4A6EE2;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    float: right;
}

    .aspLinkButton:hover {
        color: #fff;
    }

.project-status-container {
    margin: 10px 0px;
    box-shadow: 0px 0px 1px #aaaaaa;
}

.project-status-header {
    padding: 10px 6px;
    background-color: #f1f2f6;
}

.projectStatusEditMode-container {
    border: 1px solid #e3dfdf;
    float: left;
    width: 100%;
    padding: 15px 0;
    border-radius: 4px;
}

/*status tab*/
.statusHeaderButton {
    margin: 0px 4px !important;
    float: left;
}

.projectScore-wrap {
    padding: 8px 7px 8px 7px;
    float: left;
    color: #4A90E2;
    font-size: 13px;
    background-color: #f1f2f6;
}

.archived-dataRow.homeGrid_dataRow {
    background: rgb(250 218 212) !important;
}

.contentPane {
    float: left;
    width: 100%;
    height: 100%;
}

.stickfooter {
    margin-top: auto;
}

.clssvcattach > a {
    border: none !important;
}

.linkDelete-icon {
    margin-left: 6px;
}

.ques-answer.rightSection {
    overflow: visible;
    float: left;
    width: 100% !important;
}

.module-chkList tr td label {
    margin-left: 5px;
}

.homeGrid_dataRow td a.deleteBtn-report {
    margin-left: 7px !important;
}

.toolbarWrap {
    float: right;
    background: #FFF;
    padding: 11px 11px 5px;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.cardFooter-Icon.dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item {
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #ccc;
}

    .cardFooter-Icon.dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content i {
        color: #4A6EE2;
        width: 18px;
        font-size: 20px;
    }

.helpCardContainer .dx-texteditor-container .dx-button-mode-contained.dx-button-default {
    background: #fff;
}

.helpCardContainer {
    background: transparent !important;
    border: 1px solid #ccd4e1 !important;
}

#btn-Preview-Image {
    background: #FFF;
    /* display: block; */
    border: 1px solid #ccd4e1;
    padding: 4px 27px;
    border-radius: 4px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
    position: absolute;
    top: 3px;
    left: 154px;
}

.closeCancel-fieldWrap {
    padding-bottom: 10px;
}

.wikiNav-menuWrap.dx-scrollable-native.dx-scrollable-native-generic {
    overflow-y: visible;
    overflow-x: visible;
    height: 100%;
}

/*.nprLookuplist .dxpcDropDown_UGITNavyBlueDevEx .dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content .dxgvCSD {
    overflow: visible !important;
    height: 100% !important;
}*/
.comment-days img {
    width: 12px;
    margin-right: 8px;
    height: 16px;
}

.adminWorkFlow-container {
    padding-top: 15px;
}

.expandCollapseIcons {
    margin-right: 15px;
    position: relative;
    top: 5px;
    left: -3px;
}

    .expandCollapseIcons img {
        cursor: pointer;
    }

.aspxColorEdit-gridDropDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px !important;
    border-bottom-width: 1px !important;
    padding: 1px;
}

    .aspxColorEdit-gridDropDown tr td {
        background: #fff;
    }

        .aspxColorEdit-gridDropDown tr td.dxic input[type="text"] {
            height: 25px !important;
            background: #fff;
        }

.reportTitle {
    color: #4a6ee2;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 0;
    width: auto;
}

.module-chkListWrap {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%
}

.modal-body {
    background: #fff !important;
}

.cssassettimeline {
    display: block;
    text-align: right;
    width: 100%;
}

.rdFilterCriteria label {
    vertical-align: baseline;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-right: 8px;
}

.AspxTimeEdit-ctrl {
    width: 100%;
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .AspxTimeEdit-ctrl tr td input[type="text"] {
        height: 28px !important;
    }

.emailBody-editIcon {
    /*    position: absolute;
    top: 0px;
    left: 20%;*/
    display: inline-block;
}

.aspxPopup-footer {
    background: #FFF !important;
    border: none;
    border-top: none !important;
}

    .aspxPopup-footer .dxpc-footerContent {
        padding: 10px 10px 10px 12px;
    }

.dxcheckbox {
    font-family: 'Roboto', sans-serif;
}

    .dxcheckbox tr td {
        padding-left: 0;
    }

        .dxcheckbox tr td label {
            color: #4A6EE2;
            font-size: 12px;
        }

.btnBlue-Secondary {
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    padding: 4px 10px;
    margin-left: 15px;
    color: #4a6ee2;
    background: #fff;
}

.userctr.userValueBox-dropDown {
    width: 100% !important;
}

.dxAspx-radioBtnList {
    border-collapse: separate;
    width: 31% !important;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.selectDropDown {
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

.lookupValueBox-edit, .lookupValueBox-dropown {
    width: 100%;
}

/*    .lookupValueBox-dropown div.dxpcDropDown_UGITNavyBlueDevEx.dxdd-root table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvCSD {
        height: auto !important;
    }
*/
.adminTab-pannel {
    background-color: #ecf1ff;
    padding: 0px 10px;
}

    .adminTab-pannel .ugitsellinkbg.ugitsellinkborder {
        padding: 12px 15px;
        background-color: #b9ceff;
    }

    .adminTab-pannel div .tabspan {
        padding: 12px 15px;
    }

        .adminTab-pannel div .tabspan a {
            font-size: 13px;
            color: #848383;
        }

    .adminTab-pannel .ugitsellinkbg.ugitsellinkborder a {
        color: #000;
    }

}

.lblStartDate {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.dxpcLite_UGITNavyBlueDevEx .dxpc-header, .dxdpLite_UGITNavyBlueDevEx .dxpc-header {
    background: #f0f0f0 !important;
}

.lookupValueBox-dropown div.dxpclW.dxpc-ddSys.dxdd-root table tr td div.dxgvCSD {
    height: auto !important;
}

.gridPager div.dxp-right span.dxp-comboBox input[type="text"] {
    width: 40px !important;
    height: 20px !important;
}

.dropDown-fieldLabel {
    color: #4A6EE2;
    font-size: 13px;
}

.treeCss.deleteTicket-grid {
    border: 1px solid #d0d0d1;
    background: #FFF;
    padding: 10px;
    border-radius: 4px;
}

    .treeCss.deleteTicket-grid > div {
        background: #fff !important;
    }

    .treeCss.deleteTicket-grid div table tr td input[type="checkbox"] {
        margin-right: 10px;
        margin-top: 0px
    }

    .treeCss.deleteTicket-grid div table tr td a {
        font-size: 13px;
        color: #000;
    }

.delete-sucess-msg {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
    color: green;
    letter-spacing: 0.5px;
}

.homeGrid table.fieldactionusers {
    border-bottom-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.skipAddBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    padding: 5px 15px;
    margin-top: 25px;
}

.wiki-list-picker {
    display: inline-block;
    width: 50%;
}

/********************CSS for workflow chart****************************/
/*.contract_steptop_content .workflow-chart-outerCircle {
    border-radius: 50%;
    height: 39px;
    width: 38px;
    position: relative;
    cursor: pointer;
    background: gray;
}
.contract_steptop_content span.workflow-chart-innerCircle {
    background: #FFF;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 7%;
    top: 8%
}
.contract_steptop_content.workflowChart-wrap table tr td{
    background:none !important;
}
.contract_steptop_content span.workflow-chart-innerCircle i {
    top: 3px;
    left: 13px;
}*/


.table-responsive {
    overflow-x: unset;
}

.dxpc-sizeGrip.dxGridView_WindowResizer_UGITNavyBlueDevEx {
    position: absolute;
    right: 0;
    bottom: 0;
}

/************************JITU UI CHANGES**************************/
.dxgvDataRow_UGITNavyBlueDevEx.homeGrid_dataRow [id*="ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_grid_tccell"] > div {
    width: 40px;
}

/*.dxgvControl_UGITNavyBlueDevEx.customgridview.homeGrid.dxgv .dxgvCSD {
    height: 320px !important;
}*/

.dxgvDataRow_UGITNavyBlueDevEx.homeGrid_dataRow .dx-nowrap.dxgv.dxgRRB [id*="div_title_"] {
    width: 100% !important;
}

.tabContainer.field_heading .information-wrap.comment-tbl {
    margin-top: 10px;
}

.dxgvEditForm_UGITNavyBlueDevEx {
    background-color: #fff;
}

.dxeMemo_UGITNavyBlueDevEx, .dxeFocused_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
}

    .dxeMemo_UGITNavyBlueDevEx, .dxeFocused_UGITNavyBlueDevEx textarea {
        border-radius: 4px;
        padding: 4px;
    }

.dxgvHeader_DevEx {
    padding: 10px 11px;
}

.linkViewContent .accomp_inputField {
    padding: 0;
    display: flex;
    align-items: center;
}

.managementcontrolMainCus {
    float: left;
    width: 100%
}

    .managementcontrolMainCus .ddlCategoryCus {
        display: flex;
        align-items: center;
    }

    .managementcontrolMainCus .accomp_inputField_linkViewCus {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

.authorizedTbleWidth .aspxUserTokenBox-control {
    width: 100%;
}

.resourceUti-filterWarp .resourceUti-label label {
    margin-left: 0;
    margin-right: 0;
}

.resourceUti-label label {
    margin-left: 0;
    font-weight: 600;
}

.donutCardProp {
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 12px #aaa;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .donutCardProp td:not(:last-child) {
        margin-bottom: 8px;
    }

.field_assetlookup {
    max-width: 300px !important;
}

.dxeButtonEdit_UGITNavyBlueDevEx,
.textFieldWidth {
    max-width: 300px !important;
    min-height: 34px !important;
}

.field_description_view,
.field_description_edit {
    height: 150px !important;
}

.dxdi-canvas .shape rect {
    stroke-width: 5;
}

/*.dx-dropdowneditor.dx-dropdowneditor-field-clickable {
    margin-top: 10px;
}*/

.dxdpLite .dxpc-content .dxbButton.dxbButtonSys {
    margin-top: -8px;
}

.dxpcLite_UGITNavyBlueDevEx.dxpclW .aspxPopup.dxpc-shadow div.dxpc-contentWrapper {
    overflow: visible;
}

.rmmHome .userWelc .userWelcName, .rmmHome .userWelc .userWelcMssg, .rmmHome .divUserInfoMessage p {
    font-size: 14px;
    text-align: center;
    color: #333;
}

.rmmHome .userWelc {
    /*width: 162px;*/
    padding-left: 8px;
    overflow-wrap: break-word;
}

.rmmHome .divUserInfoMessage {
    padding-left: 12px;
    padding-right: 12px;
    flex-grow: 1;
}

.rmmHome #userInfoMessage .moreIcon {
    cursor: pointer;
}

.rmmHome .userImgBox {
    cursor: pointer;
    width: 93px;
    height: 93px;
    overflow: hidden;
    text-align: center;
    line-height: 125px;
    flex: 0 0 auto;
    border-radius: 50%;
    margin-top: 5px;
}

#divProjectView {
    flex-grow: 1;
}

    #divProjectView div.dx-scrollable-container, #divLeftPanel .dx-list-item .detailblock div.dx-scrollable-container {
        overflow: visible;
    }

    #divProjectView .dx-scrollview-content.dx-tileview-wrapper, #divLeftPanel .dx-list-item .detailblock .dx-scrollview-content.dx-tileview-wrapper {
        display: flex;
        height: auto;
        width: auto !important;
        justify-content: space-between;
    }

        #divProjectView .dx-scrollview-content.dx-tileview-wrapper .dx-item.dx-tile, #divLeftPanel .dx-list-item .detailblock .dx-scrollview-content.dx-tileview-wrapper .dx-item.dx-tile {
            border: none !important;
            position: static;
            height: 92px !important;
            /*    padding-left: 6px;
    padding-right: 6px;*/
            width: 110px !important;
            cursor: pointer;
        }

.paneldiv {
    text-align: center;
}

    .paneldiv .panelImgDiv {
        width: 50px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .paneldiv .panelImgDiv img {
            width: 100%;
        }

.tooltipp {
    position: relative;
    margin-bottom: 0;
}

    .tooltipp .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        z-index: 99;
        opacity: 0;
        transition: opacity .6s;
        bottom: 34px;
        left: 50%;
        margin-left: -60px;
    }

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltipp:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#divProjectView + .moreIcon, #divLeftPanel .dx-list-item .detailblock .moreIcon {
    z-index: 9;
    color: #4A6EE2;
    font-size: 18px;
    width: 26px;
    text-align: center;
}

#divLeftPanel .dx-list-item .detailblock .moreIcon {
    display: none;
}

#divLeftPanel .dx-list-item.dx-state-hover {
    background-color: transparent;
}

#listIcon {
    position: fixed;
    top: 0;
    left: 0;
}

#divLeftPanel {
    text-align: left;
}

    #divLeftPanel .dx-scrollbar-vertical.dx-scrollbar-hoverable {
        margin-right: -15px;
    }

    #divLeftPanel .dx-list-item {
        display: block;
        border: none;
        padding-top: 8px;
        padding-bottom: 8px;
        white-space: initial;
        overflow: visible;
    }

        #divLeftPanel .dx-list-item .detailblock .dRange .dxeBase_UGITNavyBlueDevEx {
            font-size: 13px;
        }

        #divLeftPanel .dx-list-item .itemblock {
            border-radius: 15px;
            box-shadow: 0 0 6px #ddd;
            height: 125px;
            padding: 6px;
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
            width: 124px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #divLeftPanel .dx-list-item .itemblock p {
                text-align: center;
                margin-bottom: 0;
                font-size: 14px;
                transition: color 0.3s;
                margin-top: 8px;
            }

            #divLeftPanel .dx-list-item .itemblock:hover p {
                color: #4A6EE2;
            }

        #divLeftPanel .dx-list-item .detailblock {
            border-radius: 15px;
            box-shadow: 0 0 6px #ddd;
            height: 125px;
            padding: 6px 45px;
            margin-left: 12px;
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
            width: 486px;
            color: #aaa;
        }

            #divLeftPanel .dx-list-item .detailblock .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-horizontal {
                display: none;
            }

            #divLeftPanel .dx-list-item .detailblock .panelImgDiv {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                overflow: hidden;
                flex: 0 0 auto;
            }

                #divLeftPanel .dx-list-item .detailblock .panelImgDiv img {
                    width: 100%;
                }

            #divLeftPanel .dx-list-item .detailblock .titleState > span.dxeBase_UGITNavyBlueDevEx {
                font-size: 16px;
                color: #000;
            }

            #divLeftPanel .dx-list-item .detailblock .titleState .secStat span.dxeBase_UGITNavyBlueDevEx {
                font-size: 16px;
                color: #767171;
            }

input[type="text"].dxeEditArea_UGITNavyBlueDevEx, input[type="password"].dxeEditArea_UGITNavyBlueDevEx,
input.dxeTokenBoxInput_UGITNavyBlueDevEx[type="text"] {
    margin: 0;
}

.dxeButtonEdit_UGITNavyBlueDevEx {
    font-size: 12px;
}

.dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container {
    padding: 1rem 1rem 0.5rem 1rem;
    background-color: transparent;
}

    .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer {
        overflow-x: auto;
        scrollbar-width: none;
        transition: all 0.4s;
        width: 550px;
    }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer:hover {
            scrollbar-width: thin;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer::-webkit-scrollbar {
            height: 0;
            transition: all 0.4s ease;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer:hover::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer::-webkit-scrollbar-track {
            background-color: #e4e4e4;
            border-radius: 25px;
        }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .ugit-contentcontainer::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 25px;
        }

    .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .row.dashboardService_catalogeContainer {
        display: flex;
    }

        .dashboard-panel .dashboard-panel-main .servciecatalog-main.buttonview-container .row.dashboardService_catalogeContainer .pcategorycontainer {
            padding: 0;
            margin-bottom: 0;
        }

.diagonalLineTR {
    background-image: -o-linear-gradient(bottom left, transparent calc(50% - 1px), #999, transparent calc(50% + 1px));
    background-image: linear-gradient(to top right, transparent calc(50% - 1px), #999, transparent calc(50% + 1px));
}

.breadcrumbs {
    /*border: 1px solid #cbd2d9;
    border-radius: 0.3rem;*/
    display: inline-flex;
    overflow: hidden;
    box-shadow: 0 3px 6px #ddd;
}

.breadcrumbs__item {
    background: #ccc;
    color: #333;
    outline: none;
    padding: 0.75em 2.25em 0.75em 2.75em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
    font-weight: 700;
}

a.breadcrumbs__item:not(.is-active):visited {
    color: #333;
}

a.breadcrumbs__item:not(.is-active):hover {
    color: #4A6EE2;
}

/*        .breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
    background: #edf1f5;
}

.breadcrumbs__item:focus:after,
.breadcrumbs__item:focus,
.breadcrumbs__item.is-active:focus {
    background: #323f4a;
    color: #fff;
}*/

.breadcrumbs__item.is-active:after,
.breadcrumbs__item.is-active {
    background: #547CFF;
    color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
    background: #ccc;
    bottom: 0;
    clip-path: polygon(50% 50%, -50% -50%, 0 100%);
    content: "";
    left: 100%;
    position: absolute;
    top: 0;
    transition: background 0.2s linear;
    width: 1em;
    z-index: 1;
}

.breadcrumbs__item:before {
    background: #fff;
    margin-left: 1px;
}

.breadcrumbs__item:last-child {
    border-right: none;
}

.breadcrumbs__item.is-done:after,
.breadcrumbs__item.is-done {
    background-color: #54FF7C;
}

.alert-attr {
    font-size: 20px;
    padding: 4px 12px;
    color: #fff;
    background-color: #2ab7c9;
}

.tabsSlideArrow {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
}

.arrow-box {
    cursor: pointer;
    background-color: #fff;
    font-size: 24px;
    color: #2AB7C9;
    padding: 2px 11px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 8px #ccc;
    transition: transform 0.3s;
}

    .arrow-box:hover {
        transform: scale(1.1);
    }

hr.rmmcard {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #eee;
}

.timeSheetPndAppvl-count {
    padding: 1px;
    margin-left: 172px;
    border-radius: 50%;
    border-style: solid;
    border-color: orange;
    background-color: orange;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
}

.timesheet-count {
    position: absolute;
    padding: 4px;
    width: 30px;
    left: 78%;
    top: 11px;
    border-radius: 50%;
    border-style: solid;
    border-color: orange;
    background-color: orange;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
}

.taskTextbox {
    width: 100%;
    background: #ffffff;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}

.HelpCardTiles .dx-scrollable-container .dx-scrollable-content .dx-item {
    overflow-y: auto;
}

.apsxDepTreeList {
    border: 1px solid #d0d0d1;
    font-family: 'Roboto', sans-serif !important;
    background-color: #fff;
    font-size: 12px;
}

.apsxDepTreeList-Header {
    color: #9C9FB1;
    padding: 10px 11px;
    font: 13px 'Roboto', sans-serif;
}

.apsxDepTreeList-wrap {
    padding-top: 10px;
}

.apsxDepTreeList-Node td {
    text-align: left !important;
    font-size: 12px;
    padding: 2px 11px !important;
    font-weight: 500;
    color: #737373;
    border-bottom: 5px solid #f6f7fb !important;
    font-family: 'Roboto', sans-serif;
}

    .apsxDepTreeList-Node td a {
        color: #4a6ee2;
    }

.chooseDepartment_list {
    height: 105px !important;
}

.btnIcon {
    border-color: #fff !important;
    background-color: #fff !important;
}

    .btnIcon img {
        height: 26px !important;
        width: 26px !important;
        filter: brightness(0.5);
    }

.dxpnlControl_UGITNavyBlueDevEx {
    font: 12px 'Roboto', sans-serif;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

#projectTeam_linkWrap .dx-button-has-icon .dx-button-content img {
    filter: brightness(0) invert(1);
}

.dxlp-imgPosTop {
    margin-bottom: 6px;
    width: 27px;
}


.uploadedFileContainer span {
    display: flex;
    align-items: center;
    gap: 6px; /* space between filename and delete icon */
    flex-wrap: wrap;
    width: 100%;
}

.uploadedFileContainer a.hyperLinkIcon {
    color: #000;
    word-break: break-all; /* prevent long names from overflowing */
    text-decoration: none;
    flex: 1; /* makes the filename take the remaining space */
}

.uploadedFileContainer img.cancelUploadedFiles {
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0; /* prevents the icon from moving to next line */
}


/******* Awaneesh************/



body, .dxeBase_MetropolisBlue, .dxgvTable_MetropolisBlue, .dxbButton_MetropolisBlue, .dxtlControl_MetropolisBlue, input, select, label, textarea, button, option {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
/**/
.dxgvHeader_MetropolisBlue {
    background-color: #f2f3f4;
    padding: 6px 10px;
    border: none;
    font-weight: 600;
}

.header_desktop .navbar {
    background-color: #253746;
}

.dxpnl-edge.l.dashboardLeft_menuIcon {
    background-color: #253746;
}

.fixedMenu-subMenuItemUl {
    background: #253746;
}

.leftSide_menuContainer {
    background-color: #253746 !important;
}
/*.dxgvControl_MetropolisBlue{
    font: unset;
}*/
.dxgvControl_MetropolisBlue.customgridview {
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #c0c0c0;
}
/*.configVariable-popupWrap{
    padding: 0px 16px;
}*/
a.primary-btn-link, a.primary-btn-link:hover {
    text-decoration: none;
    width: fit-content;
}
/*.dxgvTable_MetropolisBlue > .dxgvGroupRow_MetropolisBlue:nth-child(2n){
    background-color: #f9f9fc;
}*/

.dxgvGroupRow_MetropolisBlue:nth-child(2n) {
    background-color: #f9f9fc;
}

.addEditPopup-btnWrap .primary-btn-link {
    margin-left: 0px;
}

.homeGrid_dataRow:nth-child(2n) {
    background-color: #f9f9fc !important;
}

.addEditPopup-btnWrap .dxbButton_MetropolisBlue {
    width: fit-content;
    padding: 0px;
}

a.secondary-BtnLink, a.secondary-BtnLink:hover, a.Primary-BtnLink, a.Primary-BtnLink:hover {
    text-decoration: none;
}

.lookupValueBox-dropown table.dxeButtonEdit_MetropolisBlue tr td.dxic input[type='text'], .lookupValueBox-dropownSVC tr td.dxic input[type='text'] {
    height: 32px;
    background: #fff;
    border-radius: 4px !important;
}

.dxtlFocusedNode_MetropolisBlue {
    background-color: #dde6fd;
    color: black;
}

.ms-standardheader {
    font-size: 12px !important;
}

.dxgvControl_MetropolisBlue a {
    color: #4b4b4b !important;
    font-weight: 500;
}

.dxgvGroupRow_MetropolisBlue td {
    color: #4A6EE2;
}

.dxeValidStEditorTable .dxeErrorCell_MetropolisBlue {
    display: none;
}

.dxeButtonEdit_MetropolisBlue {
    width: 100%;
    border-radius: 4px;
}

.dxeButtonEditButton_MetropolisBlue {
    border-radius: 4px;
}

.dxsplPane_MetropolisBlue {
    border-width: 1px;
}

.aspxPopup .dxpc-closeBtn img {
    width: 23px;
}

.dxsplVSeparator_MetropolisBlue {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.ms-formlabel {
    padding-left: 0px;
}

.accomp_inputField {
    padding: 0px;
}

.PopupaddItem-linkWrap {
    padding-left: 0px;
    padding-right: 0px;
}

.addEditPopup-btnWrap {
    padding: 10px 12px 20px;
}

.dxgvDataRowAlt_MetropolisBlue {
    background-color: unset;
}

.dxtlHeader_MetropolisBlue {
    border: unset;
    background-color: #f2f3f4;
    font-weight: 600;
    padding: 8px 4px;
}

.apsxTreeList {
    border: 1px solid #d0d0d1;
}
/*.dxtlAltNode_MetropolisBlue{  
    background-color:unset;
}*/
.dxtlFocusedNode_MetropolisBlue a, .dxtlControl_MetropolisBlue a {
    color: #4b4b4b;
    text-decoration: none;
}

.ms-formlabel h3.ms-standardheader {
    padding-left: 6px;
}

/*.dxeButtonEdit_MetropolisBlue input[type="text"] {
    height: 33px;
}*/

.aspxUserTokenBox-control tr td.dxic input[type="text"].dxeTokenBoxInput_MetropolisBlue {
    min-height: 33px !important;
    height: 33px !important;
}

.ms-formbody {
    padding: 0px 6px 4px !important;
}

.lookupValueBox-dropown .dxeValidStEditorTable.dxeRoot_MetropolisBlue {
    width: 100%;
}



.tab_wrap ul li.dxtc-activeTab {
    padding: 0 !important;
}

.field_box .dxeButtonEditSys {
}

.dxeButtonEditSys td.dxictb > span {
    padding: 5px 10px;
    border-radius: 20px;
    margin-bottom: 0px;
}

.my__flex_auto.my__width_91_ .dxeButtonEdit_MetropolisBlue td.dxic {
    padding: 0px 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
}

/*.dxeButtonEdit_MetropolisBlue td.dxic input[type="text"]{
    width:unset !important;
}*/
input.dxeTokenBoxInput_MetropolisBlue[type=text] {
    min-height: unset;
    height: auto;
    margin: 0;
    padding-bottom: 0px;
}

a, a:hover {
    text-decoration: none;
}

.managementcontrol-main .ms-formbody {
    padding: 3px 6px 4px !important;
}

.dxbButton_MetropolisBlue div.dxb {
    padding: 1px 8px 1px;
}

.navbar-brand img {
    max-width: 150px;
    height: auto;
}

.secondary-cancelBtn .dxb {
    padding: 6px 12px !important;
}

.primary-blueBtn .dxb {
    padding: 6px 10px !important;
}

.lifecyclestage-pane .stage-titlecontainer {
    right: 0 !important;
}

    .lifecyclestage-pane .stage-titlecontainer b {
        text-align: right;
    }

.ptasktreeview fieldset {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.userValueBox-dropDown table {
    /*padding: 5px 0px;*/
}

.crmDropDown_field.userValueBox-dropDown table {
    padding: 0;
}

    .crmDropDown_field.userValueBox-dropDown table tr td.dxic input[type="text"] {
        padding: 1px 4px !important;
    }


.dxgvDataRow_MetropolisBlue td.dxgv {
    font-size: 13px;
    font-weight: 500;
}

.viewpanel {
    padding: 16px;
}

.accomp-popup select {
    height: 33px;
}

.managementcontrol-main.marginZero_forMobile.row fieldset {
    position: relative;
    padding-top: 10px !important;
}

.managementcontrol-main.marginZero_forMobile.row legend {
    position: absolute;
    top: -11px;
    background: white;
    display: block;
    padding: 0 4px !important;
    white-space: normal;
    width: auto;
    border-bottom: 0px;
    font-size: 15px;
    margin-bottom: 0px;
}

#ctl00_ctl00_Body .managementcontrol-main.managementcontrolMainCus.px-3 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.tab-contentdiv1 {
    padding: 0px !important;
}

    .tab-contentdiv1.ugit-contentcontainer iframe {
        margin-left: 0px !important;
    }

.homeContent_container {
    padding-bottom: 30px;
}

.dxgvGroupRow_MetropolisBlue td.dxgv {
    font-size: 12px;
    padding: 4px 6px;
}

.dxgvControl_MetropolisBlue.customgridview .dxgvDataRow_MetropolisBlue.homeGrid_dataRow {
    background-color: #ffffff !important;
    background: #ffffff;
}

.dxgvControl_MetropolisBlue.customgridview .dxgvGroupRow_MetropolisBlue.homeGrid-groupRow:nth-child(2n+1) {
    background-color: #f9f9fc !important;
}

.my__table__ .formtable {
    border-spacing: 0px;
}

.dxeButtonEditSys td.dxictb > span {
    padding: 3px 5px;
    border-radius: 20px;
    margin-bottom: 0px;
    display: inline-flex;
    max-width: fit-content !important;
    width: 100%;
}

.homeGrid {
    margin: 0px;
}

.fetch-popupParent fieldset {
    position: relative;
    padding-top: 14px;
}

.fetch-popupParent legend {
    position: absolute;
    top: -10px;
    background: #ffffff;
}

.my__w_fit {
    max-width: fit-content !important;
}

.my__flex_auto {
    flex: auto;
}

.dxeButtonEdit_MetropolisBlue, .textFieldWidth {
    max-width: 300px !important;
    min-height: 33px !important;
}

.hide {
    display: none !important;
}

/*.my__width_91_ {
    max-width: 91%;
}*/
.my__flex__1 {
    flex: 1;
}

    .my__flex__1 .cancelUploadedFiles {
        margin-top: 0;
    }
/*.dxeTokenBoxInput_MetropolisBlue {
    height: 29px;
    display: flex;
    align-items: center;
}*/

.actionSvcBtn_wrap .dropdown-toggle::after {
    display: none;
}

/*.managementcontrol-main.managementcontrolMainCus .configVariable-popupWrap {
    padding: 0px !important;
}*/

.my__btn__edit_ {
    background: #00a3d7;
    padding: 6px;
    border-radius: 4px;
    overflow: hidden;
    color: #ffffff;
}

    .my__btn__edit_ img {
        filter: brightness(0) invert(1);
    }

.dxmLite_MetropolisBlue .dxm-popup {
    background-color: #ffffff;
    color: #4A6EE2;
}

.my__drop__down_ .dxmLite_MetropolisBlue .dxm-popup .dxm-item {
    background-color: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px;
    padding: 0px 3px;
    border-bottom: 1px solid #ccd4e1;
}

    .my__drop__down_ .dxmLite_MetropolisBlue .dxm-popup .dxm-item.dxm-hovered {
        border: none !important;
        background: #EBEDF2 !important;
        color: #4A6EE2 !important;
    }

.my__drop__down_tsr_ .dxmLite_MetropolisBlue.dxm-popup .dxm-item {
    background-color: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px;
    padding: 0px 3px;
    border-bottom: 1px solid #ccd4e1;
}

.my__drop__down_tsr_ .dxmLite_MetropolisBlue .dxm-popup .dxm-hovered {
    border: none !important;
    background: #EBEDF2 !important;
    color: #4A6EE2 !important;
}


.field_box .dxeButtonEditSys {
    padding: 0px;
}

.dxeButtonEditSys td.dxictb {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: auto;
}

.dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-activeTab a {
    background-color: #4fa1d6;
}

.dxeTokenBoxInput_MetropolisBlue {
    padding-left: 3px !important;
}

[id*="aspxGridFileUpload"] .gridHeader, [id*="aspxGridFileUpload"] .dxgvHeader {
    border-top-left-radius: none !important;
    border-top-right-radius: none !important;
}

.htmleditor {
    border: 1px solid #c5c5c5;
}

    .htmleditor .dxeButtonEdit_MetropolisBlue input[type="text"] {
        height: auto;
    }

.dxucBrowseButton_MetropolisBlue {
    background-color: #e6e7ec;
}

.my__footer__fixed {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.first_tier_nav ul.btnStyleBottom {
    margin-bottom: 0px;
}

.dx-button-has-text .dx-button-content {
    padding: 6px !important;
}


/*for copy popup*/
.dxmodalSys > .dxpclW {
    margin: 0px auto;
    height: 100%;
}

    .dxmodalSys > .dxpclW .dxpc-mainDiv.aspxPopup.dxpc-shadow {
        top: 50% !important;
        transform: translateY(-50%);
    }

.monitorblock {
    padding: 0px 15px;
}

.project-status-container div[align="left"] {
    padding: 10px !important;
}

.project-status-container {
    padding: 0px;
}

    .project-status-container > div {
        padding: 0px !important;
    }

div[id="ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_cbpMainPanel_Shared.CustomTicketRelationShip_pageDetailPanel"] {
    .dxTreeList_DragAndDropArrowDown_MetropolisBlue, .dxTreeList_DragAndDropArrowUp_MetropolisBlue, .dxTreeList_DragAndDropHide_MetropolisBlue

{
    display: none;
}

}

.managementcontrol-main > fieldset {
    overflow: auto;
}

.dxpcLite_MetropolisBlue .dxpc-header, .dxdpLite_MetropolisBlue .dxpc-header {
    background: #f0f0f0;
    color: #5d5c6d;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 10px;
}

.input-button-bg {
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
    font-size: 11px !important;
}

.managementcontrol-main fieldset {
    margin-top: 8px;
    padding-top: 15px;
}

.managementcontrol-main legend {
    position: absolute;
    top: 0px;
    z-index: 9999;
    background: #ffffff;
}

.rmm-dropDownList.dxeButtonEdit_MetropolisBlue input[type="text"] {
    height: auto;
}

.primary-btn-link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px !important;
    border-radius: 4px !important;
    img

{
    height: 14px;
    margin: 0 !important;
}

.phrasesAdd-label {
    font-size: 12px !important;
    font-weight: 400;
    padding: 0 !important;
}

}

.primary-linkBtn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 8px !important;
    border-radius: 4px !important;
    img

{
    height: 14px;
    margin: 0 !important;
}

span .dx-vam {
    font-size: 12px !important;
    font-weight: 400;
    padding: 0 !important;
}

}

.rmmChkBox-container {
    flex-wrap: wrap;
}

.colForTabView .dxeButtonEdit_MetropolisBlue input[type="text"], .setAllocationTabButtonWidth .dxeButtonEdit_MetropolisBlue input[type="text"] {
    height: auto;
}

.resourceUti-filterWarp {
    row-gap: 8px;
}

.svcDashboardContent_mainWrap legend {
    border-bottom: 1px solid #e5e5e5;
}

.accomp-popup .dxeButtonEdit_MetropolisBlue {
    max-width: 100% !important;
}

.dxmLite_MetropolisBlue .dxeButtonEdit_MetropolisBlue input[type="text"] {
    height: auto;
}

.dxmLite_MetropolisBlue .dxeButtonEdit_MetropolisBlue {
    min-width: 28px;
}

.float-popup-xs.main-page-section.popup_wrap {
    padding-left: 6px;
    padding-right: 6px;
}

.my_query_height_controller div.dxgvCSD {
    max-height: calc(100vh - 383px) !important;
}

.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-right: 0px !important;
}

.dxeTextBox_MetropolisBlue {
    border-color: #ccd4e1;
    border-radius: 4px;
    overflow: hidden;
}

.homeGrid table.dxeTextBox_MetropolisBlue {
    height: 26px;
}

.homeGrid table.dxeButtonEdit_MetropolisBlue {
    min-height: unset !important;
    height: 26px !important;
}

    .homeGrid table .dxeButtonEdit_MetropolisBlue input[type="text"] {
        height: auto;
    }

.svcDashboardContent_mainWrap .dxeButtonEdit_MetropolisBlue {
    min-height: unset !important;
    height: 26px !important;
}

.reportBtn-wrap input.reportBtn-run {
    padding: 8px 20px;
}

.svcDashboard_quickTicketBtn {
    padding: 6px 12px;
}

    .svcDashboard_quickTicketBtn.dxbButton_MetropolisBlue div.dxb {
        padding: 0px !important;
    }


/*header fixes*/

.complete__header .userGroup-menuWrap ul li.dxm-item.dxm-selected {
    border: none;
}

.complete__header .dxmLite_MetropolisBlue .dxm-popup .dxm-content {
    padding: 7px 18px 6px 6px;
    color: #202020;
}

.complete__header .prof-progress {
    width: 100%;
    margin: 0;
}

    .complete__header .prof-progress .prof-bar {
        width: 100% !important;
    }

.complete__header ul.dx .dxm-tmpl {
    padding: 10px !important;
    background: unset !important;
    border-top: unset !important;
    border-bottom: unset !important;
}

.complete__header .dxmLite_MetropolisBlue .dxm-item {
    background: #e9ecf5;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cfd5e6
}

    .complete__header .dxmLite_MetropolisBlue .dxm-item:last-child {
        border-bottom: unset !important;
    }

.complete__header .dxmLite_MetropolisBlue .dxm-popup .dxm-hovered {
    background: #dce2f2;
    border-bottom: 1px solid #b8c1da;
    color: #202020;
}

    .complete__header .dxmLite_MetropolisBlue .dxm-popup .dxm-hovered .dxm-content {
        padding-left: 14px;
    }

.complete__header .dxmLite_MetropolisBlue .dxm-popup {
    border: unset;
    padding: unset;
    box-shadow: 2px 2px 9px #00000029;
    border-radius: 4px;
    overflow: hidden;
    padding: 4px 4px;
}

.fetch-popupParent legend {
    position: absolute;
    width: auto;
    border: none;
    font-size: 13px;
    font-weight: bold !important;
    margin-bottom: 0px !important;
    padding: 0px 4px;
    <<<<<<< Updated upstream top: -8px;
}

.dxm-popup.ddlActionMenu > ul {
    width: auto !important;
    padding: 0;
}

.my__drop__down_ #ctl00_ctl00_MainContent_ContentPlaceHolderContainer_customFilter_ASPxCallbackPanel1_ASPxPopupMenuReportList {
    top: unset !important;
    max-height: calc(100vh - 210px) !important;
    overflow: auto !important;
    width: fit-content;
}

.my__ticket_summary__ fieldset {
    position: relative;
    padding-top: 28px
}

.my__ticket_summary__ legend.reportTitle {
    position: absolute;
    top: -10px;
    background: #ffffff;
}

.my__ticket_summary__ .dxeButtonEditButton {
    background: unset;
    border: unset;
}

.bottleneckChart-container {
    padding: 10px 16px
}

#ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_ctl00_pnlWizardPreview.py-3 {
    padding: 16px !important;
}

td.pt-3.h6 {
    font-size: unset;
}

.panel-parameter {
    padding: 10px;
    padding-top: 30px;
    position: relative;
}

    .panel-parameter .table-header {
        position: absolute;
        display: inline-block;
        top: 0;
        left: 0;
        padding: 8px;
    }

td.param-value.pt-3 .dxeButtonEdit_MetropolisBlue {
    max-width: 100% !important;
}

.field_box .dxeButtonEditSys {
    border-radius: 4px;
    overflow: hidden;
}

.formLayout .dxflItem_MetropolisBlue.dxflElConSys {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.formLayout .dxflNestedControlCell_MetropolisBlue .CalenderDiv.dxscControlSys {
    border: 1px solid #dfdfdf !important;
}

.formLayout .dxflGroup_MetropolisBlue {
    padding: 16px;
}

.my__ticket_summary__ legend {
    position: absolute;
    top: -8px;
    display: inline-block;
    width: fit-content;
    background: #ffffff;
    font-size: 15px;
}

.my__ticket_summary__ .dxcvEmptyHiddenCard {
    width: fit-content;
}

.my__ticket_summary__ fieldset {
    border: 1px solid #c0c0c0;
    padding-top: 20px;
    margin-bottom: 10px;
}

.my__ticket_summary__ .dxgvSelectedRow {
    background-color: #e8eded;
    color: black;
}

.ModuleBlock {
    top: 10% !important;
    left: initial !important;
    right: 1% !important;
    padding-bottom: 40px !important;
}

.complete__header .dxmLite_MetropolisBlue .dxm-item {
    background: #1e3846;
    border-top: 1px solid #365769;
    border-bottom: 1px solid #16303e;
}

.complete__header .dxmLite_MetropolisBlue .dxm-popup .dxm-content {
    padding: 7px 18px 6px 6px;
    color: #ffffff;
}

.complete__header .dxmLite_MetropolisBlue .dxm-popup .dxm-hovered {
    background: #1e3846;
    border-bottom: 1px solid #173241;
    color: #ffffff;
}

@media (min-width: 1200px) {
    .svcDashboardContent_mainWrap.col-md-12.col-sm-12.col-xs-12.noPadding legend {
        font-size: 1.25rem;
    }
}

.fetch-popupParent fieldset {
    margin-bottom: 16px;
}

.fetch-popupParent legend {
    top: -9px;
}

.fetch-popupParent .approve-btn a, .fetch-popupParent .reject-btn a {
    display: inline-block;
}

.approve_reject_wrap {
    margin-top: 10px;
}

f@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');
/***************************Css for Responsive UI****************************************/


@media only screen and (max-width: 2560px){
    .homeDashboard_donutChart{width:95px !important; height:95px !important;margin-top:25px;}
    /*.priorityMedium {background-size:85%;}*/
    /*.priorityHigh {
        background-size: 85%;
    }
    .priorityHigh {
        background-size: 85%;
    }
    .priorityCritical{background-size:70%;}*/
    /*.svcDashboard_dropdown{width:30% !important;}*/
    .previousBtn_svcCreate{float:right !important;}
}

@media only screen and (max-width: 1400px) {
    .servicePrime-workFlow {
        padding-left: 105px;
    }
    /*.ques-answer.rightSection {
        float: left;
        width: 90%;
    }*/
}

@media only screen and (max-width: 1319px) {
    .servicePrime-workFlow {
        padding-left: 47px;
    }
    .servicePrime-prevArrow {
        left: -42px !important;
    }
    .servicePrime-nextArrow {
        right: -32px !important;
    }
    .searchPannelWrap-container {
        width: 100%;
        text-align: center;
        float: left;
    }
    .prblemStatement-inputWrap{
        float:none;
    }
}
@media only screen and (max-width: 1200px) {
    .headerPage-mesage{
        right:0;
    }
    .messageListWrap li {
        padding: 0px 9px;
    }
    .accomp-popup input[type="text"].asptextbox-asp.tokenTextBox {
        width: 88% !important;
    }
    .proT-rowDelete {
        text-align: left;
    }

    .menuContentCollaps_left {
        top: 45px !important;
    }
    /*.leftSide_menuExpandContainer {
        width: 230px !important;
        background-color: #fff;
    }*/

    /*.dashboard_leftSideMenuExpand {
        background-color: #fff;
        width: 245px !important;
        position: fixed;
    }*/

    /*.dashboardLeft_menuIcon {
        width: 3% !important;
    }*/

    /*.right_content {
        width: 75% !important;
    }*/

    .panelDashboard {
        margin: 10px 8px 0px 0px !important;
    }

    .homeRightPanel_chartContainer {
        width: 100% !important;
    }
    /*.svcDashboard_dropdown {width: 70% !important;}*/
}
@media only screen and (max-width: 1024px) {
   
    /**css For PMM scrum tab*****/
    .PmmScrum_btnContainer {
        margin-top: 25px !important;
    }
    /*.post-container {margin-left: 40px !important;}*/
    .noPaddingLeft {padding-right: 0px !important;}
    /*.categorylist-container {width: 21.6667% !important;}*/
    /*.serviceBoard_btnView {height: 125px !important;}*/
    .category_block, .service_block{width:37% !important;}
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    /*.myticketinner2 table.btn-secondary.dropdown-toggle {width: 30% !important;}*/
    /*.svcDashboard_dropdown {width: 84% !important;}*/
    .homeDashboard_chartSecWrap .dxpc-content{height:auto !important; width:auto !important;}


    .servicePrime-workFlow {
        padding-right: 46px;
        padding-left: 46px;
    }
    .servicePrime-workFlow .dxis-nbBottom{
        width: 100% !important;
    }
    .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper {
        width: 100% !important;
        overflow: scroll;
    }
    .servicePrime-prevArrow {
        left: -47px !important;
    }
    .servicePrime-nextArrow {
        right: -38px !important;
    }
    .headerPage-mesage {
        padding: 21px 0px 0px 0px;
    }
}
@media only screen and (max-width: 990px) {
    .title-sectionContainer {
        padding: 88px 0px 0px;
    }

    .leftSide_menuContainer {
        top: 87px;
    }
}
@media only screen and (max-width:900px) {
    /*.title-sectionContainer {
        padding: 92px 0px 0px;
    }*/
    .svcDashboard_drpDownWrap {
        margin-left: 5px;
    }
    /*.right_content {
        width: 65% !important;
    }*/
    .dashboardLeft_menuIcon {
        width: 50px !important;
    }

    .leftSide_menuExpandContainer {
        width: 250px !important;
        height: 40px;
    }
    /*.dashboard_leftSideMenuExpand {width: 251px !important;}*/
    .categorylist-container {
        width: 27.6667% !important;
    }

    .serviceBoard_btnView {
        padding: 10px 6px 10px 6px;
    }

    .pcategorycontainer {
        margin-left: 0px !important;
    }
    /*.pointer {width: 45px !important;margin-left: -15px}*/
    .rectangle {
        width: 27px !important;
        padding: 13px 0px !important;
    }
    /*.post-container {margin-left: 7px !important;}*/
    /*.noPaddingLeft {padding-left: 0px;padding-right: 0px;}*/
    .myticketinner2 table.btn-secondary.dropdown-toggle {
        width: 30% !important;
    }

    .service-block {
        margin-right: 0px;
    }

    .category_block {
        width: 41% !important;
    }
    /*.svcDashboard_dropdown {width: 40% !important;}*/
}
@media only screen and (max-width: 767px) {
    .title-sectionContainer {
        padding: 53px 0px 0px;
    }
    .leftSide_menuContainer {
        top: 53px;
    }
    .colForXS {
        width: 49%;
        display: inline-block;
        padding: 0px;
    }
    /*.right_content {width: 68% !important;}*/
    /*.pointer {width: 102px !important;}*/
    /*.rectangle {margin-right: 0px !important;}*/
    /*.post-container {margin-left: 10px !important;}*/
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .service-block{margin-right:0px;}
    .dashboard_goBtn_wrap{margin-left:46% !important;}
    .category_block{ width:52% !important;}
    /*.priorityHigh, .priorityMedium, .priorityLow, .priorityCritical{background-size: 40%;}*/
    /*.svcDashboard_dropdown {width: 79% !important;}*/
    .app-status-dv form {padding: 0px 50px 10px;}
    .visualization-title {font-size: 80px;}
    #btnStatus {margin: 20px 0px 0px;}
    .workFlowImg-wrap {top: 0 !important;}
    .legends-container {
        float: none !important;
        margin: 20px auto 20px;
        position: static;
    }
    .editTicket_fileUpload {width:100% !important;}
    .editTicket_fileUpload table tr .dxBB a {margin-left: 0;}

    /*************************************CSS for SVC Edit history tab****************/
    .history_img img{height:47px;}
}
@media only screen and (max-width: 740px) {
   
    .right_content {width: 65% !important;}
    /*.logoText1{margin-right:0px;}*/
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .dashboard_goBtn{margin-left: 2%;}
    /*.svcDashboard_dropdown {width: 40% !important;}*/
    .table-responsive{border:none;}
}
@media only screen and (max-width: 640px) {
    .right_content {width: 60% !important;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    /*.dxpc-contentWrapper{display:block !important;}*/
    .dashboard_goBtn{margin-left: 2%;}
    .dashboard_goBtn_wrap {margin-left: 40% !important;}
    .category_block, .service_block {width: 100% !important;}
    /*.svcDashboard_dropdown {width: 50% !important;}*/
}
@media only screen and (max-width: 568px) {
    .right_content {width: 57% !important;}
    .dxpc-contentWrapper{display:block !important;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .myticketinner2 table.btn-secondary.dropdown-toggle{width: 43% !important;}
    .dashboard_goBtn{margin-left: 2%;}
    
    .dashboard_goBtn_wrap {margin-left: 40% !important;}
    .category_block, .service_block {width: 100% !important;}
    /*.svcDashboard_btnWrap{float:none;}*/
    /*.svcDashboard_actionBtnWrap {
        display: block !important;
        text-align: center !important;
        margin-top: 8px;
        margin-bottom: 12px;
    }*/
    /*.svcDashboard_quickTicketBtn{margin-left: 27px;}*/
     /****************************************************SVC ADD ticket popup*********************************************************************/
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .inner-cust-dropdown-menu{width:100%;}
    .select-style{width:100%; padding-right:0px;}
    .editTicket_fileUpload{margin-bottom:0px;}
    .editTicket_fileUpload tr td{padding:0px !important;}
    .uploadedFileContainer{margin: 5px 0px 5px 2px;}
    .next-cancel-but{margin:0px;}
    .next-cancel-but .next {width: 165px !important;padding: 9px 0px !important;}
    .previousL{padding: 5px 20px;}
    .previousBtn_svcCreate{float:right !important;}
    .svcCreateTicket_formWrap{margin: 40px 0px 60px; padding:0px;}
    .svcCreateTicket_formCotainer{margin: 8px 0px 15px;padding: 0px;}
    .full_width{width:100%;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .applLegend {display: block;}
    .cust-main-popup .putting-ticket-sec h4 > span{font-size: 14px;}
    .question-wrap{padding-top: 0PX;padding-left: 15px;}
    .question-name span{font-size:14px; margin-bottom:0px;}
    .question-value span{font-size:14px;}
    .add-file-doc{margin-top:5%;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}

}
@media only screen and (max-width: 480px) {
    .title-sectionWrap {
        padding: 8px 17px 30px 68px;
    }
    .pageTitle {
        display: block;
        margin-bottom: 15px;
    }
    .guide-container {
        display: block;
    }
    .tenantName-wrap{
        float:left;
        display:block;
        border-right:0;
    }
    /********************CSS for home user dashboard *******************/
    .searchPannelWrap-container {
        /*width: 100%;
        margin: 0px auto;*/
        border-bottom: 10px solid #F6F7FB;
        /*float: left;*/
        padding: 12px 10px 20px 10px;
    }
    .prblemStatement-inputWrap {
        width: 87%;
    }
    .comment-tbl .comment-container .comment-action-buttons img{top:-104px;}
    .right_content {width: 48% !important;}
    /*.post-container{margin-left:3px !important;}*/
    /*.headerContent_profile{padding-left:0px;}*/
    /*.categorylist-container{width: 44.6667% !important;}*/
    .dashboard_goBtn{margin-left: 38%;}
    .myticketinner2 table.btn-secondary.dropdown-toggle{width: 51% !important;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .dxpc-contentWrapper{display:block !important;}
    /*.svcDashboard_drpDownWrap{float:right !important; text-align:center !important;}*/
    /*.svcDashboard_quickTicketBtn{ margin-left:0px !important; margin-bottom:5px;}*/
    /****************************************************SVC ADD ticket popup*********************************************************************/
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .inner-cust-dropdown-menu{width:100%;}
    .select-style{width:100%; padding-right:0px;}
    .editTicket_fileUpload{margin-bottom:0px;}
    .editTicket_fileUpload tr td{padding:0px !important;}
    .uploadedFileContainer{margin: 5px 0px 5px 2px;}
    .next-cancel-but{margin:0px;}
    .next-cancel-but .next {width: 165px !important;padding: 9px 0px !important;}
    .previousL{padding: 5px 20px;}
    .previousBtn_svcCreate{float:right !important;}
    .svcCreateTicket_formWrap{margin: 40px 0px 60px; padding:0px;}
    .svcCreateTicket_formCotainer{margin: 8px 0px 15px;padding: 0px;}
    .full_width{width:100%;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .applLegend {display: block;}
    .cust-main-popup .putting-ticket-sec h4 > span{font-size: 14px;}
    .question-wrap{padding-top: 0PX;padding-left: 15px;}
    .question-name span{font-size:14px; margin-bottom:0px;}
    .question-value span{font-size:14px;}
    .add-file-doc{margin-top:15%;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .svcPopupDialog_wrap > div + div > iframe{
        width:100%;
    }
    .svcPopupDialog_wrap {
        left: 0 !important;
        right: 0px !important;
        /*display:inline-block !important;*/
        margin: auto !important;
    /* adding common width for all popups*/
        width: 100% !important;
    }
    .comment_text_wrap {
        margin-left:0px !important
    }
}
@media only screen and (max-width: 425px) {
   
    .right_content {
        width: 48% !important;
    }
    /*.logoText1 {margin-right: 0px;}*/
    /*.pointer {width: 107px !important;margin-left: 0px !important;}*/
    /*.homeDashboard_headerMenu_wrap {float: left !important;margin-left: 0px !important;}*/
    /*.rectangle {width: 48px !important;padding: 24px 0px !important;}*/
    /*.categorylist-container {width: 77% !important;}*/
    .myticketinner2 table.btn-secondary.dropdown-toggle {width: 63% !important;}
    .service_dropDownWrap{margin-left:0px;}
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        left: 0px !important;
        top: 0px !important;
    }
    .dxpc-contentWrapper{display:block !important;}
    .dashboard_goBtn_wrap{margin-left:34% !important;}
    .dashboard_goBtn {margin-left: 3%;}
    .category_block, .service_block {width: 86% !important;}
    /*.priorityHigh, .priorityMedium, .priorityLow, .priorityCritical{background-size: 42%;}*/
    .homeDashboard_chartContent {width:285px !important;}
    /****************************************CSS for svc Create *******************************************************************************************/
    .uploadedFileContainer{margin: 5px 0px 5px 19px;}
    .next-cancel-but{margin: 5px 0;}
    .next-cancel-but .next {width: 135px !important;padding: 5px 0px !important;}
    .cust-main-popup .putting-ticket-sec h2 {font-size: 18px;margin-top: 18px;}
    .select-style label{margin-bottom: 0px; font-size: 15px;}
    .select-style select{font-size: 14px;}
    /*.svcDashboard_dropdown{width: 75% !important;}*/
    /****************************************************SVC Dashboard*********************************************************************/
    .page-container {
        min-width: 100% !important;
    }
    .ticket_contentWrap{border:none !important;}
    /****************************************************SVC ADD ticket popup*********************************************************************/
    .editTicket_fileUpload tr td{padding: 0px 15px !important;}
    .editTicket_fileUpload{margin-bottom:0px !important;}
    .previousL{ padding: 2px 18px;}
    .responsiv_nextBtn{float:right !important;}
    .previousBtn_svcCreate{float:right !important;}
    .svcCreateTicket_formWrap, .svcCreateTicket_formCotainer{margin-left:0px; margin-right:0px; margin-bottom:10px;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .add-file-doc{margin-top:15%;}
    .applLegend {display: block;}
    .question-wrap{ padding-top: 0px;padding-left: 12px;}
    .question-name span{margin-bottom: -11px; font-size:14px;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .question-value span{font-size:14px;}
    .svcPopupDialog_wrap > div + div > iframe{
        width:100%;
    }
    .svcPopupDialog_wrap {
        left: 0 !important;
        right: 0px !important;
        margin: auto !important;
        width:100% !important;
    }
    .comment_text_wrap {
        margin-left: 0 !important; 
    }
    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        display: inline-block !important;
        float: left !important;
    }
    .comment-tbl .comment-container .comment-action-buttons img {
        top: -120px;
        right:0px;
    }
}
@media only screen and (max-width: 414px) {
    .right_content{width: 41% !important;}
    /*.svcModule_title{padding-left:15px;}*/
    /*.svcDashboard_dropdown {width: 65% !important;}*/
    .serviceCatParent {
        position: fixed !important;
        left: 20% !important;
        top: 50% !important;
        z-index: 999999 !important;
        height: auto !important;
    }
    .setTopauto .dxpc-contentWrapper{height:auto !important;}
}
@media only screen and (max-width: 375px) {

    /************CSS for Home user Dashboard**************************************/
    .searchPannelWrap-container {
        width: 100%;
        margin: 0px auto;
        border-bottom: 10px solid #F6F7FB;
        float: left;
        padding: 0px 10px 20px 10px;
    }
    .prblemStatement-inputWrap {
        width: 87%;
    }
    /************************CSS for Main Dashboard page********************************/
    category_block, .service_block {
        width: 100% !important;
    }
    .homeDashboard_headerMenu_container {margin-bottom: 0px}
    .homeDashboard_search_tableWrap {margin-bottom: 0px !important;padding: 0px 10px 3px 10px !important;}
    /*.homeDashboard_headerIcon {
        width: 40px !important;
        padding: 20px 0px !important;
        margin-right: 2px !important;
    }*/
    .homeDashboard_headerIcon_wiki {width: 22px;}
    .homeDashboard_headerIcon_que {width: 13px;}
    .homeDashboard_headerIcon_bell {font-size: 20px !important;}
    /*.homeDashboard_headerMenu_wrap {float: left !important;margin: 0px !important;}*/
    .managementcontrol-main {margin-right: 0px;}
    /*.homeDashboard_leftcontent_wrap {padding-left: 5px;}*/
    .modal-body {padding: 0px;}
    /*.homeDashboard_chartSecWrap .dxdpLite.dxpclW {display: block!important;width:100% !important;}*/
    .homeDashboard_chartSecWrap .dxdpLite.dxpclW .dxpc-contentWrapper {display: block !important;height: 100% !important;}
    .homeDashboard_chartSec_container {width: 100% !important;}
    .homeDashboard_panel_main {width: 100% !important;margin-right: 0px !important;}
    .homeDashboard_chartContent {width:285px !important;
}
    .homeDashboard_chartContent_elementWrap .dashboardkpi-td .dashboardkpi-txt {font-size: 12px !important;}
    .homeDashboard_donutChart {width: 100px !important;height: 100px !important;}
    .dashboard-panel-main-notmove {margin-right: 0px !important;width: 100% !important;}
    .homeDashboard_devexpressChart {width: 100% !important;}
    .homeDashboard_devexpressChart img {width: 100% !important;}
    /*.dashboardLeft_menuIcon {
        top: 0px !important;
        width: 12% !important;
        padding: 12px 35px 12px 12px !important;
    }*/
    /*.leftSide_menuContainer {width: 30px !important;}*/
    .xs_noPadding {
        padding-right: 0px;
        float: right;
        padding-left: 0px;
    }
    /*.dashboard_leftSideMenu{width:47px;}*/
    /*#ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {display: block !important;left: -2px !important;}*/
    .homeDashboard_logo2 {
        margin-top: 0px;
        margin-right: 0px;
        float: right;
    }
    .dashboardLeft_menuIcon img {margin-top: 0px;}
    .dashboardServices_container {padding: 0px;}
    .dashboardServices_Lable {
        display: block;
        font-size: 12px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        margin-left: 6px;
        float: none;
    }
    .dashboardServices_categoryDropDown {
        margin-left: 5px;
        display: block;
        float: none;
    }
    .dxpcextra-content {width: 308px !important;}
    .service-toptitle-sub {width: 250px !important;font-size: 13px;}
    .dashboard_goBtn {margin-left: 34%}
    /*.logoText1 {margin-top: -3px;margin-right: 0px;}*/
    .servicecategory {width: 90% !important;}
    .AdditionCss {margin-left: -8px !important;}
    .dxpc-content.dxpcextra-content1 {height: auto !important;}
    .cust-main-popup .putting-ticket-sec h2 {margin-top: 0px !important;font-size: 16px !important;}
    .next-cancel-but {margin: 0px;}
    .next-cancel-but .next {width: 110px !important;padding: 4px 0 !important;}
    .cust-main-popup .putting-ticket-sec h4 {margin: 0px;}
    .svcCreate_headerContent {padding: 0 0px;}
    .previousL {padding: 0px 10px;}
    .uploadedFileContainer {margin: 0px 0px 0px 30px;}
    .responsiv_nextbtn .dxbbutton_ugitnavybluedevex div.dxb {padding: 4px 22px !important;}
    .svccreateticket_formwrap {margin: 0px 0px 0px !important;}
    .svccreateticket_formcotainer {margin: 0px !important;}
    .employee-name {margin-top: 5px;}
    .question-name span {margin-bottom: 0px;font-size: 14px;}
    .select-style label {margin-bottom: 0px;font-size: 14px;}
    .editTicket_fileUpload {width: 100% !important;margin-bottom: 0px;}
    .editTicket_fileUpload tr td {border: none !important;padding: 0px 15px !important;}
    .add-file-doc .dxucInputs_UGITNavyBlueDevEx {margin-left:0}
    .marginZero_forMobile { margin: 0px !important;}
    .select-style select {font-size: 14px;}
    .cust-main-popup .putting-ticket-sec h4 > span {font-size: 15px;margin-bottom: 15px;}
    .date-time .dxeButtonEditButton_UGITNavyBlueDevEx {background: transparent !important;border: none !important;}
    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {width: 20px !important;}
    .main-cont {margin: 10px 0px 5px !important;}
    .inner-cust-dropdown-menu {width: 85%;}
    .select_product {margin: 0px 0 0 0px !important;}
    .question {margin: 0px !important;}
    .svcCreate_accessUsrTable {margin-top: 5px;}
    .applLegend {display: block;}
    .empl_content_xsPadding {padding-left: 6px;}
    .question-value span {font-size: 14px;}
    .submit_CreateRequestL {width: 115px;padding: 2px 10px;}
    .treeRootNode {
        padding: 0px 0px 0px 5px !important;
        overflow: hidden;
        word-break: break-all;
        white-space: normal !important;
    }
    .treeLeafNode {white-space: pre-line;}
    .search{padding:0px; margin-left:-10px;}   
    /*.svcDashboard_quickTicketBtn {margin-left: 16px !important;margin-bottom: 5px;}*/

/**********************CSS for Main Dashboard***************************/
    .dxdpLite {
        visibility: hidden !important;
        display: block !important;
        /*position: relative !important;*/
        left: 0px !important;
        top: 0px !important;
    }
    .dropDown_category {width: 75% !important;}
    .dashboardService_catalogeContainer {padding-left: 15px !important;padding-right: 15px !important;}
    /*.pcategorycontainer {
        margin-left: 0px;
        padding-left: 10px !important;
        padding-right: 0px !important;
    }*/
    /*.categorylist-container{width:100% !important;}*/
    .service_dropDown{width:100% !important;}
    /**********************CSS for SVC Dashboard***************************/
    .page-container {min-width: 100px !important;}
    /*.svcAddTicket_icon, .svcDashboard_reportIcon, .svcDashboard_exportIcon {float: left;}*/
    /*.svcDashboard_dropdown {width: 70% !important;}*/
    .svcDashboard_actionBtn {
        /*margin-top:10px;*/
    }
    /*.svcDashboard_btnWrap {text-align: center !important;}*/
    .homeDashboard_msgBoardIconImg {width: 40px;height: 40px;}
    .service_listView {border-top: none !important;margin-top: 5px;}
    .buttonview-container .dxpcLite_UGITNavyBlueDevEx {width: 208px;left: 14px;top: 9%;}
    /*.waitOnmeClass {display: block !important;}*/
    .dxpc-content {height: auto !important;}
    .ticket_contentWrap {border: none;}

    /*************************************Style for home dashboard grid*******************************************************************/
    .dxgvDetailRow_CustomMaterial.dxgvADR .dxgvADT > tbody > tr > td {padding: 0px 0px 0px 13px;font-size: 13px;}
    .customgridview td.dxgv.dx-al, .customgridview td.dxgv.dx-ac {font-size: 13px;}
    .progressbarhold {padding-left: 0px;text-align: center !important;}
    .service_dropDownWrap{margin-left:5px;}
    .category_block, .service_block{width:100% !important;}
    .dashboard_goBtn_wrap {margin-left: 0% !important;}
    /*.svcModule_title {padding-left:15px !important;}*/
    /*.waitOnmeClass {display: block !important;}*/
    /*.svcDashboard_addTicketBtn{margin-left:15px !important;}*/
    .homeRightPanel_wrap .dxpc-content{width:295px !important;}

    /*************************************Style for SVC Create Popup *******************************************************************/
    .modal-body{height: 100% !important;}
    .fileUploadIcon{width:240px !important;}
    .add-file-doc{margin-top:15%;}
    .responsiv_nextBtn{float:right !important; text-align:center;}
    .col_b_complete{margin: 13px 6px !important;}
    .svcPopupDialog_wrap > div + div > iframe{
        width:100%;
    }
    /**************************************CSS for SVC comment tab***********************************/
    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -120px;
        right: 5px;
    }
}
@media only screen and (max-width: 320px) {
    /**********CSS for home Dashboard page***********/
    .searchPannelWrap-container {
        /*width: auto;
        margin: 0px auto;*/
        border-bottom: 10px solid #F6F7FB;
        /*float: left;*/
        padding: 12px 10px 20px 10px;
    }

    .prblemStatement-inputWrap {
        width: auto;
    }
    .service_dropDown {width: 100% !important;}
    .category_block, .service_block {width: 100% !important;}
    .dropDown_category{width:91% !important;}
    .dashboard_goBtn_wrap {margin-left: 4% !important;}
    /*.priorityHigh, .priorityMedium, .priorityLow, .priorityCritical{background-size: 50%;}*/
    /*.pointer{width: 103px !important;}*/
    .homeDashboard_search_tableWrap {margin-bottom: 0px !important;padding: 0px 0px 3px 0px !important;}
    /*.svcDashboard_quickTicketBtn {
        font-size: 12px;
        margin-left: 4px !important;
        padding: 5px 7px;
    }*/
    /*.svcDashboard_addTicketBtn {
        width: 140px;
        font-size: 12px;
        padding: 5px 7px;
        margin-right: 3px;
        margin-top: 10px;
    }*/
    /*.svcDashboard_actionBtnWrap {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
        display: block;
    }*/
    .svcModule_title {text-align: center; margin-top:0px}
    /*.waitOnmeClass {display: block !important;}*/
    /*.svcDashboard_btnWrap {text-align: center !important;}*/
    .homeRightPanel_wrap .dxpc-content{width:255px !important;}
    .panel-content-header{width: 226px !important; margin:0px; padding:0px;}
    /********************************CSS for Application Registration page*********************/
    .applReg_statusTitle {
        font-size: 15px !important;
        text-align: center;
    }
    .applicationRegReq_container{padding-left: 15px;}
    .applicationRegReq_statusbtn_wrap {
        float: none !important;
        text-align: center !important;
        margin-top: 10px;
    }
    .dxgvDetailCell_UGITNavyBlueDevEx{padding: 10px 5px;}
    .applAccess_appTabPage .dxtc-content{padding-left:11px !important;}

    /***************************************CSS for TSR create*****************************/
    .popup_wrap{padding-left:15px !important;}
    .createTicket_ulList{height:auto !important}

    /***********************************CSS for svc Edit *************************/
    .action-btn{padding:0px !important;}
    .tab_wrap ul .dxtc-activeTab a {
        padding: 4px !important;
        font-size: 13px;
    }
    .tab_wrap ul li a {
        font-size: 13px;
        padding: 4px !important;
    }
    .svcEdit_actionBtnContainer{width:93px;}
    #errorMsgContainer, .error_msg2 {
        float: none;
    }
    .field_heading legend{padding:0px 10px 10px 10px;}
    .edit_ticket_tabIcon{margin-left:-10px;}
    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        float: none !important;
        text-align: left;
    }

    .link-lable {
        border-right: none !important;
    }
     
    /******************************SVC Edit comment tab******************************************/
    .img-container img {
        width: 36px;
        height: 33px;
        display: block;
    }
    .img-container{padding:0px;}
    .comment-data p{word-break:break-all;}
    .comment-tbl .comment-container .comment-action-buttons img {
        right: 7px;
        top: -138px;
    }
}
@media only screen and (max-width: 385px) {
    #myhometabs{
        /*position:relative;*/
        /*top:10px;*/
    } 
    .myticketinner2 table.btn-secondary.dropdown-toggle {
        width: 90% !important;
        position: relative;
        /*top: -10px;*/
    }
    .exportImport_btnsWrap{
        margin-top:0px;
    }
    /*.contentPane .svcCreate_popupScroll{
        height: 425px;
        overflow-y: scroll;
    }*/
    /*.applAccess_wrap.cust-main-popup {*/
        /*width: 284px;
    }*/
    .removeVerticalScroll{
        overflow-y:hidden;
        overflow-x:auto;
    }
    .visualization{
        margin:00px 0px 0px;
    }
}
@media only screen and (min-width:326px) and (max-width:383px) {
    .dxgvDetailRow_CustomMaterial.dxgvADR .dxgvADT > tbody > tr > td {
        padding: 0px 0px 0px 6px;
        font-size: 11px;
    }
}

@media only screen and (min-width:280px) and (max-width:325px) {
    .dxgvDetailRow_CustomMaterial.dxgvADR .dxgvADT > tbody > tr > td {
        padding: 5px 0px 4px 0 !important;
        font-size: 12px !important;
    }
}


/* New css */
@media only screen and (min-width:280px) and (max-width:480px) {
    .leftSideBottomMenu-container {
        padding-left: 5px !important;
        top: 46px;
    }

    .homeDashboard_menuListWrap {
        width: 250px !important;
    }

    .homeGrid_dataRow td {
        padding: 0px !important;
    }

    .homeGrid_headerColumn {
        padding: 10px 5px;
    }

    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -54px;
        right: 5px;
    }

    .comment-days {
        padding: 10px 0px;
        margin-left: 0px;
    }

    .leftSide_menuContainer {
        top: 52px;
    }
    /*.leftSideBottomMenu-container {
       top: 20px;
    }*/
    .customNavbar {
        z-index: 999999;
        margin-bottom: 0px;
    }

    .homecontent {
        padding-left: 0px
    }

    .servcieCatalog_listView .ugit-contentcontainer, .buttonview-container .ugit-contentcontainer {
        width: 100%;
    }

    .searchPannelWrap {
        padding: 0px;
        border-bottom: 7px solid #F6F7FB;
        border-right: 0px;
    }

    .homeService-panelContainer {
        border-width: 0px;
    }

    .serviceBtnView-labelWrap {
        width: 100%;
    }

    .colFormd {
        width: 100% !important;
        border: 1px solid;
        border-color: #e7e7e7 !important;
    }

    .cardView-container tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT tr td div.dxcvEmptyCard_UGITNavyBlueDevEx {
        width: 100% !important;
    }

    .service_listView {
        border-top: none !important;
        margin-top: 5px;
        text-align: center;
        float: none;
        margin-bottom: 25px;
    }

    .serviceBoard_btnView {
        height: 81px !important;
    }

    .dashboard_goBtn_wrap {
        margin-bottom: 25px;
    }
    /*****CSS for schedule tab -> duplicate summary popup *****/
    .duplicateSum-btnWrap {
        padding-bottom: 10px;
        padding-left: 5px;
    }
    /*****end css for schedule tab -> dplicate summay popup****/


    /****CSS for dashboard->action dropdown*****/
    .svcDashboard_actionBtnWrap {
    }
    /****End css for dashboard-> action dropdown****/
    .accomp_inputField.closeCancel-fieldWrap {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .rmmSaveAllo-btnContainer {
        padding-right: 0px;
    }

    .editTicket-commentWrap {
        padding-top: 8px;
    }
    /********CSS for uservaluebox dropdown**********/
    .userValueBox-dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 100% !important;
    }
    /******CSS for status popup*******/
    .mailSub {
        padding-left: 0px;
    }
    /******End CSS for status popup****/
    .aspxComboBox-listBox tr td div.dxlbd.dxTouchNativeScrollHandle {
        width: 100% !important;
    }

    .aspxCoboBox-listboxWrap {
        display: block !important;
    }
    /********CSS for listpicker popup*********/
    .listPicker-searchTxtBox {
        padding-top: 25px;
        padding-left: 0px;
    }

    .listPicker-searchIcon {
        top: 32px;
    }

    .listPicker-closeIcon {
        right: 0px;
    }

    /**********End css for listPicker popup******/
    .qickClose-btnWrap {
        top: 25px;
        right: 10px;
    }

    .batchCreate-submitBtn {
        margin-top: 7px;
    }

    .projectCardViewGrid div.dxAC table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        padding-right: 40px;
    }
    /**************CSS for edit ticket -> Remove on hold*********/
    .next-cancel-but.putOnHoldBTn {
        margin-bottom: 10px;
    }
    /************* End CSS for edit ticket -> remove on hold********/

    /*************CSS for close sub ticket popup **************/
    .closesubTicket-popup div.dxpc-contentWrapper {
        display: table !important
    }
    /************End css for close sub ticket popup***********/
    /*****************CSS for dashboard reportIcon****************/
    .exportImport_btnsWrap {
        margin-top: 0px;
        float: right;
    }
    /****************END css for dashboard reportIcon*************/
    /**************CSS for Dashboard search/Select ***************/
    .selectFromTo_field {
        width: 100%;
    }

    .selectFromTo_inputBox {
        width: 100%;
    }

    .selectFrom_container, .selectTo_container {
        width: 50%;
        padding: 0px 2px 5px 2px;
    }
    /********************END css for Dashboard search/Select**********/
    table.addEditActivity-listBox tr td div.dxlbd.dxTouchNativeScrollHandle {
        width: 100% !important;
    }

    .addEditActivity div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 96% !important;
        left: 7px !important;
    }

        .addEditActivity div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root div.dxpc-contentWrapper div.dxpc-content {
            width: 100%;
            display: block !important;
        }

    .add-check-list-input div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 98% !important;
    }
    /*****************CSS for userValueBox dropDown****************/
    .userValueBox-dropDown.awardAssign div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        width: 100% !important;
    }

    .userValueBox-dropDown.awardAssign div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvHSDC {
        padding-right: 0px !important;
    }

        .userValueBox-dropDown.awardAssign div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvHSDC div {
            width: 100% !important;
        }

    userValueBox-dropDown.awardAssign div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxAC
    div.dxgvCSD.dxTouchNativeScrollHandle {
        width: 100% !important;
    }

    .homeDashboard_chartSecWrap .chngTicketType div.dxpc-contentWrapper {
        display: table !important;
        height: 146px !important;
    }
    /************CSS for CPR ->  */
    .waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr .HomeDBAction-container {
        top: 0px !important;
        left: 0px !important;
    }
    /*****CSS for project team -> date field*******/
    /*.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper {
        width: 0 !important;
        height: 0 !important;
    }
    .dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper div.dx-overlay-content.dx-popup-normal.dx-resizable{
        width: 206px !important;
        top: -35px !important;
        left: 108px !important;
    }*/
    /*.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper div.dx-overlay-content.dx-popup-normal.dx-resizable{
        top:-105px !important;
    }*/
    .addComment-btnWrap {
        padding: 25px 0px 0px 0px;
    }

    .cancel .dxb {
        font-size: 12px;
        padding: 3px 10px !important;
    }

    .dxdpLite.dxpclW.homeRightPanel_chartContainer .homeRightPanel_wrap .dxpc-header .dxpc-headerContent span.dxpc-headerText.dx-vam {
        font-size: 14px;
        margin-left: 0px;
    }

    .cprSummary_valueWrap {
        font-size: 13px;
        padding: 0px 5px 5px 5px;
    }

    .section-btn {
        min-height: 0px;
        padding: 0px 10px;
    }

    .action-btn {
        font-size: 13px !important;
        padding: 2px 7px 2px 7px !important;
    }

    .tab_wrap ul li {
        height: 20.6px !important;
    }

    .tab_wrap ul .dxtc-activeTab a {
        padding: 0px 5px !important;
    }

    .tab_wrap ul li a {
        padding: 0px 5px !important;
        font-size: 13px;
    }

    .dxdpLite.dxpclW.homeRightPanel_chartContainer .homeRightPanel_wrap .dxpc-header .dxpc-headerContent span.dxpc-headerText.dx-vam {
        margin-left: 0px;
    }

    .colForTabView {
        width: 100%;
        float: left;
    }
    /***********************CSS for Department dropdown***********/
    .rmmAspxCombox-drpDown.aspxComboBox-dropdown {
        width: 100%;
    }

    .nprprimBenifi_chooseDepartment .usrPro-companyDropDown {
        display: block;
        float: left;
    }

    .nprprimBenifi_chooseDepartment .usrPro-departmentDrop {
        display: block;
        float: left;
    }

    .rmmDepartment-drpDown .nprDropDown div.dxpc-mainDiv.dxpc-shadow div div.dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content {
        display: block;
    }
    /**************CSS for schedule tab ***********************/
    .tskbehaviour-opt.radioBtnlist-wrap {
        display: block;
    }

    .dueDate-fieldWrap .lookUpValue-inputFeild div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        min-width: 270px;
    }

    .reminderDrpDowns {
        padding-bottom: 5px;
    }

    .tskbehaviour-opt.radioBtnlist-wrap tr td {
        display: inline;
        float: left;
        padding-left: 0px;
    }
    /***********CSS for Project team tab ******************/
    .noXSPadding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .chkFilterCheck {
        padding-bottom: 10px;
    }
    /**************CSS for resource utilization-> work item drop down**********/
    .accomp_inputField.workItem-dropDownWrp div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root {
        min-width: 353px;
    }


    /*****CSS for RMM Module*******/
    .rejectComment_popUp div.dxpc-contentWrapper {
        display: table !important;
    }

    .rmmModule-discription {
        margin-bottom: 20px;
    }

    .next-cancel-but {
        margin: 0px;
    }

    .rmmHomeDb-btnWrap {
        display: inline-flex;
        float: none;
    }

    .next-cancel-but .next {
        font: 12px 'Poppins', sans-serif !important;
        font-weight: 400 !important;
        padding: 2px 0px 1px 0px;
    }

    .rmm-btn div.dxb img {
        display: none !important;
    }

    .next-cancel-but .next .dxb {
        padding: 2px 4px;
        font-size: 12px;
    }

    .rmmDb-dropDownLabel {
        margin-top: 10px;
    }

    .rmmAction-iconWrap {
        position: absolute;
        top: 6px;
    }

    .errorMsg-literal {
        margin: 0px;
    }

    .rmmDb-viewdropdownWrap {
        margin-left: 3px;
        /*margin-top:10px;*/
    }

    .addgroupicon {
        float: left;
    }

    .RRMactiobBtn-wrap {
        padding-right: 18px;
    }

    .rmmNewUserbtn {
        padding: 16px 12px 15px 0px;
    }

    .RMMCancel-btn .dxb {
        padding: 2px 4px !important;
    }

    .popupBtnWrap {
        margin-top: 0px;
        margin-bottom: 15px;
        bottom: -35px;
        right: 20px;
    }

    .linkBtn-cancel {
        padding: 5px 10px 5px 10px;
    }

    .popupBtn_save {
        padding: 3px 10px 4px 10px;
    }
    /************css for RMM Module*****/
    .footer_actAwardBtn, .footer_actStatusBtn {
        background-image: none !important;
        padding: 2px 7px 2px 7px !important;
        font: 12px 'Poppins', sans-serif !important;
    }

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb img {
        display: none !important;
    }

    .devExt-selectBoxWrap {
        padding-right: 0px;
        margin-top: 18px;
    }

    .projectTeam_linkWrap .btnAddNew {
        border-right: none;
    }
    /********************CSS for Lead RanKing***************/
    .field_successchance_edit {
        width: 92% !important;
    }

    .leadRanking-icon img {
        width: 18px;
    }

    .popupSectionWrap {
        margin-bottom: 90px;
    }

    .schedule-btnWrap {
        bottom: -1px;
    }
    /*****************CSS for schedule tab ****************/
    .scheMark-icon, .scheAdd-icon {
        float: right;
    }

    .schedule-taskTitle {
        width: 100px;
    }
    /****************CSS for CRM project******************/
    .edit_comment_popup_wrap {
        position: relative;
        padding-bottom: 10px;
        padding-top: 5px;
        bottom: 0px;
    }

    .relatedTicket_msg {
        margin-top: 5px;
    }

    .existingTicket_checkbox input[type="checkbox"] {
        margin-left: 0px;
    }

    .chkIncClosedTkts {
        float: none;
        padding-top: 10px;
    }

    .activityBtn-wrap {
        position: absolute;
        bottom: -30px;
    }
    /*.existingBtn-container {
        text-align: center;
        float: none !important;
        display: -webkit-inline-box !important;
    }*/
    .checkList_btnWrap {
        text-align: center;
    }

    .importChk_listBtnWrap {
        margin-top: 15px;
    }

    .existingTicket_btnWrap {
        text-align: center;
    }

    .existingTicket_btnWrap {
        display: -webkit-inline-box;
        width: 100px;
    }

    .chklistRole-container {
        padding-bottom: 20px;
    }

    .chklistRole-popupBtn {
        position: absolute;
        bottom: -72px;
    }

    .CRMBTnWrap {
        clear: both;
        position: absolute;
        bottom: -40px;
    }

    .popupAction-btnWrap {
        position: absolute;
        /*bottom: -150px;*/
        bottom: 10px; /**add for find resource popup*/
        padding: 0px;
        width: 97% !important;
    }

    .externalTeam-content {
        padding-right: 10px;
    }
    /*.externalTeam-popupBtn {
        bottom: -93px;
    }*/

    .projectTeam-popupWrap {
        padding-left: 0px;
    }

    .homeDb_chartView {
        padding-left: 0px;
    }

    .colForMd2 {
        width: 100%;
    }

    .homeDb_chartView tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        padding: 0px;
    }

    .HomeCard_view {
        margin-bottom: 10px;
    }

    .filterImg_wrap {
        display: none;
        float: left;
        width: 100%;
    }
    /*.homeDb_filterImg{
        float:left;
    }*/
    /*************CSS for Schedule tab***********/
    .middle.border {
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .tasktoolbar div.fright {
        float: left !important;
        /*margin-top: 5px;*/
    }
    /************CSS for grid filter**********/
    .FromTo_container {
        display: block;
        width: 100%;
    }

    .searchFilter {
        display: block;
        /*margin-top: 10px;*/
        width: 100%;
        text-align: center;
    }

    .taskSummary_lable {
        margin-left: 0px;
    }

    .adjustableWidth {
        width: 47% !important;
    }

    .paddingNo {
        padding: 0px !important;
    }

    .colForXS {
        width: 100%;
    }

    .homeDashboard_content_wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /*.homeGrid_dropDown{
        margin-left:20%;
    }*/
    /**********CSS for SVC DAshboard*********/
    /*.svcDashboard_addTicketBtn {
        margin-bottom: 5px;
    }*/
    /*****************CSS for PMM-> Scrum Tab popup*************/
    .colXs {
        width: 100%;
        display: block;
    }
    /*********CSS for PMM Budget Tab ***********************/
    .newResource_dateField tr td.dxeButtonEditButtonPressed_UGITNavyBlueDevEx {
        width: 15% !important;
        border: none !important;
    }

    .budget_inputField table {
        display: inline-table !important;
    }
    /***********CSS for PMM Edit-> Sataus Tab******************/
    .issueBtn_rightBtn {
        margin-top: 10px;
    }

    .dxgvControl_UGITNavyBlueDevEx.userValueBox-grid.dxgv, .dxgvControl_UGITNavyBlueDevEx.userValueBox-grid.dxgv tr td table {
        display: block;
        width: 100% !important;
    }

    .accomp-popup table {
        /*display: block;*/
        width: 100% !important;
    }

    /*.accomp-popup table td {
        background: #ecf1f9;
    }*/
    .lookupDropDown-contentRow td {
        background: #fff !important;
    }

    .accomp-popup .ms-formbody {
        background: none;
        border: none;
        padding: 3px 6px 4px;
        vertical-align: top;
    }

    .ms-standardheader {
        text-align: left !important;
    }

    .pmmStatus_lable {
        display: inline-block;
        color: #4A90E2;
        font-size: 12px;
    }

    .pmmStatus_editIcon {
    }

    .pmmStatus_editIcon {
        display: inline-block;
    }

    .pmmStatus_summaryHistory {
        display: inline-block;
    }
    /**********CSS for PMM Edit scrum Tab **********************/
    .pmmScrum_prodBack_RadioBtnwrap {
        top: 7% !important;
    }

        .pmmScrum_prodBack_RadioBtnwrap tr td {
            display: block !important;
        }

    .pmmScrum_sprintBtnWrap, .pmmScrum_releasesBtnWrap {
        margin-top: 10px !important;
    }

    .PmmScrum_btnContainer {
        margin-top: 62% !important;
    }

    .pmmScrum_addBtn, .pmmScrum_deleteBtn {
        margin-bottom: 5px;
    }

    .ticket_header_data b, .ticket_header_data, .ticketTitle_status {
        /*margin-bottom: 10px;*/
        display: inline-block;
        float: none;
        font-size: 13px;
    }

    .ticket_status {
        font-size: 13px;
    }

    .svcCopyClipBoardPopup_container {
        /*width: 100% !important;* commenting while making responsive edit ticket -> action button -> copy link to clipboard popup */
        left: 0px !important;
    }

    .popup-menuLog-inuser-outer {
        width: 160px !important;
        left: -30px !important;
    }

    .returnFeedback {
        width: 100%;
    }

        .returnFeedback textarea {
            width: 100% !important;
        }

        .returnFeedback .buttoncell {
            padding: 10px;
            width: 100%;
            display: block;
        }

    .employee-name textarea {
        width: 100% !important;
    }

    .returnFeedback .buttoncell.buttonAlign ul {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .relatedTicket_dropDown_select select {
        width: 100%;
    }

    .wiki-list-picker table.dxeButtonEditSys {
        display: block;
        width: 100%;
        float: none !important;
        margin: 5px 0px;
    }

    /*.header {
        padding-bottom: 5px;
    }*/

    .applReg_statusTitle {
        text-align: center;
        font-size: 18px;
    }

    .question-value span arrayofservicematrixdata {
        font-size: 14px;
        width: 100%;
        display: block;
        word-break: break-word;
    }

    /*.dxpcLite_UGITNavyBlueDevEx.dxpclW, .dxpcLite_UGITNavyBlueDevEx.dxpclW table, .dxpcLite_UGITNavyBlueDevEx.dxpclW table tbody, .dxpcLite_UGITNavyBlueDevEx.dxpclW table tbody tr, .dxpcLite_UGITNavyBlueDevEx.dxpclW table tbody tr td {
        width: 100% !important;
        display: block !important;
    }* commented because save as template popup not open in mobile view/ 

    .dropDown_Title {
        width: 100%;
    }

    .svcCopyClipBoardPopup .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }

    /*click event for non svc edit*/
    .dxgvTable_CustomMaterial > tbody > tr > td.edit-ticket-cell {
        display: inline-block !important;
        height: 50px;
        padding: 5px 0px 5px 0px !important;
        width: 100%;
    }

    .customgridview td.dxgv.dx-al, .customgridview td.dxgv.dx-ac {
        /*padding-left: 12px !important;
        padding-right: 10px !important;*/
        text-align: left !important;
    }
    /********************************************mac-> create ticket not visible issue******/
    .homeDashboard_chartSecWrap .dxdpLite {
        visibility: visible !important;
    }

    .new-template-table table {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    /*user dropdown menu for mobile screens*/
    .homeDashboard_headerMenu_row {
        /*display: flex;*/
        clear: both;
        align-items: center;
        justify-content: left;
    }

    .logoText1 {
        margin-top: -3px;
        padding-right: 2px;
    }
    /*hiding user name from header*/
    /*.profile-right-info {
        display: none;
    }*/
    /*hiding the icons from header*/
    .headerContent_profile .rectangle {
        display: none;
    }

    .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item {
        padding-left: 5px;
    }

    .xs-flex-menu {
        display: flex;
        flex-basis: 80%;
    }

    .homeDashboard_headerMenu_row .dxeButtonEdit_UGITNavyBlueDevEx {
        padding: 0 !important;
        margin-bottom: 0px !important;
    }

    .post-thumb {
        margin-right: 0px !important;
        float: none !important;
        display: inline-block;
    }

    .add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: 0;
    }

    .homeDashboard_search_tableWrap {
        width: 110px !important;
    }

        .homeDashboard_search_tableWrap > tbody > tr {
            display: flex;
            align-items: center;
            flex-flow: row-reverse;
        }
    /***********************save As template popup***********/
    .saveAsTemplate_saveBtn {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff !important;
        padding: 13px 38px !important;
        border: none !important;
        margin-top: 22px;
        font-size: 14px !important;
    }
    /************** action button print popup ***************/

    .printPopup_container .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }

    /*svg image responsive*/
    svg.visualization g > a text > tspan {
        display: none;
    }

        svg.visualization g > a text > tspan:first-child {
            display: block !important;
            font-size: 42px;
            baseline-shift: -56px;
            font-weight: 600;
        }

    .workFlowImg-wrap {
        padding: 0px;
    }

    .svcContent_container {
        width: 98%;
    }

    .grid-task-btn {
        display: block !important;
        position: initial !important;
        border: none !important;
        background: none !important;
    }

    .ticket_contentWrap.table-responsive {
        padding: 0;
        padding-left: 10px;
    }

    .pointer {
        /*width: 90px !important;*/
        margin-left: 0px !important;
        height: 40px;
        object-fit: contain;
        margin-top: 8px;
    }
    /*chart full width*/
    .dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
        float: left;
        width: 100% !important;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer;
        padding-bottom: 15px;
    }

    .dashboardService_catalogeContainer {
        text-align: center;
    }

    .categorylist-container {
        width: 90% !important;
        display: inline-block;
        float: none;
    }
    /*making menu responsive */
    /*.leftSide_menuContainer {
        position: absolute;
        left: 0;
        z-index: 8888;
        top: 0;
    }*/

    .left_menu_wrap .homeDashboard_leftSideMenu_contentWrap .dashboardLeft_menuIcon {
        position: absolute;
        background-color: transparent;
    }

    .dxpnlControl_UGITNavyBlueDevEx.headerPane {
        width: 100%;
        float: right;
    }

    .main-page-section {
        width: 100% !important;
        /*padding: 0px 15px !important;*/
    }

    #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
        display: block !important;
        /*left: 0px !important;*/
    }

    .menuContentCollaps_left {
        left: 0px !important;
        top: 40px !important;
    }

    .homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded {
        background: #fff;
        transition: 1s all ease;
        -webkit-transition: 1s all ease;
    }

    /*.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
            left: -4px !important;
            background: #fff;
            transition: 1s all ease;
            -webkit-transition: 1s all ease;
        }*/

    /*.dashboard_leftSideMenu {
        background-color: transparent;
    }*/

    /*.dashboard_leftSideMenuExpand {
        width: 250px !important;
        background: #fff;
        transition: .5s all ease;
    }*/

    .right_content {
        width: 100% !important;
    }

    #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1_EB.dxpnl-bar {
        position: absolute !important;
        background-color: transparent !important;
    }

    .svcDashboard_dropdown {
        width: 100% !important;
        display: block;
        padding: 5px 14px !important;
        margin-bottom: 10px !important;
    }

    .homeGrid_dropDown tr td img.dxEditors_edtDropDown_UGITNavyBlueDevEx {
        margin-right: 0px;
        margin-top: 0px;
        background-position: right;
    }
    /*Quick ticket popup*/
    .quick-ticket-parent, .quick-ticket-parent .selectTemplateForQuickTicket_popUp, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv tbody,
    .selectTemplateForQuickTicket_popUp table tbody tr,
    .selectTemplateForQuickTicket_popUp table tbody tr td {
        width: 100% !important;
        display: block !important;
    }

    svg.visualization {
        width: 100%;
    }

    .existingTicket_checkbox label::before {
        position: relative;
        right: 0;
        display: inline-block;
    }

    .existingTicket_checkbox label {
        position: relative;
        float: none;
        margin-left: 0px;
    }

        .existingTicket_checkbox label:after {
            position: absolute;
            top: 20px;
            left: 10px;
        }

    .subTicket_PopUp_Container .dxpc-footer {
        margin-top: 40px;
    }

    .existingTicket_savebtn {
        text-align: center;
        margin-left: 37%;
        width: 100px;
        margin-top: 0px;
    }

    .svcDashboardContent_mainWrap {
        padding: 3px;
        margin-top: 10px;
    }

    .new-task-eSVC {
        background: #fff;
        padding-left: 0px;
        padding-right: 0px;
    }

    .dueDate-fieldWrap {
        width: 92%;
    }

    .no-padding-xs {
        padding: 0 !important;
    }

    .all-select select {
        width: 100%;
    }

    .svc_addSubTask_dropDown_wrap {
        padding-left: 0;
        min-height: 5px;
        /*margin-top: 25px;*/ /*Comment for CRM->contact->add new sub item popup(to remove scroll)*/
    }

        .svc_addSubTask_dropDown_wrap table, .svc_addSubTask_dropDown_wrap table tbody, .svc_addSubTask_dropDown_wrap table tbody tr, .svc_addSubTask_dropDown_wrap table tbody tr td {
            display: block;
            width: 100%;
            text-align: center;
        }

    .svc_addSubTask_dropDown select {
        width: 100%;
    }

    .svc_addSubTask_dropDown_lable {
        margin: 0px 0px;
    }

    .relate-to-existing-tckt, .relate-to-existing-tckt > tbody, .relate-to-existing-tckt > tbody > tr, .relate-to-existing-tckt > tbody > tr > td {
        display: block;
        width: 100%;
        float: left;
    }

    .existingTicket_savebtn_wrap {
        width: 100% !important;
    }

    .relate-to-existing-tckt .ms-formtable, .relate-to-existing-tckt .ms-formtable > tbody, .relate-to-existing-tckt .ms-formtable > tbody > tr, .relate-to-existing-tckt .ms-formtable > tbody > tr > td {
        width: 100% !important;
        display: block;
    }

        .relate-to-existing-tckt .ms-formtable td span {
            float: left;
            font-size: Larger;
            font-weight: bold;
            width: 100%;
            text-align: left;
            margin: 5px 0px;
        }

    .dxgvDetailCell_CustomMaterial .dxgvADT tbody td div {
        width: 155px !important;
    }

    .link-lable {
        border-right: none !important;
    }

    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        display: block !important;
        float: left !important;
        width: 100%;
        text-align: center;
        border: none;
    }
    /*admin dropdown
    .headerContent_profile {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
    }
    */
    .headerContent_profile .rectangle {
        width: 30px !important;
        padding: 15px 0px !important;
    }

    .post-container col-sm-1 col-xs-12 homeDashboard_headerMenu_wrap {
        width: 64%;
        display: flex;
        float: left;
        margin-left: 5px !important;
    }

    .profile-right-info {
        /*width: 145px;*/
        display: inline-block;
        float: right !important;
    }

        .profile-right-info .d-block {
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    /*.post-thumb img {
        height: 18px !important;
        width: 17px !important;
        object-fit: contain;
    }*/
    /**************nonSVC action button-> email popup***************/
    .ms-formtable.email-table > tbody > tr > td.nonSvcEmail_fieldLabel {
        padding: 10px 10px 0px 10px;
    }

    .ms-formtable.email-table > tbody > tr > td.nonSvcEmail_fieldInput {
        padding: 3px 10px 10px 10px;
        border-top: none;
    }

    .ms-formtable.email-table {
        display: block;
    }

        .ms-formtable.email-table > tbody {
            display: block;
        }

        .ms-formtable.email-table tbody > tr {
            display: block;
            width: 100%;
        }

        .ms-formtable.email-table > tbody > tr > td {
            display: block;
            width: 100% !important;
            /*padding: 10px;*/
        }

        .ms-formtable.email-table .dxheContentArea_DevEx.dxheContentAreaSys {
            display: block;
        }

    .email-table .ms-formlabel h3.ms-standardheader {
        font-weight: normal;
        font-size: 14px;
        color: #4A90E2;
        text-align: left;
    }

    .email-table .ms-formbody .dxeButtonEditSys {
        min-width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

        .email-table .ms-formbody .dxeButtonEditSys tbody, .email-table .ms-formbody .dxeButtonEditSys tbody tr, .email-table .ms-formbody .dxeButtonEditSys tbody td.dxeButtonEditButton_UGITNavyBlueDevEx {
            display: block;
            width: 100% !important;
        }

            .email-table .ms-formbody .dxeButtonEditSys tbody td.dxic {
                display: none;
            }

    .email-table .ms-formbody .dxheDesignViewArea {
        display: block;
    }

    .ms-formtable.email-table > tbody > tr > td > input[type="text"] {
        width: 100% !important;
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 35px;
    }

    .email-table .ms-formbody {
        background: none;
    }
    /* quick close popup*/
    .quick-close-pop .ms-formlabel {
        width: 100%;
        text-align: left;
    }

        .quick-close-pop .ms-formlabel h3 {
            font-weight: normal;
            font-size: 16px;
            color: #4A90E2;
            text-align: left;
            margin: 10px 0px;
        }

    .quick-close-pop .ms-formbody {
        background: none;
    }

        .quick-close-pop .ms-formbody input[type="text"], .quick-close-pop .ms-formbody select {
            width: 100% !important;
            background: #ecf1f9;
            border: 1px solid #ccd4e1;
            border-radius: 4px;
            height: 35px;
        }

    .quick-close-pop .ms-formbody {
        border: none
    }
    /*ends here*/
    .next-cancel-but .next.add-comment {
        width: 130px !important;
        padding: 4px 0 !important;
    }

    .addComment_popUp_parent {
        width: 100% !important;
    }

        /*.addComment_popUp .dxpc-contentWrapper .dxpc-content {
        height: 192px !important;
    }*/

        .addComment_popUp_parent .addComment_popUp .employee-name textarea {
            width: 100% !important;
        }

    .addComment_popUp .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        height: 320px !important;
    }

    .puOnHold_ticket_name {
        margin-top: 10px;
    }

    .page-container {
        min-width: 100% !important;
    }

    .reassign_popUp_dropDownTable {
        width: 100%;
    }

    /*.reassign_popUp_dropDown .all-input {
        border: none !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }*/

    .info-content-wrap {
        margin-top: 0;
        background-color: #FFFFFF;
        padding: 10px;
        overflow: hidden;
        height: auto;
    }

    .info-subtitle span {
        display: inline-block;
        font-size: 16px;
        margin-left: 0;
        color: black;
        font-weight: 500;
        text-align: left;
    }

    .new-ticket-table .block_td {
        display: block;
        width: 100%;
    }

    .ticket_container.new-ticket-table > tbody > tr, .ticket_container.new-ticket-table > tbody {
        display: block;
        width: 100%;
    }

    .block-table.field_heading, .block-table.field_heading > tbody, .block-table.field_heading > tbody > tr, .block-table.field_heading > tbody > tr > td {
        display: block;
        width: 100% !important;
        height: auto !important;
        border: none !important;
    }

    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }

    .duplicateSvc_popupTr {
        background-color: #fff;
        border-radius: 4px;
        padding: 2px;
    }

        .duplicateSvc_popupTr td {
            background-color: #fff;
        }

    .new-ticket-table > tbody > tr + tr > td + td div > span div {
        left: 10px !important;
    }

    .ticket_container.new-ticket-table, .editTicket_addDoc_wrap .fileUploadIcon {
        display: block;
        width: 100% !important;
        margin: 0;
    }

    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }

    .editTicket_fileUpload table tr .dxCB {
        display: block;
    }

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
        margin: 0 !important;
        width: 100%;
    }

        .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
            position: relative;
            width: 100% !important;
            float: left;
        }

            .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span a {
                display: block;
            }

    .fileUploadIcon .hyperLinkIcon {
        background-position: 15px center !important;
        padding-left: 50px !important;
        text-align: left;
        padding-right: 40px;
        margin-left: 0px !important;
    }

    .add-file-doc {
        margin-top: -45px !important;
    }

    .editTicket_addDoc_wrap .cancelUploadedFiles {
        margin-top: 0px !important;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 15px;
    }
    /* new css 13/2 create svc add document button*/
    .uploadedFileContainer {
        margin: 0px auto !important;
    }

        .uploadedFileContainer > span {
            float: left;
            width: 100% !important;
            position: relative !important;
        }

            .uploadedFileContainer > span > a {
                float: left;
                width: 100% !important;
                max-width: 100% !important;
            }

    .newattachment .fileUploadIcon .uploadedFileContainer > span .cancelUploadedFiles {
        position: absolute;
        right: 0;
        top: 16px;
        margin-top: 0;
    }

    .uploadedFileContainer > span .cancelUploadedFiles {
        position: absolute;
        right: 0;
        top: 7px;
        margin-top: 0;
    }

    .homeRightPanel_wrap .dxpc-content {
        width: 100% !important;
        margin: 0px !important;
        display: block !important;
    }

    .serviceCatParent {
        position: fixed !important;
        left: 0 !important;
        top: 50% !important;
        z-index: 999999 !important;
        height: auto !important;
        right: 0;
        display: block;
        margin: auto;
    }

    .service-toptitle-sub {
        width: 100% !important;
        font-size: 13px;
        text-align: center;
    }

    .xs_noPadding.isPopup.popup_wrap { /**  change for svc edit*/
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .createTicket_ulList {
        padding: 0px 0px 30% 0px !important;
    }

    .panel-content-header {
        padding: 0px 15px;
    }

    .createTicket_listWrap {
        float: left !important;
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin: 20px 0px 0px 0px;
    }

        .createTicket_listWrap .next, .createTicket_listWrap .cancel {
            display: block !important;
            background: none !important;
            width: 100% !important;
            /*margin-top: 10px !important;*/
        }

    .page-container {
        padding-bottom: 35px;
    }

    .field_heading legend {
        padding: 7px 10px 0px 10px;
    }

    .fileUploadIcon.editTicket_fileUpload.table tbody, .fileUploadIcon.editTicket_fileUpload.table tbody td {
        display: block;
        width: 100% !important;
    }
    /* copy to clipboard popup css*/
    .copyToclip_parent {
        display: block !important;
        /*position: absolute; (impact on  home dashboard hide all content in mobile view(for 425 to 325 width))*/
        width: 100% !important;
        left: 0 !important;
        /*height: 32px !important;* (impact on  home dashboard hide all content in mobile view(for 425 to 325 width))*/
    }

        .copyToclip_parent .dxpc-contentWrapper {
            height: 100% !important;
        }

            /*.copyToclip_parent .dxpc-contentWrapper .dxpc-content {
                display: block !important;
                border: 1px solid #a8aab4 !important;
                background: #fff !important;
                float: left;
            }*/

            .copyToclip_parent .dxpc-contentWrapper .dxpc-content .copyToclip_popup_commentBox {
                width: 100%;
            }

    /*.dxEditors_edtDropDown_UGITNavyBlueDevEx { /* effect to svc-> edit task Asssign approver drop*/
    /*padding: 7px 20px;*/ /**comment while changeing cpr->project team-> find resource popup also comment whilw changing homedb btn alignment
        background-position: right;
    }*/
    .first_tier_nav.edit_ticket_tabIcon.editPopup_btnWrap {
        padding: 5px;
    }
    /*Action buttons popup*/
    .flex-row-xs {
        display: flex;
    }

    /*.first_tier_nav ul {
        display: flex;
    }*/

    .actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popupMain.dxm-shadow.dxm-popup {
        left: -5px !important;
    }

    .edit_ticket_tabIcon {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-left: 0 !important;
    }

    .buttoncell {
        padding-right: 0;
    }

    .managementcontrol-main textarea.comment_text_wrap {
        width: 100% !important;
    }
    /***********************Dashboard Chart*************************************/
    .none-dashboardaction-icon {
        margin-right: 5%;
    }

    .flex-row-xs .buttoncell {
        min-width: inherit !important;
    }

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb {
        font-size: 13px !important;
        padding: 0px 0px;
        display: inline-block;
    }

    .newTask_assignedTo_dropdown {
        padding-left: 0px;
    }

    .inner-cust-comments .comments {
        overflow: auto;
        height: 260px;
    }
    /************************CSS for SVC summary tab***************************/
    .info-subtitle span {
        margin-left: 0px;
    }

    /****************************CSS for SVC duplicate Popup*****************/
    /*.svcDuplicate_popupTable tr, .svcDuplicate_popupTable tr td{
        background-color: #F6F7FB;
    }*/
    duplicateSvc_popupTr {
        background-color: #fff;
        border-radius: 4px;
        padding: 5px;
    }

    .duplicateSvc_popupTd {
        color: #4a90e2 !important;
        font-weight: 500 !important;
        margin-bottom: 5px;
        font-size: 14px;
        text-align: left;
    }

    .duplicateSvc_popupInputTd .field_DesiredCompletionDate table tr td input.dxeEditAreaSys {
        background: transparent;
    }

    .duplicateSvc_popupInputTd div table.dxeButtonEditSys td {
        background-color: #ecf1f9;
    }

    .duplicateSvc_popupInputTd div table.dxeButtonEditSys {
        border: 1px solid #ccd4e1;
        border-radius: 2px;
    }

    .puOnHold_ticket_name {
        margin-top: 0;
    }
    /*************************CSS for SVC Summary tab******************/
    .question-value {
        margin-bottom: 10px;
    }

    .summaryTab_xsNoPadding {
        padding: 0px !important;
    }
    /****************************CSS for SVC history tab***************************************/
    .history_img img {
        width: 20px;
        height: 20px;
    }

    .history_img label, .img-container label {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    /*************SVC Edit -> Edit task **********************/
    .newTask_dueDate tr td.dxeButtonEditClearButton_UGITNavyBlueDevEx {
        display: none;
    }

    .svcEditask_aprroverBtnWrap {
        text-align: center;
    }

    .editTask_assignApprover_btn {
        margin-top: 10px;
        margin-left: 0px;
    }

    .svcEditTask_approverInput .bg-light-blue tr td img.dxEditors_edtDropDown_UGITNavyBlueDevEx {
        padding: 7px 20px;
    }

    .edit_task_approveDropdown .bg-light-blue {
        padding: 3px 22px 3px 3px !important;
    }

    .approve_reject_container {
        text-align: center;
    }

    .approve-btn, .reject-btn {
        display: inline-block;
    }


    /****************************CSS for NPR Create Ticket****************************/
    .createTicket_listWrap li.nprCancelBtn {
        margin-bottom: 10px !important;
    }

    .nprPrimeBenificiaries_dropDown .nprDropDown .dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys {
        width: 100% !important;
        left: 0px !important;
        display: block !important;
    }

    .nprprimBenifi_chooseDepartment {
        display: block;
        width: 100% !important
    }

    .nprprimBenifi_optionBtn {
        display: block;
        text-align: center;
    }

    .nprprimBenifi_choosenDepartment {
        display: block;
        width: 100% !important;
    }

    .chooseDepartment_list {
        width: auto !important;
        text-align: center;
        float: none;
        display: block;
        /*padding: 0px 20px;*/
        margin: 10px 10px 10px 7px;
    }

    .nprprimBenifi_chooseDepartment .popupleftcts {
        float: none !important;
    }

    .chooseDepartment_lable {
        color: #4a90e2;
        margin-left: 10px;
        font-size: 13px !important;
    }

    .optionBtn_wrap {
        margin: 0px 5px;
        width: auto;
    }

    .optionBtn_addLogo {
        text-align: center;
        margin-top: 23px;
    }

    .choosenDepartment_label b {
        color: #4a90e2;
        font-weight: 500 !important;
        margin-left: 10px;
    }
    .multipledepartmentViewdiv .selected {
        background: #D4FFFF !important;
    }
    multipledepartmentViewdiv {
        border: 1px solid;
        float: left;
        height: 200px;
        overflow-y: auto;
        width: 200px;
        background: #fff;
    }
    .nprLookuplist div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys div.dxpc-mainDiv.dxpc-shadow div.dxpc-contentWrapper div table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxAC div div.dxgvCSD.dxTouchNativeScrollHandle {
        height: auto !important;
        overflow: visible !important;
    }

    /*************************CSS for Sticky Footer Button********/
    .editTicket_footerBtn-xs {
        display: inline-flex !important;
        padding-left: 0px !important;
    }

    .first_tier_nav ul li, .first_tier_nav ul li.tabactive, .first_tier_nav ul li.tabhover {
        margin: 0px 5px;
    }

    .footerBtn_alignXS {
        text-align: center !important;
    }
    /*******CSS for PMM Edit Status tab *****/
    .editPmm_statusTab_gridCheckbox {
        position: relative;
        left: 6px;
        right: 0px;
    }

        .editPmm_statusTab_gridCheckbox input[type="checkbox"] {
            display: inline-block;
            margin: 5px 5px 5px !important
        }
}

@media only screen and (min-width:541px) and (max-width:768px) {
    .menuContentCollaps_left {
        top: 40px !important;
    }

    .homeDashboard_menuListWrap {
        width: 250px !important;
        padding-top: 15px;
    }

    .comment-days {
        padding: 10px 0px;
    }
    /*.leftSide_menuContainer {
        top: 88px;
    }*/
    .searchPannelWrap {
        border-right: 0px;
        border-bottom: 20px solid #F6F7FB;
    }

    .colFormd {
        width: 27.666667% !important;
        border: 1px solid;
        border-color: #e7e7e7 !important;
    }

    .waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr .HomeDBAction-container {
        top: 0px !important;
    }
    /*.svcDashboard_drpDownWrap {
        text-align: center;
        padding: 0px;
    }
    .svcDashboard_addTicketBtn {
        margin-left: 11px;
    }*/
    .dbTicketSatus-widthForsm {
        width: 30%;
    }

    .dbActionBtn-widthForsm {
        width: 70%;
    }

    .svcDashboard_drpDownWrap {
        text-align: left;
    }

    .svcDashboard_quickTicketBtn {
        margin-right: 0px;
    }

    .svcDashboard_addTicketBtn {
        margin-left: 5px;
    }
}
@media only screen and (min-width:481px) and (max-width:620px){
    .mainSection-wrap {
        top: 56%;
        display: block;
    }
    /*********CSS for project plan icon************/
    .noPadding-xs {
        margin-top: 5px;
    }

    .xsrightToolDiv {
        float: left;
    }
    svg.visualization g > a text > tspan {
        display: none;
    }

        svg.visualization g > a text > tspan:first-child {
            display: block !important;
            font-size: 42px;
            baseline-shift: -56px;
            font-weight: 600;
        }

    .workFlowImg-wrap {
        padding: 0px;
    }
    svg.visualization {
        width: 100%;
    }
    .subTicket_PopUp_Container .dxpc-footer {
        margin-top: 40px;
    }
    .inner-cust-comments .comments {
        overflow: scroll;
        height: 260px;
    } 
    .existingTicket_savebtn {
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .svcDashboardContent_mainWrap {
        padding: 10px;
    }

    .new-task-eSVC {
        background: #fff;
    }

    .no-padding-xs {
        padding: 0;
    }

    /*.addComment_popUp_parent {
        width: 100% !important;
    }*/
    .contentPane{
        width:100%;
        height:97%;
        /*overflow-x:hidden;*/
    }
    .newTask_assignedTo_dropdown {
        padding-left: 15px;
    }
    /*admin dropdown*/
    .headerContent_profile {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
    }

    .headerContent_profile .rectangle {
        width: 30px !important;
        padding: 15px 0px !important;
    }

.post-container col-sm-1 col-xs-12 homeDashboard_headerMenu_wrap {
    width: 64%;
    display: flex;
    float: left;
    margin-left: 5px !important;
}

/*.profile-right-info {
    width: 145px;
}*/

    .profile-right-info .d-block {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /*.post-thumb img {
        height: 30px !important;
        width: 30px !important;
        object-fit: contain;
    }*/
}
@media only screen and (min-width:481px) and (max-width:667px) {
    /*********CSS for user home Page Dashboard**************/
    .leftSide_menuContainer {
        top: 52px;
    }

    .leftSideBottomMenu-container {
        top: 55px
    }
    .searchPannelWrap-container {
        width: 77%;
        margin: 0px auto;
    }
    .prblemStatement-inputWrap {
        width: 84%;
    }
    .buttonview-container .ugit-contentcontainer{
        width:100%;
    }

    .colForXS {
        width: 49%;
        display: inline-block;
        padding: 0px;
    }
    .priorityHigh, .priorityMedium, .priorityLow, .priorityCritical {
        background-size: 40%;
    }
    /*******CSS for PMM Edit Scrum tab***************/
    .PmmScrum_btnContainer {
        margin-top: 12% !important;
    }
    .pmmScrum_sprintBtnWrap {
        margin-top: 8px !important;
    }
    .pmmScrum_releasesBtnWrap {
        margin-top: 7px !important;
    }
    /*************CSS for Npr Schedule tab button*******/
    .nprschedule_cancelBtn, .nprschedule_saveBtn {
        margin-left: 91% !important;
    }
    /*****************************CSS for SVC Edit-> Edit task************/
    .newTask_dueDate tr td.dxeButtonEditClearButton_UGITNavyBlueDevEx {
        display: none;
    }
    .relate-to-existing-tckt, .relate-to-existing-tckt > tbody, .relate-to-existing-tckt > tbody > tr, .relate-to-existing-tckt > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    float: left;
    }

    .existingTicket_savebtn_wrap {
    width: 100% !important;
    }

    .relate-to-existing-tckt .ms-formtable, .relate-to-existing-tckt .ms-formtable > tbody, .relate-to-existing-tckt .ms-formtable > tbody > tr, .relate-to-existing-tckt .ms-formtable > tbody > tr > td {
    width: 100% !important;
    display: block;
    }

    .relate-to-existing-tckt .ms-formtable td span {
    float: left;
    font-size: Larger;
    font-weight: bold;
    width: 100%;
    text-align: left;
    margin: 5px 0px;
    }
    .relatedTicket_dropDown_select select {
        width: 100%;
    }
    .popup-menuLog-inuser-outer {
        width: 195px !important;
    }

    .returnFeedback {
        width: 100%;
    }
    .edit_ticket_tabIcon {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-left: 0 !important;
    }

    .returnFeedback textarea {
        width: 100% !important;
    }

    .returnFeedback .buttoncell {
        padding: 10px;
        width: 100%;
        display: block;
    }

    .employee-name textarea {
        width: 100% !important;
    }
    .relatedTicket_dropDown_select select {
        width: 100%;
    }
    .relatedTicket_dropDown_select td span{
        display: block;
        width: 100%;
        float: left;
        text-align: left;
    }
    .returnFeedback .buttoncell.buttonAlign ul {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wiki-list-picker table.dxeButtonEditSys {
        display: block;
        width: 100%;
        float: none !important;
        margin: 5px 0px;
    }
 .svcCopyClipBoardPopup .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }
    /**************Print popup **************************/
    .printPopup_container .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }
    .header {
        padding-bottom: 5px;
    }
    .applReg_statusTitle {
        text-align: center;
        font-size: 18px;
    }
    .add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: 0;
    }
    .printPopup_mainContainer .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }
    .logoText1 .pointer {
        height: 37px;
    }
    .grid-task-btn {
        display: block !important;
        position: initial !important;
        border: none !important;
        background: none !important;
    }
    /*chart full width*/
    .dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
        float: left;
        width: 100% !important;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer;
    }
    .dashboardService_catalogeContainer{
        text-align:center;
    }
    .categorylist-container {
        width: 47% !important;
        display: inline-block;
        float: none;
    }
    /* making menu responsive */
    /*.leftSide_menuContainer {
        position: absolute;
        left: 0;
        z-index: 8888;
        top: 0;
    }*/

    .left_menu_wrap .homeDashboard_leftSideMenu_contentWrap .dashboardLeft_menuIcon {
        position: absolute;
        background-color: transparent;
    }

    /*.dxpnlControl_UGITNavyBlueDevEx.headerPane {
        width: 90%;
        float: right;
    }*/

    .main-page-section {
        width: 100% !important;
        /*padding: 0px 15px !important;*/
    }
    .service-toptitle-sub {
        width: 100% !important;
        font-size: 13px;
        text-align: center;
    }
    .dashboard_leftSideMenu{
        background-color:transparent;
    }
    #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
        display: block !important;
        left: -34px !important;
    }

    /*.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded {
        background: #fff;
    }*/

    .homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
        left: -4px !important;
        background: #fff;
    }

    .right_content {
        width: 100% !important;
    }

    /*#ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1_EB.dxpnl-bar {
        position: absolute !important;
        background-color: transparent !important;
    }*/
    /*Quick ticket popup*/
    .quick-ticket-parent, .quick-ticket-parent .selectTemplateForQuickTicket_popUp, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv, .selectTemplateForQuickTicket_popUp .dxgvControl_CustomMaterial.customgridview dxgv tbody,
    .selectTemplateForQuickTicket_popUp table tbody tr,
    .selectTemplateForQuickTicket_popUp table tbody tr td {
        width: 100% !important;
        display: block !important;
    }
    ./*addComment_popUp_parent {
        width: 100% !important;
        left: 0 !important;
        display: block !important;
    }*/
    .svcDashboard_addTicketBtn {
        margin: 5px;
    }
    .svcDashboardContent_mainWrap {
        padding: 10px;
    }
    /*.addComment_popUp_parent .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }*/
    /*.addComment_popUp_parent .comments .employee-name textarea {
        width: 100% !important;
    }*/
    .link-lable {
        border-right: none !important;
    }
    .newTask_link, .relatedToExistingTicket_link, .newSubTaslk_link {
        display: block !important;
        float: left !important;
        width: 100%;
        text-align: center;
        border: none;
    }
    .svcDashboard_quickTicketBtn {
        margin-left: 0;
    }
    .svcDashboard_drpDownWrap{
        text-align:center;
    } 
    .next-cancel-but .next.add-comment {
        width: 130px !important;
        padding: 4px 0 !important;
    }
    .addComment_popUp .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        height: 320px !important;
    }
    /*.reassign_popUp_dropDownTable {
        width: 100%;
    }*/

    /*.reassign_popUp_dropDown .all-input {
        border: none !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }*/
    .puOnHold_ticket_name {
        margin-top: 10px;
    } 
    .info-subtitle span {
        display: inline-block;
        font-size: 16px;
        margin-left: 0;
        color: black;
        font-weight: 500;
        text-align: left;
    } 
    .info-content-wrap {
        margin-top: 0;
        background-color: #FFFFFF;
        padding: 10px;
    }
    .new-ticket-table .block_td {
        display: block;
        width: 100%;
    }
    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }
    .ticket_container.new-ticket-table > tbody > tr, .ticket_container.new-ticket-table > tbody {
        display: block;
        width: 100%;
    }

    .block-table.field_heading, .block-table.field_heading > tbody, .block-table.field_heading > tbody > tr, .block-table.field_heading > tbody > tr > td {
        display: block;
        width: 100%;
        height: auto !important;
    }

    .new-ticket-table > tbody > tr + tr > td + td div > span div {
        left: 10px !important;
    }

    .ticket_container.new-ticket-table, .editTicket_addDoc_wrap .fileUploadIcon {
        display: block;
        width: 100% !important;
        margin: 0;
    }

    .editTicket_fileUpload table tr .dxCB {
        display: block;
    }

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
        margin: 0 !important;
        width: 100%;
    }

        .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
            position: relative;
            width: 100% !important;
            float: left;
        }

            .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span a {
                display: block;
            }

    .fileUploadIcon .hyperLinkIcon {
        max-width: 270px;
        background-position: 15px center !important;
        padding-left: 50px !important;
        text-align: left;
    }

    .editTicket_addDoc_wrap .cancelUploadedFiles {
        margin-top: 0px !important;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 15px;
    }

    .createTicket_listWrap {
        float: left !important;
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin: 20px 0px 0px 0px;
    }

        .createTicket_listWrap .next, .createTicket_listWrap .cancel {
            display: block !important;
            background: none !important;
            width: 100% !important;
            margin-bottom: 10px;
        }
    .svcDashboardContent_mainWrap {
        padding: 10px;
        margin-top: 10px;
    }
    .svcContent_container{
        width:98%;
    }
    .page-container {
        padding-bottom: 35px;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .field_heading legend {
        padding: 15px 10px 10px 10px;
    }
    /* copy to clipboard popup css*/
    .copyToclip_parent {
        display: block !important;
        position: absolute;
        width: 100% !important;
        left: 0 !important;
        height: 32px !important;
}
    .copyToclip_parent .dxpc-contentWrapper {
        height: 100% !important;
    }
    .copyToclip_parent .dxpc-contentWrapper .dxpc-content {
        display: block !important;
        border: 1px solid #a8aab4 !important;
        background: #fff !important;
    }
    /*.isPopup .homeDashboard_leftcontent_wrap {
        padding-left: 25px;
    }*/
    .existingTicket_savebtn_wrap {
    width:100% !important;
    }
    .existingTicket_checkbox label::before {
    position: relative;
    right: 0;
    top: 10px;
    display: inline-block;
    }

    .existingTicket_checkbox label {
    position: relative;
    }

    .existingTicket_checkbox label:after {
    position: absolute;
    top: 20px;
    left: 10px;
    }
    .dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
        float: left;
        width: 100% !important;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer;
    }
}
@media only screen and (min-width:668px) and (max-width:767px){
    .searchPannelWrap-container {
        width: 77%;
        margin: 0px auto;
    }

    .prblemStatement-inputWrap {
        width: 84%;
    }

    .buttonview-container .ugit-contentcontainer {
        width: 100%;
    }
    .categorylist-container {
        width: 47% !important;
        display: inline-block;
        float: none;
    }
}
@media only screen and (min-width:481px) and (max-width:767px){
    /**************CSS for User home page dashboard**************/
    .homeService-panelContainer {
        border-width: 0px;
    }

    .searchPannelWrap {
        border-right: none;
    }

    .fromServiceDoc-chartWrap {
        border-top: 8px solid #F6F7FB;
        border-bottom: 8px solid #F6F7FB;
    }

    .servcieCatalog_listView .ugit-contentcontainer {
        width: 98%;
    }
    .fromServiceDoc-chartWrap {
        border-top: 8px solid #F6F7FB;
        border-bottom: 8px solid #F6F7FB;
        padding-bottom: 15px;
    }
    /******************CSS for New service prime pages******************/
    .mainSection-wrap {
        top: 50%;
        display: block;
    }

    .mainSection-textBlock h2 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .mainSection-textBlock p {
        font-size: 12px;
    }

        .mainSection-textBlock p.lastPara {
            margin: 30px 0px 30px;
        }

    .admindflt-checkWrap {
        margin-bottom: 56px;
    }

    .mainSection-ImageBlock, .mainSection-textBlock {
        width: 100%;
    }

    .admindflt-checkWrap label {
        font: 14px 'Poppins', sans-serif;
    }

    .admindflt-checkWrap input:checked + label::after {
        top: 7px;
        left: 5px;
        width: 5px;
        height: 8px;
    }

    .admindflt-checkWrap label::before {
        padding: 5px;
    }
    /*****************End CSS for new service prime pages**************/
    .headerPage-mesage {
        right: 0px;
    }
    .globalSearch-container {
        width: 168px;
    }
    .float-popup-xs.main-page-section.right_content {
        padding-left: 0px;
        width: 100%; 
        float: left;
    }
   
    .leftSide_menuExpandContainer{
        z-index:99;
    }
}
@media only screen and (min-width:590px) and (max-width:768px){
    /*******CSS for User home page dashboard*********/




    .section-bannerImg{
        width:50%;
    }
    .mainSection-ImageBlock{
        text-align:center;
    }
}
@media (min-width:768px) and (max-width:922px) {
    .leftSide_menuContainer {
        top: 89px;
    }
}
@media only screen and (min-width:668px) and (max-width:1024px) {
    /********************CSs for Administer Service Prime ***********************/
    .workflow-container {
        left: -9%;
    }
    /*.img-wrap1 {left: 33%;}
    .img-wrap2 {left: 56%;top: -1.5%;}
    .img-wrap3 {top: 16%;left: 70.5%;}
    .img-wrap4 {top: 44%;left: 72%;}
    .img-wrap5 {bottom: -1%;left: 64%;}
    .img-wrap6 {left: 38%;}
    .img-wrap7{left:12.5%;}
    .img-wrap8{left:-1.5%;}
    .img-wrap9 {top: 29%;left: -2.5%;}
    .img-wrap10 {
        top: 6%;
        left: 10.4%;
    }*/
    .priorityHigh, .priorityMedium, .priorityLow, .priorityCritical {
        background-size: 40%;
    }

    .newResource_dateField tr td.dxeButtonEditButtonPressed_UGITNavyBlueDevEx {
        width: 15% !important;
        border: none !important;
    }

    .accomp-popup table {
        /*display: block;*/
        width: 100%;
    }

    .svcPopupDialog_wrap {
        left: 0 !important;
        right: 0px !important;
        margin: auto !important;
        /*width: 100% !important;  COMMENT when change into Admin-> request list popup */
    }


        .svcPopupDialog_wrap > div + div > iframe {
            width: 100% !important;
        }

    .svcCopyClipBoardPopup .dxpc-contentWrapper .dxpc-content {
        display: block !important;
    }

    .printPopup_container .dxpc-contentWrapper .dxpcextra-content {
        display: block !important;
    }

    .comment-tbl .comment-container .comment-action-buttons img {
        top: -104px;
    }

    .reassign_popUp_dropDownTable {
        width: 100%;
    }

    .reassign_popUp_dropDown .all-input {
        border: none !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }

    .info-content-wrap {
        margin-top: 0;
        background-color: #FFFFFF;
        padding: 10px;
    }

    .puOnHold_ticket_name {
        margin-top: 5px;
    }

    .ticket-type-pop .dxpc-contentWrapper .dxpc-content {
        float: left;
        width: 100%;
    }

    .info-subtitle span {
        display: inline-block;
        font-size: 16px;
        margin-left: 0;
        color: black;
        font-weight: 500;
        text-align: left;
    }

    .fileUploadIcon .hyperLinkIcon {
        max-width: 270px;
        background-position: 15px center !important;
        padding-left: 50px !important;
        text-align: left;
    }

    .editTicket_addDoc_wrap .cancelUploadedFiles {
        margin-top: 0px !important;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 15px;
    }

    .createTicket_listWrap {
        float: left !important;
        display: block !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin: 20px 0px 0px 0px;
    }

        .createTicket_listWrap .next, .createTicket_listWrap .cancel {
            display: block !important;
            background: none !important;
            width: 100% !important;
            margin-bottom: 10px;
        }

    .page-container {
        padding-bottom: 35px;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .field_heading legend {
        padding: 15px 10px 10px 10px;
    }

    .next-cancel-but .next.add-comment {
        width: 130px !important;
        padding: 4px 0 !important;
    }

    .addComment_popUp .homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
        height: 320px !important;
    }
    /***************************************CSS for SVC history tab***********/
    .history_img img {
        height: 47px;
    }

    /*************CSS for Npr Schedule tab button*******/
    .nprschedule_cancelBtn, .nprschedule_saveBtn {
        margin-left: 91% !important;
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .homeService-panelContainer {
        border-width: 0px;
    }

    .searchPannelWrap {
        border-right: none;
    }
    .fromServiceDoc-chartWrap {
        border-top: 8px solid #F6F7FB;
        border-bottom: 8px solid #F6F7FB;
        padding-bottom: 15px;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .buttonview-container .ugit-contentcontainer {
        width: 100%;
    }

    /*******************CSS for new service prime pages**************/
    .mainSection-textBlock, .mainSection-ImageBlock {
        width: 40%;
    }
    /*******************End CSS for new service prime pages**************/
    .title-sectionContainer {
        padding: 90px 0px 0px;
    }

    .leftSide_menuContainer {
        top: 90px;
    }

    .menuContentCollaps_left {
        top: 132px !important;
    }

    
    .svcDashboard_btnWrap {
        margin-left: 10px;
    }
}
@media only screen and (min-width:941px) and (max-width:1024px) {
    .servcieCatalog_listView .ugit-contentcontainer {
        width: 100%;
    }

    .prblemStatement-inputWrap {
        width: 528px;
        margin-left: 15px;
    }
    .headerContent_profile{
        width:75%;
    }
    .headerPage-mesage {
        width: 25%;
    }

    .navbar-header {
        width: 25%;
    }
}
@media only screen and (min-width:1044px) and (max-width:1190px){
    .searchPannelWrap-container {
        width: 90%;
    }
    .prblemStatement-inputWrap {
        width: 91%;
    }
    .title-sectionContainer {
        padding: 54px 0px 0px;
    }
    .leftSide_menuContainer {
        top: 54px;
    }
    .menuContentCollaps_left {
        top: 132px !important;
    }
}
@media only screen and (min-width:1025px) and (max-width:1440px){
    .ques-answer.rightSection {
        float: left;
        width: 90%;
    }
    .headerPage-mesage {
        right: 0px;
        padding: 21px 2px 0px 0px;
    }

}
@media (min-width:1440px) and (max-width:2560px) {
    .actionBtn_agentOption_dropDownWrap {
        left: 31px !important;
        top: 77px !important;
        z-index: 9999;
    }
}
@media (min-width:190px) and (max-width:322px) {
        .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .dxgvCommandColumn_UGITNavyBlueDevEx {
            display: inline-block !important;
            height: 50px !important;
        }

            .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .dxgvCommandColumn_UGITNavyBlueDevEx span {
                margin-top: 15px;
            }

        .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .edit-ticket-cell {
            display: inline-block !important;
            height: 50px;
            padding: 13px 20px !important;
            /*width: 182px !important; commention while making svc home dashboard grid responsive*/
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .homeGrid .dxgvTable_UGITNavyBlueDevEx.dxgvRBB .homeGrid_dataRow .edit-ticket-cell .grid_img {
                height: 25px !important;
                width: 25px !important;
                margin: 10px 0px;
            }
        /*.customgridview td.dxgv.dx-ac:first-child {
        width: 20%;
        display: inline-block;
    }*/
        .dxgvDetailRow_CustomMaterial td.dxgvDetailCell_CustomMaterial {
            padding: 0px 8px;
        }
    }


.barChart {
}

.barChart__row {
    display: block;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

    .barChart__row:after {
        content: " ";
        display: table;
        clear: both;
    }

.barChart__label {
    float: left;
    padding-right: 10px;
    width: 50px;
}

.barChart__value {
    float: right;
    padding-left: 10px;
    width: 30px;
}

.barChart__bar {
    display: block;
    overflow: hidden;
    background: grey;
    height: 18px;
}

.barChart__barFill {
    display: block;
    height: 100%;
    width: 0;
    background: red;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-biking:before {
    content: "\f84a"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fan:before {
    content: "\f863"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-haykal:before {
    content: "\f666"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse:before {
    content: "\f8cc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-remove-format:before {
    content: "\f87d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url(../webfonts/fa-brands-400.eot);
    src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../webfonts/fa-regular-400.eot);
    src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../webfonts/fa-solid-900.eot);
    src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"
}

.fa, .fas {
    font-weight: 900
}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfpcuPP9g.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfqMuPP9g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    color: #4A6EE2;
    /*background: #f5f5f5;*/
    font-family: 'Varela Round', sans-serif;
    font-size: 13px;
}

.table-wrapper {
    background: #fff;
    padding: 20px 25px;
    margin: 30px 0;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.table-title {
    padding-bottom: 15px;
    background: #435d7d;
    color: #fff;
    padding: 16px 30px;
    margin: -20px -25px 10px;
    border-radius: 3px 3px 0 0;
}

.table-title h2 {
    margin: 5px 0 0;
    font-size: 24px;
}

.table-title .btn-group {
    float: right;
}

.table-title .btn {
    color: #fff;
    float: right;
    font-size: 13px;
    border: none;
    min-width: 50px;
    border-radius: 2px;
    border: none;
    outline: none !important;
    margin-left: 10px;
}

.table-title .btn i {
    float: left;
    font-size: 21px;
    margin-right: 5px;
}

.table-title .btn span {
    float: left;
    margin-top: 2px;
}

table.table tr th, table.table tr td {
    border-color: #e9e9e9;
    padding: 12px 15px;
    vertical-align: middle;
}

table.table tr th:first-child {
    width: 60px;
}

table.table tr th:last-child {
    width: 100px;
}

table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}

table.table-striped.table-hover tbody tr:hover {
    background: #f5f5f5;
}

table.table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}

table.table td:last-child i {
    opacity: 0.9;
    font-size: 22px;
    margin: 0 5px;
}

table.table td a {
    font-weight: bold;
    color: #566787;
    display: inline-block;
    text-decoration: none;
    outline: none !important;
}

table.table td a:hover {
    color: #2196F3;
}

table.table td a.edit {
    color: #FFC107;
}

table.table td a.delete {
    color: #F44336;
}

table.table td i {
    font-size: 19px;
}

table.table .avatar {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}

.pagination {
    float: right;
    margin: 0 0 5px;
}

.pagination li a {
    border: none;
    font-size: 13px;
    min-width: 30px;
    min-height: 30px;
    color: #999;
    margin: 0 2px;
    line-height: 30px;
    border-radius: 2px !important;
    text-align: center;
    padding: 0 6px;
}

.pagination li a:hover {
    color: #666;
}

.pagination li.active a, .pagination li.active a.page-link {
    background: #03A9F4;
}

.pagination li.active a:hover {
    background: #0397d6;
}

.pagination li.disabled i {
    color: #ccc;
}

.pagination li i {
    font-size: 16px;
    padding-top: 6px
}

.hint-text {
    float: left;
    margin-top: 10px;
    font-size: 13px;
}
/* Custom checkbox */
.custom-checkbox {
    position: relative;
}

.custom-checkbox input[type="checkbox"] {
    /*opacity: 0;*/
    position: absolute;
    margin: 5px 0 0 3px;
    z-index: 9;
}

.custom-checkbox label:before {
    width: 18px;
    height: 18px;
}

.custom-checkbox label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    background: white;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-sizing: border-box;
    z-index: 2;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    transform: inherit;
    z-index: 3;
    transform: rotateZ(45deg);
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
    border-color: #03A9F4;
    background: #03A9F4;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    border-color: #fff;
}

.custom-checkbox input[type="checkbox"]:disabled + label:before {
    color: #b8b8b8;
    cursor: auto;
    box-shadow: none;
    background: #ddd;
}
/* Modal styles */
.modal .modal-dialog {
    max-width: 400px;
}

.modal .modal-header, .modal .modal-body, .modal .modal-footer {
    padding: 20px 30px;
}

.modal .modal-content {
    border-radius: 3px;
}

.modal .modal-footer {
    background: #ecf0f1;
    border-radius: 0 0 3px 3px;
}

.modal .modal-title {
    display: inline-block;
}

.modal .form-control {
    border-radius: 2px;
    box-shadow: none;
    border-color: #dddddd;
}

.modal textarea.form-control {
    resize: vertical;
}

.modal .btn {
    border-radius: 2px;
    min-width: 100px;
}

.modal form label {
    font-weight: normal;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10dxCF8jA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10VxCF8jA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10axCF8jA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10bxCF8jA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10WxCF8jA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10XxCF8jA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10ZxCE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TROrZKX0A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRHrZKX0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRPrZKX0A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRArZKX0A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRBrZKX0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRMrZKX0A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRNrZKX0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRDrZI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Bungee Inline';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Inline'), local('BungeeInline-Regular'), url(https://fonts.gstatic.com/s/bungeeinline/v3/Gg8zN58UcgnlCweMrih332VuPGp_-WEg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bungee Inline';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Inline'), local('BungeeInline-Regular'), url(https://fonts.gstatic.com/s/bungeeinline/v3/Gg8zN58UcgnlCweMrih332VuPGt_-WEg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bungee Inline';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Inline'), local('BungeeInline-Regular'), url(https://fonts.gstatic.com/s/bungeeinline/v3/Gg8zN58UcgnlCweMrih332VuPGV_-Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bungee Shade';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Shade'), local('BungeeShade-Regular'), url(https://fonts.gstatic.com/s/bungeeshade/v3/DtVkJxarWL0t2KdzK3oI_jkc5ijTnwE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bungee Shade';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Shade'), local('BungeeShade-Regular'), url(https://fonts.gstatic.com/s/bungeeshade/v3/DtVkJxarWL0t2KdzK3oI_jkc5yjTnwE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bungee Shade';
  font-style: normal;
  font-weight: 400;
  src: local('Bungee Shade'), local('BungeeShade-Regular'), url(https://fonts.gstatic.com/s/bungeeshade/v3/DtVkJxarWL0t2KdzK3oI_jkc6SjT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SkvzAbt.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SAvzAbt.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SgvzAbt.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_ScvzAbt.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SYvzAbt.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SsvzAbt.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SovzAbt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'), url(https://fonts.gstatic.com/s/cousine/v12/d6lIkaiiRdih4SpP_SQvzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TTM0uBl.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2T3M0uBl.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TXM0uBl.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TrM0uBl.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TvM0uBl.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TbM0uBl.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TfM0uBl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'), url(https://fonts.gstatic.com/s/cousine/v12/d6lNkaiiRdih4SpP9Z8K2TnM0g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif Regular'), local('DroidSerif-Regular'), url(https://fonts.gstatic.com/s/droidserif/v8/tDbI2oqRg1oM3QBjjcaDkOr9rAU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v8/tDbV2oqRg1oM3QBjjcaDkOJGiRD7OwE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(https://fonts.gstatic.com/s/limelight/v8/XLYkIZL7aopJVbZJHDuoNOlHnnY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(https://fonts.gstatic.com/s/limelight/v8/XLYkIZL7aopJVbZJHDuoOulH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTvs9CE5Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTtc9CE5Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTtM9CE5Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9C.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhHq3-OXg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v5/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq8f7-7Ag.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq1f7-7Ag.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq9f7-7Ag.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmqyf7-7Ag.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq-f7-7Ag.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmq_f7-7Ag.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(https://fonts.gstatic.com/s/robotomono/v5/L0xkDF4xlVMF-BfR8bXMIjDwjmqxf78.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CLwR26eg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CCwR26eg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CKwR26eg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CFwR26eg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CJwR26eg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CIwR26eg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  src: local('Syncopate Regular'), local('Syncopate-Regular'), url(https://fonts.gstatic.com/s/syncopate/v9/pe0sMIuPIYBCpEV5eFdCBfe_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 700;
  src: local('Syncopate Bold'), local('Syncopate-Bold'), url(https://fonts.gstatic.com/s/syncopate/v9/pe0pMIuPIYBCpEV5eFdKvtKqBP5v.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX2fmRR8Q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX_fmRR8Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX3fmRR8Q.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX4fmRR8Q.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX5fmRR8Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX0fmRR8Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX1fmRR8Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos Regular'), local('Tinos-Regular'), url(https://fonts.gstatic.com/s/tinos/v11/buE4poGnedXvwjX7fmQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fj0C8H-Q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fq0C8H-Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fi0C8H-Q.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Ft0C8H-Q.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fs0C8H-Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fh0C8H-Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fg0C8H-Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(https://fonts.gstatic.com/s/tinos/v11/buE1poGnedXvwj1AW3Fu0C8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

    /*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
html, body{
	font-family: 'Poppins', sans-serif;
    font-size: 100%;
  	/*overflow-x: hidden;*/
	/*background:#FFFFFF;*/
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	/* background:#011D4A!mportant; */
}
a:focus, a:active, a:hover ,a.dropdown-toggle{
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	text-decoration:none;
}
a {
    background-color:none;
}
body p {
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif;
}
a {
  color: #4A6EE2;
  font-weight:400;
}
a:hover { transition: all 200ms ease-in-out; }

/*.page-container {
  min-width: 1260px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0px auto;
}*/
/*.left-content {
    float: right;
    width: 86.2%;
    background: #f6f7fb;
}*/

a.sidebar-icon:hover{
	color:#fff;
}
.page-container.sidebar-collapsed {
  transition: all 100ms linear;
  transition-delay: 300ms;
}
    .page-container.sidebar-collapsed .left-content {
        float: right;
        width: 95%;
        transition: all 200ms ease-in-out;
    }
.page-container.sidebar-collapsed-back {
    transition: all 100ms linear;
}
.page-container.sidebar-collapsed-back .left-content {
  transition: all 100ms linear;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
	float: right;
    width:85%;
}
.page-container.sidebar-collapsed .sidebar-menu {
    width: 65px;
    transition: all 200ms ease-in-out;
    /*transition-delay: 300ms;*/
}
.page-container.sidebar-collapsed-back .sidebar-menu {
  width: 240px;
  transition: all 100ms ease-in-out;
}
/*.page-container.sidebar-collapsed .sidebar-icon {
   transform: rotate(90deg);
   transition: all 300ms ease-in-out;
   margin-right: 0em;
    margin-top: -8px;
	color: #fff;
    -- background: #252525; 
    border-radius: 0;
}
 .page-container.sidebar-collapsed-back .sidebar-icon {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}*/
.page-container .logo1 a.sidebar-icon img.menu-close,
.page-container.sidebar-collapsed-back .logo1 a.sidebar-icon img.menu-close,
.page-container.sidebar-collapsed .logo1 a.sidebar-icon img.menu-open {
    display: none;
}

.page-container.sidebar-collapsed-back .logo1 a.sidebar-icon img.menu-open,
.page-container.sidebar-collapsed .logo1 a.sidebar-icon img.menu-close {
    display: block;
}

.page-container.sidebar-collapsed .logo {
  padding: 21px 0;
  height: 63px;
  box-sizing: border-box;
  transition: all 100ms ease-in-out;
  transition-delay: 300ms;
}
.page-container.sidebar-collapsed #logo {
    opacity: 0;
    transition: all 200ms ease-in-out;
    display: none;
}
.page-container.sidebar-collapsed .down {
    display: none;
}
.page-container.sidebar-collapsed-back #logo {
  opacity: 1;
  transition: all 200ms ease-in-out;
  transition-delay: 300ms;;
}
.page-container.sidebar-collapsed #menu span {
  opacity: 0;
  transition: all 50ms linear;
}
.page-container.sidebar-collapsed-back #menu span {
  opacity: 1;
  transition: all 200ms linear;
  transition-delay: 300ms;
}
.sidebar-menu {
    position: fixed;
    float: left;
    width: 240px;
    top: 0;
    left: 0;
    bottom: 0;
	/* background-color:#b52e31; */
	background-color:#fff;
	/* color: #aaabae; */
	color:#ccc;
    box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-o-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-webkit-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-moz-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
   z-index: 999;
}
label.col-sm-2.control-label {
    font-size: 16px;
    margin-top: 0px;
    
}
#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#menu li {
  position: relative;
  margin: 0;
  border-bottom: 1px ridge rgba(255, 255, 255, 0.15);
  padding: 0;
  padding: 0;
}
#menu li ul {
  opacity: 0;
  height: 0px;
}
    #menu li a {
        font-style: normal;
        font-weight: 400;
        position: relative;
        display: block;
        padding: 13px 20px;
        /* color: #fff; */
        color: #666;
        white-space: nowrap;
        z-index: 2;
        /* background-color: #b52e31; */
        background-color: #fff;
        font-size: 0.9em;
        font-family: 'Poppins', sans-serif;
        border: none;
        /* border-left: 4px solid #b52e31; */
    }
#menu li a:hover {
  color: #ffffff;
  background-color:#252525;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   border-left: 4px solid #4A4A4A;
}
#menu li.active > a {
  background-color: #2b303a;
  color: #ffffff;
}
#menu ul li {
	/* background-color: #B52E31; */
	background-color: #fff;
}
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu li ul {
  position: absolute;
  visibility: hidden;
  left: 100%;
  top: -1px;
  background-color: #2b303a;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.1s linear;
  border-top: 1px solid rgba(69, 74, 84, 0.7);
}
#menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
li#menu-mensagens,li#menu-arquivos {
background-color:#00C6D7!important;
}
#menu li li ul {
  right: 100%;
  visibility: hidden;
  top: -1px;
  opacity: 0;
  transition: opacity 0.1s linear;
}
#menu li li:hover ul {
  visibility: visible;
  opacity: 1;
}

#menu .fa { margin-right: 5px; }

.logo1 {
    width: 100%;
    padding: 10px 10px 20px;
    box-sizing: border-box;
    overflow:hidden;
}
    .logo1 h3 {
        overflow: hidden;
        margin: 20px 0 0;
    }

.sidebar-icon {
    margin-top: -2px;
    /* border: 1px solid #252525; */
    text-align: right;
    line-height: 1;
    font-size: 19px;
    /*padding: 8px 10px;*/
    padding: 8px 0px;
    border-radius: 0px;
    color: #fff;
    /* background: #252525; */
    float: right;
}
.sidebar-collapsed .sidebar-icon {
    padding: 8px 10px;
}

ul#menu i {
    font-size: 1.1em;
    margin-right: 6px;
    width: 10%;
}
ul#menu-academico-sub {
    z-index: 999;
}
li#menu-academico{
 z-index: 999;
}
.panel-body.ont {
    padding: 14px;
}
/*#logo
{
    width: 150px;
    height: 64px;
    vertical-align: middle;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
}*/

.fa-html5 {
  color: #fff;
  margin-left: 50px;
}
.menu {
    text-align: left;
}
/*----*/
.itemContainer{
			width:100%;
			float:left;
		}

		.itemContainer div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}

		.itemContainer a{
			text-decoration:none;
		}

		.cartHeaders{
			width:100%;
			float:left;
		}

		.cartHeaders div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}
.item_add {
  color: #fff;
 
  border:none;
}	
	
.grid_1 img{
	margin-bottom:1em;
}


.box_1{
	float:right;
}
.box_1 h3{
  color: #7A8499;
  font-size: 1em;

    float: left;
}
.box_1 h3 img{
	margin-left: 5px;
}
.box_1 p{

  float: right;
}
.total {
  display: inline-block;
}
/*----*/
/*--checkout--*/
.cart h2{
	font-size:1.5em;
	margin-bottom:1em;
}

.cart-sec{
	
	margin-bottom:3em;
}
.cart-item{
	width:20%;
	float:left;
	margin-right:5%;
	
}
.cart-item img{
	width:100%;
}
.cart-item-info{
	width:75%;
	float:left;
	 
}
.check {
    padding: 1em 0 0;
}
.cart-item-info h3{
	font-size:1em;
	font-weight:600;
}
.cart-item-info h3 a{
	color:#000;
}
.cart-item-info h3 span{
	display:block;
	font-weight:400;
	font-size: 0.85em;
  margin: 0.7em 0;
}
.size_3 {
  width:100%;
}
.delivery {
  margin-top: 3em;
}
.delivery p {
  color: #A6A6A6;
  font-size: 1em;
  font-weight: 400;
  float: left;
}
.delivery span {
  color: #A6A6A6;
  font-size: 1em;
  font-weight: 400;
  float: right;
}
.cart-item-info h4 span{
	font-size:0.65em;
	font-weight:400;
} 

.close1,.close2{
  background: url('../images/close_1.png') no-repeat 0px 0px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.cart-header {  
  position: relative;  
}
.cart-header2 {  
  position: relative;  
}
a.order {
  background:#B52E31;
  padding: 10px 20px;
  
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 600;
  text-align: center;
  margin:3em 0;
}
a.order:hover{
	background:#252525;
}
.total-item,.cart-items{
	margin-top:0em;
	padding-bottom:2em;
}

.total-item h3 {
  color: #333;
  font-size: 1.1em;
  margin-bottom: 1em;
}
.total-item h4{
	font-size:0.8em;
	font-weight:600;
	color:#9C9C9C;
	display:inline-block;
	margin-right:6em;
}
a.cpns{
	background:#B52E31;
	color:#fff;
	
	padding: 10px;
  font-size: 0.8em;
	font-weight:600;
}
a.cpns:hover{
	background: #252525;
}
.total-item p{
	font-size:0.9em;
	font-weight:400;
	margin-top:1em;
	color:#727272;	
}
.total-item p a:hover{
	color:#333;
	text-decoration:underline;
}
a.continue{
	background:#B52E31;
	padding:10px 20px;
	
	font-size:1em;
	color:#fff;
	text-decoration:none;
	display: block;
   font-weight: 600;  
   text-align: center;
   margin-bottom:2em;
}
a.continue:hover{
	background:#252525;
}
ul.total_price{
	padding: 0;
  margin: 1em 0 0 0;
  list-style: none;
}
ul.total_price li.last_price{
	width: 50%;
  float: left;
  
}
ul.total_price li.last_price span{
	font-size: 1.1em;
  color: #000;
}
.price-details{
	border-bottom: 1px solid #DDD9D9;
  padding-bottom: 10px;
}
.price-details h3{
	color:#000;
	font-size:1.2em;
	margin-bottom:1em;
}
.price-details span{
	width: 50%;
  float: left;
 
  font-size: 0.8125em;
  color: #000;
  line-height: 1.8em;
}
.cart-items h1 {
    font-size: 1.5em;
    margin-bottom: 2em;
    color: #B52E31;
}
a.item_add1 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-right-radius: 0;
  /* border-bottom-right-radius: 50%; */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 15px;
  background: url(0) #f54d56;
}
a.item_add1:hover{
	background:rgb(3, 193, 167);
	text-decoration:none;
	color:#fff;
}
.btn_5{
	padding:25px 40px;
	font-size:1.1em;
}
ul.qty{
	padding:0;
	margin:0;
	list-style:none;
}
ul.qty li{
   display: inline-block;
   margin-right: 10%;
}
ul.qty li p{
	font-size:0.8125em;
	color:#555;
}
/*-- header_top --*/
.top_bg{
	background: #252525;
}
.header_top {
    padding: 15px 0 5px;
    width: 83%;
    margin: 0 auto;
}
.top_left{
	float: right;
}
.top_left h2 {
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    margin: 0;
}
.top_left h2 span {
  color: #000000;
  margin-right: 0px;
  padding: 1px 10px;
  background: url(../images/phon.png) no-repeat 4px 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.top_right{
	float:left;
	color: #ffffff;
	margin-top: -5px;
}
.top_right ul{
	padding:0;
	list-style:none;
}
.top_right ul li{
	display: inline-block;
	margin-right: 10px;
}
.top_right ul li:last-child{
	margin-right: 0;
}
.top_right ul li a{
	text-align:center;
	padding: 0px 4px;
	text-transform:uppercase;
	font-size:12px;
	display:block;
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.top_right ul li a:hover{
	color:#ff6978;
	text-decoration: none;
}
.itemContainer{
			width:100%;
			float:left;
		}

		.itemContainer div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}

		.itemContainer a{
			text-decoration:none;
		}

		.cartHeaders{
			width:100%;
			float:left;
		}

		.cartHeaders div{
			float:left;
			margin: 5px 20px 5px 20px ;
		}
.item_add {
  border: none;
  color: #3f3d3d;
  padding: 10px 20px;
  font-size: 0.85em;
  border: none;
  text-align: center;
}
.item_add:hover{
}	
.grid_1 img{
	margin-bottom:1em;
}
span.item_price {
  color: #3f3d3d;
  font-size: 1.2em;
  font-weight: 400;
  text-align: center;
}
.item_quantity {
  margin: 1em 0;
  border: 1px solid rgb(175, 175, 175);
  font-size: 0.85em;
  padding: 5px 10px;
  display: block;
}
.box_1 {
  float: left;
  margin: 0.55em 0.1em 0;
  width:38%;
}
.box_1 h3 {
  color: #000;
  font-size: 0.85em;
  margin: 0;
  float: left;
}
.box_1 h3 img{
	margin-left: 5px;
}
.box_1 p {
    color: #000;
    font-size: 0.85em;
    float: left;
    margin: 0em 0.3em 0.8em;
    text-align: left;
}
select.item_Size {
  display: block;
  border: 1px solid #999;
  font-size: 0.85em;
  color: #000;
  padding: 5px 10px;
  margin-top: 1em;
}
.item_add  a{
  background: #B52E31;
  border: none;
  color: #fff;
  padding: 10px 20px;
  font-size: 0.85em;
  border: none;
}
/********** Login *************/
#loginContainer {
    position:relative;
}
#loginContainer a span {
    display: block;
    padding: 2px 14px;
    border: 1px solid #555;
    font-weight: 300;
    color: #252525;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Box */
#loginBox {
    position:absolute;
	top: 44px;
	right: 0px;
    display:none;
    z-index:29;
}
#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left:10px solid rgba(0, 0, 0, 0);
	border-right:10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #f0f0f0;
}
/* Login Form */
#loginForm {
   width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
}
#loginForm fieldset {
    margin:0 0 15px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#body {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    padding:15px 15px;
    margin:0;
}
#loginForm #checkbox {
    width:auto;
    margin:3px 6px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
    color:#000;
    margin:10px 0 0 0;
    display:block;
    float:left;
    font-size:0.8725em;
}
#loginForm #body fieldset label{
    display:block;
    float:none;
    margin:0 0 6px 0;
}
#body label i{
	color:#000;
	font-size:1em;
	font-style:normal;
}
/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #DADADA;
	color: #222;
	background:#FFF;
    padding:6px;
	font-size: 0.8125em;
    -webkit-apperance:none;
}
/* Sign In Button */
#loginForm #login {
	width: auto;
	float: left;
	background:#B52E31 ;
	color: #fff;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
#loginForm #login:hover {
	background: #252525;
}
/* Forgot your password */
#loginForm span{
    display:block;
    padding:0px 0px 15px 17px;
}
#loginForm span a{
	color:#000;
	font-size:0.85em;
    font-weight:500;
    background: none;
	border: none;
	box-shadow: none;
}
#loginForm span a:hover{
	text-decoration:underline;
}
input:focus {
    outline:none;
}
/*-- header --*/
.logo {
  float: left;
  margin: 1.5em 0;
}
.header_right {
  float: right;
  width: 40%;
}
.head-t {
  padding: 1em 0;
  width:83%;
  margin:0 auto;
}
/*search*/
.search{
	position: relative;
	/* background: #f3f4f5; */
	/* border: 1px solid #D8D8D8; */
}
.search form{
	width:100%;
}
    .search input[type="text"] {
        margin: 0px 0;
        padding: 8px 0px;
        outline: none;
        color: #737373;
        background: none;
        border: none;
        width: 91.33333%;
        line-height: 1.5em;
        position: relative;
        font-size: 15px;
        -webkit-appearance: none;
        text-transform: capitalize;
        float: right;
        font-family: Catamaran;
        font-weight: 500;
    }
.search input[type="text"]:hover{
	/* background: #ffffff; */
}
.search input[type="submit"]{
	background: url('../../Images/AppIcon/search_icon.png') no-repeat 0px 1px;
	border: none;
	cursor: pointer;
	width: 24px;
	outline: none;
	position: absolute;
	height: 24px;
	top: 6px;
	left: 5px;
}
.log {
  float: left;
  width: 19%;
}
.reg {
  float: left;
  width: 20%;
  margin: 5px 0;
}
/* create_btn */
.create_btn {
  float: left;
  width: 21%;
}
.create_btn a {
  text-transform: capitalize;
  display: inline-block;
  padding: 6px 16px;
  font-size: 0.8725em;
  font-weight:300;
  color: #ffffff;
  background: #252525;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.create_btn a:hover{
	background: #B52E31;
	color:#ffffff; 
	text-decoration:none;
}
.create_btn a img{
	vertical-align: top;
	margin-top: 3px;
}
.reg a {
  vertical-align: middle;
  font-size: 0.85em;
  font-weight: 300;
  text-decoration: none;
   color: #252525;
}
.chrt-two.area {
    padding:1em;
}
a.simpleCart_empty {
    color: #252525;
}
#chartdiv4 {
         width: 100%;
    height: 431px;
    font-size: 14px;
}

.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}
.amChartsLegend.amcharts-legend-div {
    left: 390px!important;
}
.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}	
h2.inner,h3.inner {
    padding: 0;
    margin-top: 0;
    font-weight: 400;
    color: #333;
}
.dev-widget:hover h2,.dev-widget:hover h3{
    color: #fff;
}
#chartdiv1 {
    width: 100%;
    height: 338px;
}
.chrt-two{
    padding: 2em 2em;
    background: #fff;
    width: 49%;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
}
.chrt-three {
    padding:1em;
    background: #fff;
    width: 49%;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
	float:right;
}
.content {
    /*padding: 3em 2em 1em;*/
}
.demo-container {
    box-sizing: border-box;
    width: 100%;
    /*height: 350px; commented for run in background*/
}
.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}
/*---fn-gantt-----*/
/*-- status --*/
.contain {
	width: 100%;
	margin: 0 auto;
}
/*table th:first-child {
	width: 150px;
}*/
.gantt, .gantt2 {
    width: 100%; 
}
.monthly-grid {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    padding: 1em;
    margin-bottom: 1em;
}
.skil {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    padding: 1em;
    width: 30%;
}
.gantt:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.panel {
    margin-bottom: 0px !important;
}
.fn-gantt {
    width: 100%;
    border: 1px solid rgba(37, 37, 37, 0.19);
}
.fn-gantt .fn-content {
    overflow: hidden;
    position: relative;
    width: 100%;
}
/* === LEFT PANEL === */
.fn-gantt .leftPanel {
    float: left;
    width: 225px;
    overflow: hidden;
    border-right: 1px solid #DDD;
    position: relative;
    z-index: 20;
}
.fn-gantt .row {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-left: -24px;
}
.fn-gantt .leftPanel .fn-label {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #484A4D;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.fn-gantt .leftPanel .row0 {
    border-top: 1px solid #DDD;
}
.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
    float: left;
    height: 23px;
    margin: 0;
    border-bottom: 1px solid #DDD;
    background-color: #f6f6f6;
}
.fn-gantt .leftPanel .name {
    width: 109px;
    font-weight: bold;
}
.fn-gantt .leftPanel .desc {
    width: 115px;
}
.fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
    width: 225px;
}
.fn-gantt .spacer {
    margin: -2px 0 1px 0;
    border-bottom: none;
    background-color: #f6f6f6;
}
/* === RIGHT PANEL === */
.fn-gantt .rightPanel {
    overflow: hidden;
}
.fn-gantt .dataPanel {
    margin-left: 0px;
    border-right: 1px solid #DDD;
    background: url(../images/grid.png) 0px 0px;
    background-repeat: repeat;
    background-position: 24px 24px;
}
.fn-gantt .day, .fn-gantt .date {
    overflow: visible;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin: -1px 0 0 -1px;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
}
.fn-gantt .holiday {
    background-color: #ffd263;
    height: 23px;
    margin: 0 0 -1px -1px;
}
.fn-gantt .today {
    background-color: #fff8da;
    height: 23px;
    margin: 0 0 -1px -1px;
    font-weight: bold;
    text-align: center;
}
.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
    height: 23px;
    margin: 0 0 0 -1px;
    text-align: center;
}
.fn-gantt .sa, .fn-gantt .sn {
    color: #939496;
    background-color: #f5f5f5;
    text-align: center;
}
.fn-gantt .wd {
    background-color: #f6f6f6;
    text-align: center;
}
.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
    float: left;
    overflow: hidden;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 23px;
    margin: 0 0 0 -1px;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
}
.fn-gantt-hint {
    border: 5px solid #edc332;
    background-color: #fff5d4;
    padding: 10px;
    position: absolute;
    display: none;
    z-index: 11;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}
.fn-gantt .bar {
    background-color: #D0E4FD;
    height: 18px;
    margin: 4px 3px 3px 3px;
    position: absolute;
    z-index: 10;
    text-align: center;
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
        -moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
        box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
}
.fn-gantt .bar .fn-label {
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    color: #414B57 !important;
    text-align: center;
    font-size: 11px;
}
.fn-gantt .ganttRed {
    background-color: #F9C4E1;
}
.fn-gantt .ganttRed .fn-label {
    color: #78436D !important;
}
.fn-gantt .ganttGreen {
    background-color: #D8EDA3;
}
.fn-gantt .ganttGreen .fn-label {
    color: #778461 !important;
}
.fn-gantt .ganttOrange {
    background-color: #FCD29A;
}
.fn-gantt .ganttOrange .fn-label {
    color: #714715 !important;
}
/* === BOTTOM NAVIGATION === */
.fn-gantt .bottom {
    clear: both;
    background-color: #f6f6f6;
    width: 100%;
}
.fn-gantt .navigate {
    border-top: 1px solid #DDD;
    padding: 10px 0 10px 225px;
}
.fn-gantt .navigate .nav-slider {
    height: 20px;
    display: inline-block;
}
.fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {
    text-align: center;
    height: 20px;
    display: inline-block;
}
.fn-gantt .navigate .nav-slider-left {
    float: left;
}
.fn-gantt .navigate .nav-slider-right {
    float: right;
}
.fn-gantt .navigate .nav-slider-content {
    text-align: left;
    width: 143px;
    height: 20px;
    display: inline-block;
    margin: 0 10px;
}
.fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {
    position: absolute;
    display: block;
}
.fn-gantt .navigate .nav-slider-bar {
    width: 143px;
    height: 6px;
    background-color: #838688;
    margin: 8px 0 0 0;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
}
.fn-gantt .navigate .nav-slider-button {
    width: 17px;
    height: 60px;
    background: url(../images/slider_handle.png) center center no-repeat;
    left: 0px;
    top: 0px;
    margin: -26px 0 0 0;
    cursor: pointer;
}
.fn-gantt .navigate .page-number {
    display: inline-block;
    font-size: 10px;
    height: 20px;
}
.fn-gantt .navigate .page-number span {
    color: #666666;
    margin: 0 6px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}
.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
    text-decoration: none;
}
.fn-gantt .nav-link {
    margin: 0 3px 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 0px;
    background: #595959 url(../images/icon_sprite.png) !important;
    border: 1px solid #454546;
    cursor: pointer;
    vertical-align: top;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
            -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
            box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.fn-gantt .nav-link:active {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
}
.fn-gantt .navigate .nav-page-back {
    background-position: 1px 0 !important;
    margin: 0;
}
.fn-gantt .navigate .nav-page-next {
    background-position: 1px -16px !important;
    margin-right: 15px;
}
.fn-gantt .navigate .nav-slider .nav-page-next {
    margin-right: 5px;
}
.fn-gantt .navigate .nav-begin {
    background-position: 1px -112px !important;
}
.fn-gantt .navigate .nav-prev-week {
    background-position: 1px -128px !important;
}
.fn-gantt .navigate .nav-prev-day {
    background-position: 1px -48px !important;
}
.fn-gantt .navigate .nav-next-day {
    background-position: 1px -64px !important;
}
.fn-gantt .navigate .nav-next-week {
    background-position: 1px -160px !important;
}
.fn-gantt .navigate .nav-end {
    background-position: 1px -144px !important;
}
.fn-gantt .navigate .nav-zoomOut {
    background-position: 1px -96px !important;
}
.fn-gantt .navigate .nav-zoomIn {
    background-position: 1px -80px !important;
    margin-left: 15px;
}
.fn-gantt .navigate .nav-now {
    background-position: 1px -32px !important;
}
.fn-gantt .navigate .nav-slider .nav-now {
    margin-right: 5px;
}
.fn-gantt-loader {
    z-index: 30;
}
.fn-gantt-loader-spinner {
    width: 100px;
    height: 20px;
    position: absolute;
    margin-left: 50%;
    margin-top: 50%;
    text-align: center;
}
.fn-gantt-loader-spinner span {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.row:after {
    clear: both;
}
/*-- //status --*/
/*---fn-gantt-----*/
canvas#bar1 {
    width: 100% !important;
    height: 300px !important;
}
.panel-body {
    padding: 0;
}
 /*-----*/
.mid-content-top {
    width: 68%;
    float: right;
    padding-right: 0;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
}
.middle-content{
 	background: #fff;
 	padding:1em;
}
.middle-content h3 {
    font-size: 1.5em;
    color:#B52E31;
    margin-bottom: 1em;
} 
.content-top-lft {
    padding: 1em;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    width: 49%;
    float: left;
}
h3.sub-tittle {
    font-size: 22px;
    color: #B52E31;
}
/*----*/
/*--content--*/
.content-top-1 {
    background-color: #fff;
   	padding: 1em;
   	margin-bottom: 1em; 
    border: 1px solid #ebeff6;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-top-1:last-child {
   	margin-bottom: 0em; 
}
.content-graph {
    background-color: #fff;
}
/*.panel-title {
    font-size: 22px !important;
    color: #B52E31 !important;
    margin-bottom: 0.5em !important;
    font-family: 'Poppins', sans-serif;
}*/
.content-top-2 {
    position: relative;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    float: right;
    width: 49%;
}
.content-color {
    position: absolute;
    top: 3%;
    right: 6%;
    border:1px solid #F3F3F4;
	padding:1em;
	width:150px;
}
.content-ch,.content-ch1 {
	font-size:0.8em;
	color:#999;
}
.content-ch p,.content-ch1 p{
	float:left;
}
.content-ch i{
	width:10px;
	height:10px;
	border:2px solid #999;
	display: inline-block;
	margin-right:5px;
}
.content-ch1 i{
	width:10px;
	height:10px;
	border:2px solid #FBB03B;
	background:#FBB03B;
	display: inline-block;
	margin-right:5px;
}
.content-ch span,.content-ch1 span{
	float:right;
}
.top-content h5 {
    font-size: 1.3em;
    color: #B3AEAE;
    font-family: 'Poppins', sans-serif;
}
.top-content label {
    font-size: 2.3em;
    color: #000;
}
.content-top {
    padding: 1em 0;
}
/*--pie-chart---*/
.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}
.pie-value {
  display: block;
  position: absolute;
  font-size: 14px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
}
/*----*/
/*--single--*/
.cont{
	display: block;
	float:left;
}
.span_2_of_bottom1 {
	width:68.1%;
}
.lsidebar{
	display: block;
	float:right;
	margin-left:3.333%;
} 	
.span_2_of_bottom {
	width: 66.1%;
}
.span_1_of_bottom {
	width:25.1%;
	border: 1px solid #DDD;
}
.span_2_of_bottom p,
.span_1_of_bottom  p  {
	font-size:0.8125em;
	padding:0.5em 0;
	color: #888;
	line-height: 1.5em;
}
.desc h5 a{
	color:#C0313C;
	font-size: 0.788em;
}
.desc h5 a:hover{
	color:#333;
}
.button {
	border: none;
	background: #45A43E;
	color: #FEF503;
	float: right;
	padding: 7px 15px;
	font-size: 12px;
	cursor: pointer;
	outline: none;
	text-transform:uppercase;
}
.button:hover {
	background:#333;
}
.price-text{
	padding:5% 0;
}
.span_3_of_2 {
	width:60.3333%;
}
.desc1 {
	display: block;
	float: right;
}
p.stock {
	display: block;
	font-size: 0.89em;
	color: #555;
	margin: 10px 0;
}
.row-2 {
	overflow: hidden;
	text-align: left;
	padding-top: 6px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
span.on_sale {
	display: block;
	float: left;
	padding: 15px 6px 0 30px;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	color: #777777;
}
.price1 {
	padding: 4% 0;
}
span.actual1 {
	text-decoration: line-through;
	margin-right: 8%;
	color: #888;
	font-size: 1.2em;
}
.images_3_of_2 {
	width:35.2%;
	float: left;
	margin-right: 2.6%;
}
.single-bottom1 h6, .single-bottom2 h6 {
	background: #F3F3F3;
	padding: 10px;
	color:#B52E31;
	font-size: 1.2em;
}
p.prod-desc {
	color: #3f3d3d;
	padding-top: 2%;
	font-size: 0.89em;
	line-height: 1.8em;
}
.single-bottom1 {
	padding: 3% 0 4%;
}
.product {
	padding: 3% 0 0 0;
}
.product-desc {
	width: 100%;
	float: left;
	border-width: 0 1px 0 0;
}
.product-img {
	width: 21.5%;
	float: left;
	margin-right: 2.5%;
}
.prod1-desc {
	width: 75.2%;
	float: left;
}
.product-desc h5 {
	padding-bottom: 2%;
}
.product-desc h5 a{
	color:#555;
	font-size:20px;
}
.product-desc h5 a:hover{
	color:#B52E31;
	text-decoration:none;
}
p.product_descr {
	color: #3f3d3d;
	font-size: 0.89em;
	line-height: 1.8em;
}
.product_price {
	width:15.3333%;
	float: left;
	padding: 0 0px 0px 16px;
}
.price-access {
	color: #555;
	font-size: 1em;
}
.button1 {
	border: none;
	background:#ff6978;
	padding: 7px 15px;
	color: #FFF;
	font-size: 13px;
	cursor: pointer;
	outline: none;
	margin-top: 9%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.button1:hover{
	background:#00405d;
	color: #fff;
}
.desc1 h3{
	color:#B52E31;
	font-size:1.4em;
	text-transform:capitalize;
}
.desc1 p {
  margin-top: 2%;
  font-size: 0.89em;
  color: #3f3d3d;
  line-height: 1.8em;
  letter-spacing: 1px;
}
.desc1 p a{
	margin-left:5px;
	color:#555555;
	text-transform:uppercase;
	font-size: 13px;
	-webkit-text-stroke: 0px;
	letter-spacing: 0px;
}
.desc1 p a:hover{
	color: #00405d;
}
.det_nav {
	margin:  6% 0;
}
.det_nav ul{
	padding:0;
	list-style:none;
}
.det_nav h4{
	line-height:1.8em;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
	margin-bottom: 4%;
}
.det_nav ul li{
	display:inline-block;
	width: 20.33333%;
	margin-left: 4%;
}
.det_nav ul li:first-child{
	margin-left: 0;
}
.det_nav ul li a{
	display:block;
}
.det_nav ul li a img{
	border: 1px solid #DADADA;
}
.btn_form{
	margin: 8% 0 4%;
}
.btn_form a{
	cursor:pointer;
	border:none;
	outline:none;
	display: inline-block;
	font-size: 1em;
	padding: 10px 34px;
	background:#B52E31;
	color:#fff;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_form a:hover{
	background: #252525;
	text-decoration:none;
}
.desc1  a span{
	font-size:0.8125em;
	color:#555555;
	text-transform:uppercase;
	text-decoration:underline;
}
.desc1 a span:hover{
	color: #00405d;
	text-decoration:none;
}
.det_nav1 h4 {
  font-size: 1em;
  text-transform: uppercase;
  color: #555;
  margin: 3% 0 6% 0;
}
.det_nav1 ul li{
	display: inline-block;
	margin-left: 10px;
}
.det_nav1 ul li:first-child{
	margin-left: 0;
}
/* end details */
/* start registration */
.registration {
    padding: 1% 0%;
}
.registration h2{
	font-size:1.5em;
	color:#B52E31;
	text-transform:capitalize;
	margin-bottom: 4%;
}
.reg_fb {
	margin:3% 0;
	display: block;
	background: #3B5998;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.reg_fb img {
	background:#354F88;
	padding: 10px;
	float: left;
}
.reg_fb i {
	color: #ffffff;
	padding: 12px 16px;
	display: inline-block;
	font-size: 1.3em;
	text-transform: capitalize;
	font-style: normal;
}
.reg_fb:hover {
	background:#354F88;
}
.registration_left{
	float: left;
	width: 45.33333%;
	margin-left: 9.333%;
}
.registration_left:first-child{
	margin-left: 0;
}
.registration span{
	color: #252525;
}
.registration_form{
	display: block;
}
.registration_form div{
	padding:10px 0;
}
.sky_form1{
	margin-bottom: -30px;
}
.sky_form1 ul{
	padding:0;
	list-style:none;
}
.sky_form1 ul li{
	float: left;
	margin-left: 20px;
}
.sky_form1 ul li:first-child{
	margin-left: 0;
}
label {
    /*display: block;*/
    margin-bottom: 0;
    font-weight: normal;
    margin-right: 5px;
}
.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-size: 0.8925em;
	color: #333333;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}
.registration_form input[type="submit"]{
	-webkit-appearance: none;
	color: #ffffff;
	text-transform: capitalize;
	display: inline-block;
	background:#B52E31;
	padding: 10px 20px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;
}
.registration_form input[type="submit"]:hover{
	color: #ffffff;
	background:#252525;
}
.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color:#B52E31;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 0.8925em;
}
.forget a:hover{
	text-decoration: none;
}
/* start shopping bag */
.shoping_bag {
	padding: 2% 1%;
	border-bottom: 1px solid rgb(223, 223, 223);
}
.shoping_bag h4{
	float:left;
	text-transform: uppercase;
	color: #777777;
	font-size:1em;
	margin: 13px 0 0;
}
.shoping_bag h4 img{
	
	margin-right: 5px;
}
.shoping_bag h4 span{
	color:#ff6978;
}
.s_art {
	float: right;
	padding: 0;
	list-style: none;
}
.s_art li{
	text-align:center;
	text-transform: uppercase;
	color: #777777;
	font-size:1em;
}
.shoping_bag1{
	padding: 2% 1%;
	border-bottom: 1px solid rgb(223, 223, 223);
}
.shoping_left{
	float: left;
	width:68.333%;
	margin-right: 3.3333%;
}
.shoping_right{
	float: right;
	width:14.333%;
}
.shoping1_of_1{
	float: left;
	width: 12.3333%;
	margin-right: 3.3333%;
}
.shoping1_of_2{
	float: left;
	width: 68.3333%;
}
.shoping_left h4{
	margin-bottom: 2%;
}
.shoping_left h4 a{
	text-transform: uppercase;
	color: #00405d;
	font-size:1em;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shoping_left h4 a:hover{
	text-decoration: none;	
	color: #777777;
}
.shoping_left span{
	text-transform: uppercase;
	color: #999999;
	font-size: 0.8725em;
	-webkit-text-stroke: 0.4px;
}
.shoping_left span b{
	color: #555555;
	font-weight: 600;
}
.s_icons{
	margin-top: 2%;	
}
ul.s_icons{
	padding:0;
	list-style:none;
}
.s_icons li{
	display: inline-block;
	margin-left: 10px;
}
.s_icons li:first-child{
	margin-left: 0;
}
.s_icons li a{
	display: block;
	width:30px;
	height:30px;
	background: rgb(187, 187, 187);
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	padding: 1px;
}
.s_icons li a:hover{
	background: #00405d;
}
.s_icons li a img{
	vertical-align: bottom;
}
.shoping_right p{
	color: #333333;
	font-size: 0.8725em;
	text-transform: capitalize;
	line-height: 2.5em;
	-webkit-text-stroke: 0.4px;
}
.shoping_right p.tot{
	font-size: 1.5em;
}
.shoping_right p span{
	color: #ff0000;
	float: right;
}
.shoping_right p a{
	color:#00405d;
}
.shoping_bag {
	padding: 2% 1%;
	border-bottom: 1px solid rgb(223, 223, 223);
}
.shoping_bag1 h2{
	float:left;
	text-transform: uppercase;
	color: #777777;
	font-size:1em;
}
.shoping_bag1 h2 a{
	-webkit-text-stroke: 0.4px;
	color: #00405d;
	font-size: 0.8725em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shoping_bag1 h2 a:hover{
	color: #555555;
}
.shoping_bag1 h2 img{
	vertical-align: text-bottom;
	margin-right: 5px;
}
.shoping_bag1 h2 span{
	color: #999999;
}
.shoping_bag2{
	padding: 2% 0;
}
.shoping_left a.btn1{
	margin-top:1%;
	text-transform: capitalize;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.2em;
	color: #ffffff;
	background:#ff6978;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.shoping_left a.btn1:hover{
	background: #00405d;
	text-decoration:none;
}
.shoping_right p span.color{
	color: #00405d;
}
h4.title {
  color: #ff6978;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  line-height: 1.2em;
  background: #F7F7F7;
  padding: 1em;
}
p.cart {
  color: #777;
  font-size: 1.2em;
  line-height: 1.8em;
  text-align: left;
}
p.cart a {
  text-decoration: underline;
  color: #ff6978;
}
.check-out {
  padding: 6em 0;
}
/* start contact */
.contact{
	margin:2% 0;
	display: block;
}
.contact h2{
	font-size: 1.5em;
	color: #B52E31;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: capitalize;
}
.map {
    margin: 2% 0% 2% 0;
}
.col{
	display: block;
}
.contact-form{
	position:relative;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span label{
	margin-top: 10px;
	color: #777777;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
	text-transform: capitalize;
	font-weight: normal;
}
.contact-form input[type="text"], .contact-form textarea {
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 96.3333%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	margin-top: 10px;
	-webkit-appearance: none;
	border: none;
	outline: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	padding: 12px 25px;
	background:#B52E31;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form input[type="submit"]:hover{
	background: #252525;
	color: #ffffff;
}
/* radios and checkboxes */
.sky-form {
	margin-top: -10px;
}
.row1{
	outline:none;
	padding: 20px;
	overflow: auto;
	height: 200px;
}
.sky-form.col.col-4 ul {
padding: 0;
list-style: none;
}
.sky-form h4{
	margin-top: 10px;
	background: #ECECEC;
	padding: 10px 20px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size:16px;
}
.sky-form section {
	margin-bottom: 20px;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.sky-form .label.col {
	margin: 0;
	padding-top: 10px;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
	position: relative;
	display: block;
}
/* selects */
.sky-form .select i {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 1px;
	height: 11px;
	background: #fff;
	box-shadow: 0 0 0 12px #fff;
}
.sky-form .select i:after,
.sky-form .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.sky-form .select i:after {
	bottom: 0;
	border-top: 4px solid #404040;
}
.sky-form .select i:before {
	top: 0;
	border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
	height: auto;
}
/* radios and checkboxes */
.sky-form .radio,.sky-form .checkbox {
	outline:none;
	border:none;
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 13px;
	line-height: 27px;
	color: #555555;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: normal;
	margin-top: 0;
}
.sky-form .radio{
	text-transform: none;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
	margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
	position: absolute;
	left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}
.sky-form .radio i {
	border-radius: 50%;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
	content: '';
	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.sky-form .checkbox input + i:after {
	content: '';
	top: 3px;
	left: 2px;
	width: 10px;
	height: 7px;
	background: url(../images/tick.png) no-repeat;
	text-align: center;
}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
	opacity: 1;
}
.sky-form .inline-group {
	margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}
/* icons */

.sky-form [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
	border-color: #e5e5e5;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
	background-color: #2da5da;	
}
/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
	border-color: #8dc9e5;
}
.sky-form .button:hover {
	opacity: 1;
}
/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border-color: #2da5da;
}
/* checked state */
.sky-form .radio input + i:after {
	background-color: #ff6978;	
}
.sky-form .checkbox input + i:after {
	color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #ff6978;	
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
	background: #fff0f0;
}
/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
	background: #f0fff0;
}
/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
	cursor: default;
	opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
	border-color: #e5e5e5;
}
/* start women */
.w_sidebar{
	border: 1px solid #EBEBEB;
}
.w_nav1 ul{
	padding:0;
	list-style:none;
}
.w_nav1{
	padding: 20px;
}
.w_nav1 h4{
	text-transform:uppercase;
	color:#ff6978;
	font-size: 1em;
	margin-bottom: 5px;
}
.w_nav1 ul li{
	line-height: 1.5em;
}
.w_nav1 ul li a{
	display: block;
	text-transform:uppercase;
	color: #555555;
	font-size: 0.8725em;
}
.w_nav1 ul li a:hover{
	color:#00405d;
}
.w_nav2{
	padding: 20px;
}
.w_nav2  li{
	line-height: 1.5em;
	display: inline-block;
}
.w_nav2 li a{
	display: block;
	padding: 14px;
}
.w_nav2 li a.color1{
	background:	#0AA5E2;
}
.w_nav2 li a.color2{
	background:	#40E0D0;
}
.w_nav2 li a.color3{
	background:	#B03060;
}
.w_nav2 li a.color4{
	background:	#000080;
}
.w_nav2 li a.color5{
	background:	#E60D41;
}
.w_nav2 li a.color6{
	background:	#45BF55;
}
.w_nav2 li a.color7{
	background:	#FF7F00;
}
.w_nav2 li a.color8{
	background:	#8B4513;
}
.w_nav2 li a.color9{
	background:	#FFD700;
}
.w_nav2 li a.color10{
	background:	#9FA8AB;
}
.w_nav2 li a.color11{
	background:	#C0C0C0;
}
.w_nav2 li a.color12{
	background:	#0AA5E2;
}
.w_nav2 li a.color13{
	background:	#FFCBDB;
}
.w_nav2 li a.color14{
	background:	#B87333;
}
.w_nav2 li a.color15{
	background:	#BFB540;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.w_sidebar h3{
	padding:0 20px 10px;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
}
.women_main {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    padding: 1em;
}
.foot-top li {
  display: inline-block;
  vertical-align: middle;
}
.fooll h1 {
  font-size: 1.1em;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  padding-right: 1em;
}
.foot-top {
    padding: 2em 0;
    border-bottom: 1px solid #e5e4e2;
    border-top: 1px solid #e5e4e2;
    margin-top: 2em;
    width: 95%;
    margin: 0 auto;
}
.stay form input[type="text"] {
  width: 100%;
  color: #3f3d3d;
  outline: none;
  font-size: 1em;
  padding: 0.5em;
  font-weight:300;
  border: 1px solid #e5e4e2;
  -webkit-appearance: none;
}
.btn-1 form input[type="submit"] {
  background: #252525;
  padding: 0.5em;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  display: block;
  outline: none;
  border: none;
  width: 100%;
  text-transform: uppercase;
}
.btn-1 form input[type="submit"]:hover{
	background:#B52E31;
}
.stay-left {
  float: left;
  width: 78%;
  margin-right: 0.5%;
}
.btn-1 {
  float: left;
  width: 21.5%;
}
.footer h4 {
    color: #B52E31;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin: 0 0 1em;
}
.footer {
    padding: 3em 0 0;
    width: 95%;
    margin: 0 auto;
}
i.phone {
  width: 19px;
  height: 21px;
  display: inline-block;
  background: url(../images/img-sprite.png) no-repeat -235px -39px;
  vertical-align: middle;
  margin-right: 0.5em;
}
i.add {
  width: 17px;
  height: 24px;
  display: inline-block;
  background: url(../images/img-sprite.png) no-repeat -236px -11px;
  vertical-align: middle;
  margin-right: 0.5em;
}
i.mail {
  width: 17px;
  height: 14px;
  display: inline-block;
  background: url(../images/img-sprite.png) no-repeat -236px -76px;
  margin-right: 0.5em;
}
.our-st li {
  color: #3f3d3d;
  display: block;
  font-size: 1em;
  font-weight: 300;
  line-height: 2em;
}
.our-st li a{
  text-decoration:none;
  color:#3f3d3d;
}
.our-st li a:hover{
  text-decoration:none;
  color:#b52e31;
}
.cust li {
display:block;
}
.cust li a {
  display: block;
  color: #3f3d3d;
  font-size: 1em;
  line-height: 1.8em;
  text-decoration: none;
}
.cust li a:hover{
	color:#D03333
}
.abt li {
display:block;
}
.abt li a {
  display: block;
  color: #3f3d3d;
  font-size: 1em;
  line-height: 1.8em;
  text-decoration: none;
}
.abt li a:hover{
	color:#D03333
}
.myac li {
display:block;
}
.myac li a {
  display: block;
  color: #3f3d3d;
  font-size: 1em;
  line-height: 1.8em;
  text-decoration: none;
}
.myac li a:hover{
	color:#D03333
}
.cr_btn a {
  text-transform: capitalize;
  display: inline-block;
  padding: 3px 25px;
  font-size: 0.9em;
  font-weight: 300;
  color: #3f3d3d;
  background: #e5e4e2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration:none;
}
.cr_btn1 a {
  text-transform: capitalize;
  display: inline-block;
  padding: 2px 23px;
  font-size: 0.9em;
  font-weight: 300;
  color: #3f3d3d;
  background: none;
  border: 1px solid #e5e4e2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.our-left1 {
  float: left;
  width: 22%;
}
.cr_btn1 a:hover{
   color: #3f3d3d;
  background: #e5e4e2;
    border:1px solid #e5e4e2;
}
.special h3:before {
  height: 8px;
  width: 371px;
  content: '';
  background: url(../images/line.png)no-repeat;
  display: block;
  position: absolute;
  left: 301px;
  top: 87px;
}
.special h3:after {
  height: 8px;
  width: 371px;
  content: '';
  background: url(../images/line.png)no-repeat;
  display: block;
  position: absolute;
  right: 301px;
  top: 87px;
}
.special h3 {
  font-size: 1.5em;
  border: 1px solid #e5e4e2;
  text-align: center;
  padding: 0.5em;
  margin: 0 auto;
  width: 21%;
}
.specia-top {
  margin: 3em 0;
}
.footer p {
    margin: 2.5em 0 0;
    font-size: 1em;
    color: #3f3d3d;
    font-weight: 400;
    line-height: 1.8em;
    text-align: center;
}
.footer p a {
    text-decoration: none;
    color: #3f3d3d;
}
.footer p a:hover{
    color: #b52e31;
}
ul.grid_2 {
  padding: 0;
}
ul.grid_2 li {
  display: inherit;
}
ul.grid_2 li:hover {
  background: #e9e9e9;
  color: #ff6978;
}
ul.grid_2 li h5:hover {
  color: #ff6978;
}
ul.grid_2 li {
  width: 23%;
  float: left;
  margin:0 1%
}
.arriv-info2 a {
  text-decoration: none;
}
.arriv-info2 a h3:hover{
  color:#ff6978;
}
i.facebok {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -8px -10px;
  float: left;
  vertical-align: middle;
}
i.facebok:hover{
  background: url(../images/img-sprite.png)no-repeat -8px -46px;
}
i.twiter {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -48px -12px;
  float: left;
  vertical-align: middle;
}
i.twiter:hover{
  background: url(../images/img-sprite.png)no-repeat -48px -48px;
}
i.be {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -133px -10px;
  float: left;
  vertical-align: middle;
}
i.be:hover{
  background: url(../images/img-sprite.png)no-repeat -133px -46px;
}
i.pp {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -177px -9px;
  float: left;
  vertical-align: middle;
}
i.pp:hover{
  background: url(../images/img-sprite.png)no-repeat -177px -45px;
}
i.goog {
  width: 35px;
  height: 35px;
  background: url(../images/img-sprite.png)no-repeat -92px -13px;
  float: left;
  vertical-align: middle;
}
i.goog:hover{
  background: url(../images/img-sprite.png)no-repeat -92px -48px;
}
.social-ic ul {
  padding: 0;
}
.social-ic li {
  display: inline-block;
  margin: 0 0.2em;
}
/*-- start w_content --*/

.women h4{
	float:left;
	font-size:1em;
	text-transform:uppercase;
	color: #333333;
}
.women h4{
	color:#B52E31;
}
.w_nav {
	float:right;
	color:#555555;
	font-size:0.8125em;
	padding:0;
	list-style:none;
}
.w_nav li{
	display: inline-block;
}
.w_nav li a{
	display: block;
	color:#555555;
	text-transform:capitalize;
}
.w_nav li a:hover{
	color: #00405d;
}
.grids_of_4{
	display:block;
	margin: 2% 0;
}
.grid1_of_4{
	float: left;
	width: 23.22222%;
	margin-left: 2.33333%;
	text-align:center;
}
.grid1_of_4:first-child{
	margin-left: 0;
	text-align:center;
}
.grid1_of_4 h4 {
    font-size: 16px;
    margin-top: 14px;
}
.grid1_of_4 h4 a{
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
}
.grid1_of_4 h4 a:hover{
	color:#ff6978;
}
.grid1_of_4 p{
	font-size: 0.8125em;
	color:#3f3d3d;
	line-height: 1.8em;
	margin-bottom:0px;
}
.content_box-grid {
	margin-top: 1em;
}
.view {
   overflow: hidden;
   position: relative;
   margin-bottom: 1em;
}
.view .mask,.view .content {
   position: absolute;
	overflow: hidden;
	top: 188px;
	left: 117px;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
  -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view1{
   overflow: hidden;
   position: relative;
}
.view1 .mask1,.view1 .content {
   position: absolute;
   overflow: hidden;
   top:130px;
   left:90px;
}
.info {
   display: block;
	background: url(../images/label_new.png) no-repeat;
	text-indent: -9999px;
	width: 75px;
	height: 75px;
}
.view-fifth1 img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth1 .mask1 {
  -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth1:hover .mask1 {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
span.text {
  font-size: 1.2em;
  color: #999;
}
span.price-new {
  color: #B52E31;
  margin-right: 15px;
  font-weight: 500;
  font-size: 1.3em;
}
.price-old {
  text-decoration: line-through;
  color: #999;
  font-weight: normal;
  font-size: 17px;
  margin-right: 10px;
}
span.price-tax {
  color: #999;
  font-size: 13px;
}
span.points {
  color: #999;
  font-size: 13px;
}
span.code {
  color: #999;
}
span.brand {
  color: #999;
  line-height: 2em;
}
/*-- validation --*/
.my-div {
	padding: 10px;
}
.input-info h3,.map-info h3{
	color:#B52E31;
    font-size: 1.5em;
    margin-bottom: 15px;
}
.my-div label{
	color: #AFAFAF;
    font-size: 1em;
    margin: 5px 0;
}
.checkbox input[type="checkbox"]{
	margin:4px 0 0 -21px;
}
.validation-grids {
    padding: 0;
}
.validation-grids.validation-grids-right {
    margin-left: 2%;
}
.validation-grids .radio{
    display: inline-block;
    margin: 0.5em 2em 0 0;
}
.help-block {
    font-size: 0.8em;
    color: #AFAFAF;
    margin-left: .5em;
}
.forms-grids h4 {
    color: #B52E31;
}
.btn-primary {
	color: #fff;
	background-color: ##4fa1d6 !important;
	border-color: ##4fa1d6 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #b52e31 !important;
    border-color: #b52e31 !important;
}
.btn-danger {
    color: #fff;
    background-color: #B52E31 !important;
    border-color: #B52E31 !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #252525 !important;
    border-color: #252525 !important;
}
.validation-grids .btn-primary{
    background:#B52E31 !important;
    color: #FFF;
    border: none;
    font-size: 0.9em;
    font-weight: 400;
    padding: .5em 1.2em;
    width: 100%;
    margin-top: 1.5em;
    outline: none;
    display:block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	border-radius: inherit;
}
.validation-grids .btn-primary:hover{
	 background:#252525 !important;
}
.bottom .btn-primary {
    margin: 0;
}
.bottom .form-group {
    margin-bottom: 0;
}
.form-group.has-feedback {
    margin-bottom: 15px !important;
}
.form-group.has-error {
    margin-bottom: 15px !important;
}
.form-group.valid-form {
    margin-bottom: 15px !important;
}
.form-group.recover-button {
    margin-top: 15px !important;
}
/*--//validation--*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events:inherit !important;
}
/*--  general forms  --*/
.form-control1, .form-control_2.input-sm{
  border: 1px solid #ccc;
  padding: 5px 8px;
  color: #616161;
  background: #fff;
  box-shadow: none !important;
  width: 100%;
  font-size: 0.85em;
  font-weight: 300;
  height: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  resize: none;
}
.general .tab-content {
    padding: 1.5em 0.5em 0;
}
.control3{
	margin:0 0 1em 0;
}
.btn-warning {
  color: #fff;
  background-color:rgb(6, 217, 149);
  border-color:rgb(6, 217, 149);
  padding:8.5px 12px;
}
.tag_01{
  margin-right:5px;
}
.tag_02{
  margin-right:3px;
}
.btn-warning:hover{
  background-color:rgb(3, 197, 135);
  border-color:rgb(3, 197, 135);
}
.btn-success:hover{
  border-color:#E74225 !important;
  background:#E74225 !important;
}
.control2{
  height:200px;
}
.bs-example4 {
  background: #fff;
  padding: 2em;
}
button.note-color-btn {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
}

.show-grid [class^=col-] {
  background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.xs h3, .widget_head{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.input-icon.right > i, .input-icon.right .icon {
  right:12px;
  float: right;
}
.input-icon > i, .input-icon .icon {
  position: absolute;
  display: block;
  margin: 10px 8px;
  line-height: 14px;
  color: #999;
}
.form-group input#disabledinput {
	cursor: not-allowed;
}
.forms-panel {
    padding: 0;
}
/*--forms--*/
.forms h3.title1 {
    margin-bottom:0;
}
.forms h4 {
    font-size: 1.3em;
    color: #FFFFFF;
}
.form-title {
    padding: 0.3em 2em;
    background-color: #B52E31;
    border-bottom: 1px solid #B52E31;
}
.form-body {
    padding: 1.5em 2em;
}
.form-body-info{
	padding:0;
}
.inline-form .form-group,.inline-form .checkbox, .form-two .form-group{
    margin-right: 1em;
}
.forms label {
    font-weight: 400;
    display: inline-block;
}
/*.form-control {
    border-radius: inherit;
}*/
.help-block {
    margin-top: 10px;
}
.forms button.btn.btn-default {
    background-color:#252525;
    color: #fff;
    padding: .5em 1.5em;
	border: none;
	outline:none;
	border-radius: inherit;
}
.inline-form.widget-shadow {
    margin-top: 0;
}
.form-three{
    margin-top:0;
    padding: 2em;
}
.general-heading h4{
	color: #B52E31;
    font-size: 1.5em;
    margin:1em 0 0 1em;
}
.progressbar-heading.grids-heading h2 {
    color: #B52E31;
}
::-webkit-input-placeholder{
	color:#C5C5C5 !important;
}
.validation-grids.widget-shadow,.login-form-shadow,.inline-form.widget-shadow {
    border: none !important;
}
/*--//forms--*/
/*--/tabs--*/
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 300;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
    border: 1px solid #252525;
    margin: 0 0.25em;
    display: block;
    float: left;
    position: relative;
}

.tabs nav li.tab-current {
    border: 1px solid #B52E31;
    box-shadow: inset 0 2px #B52E31;
    z-index: 100;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}
.tabs nav a {
	    color: #252525;
    display: block;
    font-size: 1.2em;
    line-height: 2.5;
    padding: 0 1.5em;
    white-space: nowrap;
}
.tabs nav a:hover {
	color:#B52E31;
}
.tabs nav li.tab-current a {
	    color: #B52E31;
}
.tabs nav li.tab-current a:hover{
  color:#B52E31;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #252525;
    border-color: #252525;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 15px;
}
.panel-primary.two>.panel-heading {
    border: 1px solid #ddd!important;
    color: #fff;
}
.panel-primary.two>.panel-heading {
    background-color:#B52E31;
    border-color:#B52E31;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #eee;
    border-top: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ddd;
}
.panel-body.two {
    border-top: none!important;
    border-bottom: none;
}
h3.inner-tittle {
    color: #B52E31;
}
h2.inner-tittle {
    color: #B52E31;
    margin-bottom: 2em;
}
.panel-primary {
    border-color: #DADADA !important;
}
.panel-body p {
    font-size: 0.9em;
    color: #777;
    line-height: 1.9em;
}
/* Content */
.content section {
	font-size: 1.25em;
	padding: 3em 1em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}
.content section:before,
.content section:after {
	content: '';
	display: table;
}
.content section:after {
	clear: both;
}
.mediabox i {
    background: #B52E31;
    padding: 0.2em 3em;
    color: #fff;
    font-size: 2.5em;
    text-align: center;
}
/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}
.content section.content-current {
	display: block;
}
.mediabox {
	    float: left;
    width: 33%;
    padding: 0 25px;
    text-align: center;
}
.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.mediabox h3 {
    margin: 0.75em 0 0.5em;
    font-size: 1.2em;
    color: #333;
    font-weight: 400;
}
.mediabox p {
	    margin: 0;
       line-height: 1.9em;
       font-size: 0.75em;
	   color:#777;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
	}
/* Example media queries */
/*--/tool-tips--*/
.tool-tips {
      margin: 1.5em 0 1.5em 0;
}
.bs-example-tooltips {
    margin-bottom: 1em;
    text-align: center;
}
button.btn.btn-default.tip {
    padding: 0.7em 1em;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color:#252525;
    border-color: #ddd;
    padding: 15px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 5px 0;
}
.accordion {
    margin-bottom: 2em;
}
.fo-top-di {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
    box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
	padding-bottom: 2em;
	margin-top:1em;
}
@media screen and (max-width: 52.375em) {


	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 0%;
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}


	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}
/*--//tabs--*/

.tabs nav.second  {
     display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background: #B52E31;
    color: #fff;
  width: 150px;
}

.tabs nav.second a {
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    cursor: pointer;
        border-bottom: 1px solid rgba(210, 205, 205, 0.17);
}
.tabs nav.second a:hover,
.tabs nav.second  a.selected {
      background:#252525;
    color: #fff;
}

.tabs .context {
  padding: 20px 0px;
  position: absolute;
  top: 0px;
  left: 150px;
  color: #6C5D5D;
  width: 0px;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.1s linear 0s;
}
.tabs .context.visible {
    padding: 20px;
    width: calc(100% - 150px);
    overflow: scroll;
    opacity: 1;
     border: 1px solid #ddd;
        border-left: none;
}
.context.visible p {
    color: #777;
    font-size: 0.95em;
    line-height: 1.9em;
}
.tabs .context p { padding-bottom: 2px; }

.tabs .context p:last-of-type { padding-bottom: 0px; }
.tab-main {
    margin-bottom: 2em;
}
/*--//tabs--*/
.faq h2 {
    font-size: 2em;
    color: #ff6978;
    line-height: 1.8em;
}
.faq h3 {
    font-size: 1.7em;
    color: #ff6978;
    margin-bottom: 0.5em;
    line-height: 1.8em;
}
.faq p {
    font-size: 1em;
    line-height: 1.8em;
    color: #999;
    margin: 1em 0;
}
.faq li {
    display: block;
    color: #999;
    font-size: 1em;
    margin: 1em 0;
}
/*.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}*/
/*.form-control {
    color: #C5C5CF !important;
}*/
/*input[type="date"] {
    width: 95%;
    font-size: 16px !important;
}*/
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    line-height: 27px;
}
.content_box {
    border: 1px solid #D6CBCB;
    padding-bottom: 10px;
}
.content_box h6 {
    font-size: 17px;
    margin: 0;
}
/*---responsive-----*/
@media (max-width:1600px){
	/*.left-content {
		float: right;
		width: 86%;
	}*/
    .page-container.sidebar-collapsed-back .left-content {
        float: right;
        /*width: 85.7%;*/
        width: 84.9%;
    }
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 96%;
	}
}
@media (max-width:1440px){
	/*.left-content {
		float: right;
		width: 84%;
	}*/
	.stay-left {
		float: left;
		width: 74%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 84%;
	}
	#chartdiv1 {
		width: 100%;
		height: 296px;
	}
	.mediabox i {
		padding: 0.2em 2.3em;
	}
}
@media (max-width:1366px){
.head-t {
    width: 88%;
	margin:0 auto;
}
.header_top {
    padding: 15px 0 5px;
    width: 88%;
    margin: 0 auto;
}
.content {
    /*padding: 1.5em 2em 1em;*/
}
#chartdiv1 {
    width: 100%;
    height: 282px;
}
.stay-left {
    width: 66%;
}
.btn-1 {
    width: 16.5%;
}
}
@media (max-width:1280px){
	/*.left-content {
		float: right;
		width: 83%;
	}*/
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 83%;
	}
.stay-left {
    width: 80%;
}
#chartdiv1 {
    width: 100%;
    height: 262px;
}
.create_btn a {
    padding: 6px 10px;
}
.content-top-1 {
    padding: 0.7em 1em;
}
.footer {
    width: 97%;
}
.mediabox i {
    padding: 0.2em 1.8em;
}
.mediabox h3 {
    font-size: 1.1em;
}
}
@media (max-width:1024px){
	.page-container {
		min-width: 1032px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 94%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 78%;
	}
	.left-content {
		float: right;
		width: 78%;
	}
	.header_right {
		width: 57%;
}
.skil {
    width: 37%;
}
.mid-content-top {
    width: 61%;
}
.owl-item {
	width:137px ! important;
}
.top-content label {
    font-size: 1.8em;
}
.graph-container {
    height: 469px;
}
.s-c {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}
.footer h4 {
    font-size: 17px;
}
.content section {
    padding: 1em 0em;
}
.mediabox {
    width: 33%;
    padding: 0 8px;
}
.mediabox i {
    padding: 0.2em 1.5em;
}
.mediabox h3 {
    font-size: 1em;
}
.tabs nav a {
    font-size: 14px;
    padding: 0 9px;
}
/*input[type="date"] {
    width: 93%;
    font-size: 16px !important;
}*/
label.col-sm-2.control-label {
    font-size: 14px;
}
}
@media (max-width:991px){
	#menu li a {
		padding: 12px 20px;
		font-size: 0.85em;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 200px;
	}
	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 200px;
		transition: all 100ms ease-in-out;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 81%;
	}
	.left-content {
		float: right;
		width: 81%;
	}
	.page-container {
		min-width: 991px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
.top-content {
    width: 50%;
    float: left;
}
.top-content1 {
    width: 50%;
    float: left;
}
.skil {
    width: 100%;
    margin-bottom: 1em;
}
.mid-content-top {
    width: 100%;
}
.owl-item {
    width: 235px ! important;
}
.content-top-lft {
    width: 100%;
    float: left;
	margin-bottom:1em;
}
.content-top-2 {
    float: right;
    width: 100%;
}
.chrt-two {
    width: 100%;
	margin-bottom:1em;
}
.chrt-three {
    width: 100%;
}
#chartdiv1 {
    width: 100%;
    height: 400px;
}
.cust {
    float: left;
    width: 20%;
}
.abt {
    float: left;
    width: 20%;
}
.myac {
    width: 20%;
	float: left;
}
.our-st {
    float: left;
    width: 40%;
}
.tabs nav a {
    padding: 0 8px;
}
}
@media (max-width:800px){
	.page-container {
		min-width:800px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 76%;
	}
	.left-content {
		float: right;
		width: 76%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 93%;
	}
	.logo {
    float: none;
    margin: 1.5em auto;
    width: 100%;
    text-align: center;
}
.header_right {
    width: 100%;
	float:none;
}
.logo img {
    display: inline-block;
}
.owl-item {
    width: 157px ! important;
}
.cust {
    float: left;
    width: 50%;
}
.abt {
    float: left;
    width: 50%;
}
.myac {
    width: 50%;
    float: left;
	margin-top: 1em;
}
.our-st {
    float: left;
    width: 50%;
    margin-top: 1em;
}
.grid1_of_4 {
    width: 48%;
    margin-left: 0%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.tabs nav ul li {
    margin: 3px 0.25em;
}
/*input[type="date"] {
    width: 90%;
}*/
}
@media (max-width:768px){
	.page-container {
		min-width:775px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 200px;
	}
	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 200px;
		transition: all 100ms ease-in-out;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width:76%;
	}
	.left-content {
		float: right;
		width:76%;
	}
	.women_main {
		padding: 10px;
	}
	.tabs nav a {
		display: initial;
}
.mediabox {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 1.5em;
}
.mediabox h3 {
    margin-top: 1em;
}
.mediabox i {
    padding: 0.2em 2.5em;
}
.tabs nav a {
    padding: 0 1.5em;
}
/*input[type="date"] {
    width: 90%;
}*/
label.col-sm-2.control-label {
    padding: 0;
}
.contact {
    margin: 2% 2%;
}
.faq {
    padding: 1em;
}
.faq h2 {
    font-size: 1.7em;
}
.faq h3 {
    font-size: 1.3em;
}
.registration {
    padding: 1% 2%;
}
.registration h2 {
    font-size: 1.3em;
}
.det {
    padding: 0.8em;
}
.fn-gantt .navigate {
    padding: 10px 0 24px 225px;
}
.fn-gantt .navigate .nav-slider-right {
    float: left;
}
}
@media (max-width:736px){
	.page-container {
		min-width:736px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 180px;
	}
	span.name-caret {
    margin: 10px 0px 0px 0px;
    font-size: 1.2em;
	}
	.down {
      padding:20px 0 25px;
	}
	.sidebar-icon {
		margin-top: -2px;
		font-size: 19px;
		padding: 8px 9px;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 74%;
	}
	.left-content {
		float: right;
		width: 76%;
	}
	.page-container.sidebar-collapsed .left-content .main-search {
		float: right;
		width: 35%;
		height: 60px;
		padding: 15px 15px 69px 17px;
		position: absolute;
		top: 75px;
		left: 78px;
	}
	.sidebar-menu {
       position:absolute;
	}
	.owl-item {
		width: 151px ! important;
}
label.col-sm-2.control-label {
    float: left;
    width: 20%;
}
.ctl {
    float: left;
    width: 60%;
}
.hp{
    float: left;
    width: 20%;
}
/*input[type="date"] {
    width: 89%;
}*/
}
@media (max-width:667px){
}
@media (max-width:640px){
	.page-container {
		min-width:650px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.sidebar-menu {
		position: fixed;
		float: left;
		width: 170px;
	}
	.sidebar-icon {
		margin-top: -6px;
		font-size: 19px;
		padding: 6px 7px;
		margin-right: 16px;
	}
	li.dropdown.note a {
		padding: 1.3em 1.8em;
		display: block;
	}
	.left-content {
		float: right;
	    width: 92%;
	}
	.page-container.sidebar-collapsed {
		transition: all 100ms linear;
		transition-delay: 300ms;

	}
	.page-container.sidebar-collapsed .left-content {
		    float: right;
    width: 74%;
	}
	.page-container.sidebar-collapsed-back {
		transition: all 100ms linear;
	}
	.page-container.sidebar-collapsed-back .left-content {
		transition: all 100ms linear;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		float: right;
		width: 92%;
	}
	.page-container.sidebar-collapsed .sidebar-menu {
		 width:180px;	
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}
	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 65px;
		transition: all 100ms ease-in-out;
	}
	.page-container.sidebar-collapsed .sidebar-icon {
		transition: all 300ms ease-in-out;
		margin-right: 0.1em;
		margin-top: -7px;
		color: #fff;
		background: #252525;
		border-radius: 0;
		transform: rotate(0deg);
	}
	.page-container.sidebar-collapsed-back .sidebar-icon {
		transform: rotate(90deg);
		transition: all 300ms ease-in-out;
		margin-top: -2px;
		font-size: 19px;
		padding: 6px 7px;
		margin: 0px 14px;
	}
	.page-container.sidebar-collapsed .logo {
		padding: 21px 15px;
		height: 63px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}
	.logo1 {
	    padding: 21px 0;
		height: 63px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}
	span#logo1 {
		display: none;
	}
	.page-container.sidebar-collapsed-back span#logo {
		display:block;
	}
	.down {
	  display:none;
	}
	.page-container.sidebar-collapsed-back .logo {
		width: 100%;
		padding: 13px 14px;
		height:60px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
	}
    .page-container.sidebar-collapsed #logo {
	      opacity: 0;
		  transition: all 200ms ease-in-out;
	      display:block;
		  float:left;
	}
	.page-container.sidebar-collapsed .down {
				display:block;
			}
			.page-container.sidebar-collapsed #logo {
				opacity:1;
				transition: all 200ms ease-in-out;
				display:block;
			}
			.page-container.sidebar-collapsed-back #logo {
			  opacity: 1;
			  transition: all 200ms ease-in-out;
			  transition-delay: 300ms;
			  display:block;
			}
			.page-container.sidebar-collapsed-back span#logo{
			  opacity: 1;
			  transition: all 200ms linear;
			  transition-delay: 300ms;
			  display:none;
			}
			.page-container.sidebar-collapsed-back #menu span{
			  display:none;
			}
			.page-container.sidebar-collapsed #menu span {
			  display:block;
			}
			.page-container.sidebar-collapsed #menu span {
					opacity: 1;
					transition: all 50ms linear;
					display: inline-block;
					margin-left: 10px;
				}
				#menu span {
				opacity:0;
				transition: all 50ms linear;
				display: inline-block;
				margin-left: 10px;
			}
			span.fa.fa-angle-right,span.fa.fa-angle-double-right {
				float: right!important;
				position:absolute!important;
				right: 15px!important;
			}
            .sidebar-menu {
				width: 65px;
				transition: all 100ms ease-in-out;
				transition-delay: 300ms;
			}
			.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		 }
		.page-container.sidebar-collapsed.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		 }
		 .page-container.sidebar-collapsed-back.srch button {
			cursor: pointer;
			background: url('../images/search.png') no-repeat 19px 16px rgba(3, 182, 197, 0.68);
			width: 70px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 12%;
		}
	 .sidebar-menu {
          position:absolute;
	  }
	 .page-container.sidebar-collapsed .left-content .srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
		width: 80px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 32%;
	}
	.page-container.sidebar-collapsed .left-content .main-search {
		float: right;
		width: 35%;
		height: 60px;
		padding: 15px 15px 69px 17px;
		position: absolute;
		top: 75px;
		left: 198px;
	}
	#loginBox {
		right: -198px;
	}
	.desc1 h3 {
    font-size: 1.3em;
}
.fn-gantt .navigate .nav-slider-right {
    float: left;
    padding-top: 2em;
    margin-left: -156px;
}
.fn-gantt .navigate .nav-slider-content {
    float: left;
    margin: 6px 10px;
}
.fn-gantt .navigate {
    padding: 10px 0 52px 225px;
}
}
@media (max-width:600px){
	.page-container {
		min-width:600px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 72%;
	}
	.page-container.sidebar-collapsed-back {
		width:72%;
	}
	/*input[type="date"] {
    width: 88%;
    }*/
}
@media (max-width: 568px){
	.page-container {
		min-width:568px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.page-container.sidebar-collapsed .left-content .srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
		width: 80px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 31%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 90%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 70%;
	}
	li.dropdown.note a {
		padding:1.2em 1.8em;
		display: block;
	}
	span.badge {
		font-size: 10px;
		line-height: 17px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 10%;
		padding: 2px 0 0;
		left: 67%;
	}
	.logo {
		padding: 18px 0;
		height: 58px;
	}
	.page-container.sidebar-collapsed .left-content .srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 23px 12px rgba(3, 182, 197, 0.68);
		width: 70px;
		height: 60px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 35%;
	}
	.profile_details_left {
		float: right;
		width: 78%;
	}
	.chrt h2, h3.sub-tittle {
		font-size: 1.4em;
	}
	#loginBox {
		right: -210px;
	}
	.tabs nav a {
		padding: 0 0.5em;
	}
	/*input[type="date"] {
    width: 87%;
}*/
}
@media (max-width:480px){
	.page-container {
		min-width:480px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	li.dropdown.note a {
		padding: 1.3em 1.2em;
		display: block;
	} 
	.media-body {
	 font-size: 0.85em;
	}
	h4.media-heading {
		font-size: 1.6em!important;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 72%;
	}
	.page-container.sidebar-collapsed-back {
		width: 70%;
	}
	.left-content {
		float: right;
		width: 87%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 64%;
	}
	.page-container.sidebar-collapseddiv #container10 svg {
      width: 224px!important;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 87%;
	}
	.page-container.sidebar-collapsed .sidebar-menu {
		width: 180px;
		z-index: 999999999;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 88%;
	}
	.cust {
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}
	.abt {
		width: 100%;
	}
	.myac {
		width: 100%;
	}
	.our-st {
		width: 100%;
	}
	#loginContainer a span {
		padding: 2px 10px;
}
.fooll h1 {
    margin-bottom: 1em;
}
.btn-1 {
    width: 19.5%;
}
.footer {
    padding: 2em 0 0;
}
.header_top {
    width: 69%;
}
.top_left {
    float: none;
	text-align:center;
}
.top_left h2 {
    text-align:center;
}
	#loginBox {
		right: -217px;
	}
.fn-gantt .leftPanel {
		float: none;
		width: 100%;
	}
	.fn-gantt .leftPanel .name {
		width: 100%;
	}
	.fn-gantt .leftPanel .desc {
		width: 100%;
	}
	.fn-gantt .dataPanel {
		height: 300px !important;
	}
	.fn-gantt .navigate .nav-slider-content {
		width: 78px;
	}
	.fn-gantt .navigate .nav-slider-bar {
		width: 82px;
	}
	.fn-gantt .navigate {
		padding: 10px 0 41px 7px;
	}
	h2.inner-tittle {
		font-size: 1.5em;
}
.help-block {
    margin-left: 0;
}
input[type="date"] {
    width: 82%;
}
.tabs nav ul li {
    width: calc(30% + 1px);
}
.tabs nav a {
    font-size: 0.8125em;
}
.faq h2 {
    font-size: 1.5em;
    line-height: 1.4em;
}
.registration_left {
    float: left;
    width: 100%;
	margin-left:0;
}
.close1, .close2 {
    top: -23px;
}
.desc1 h3 {
    font-size: 1.2em;
}
.btn_form a {
    padding: 4px 20px;
}
.product-img {
    width: 100%;
    float: left;
    margin-right: 0;
}
.prod1-desc {
    width: 100%;
    float: left;
    margin-top: 1em;
}
.images_3_of_2 {
    width: 100%;
    float: left;
    margin-right: 0;
}
.span_3_of_2 {
    width: 100%;
}
.progressbar-heading.grids-heading h2 {
    font-size: 1.5em;
}
.input-info h3, .map-info h3 {
    font-size: 1.3em;
}
.forms-grids h4 {
    font-size: 1.2em;
}
}
@media (max-width:414px){
	.page-container {
		min-width:414px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.left-content {
		float: right;
		width: 85%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 88%;
	}
	ul.dropdown-menu.two {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -177px;
	}
	.page-container.sidebar-collapsed .sidebar-menu {
		width: 180px;
		z-index: 999999999;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 88%;
	}
	.header_top {
		width: 79%;
	}
	.logo {
		margin: 0.5em auto;
	}	
	.logo {
		padding: 0px 0;
	}
	#loginContainer a span {
		padding: 2px 6px;
	}
	.box_1 {
		float: right;
		margin: 0.55em 0;
		width: 43%;
	}
	.create_btn {
		float: left;
		width: 30%;
		margin: 1em 0;
	}
	.log {
		float: left;
		width: 22%;
	}
	.header_top {
		padding: 14px 0 10px;
	}
	.content {
		padding: 0.8em 1em 1em;
	}
	#loginBox {
		right: -220px;
	}
	.item_add a {
		padding: 5px 10px;
		font-size: 0.85em;
	}
	.content_box h6 {
		font-size: 15px;
	}
	.forms h4 {
		font-size: 1.1em;
	}
	.form-title {
		padding: 0.1em 1em;
	}
	.form-body {
		padding: 1.5em 1em;
	}
	.form-three {
		padding: 1em;
	}
	.input-info h3, .map-info h3 {
		font-size: 1.3em;
	}
	.my-div {
    padding: 0px;
}
/*.col-xs-12 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}*/
h2.inner-tittle {
    font-size: 1.3em;
    margin-bottom: 1em;
}
label.col-sm-2.control-label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.ctl {
    float: left;
    width: 100%;
    padding: 0;
}
.hp {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0;
}
.tabs nav ul li {
    width: calc(47% + 1px);
}
 .tabs {
    margin: 1em 0 0em;
}
.contact-form input[type="submit"] {
    font-size: 0.8125em;
    padding: 7px 12px;
}
.faq h3 {
    font-size: 1.2em;
}
.faq p {
    font-size: 0.875em;
}
.faq li {
    font-size: 0.875em;
}
.registration h2 {
    font-size: 1.2em;
}
.registration_form input[type="submit"] {
    padding: 6px 17px;
}
.progressbar-heading.grids-heading h2 {
    font-size: 1.4em;
}
.input-info h3, .map-info h3 {
    font-size: 1.2em;
}
.forms-grids h4 {
    font-size: 1.1em;
}
.owl-item {
    width: 137px ! important;
}
}
@media (max-width:384px){
	.profile_details_left {
		float: right;
		width: 65%;
	}
	.page-container {
		min-width:384px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.ribbon1 {
		width: 211px;
		height: 80px;
		margin: 0px auto;
		left: -37px;
		top: -29px;
	}
	.ribbon-fold h4 {
		line-height: 75px;
		font-size: 17px;
	}
	canvas#viewport {
		width: 273px!important;
		height: 450px!important;
	}
	#maps ul {
		list-style-type: none;
		margin: 28px 0 0 0px;
		text-align: left;
	}
	.wrapper-dropdown-3 {
    position: relative;
    width: 64px;
	    padding: 20px 5px;
	}
	.wrapper-dropdown-3:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 5px;
	}
	div#container10 svg {
		width: 245px!important;
	}
	.candile-inner svg {
		height: 265px!important;
		width: 238px!important;
	}
	canvas#partly-cloudy-day {
    width: 30px;
    height: 30px;
	}
	canvas#cloudy{
	  width: 30px;
    height: 30px;
	}
	canvas#rain{
	  width: 30px;
    height: 30px;
	}
	canvas#snow{
	 width: 30px;
    height: 30px;
	}
	.header-head h4 {
    font-size: 0.8em;
	}
	.bottom-head p {
		font-size: 0.75em;
	}
	.a_demo_three {
		font-size: 11px;
		padding: 10px 7px;
		margin-left: 27px;
	}
	.share_size_large {
		width: 74px;
		display: inline-block;
		margin-right: 1em;
		margin-top: 10px;
	}
	.main-grid3 {
       padding: 1em 1em;
	}
	ul.dropdown-menu.two {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -172px;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 83%;
	}
	.left-content {
		width: 86%;
	}
	.outter-wp {
		padding: 0.5em 1.5em;
		margin-bottom: 2em;
	}
	.page-container.sidebar-collapsed-back {
		width:86%;
	}
	/*input[type="submit"] {
		font-size: 0.9em;
		background-color: #002561;
		border: 1px solid #002561;
		color: #fff;
		padding: 0.4em 0.3em;
	}*/
	canvas#line2 {
		width: 187px!important;
		height: 300px!important;
	}
	canvas#polarArea {
		width: 200px!important;
		height: 200px!important;
	}
	canvas#pie {
		width: 230px!important;
		height: 152px!important;
		margin: 1em 0em;
	}
	ul.dropdown li a {
		padding: 6px 11px!important;
	}
	.error_page {
		position: relative;
		padding: 7em 0 3em 0;
		width: 100%;
	}
	.error-top {
		margin: 3em auto;
		width: 83%;
		padding: 2em 1em;
		position: absolute;
		left: 9%;
		top: 13%;
	}
	h2.inner-tittle.page {
		position: absolute;
		top: -13%;
		left: 27%;
		font-size: 2em;
	}
	.footer {
		margin: 0;
	}
	.footer.error{
		margin: 16em 0 2em 0;
	}
	.error-top.error{
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	.header_top {
		width: 87%;
	}
	.box_1 {
		width: 47%;
	}
	.search input[type="submit"] {
		top: 5px;
	}
	.search input[type="text"] {
		width: 85.33333%;
	}
	.content {
		padding: 0.8em 0.6em 1em 1.5em;
	}
	.owl-item {
		width: 120px ! important;
	}
	.stay-left {
		width: 71%;
	}
	.btn-1 {
		width: 26.5%;
		margin:0;
	}
	.footer {
		width: 95%;
	}
	.footer p {
		margin: 1.5em 0 0;
	}
	#loginBox {
		right: -235px;
	}
	.grid1_of_4 {
		width: 100%;
		margin-right: 0%;
	}
	.tabs nav a {
    font-size: 0.875em;
}
.content.tab {
    padding: 0.5em;
}
section#section-1 {
    padding: 0em 0.3em;
}
.tabs nav ul li {
    width: 46%;
}
.cart-items h1 {
    font-size: 1.3em;
    margin-bottom: 1em;
}
.delivery {
    margin-top: 1em;
}
.total-item h4 {
    margin-right: 4em;
}
}
@media (max-width:375px){
	ul.dropdown-menu.two {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -188px;
	}
	ul.dropdown-menu.two.first {
		padding: 0;
		min-width: 234px;
		top: 99%;
		left: -106px;
	}
	.page-container {
		min-width:375px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	div#container10 svg {
		width: 239px!important;
	}
	.candile-inner svg {
		height: 265px!important;
		width: 230px!important;
	}
	.srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 12px 15px rgba(3, 182, 197, 0.68);
		width: 56px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 20%;
	}
	.profile_details_left {
		float: right;
		width: 71%;
	}
	.main-search {
		float: right;
		width: 64%;
		height: 60px;
		padding: 9px 10px 67px 10px;
		position: absolute;
		top: 75px;
		left: 75px;
	}
	div#container10 svg {
		width: 216px!important;
	}
	.chrt h2, h3.sub-tittle {
		font-size: 1.2em;
	}
	.weather-head {
      padding: 1em 0em;
	}
	h2.inner-tittle {
		margin: 0 0 0.8em 0;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.mediabox h3 {
		margin: 0.95em 0 0.3em;
		font-size: 0.9em;
		line-height: 1.6em;
	}
	.content section {
		font-size: 1.25em;
		padding: 0em 1em;
	}
	.tabs nav.second {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width:68px;
	}
	.tabs nav.second a {
		padding: 20px 0px;
		text-align: center;
		width: 100%;
		cursor: pointer;
		border-bottom: 1px solid rgba(210, 205, 205, 0.17);
		font-size: 0.9em;
	}
	.tabs .context.visible {
		padding: 20px 10px;
		width: calc(100% - 50px);
	}
	.tabs .context {
		padding: 20px 0px;
		position: absolute;
		top: 0px;
		left: 72px;
	}
	.content section.content-current {
		display: block;
		margin-top: 1em;
	}
	.header-head {
      padding: 1em 0;
	}
	.activity-img {
		padding: 0;
	}
	.activity-desc-sub1:after {
		right: -22%;
		top: 17%;
	}
	.activity-img1 {
		width: 64%;
		padding: 0;
		margin: 0 9px;
	}
	.activity-desc-sub:before {
		left: -21.5%;
		top: 36%;
	}
	h4.title3 {
		font-size: 1.2em;
		padding: 0.5em 1em;
	}
	.header-top.weather2 {
		padding: 0.8em 1em;
	}
	button.btn.btn-default.tip {
		padding: 0.7em 0.7em;
		display: block;
		margin: 0 auto 7px;
		margin: 0 0 7px 0;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		font-size: 0.9em;
		line-height: 1.7em;
	}
	.form-group1,.form-group2.group-mail {
		padding: 0;
	}
	.a_demo_four {
    background-color: #3bb3e0;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 13px 30px;
	}
	.a_demo_three {
		font-size: 9px;
		padding: 10px 7px;
		margin-left: 27px;
	}
	.switch-main {
		margin: 0 3em;
	}
	h2.inner-tittle, h3.inner-tittle {
		font-size: 1.3em;
	}
	.profile-info {
		float: left;
		width: 100%;
		margin-right: 0;
		padding: 0;
	}
	h4.timeline-title a {
		margin: 0;
		padding: 5px 0;
		font-size: 0.95em;
	}
	.main-grid3 p, .main-grid3 p a {
		font-size: 0.7em;
	}
	.error-top span {
		font-size: 1.1em;
	}
	.error-top h3 i {
		font-size: 53px;
	}
	.error-top h3 {
		font-size: 4em;
	}
	.footer p {
		font-size: 0.85em;
		    line-height: 1.9em;
	}
		h2.inner-tittle.page {
		position: absolute;
		top: -18%;
		left: 19%;
		font-size: 2em;
	}
	.hvr-sweep-to-right {
		background: url("../images/fb.png") no-repeat 7px 6px #3b5998;
		width: 100%;
		padding: 0.7em 1em;
		font-size: 0.9em;
	}
	a.hvr-sweep-to-left {
		width: 100%;
		padding: 0.7em 1em;
		font-size: 0.9em;
		background: url("../images/tw.png") no-repeat 10px 11px #1ab2e8;
		    text-align: right;
	}
	.login input[type="submit"] {
		font-size: 17px;
		padding: 7px 15px;
		margin-bottom: 0.3em;
	}
	.error-top {
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: 13%;
	}
	.error-top {
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	h2.inner-tittle.page {
		position: absolute;
		top: -15%;
		left: 29%;
		font-size: 2em;
	}
	h3.inner-tittle.t-inner {
		font-size: 1.4em;
	}
	a.hvr-sweep-to-right {
		background: url("../images/fb.png") no-repeat 3px 6px #3b5998;
		width: 100%;
		padding: 0.7em 1em;
		font-size: 0.9em;
	}
	.sign-up input[type="reset"] {
		font-size: 17px;
		padding: 4px 19px;
		float: none;
		text-align: center;
	}
	.sign-up input[type="submit"] {
		float: none;
		width: 51%;
		font-size: 16px;
		margin-top: 10px;
	}
	.breadcrumb {
		padding: 8px 0px;
		border-radius: 0;
		margin: 0;
	}
	.tabs li a {
		padding: 0.7em;
	}
	td.table-img img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		width: 201%;
		margin: 11px -4px 0 -10px;
	}
	.control2 {
		height:110px;
	}
	/*input[type="submit"] {
      font-size: 0.8em;
	}*/
	p.all {
		font-size: 0.8em;
	}
	canvas#viewport {
		width: 280px!important;
		height: 450px!important;
	}
	#maps {
		position: absolute;
		top: 2px;
		left: 0px;
	}
	#maps li {
		float: left;
		margin-right: 5px;
	}
	.grid figure figcaption {
		padding: 3em 1.5em;
		font-size: 1em;
	}
	div.left_ribbon h3, .ribbon.both_ribbon h3 {
		font-size: 1em;
		font-weight: 400;
	}
	.ribbon3 span {
    display: block;
    font-weight: 400;
		font-size: 19px;
	}
	div.ribbon3 {
		margin: 39px auto;
		width: 52px;
		margin-left: 0;
	}
	.ribbon3 span:after {
		content: "";
		width: 171px;
		}
		.ribbon3 span:before {
		width: 141px;
		height: 60px;
		top: 52px;
		left: 15px;
		transform: skew(15deg) rotate(40deg);
		-webkit-transform: skew(15deg) rotate(40deg);
		-moz-transform: skew(15deg) rotate(40deg);
		-o-transform: skew(15deg) rotate(40deg);
	}
 .ribbon3 span {
		display: block;
		font-weight: 400;
		font-size: 18px;
		margin: 0 19px;
		padding-right: 73px;
	}
	div.ribbon3:before {
		content: "";
		width: 20px;
		top: -24px;
		right: -161px;
		border: 22px solid #EA4C89;
		border-right-color: transparent;
		border-left-color: #052D6D;
	}
	div.ribbon3:after {
    content: "";
    width: 20px;
    bottom: 37px;
    left: -4px;
    border: 22px solid #EA4C89;
    border-left-color: transparent;
    border-right-color: #052D6D;
	}
	div.diamond {
		display: inline-block;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 38px;
		margin: 15px 0;
		position: relative;
		width: 143px;
	}
	.wrapper-dropdown-3 {
		position: relative;
		width: 51px;
		padding: 20px 4px;
		font-size: 0.9em;
	}
	.wrapper-dropdown-3:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -2px;
		border-width: 4px 3px 0 3px;
		border-style: solid;
		border-color: #06909C transparent;
	}
	.weather-bottom1 {
		float: left;
		width: 50%;
		padding: 0;
	}
	.footer.error{
		margin: 16em 0 2em 0;
	}
	.error-top.error{
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	.fn-gantt .navigate {
    padding: 10px 0 59px 7px;
}
.fn-gantt .navigate .nav-slider-right {
    margin-left: -98px;
}
}
@media (max-width:320px){
	footer p {
		font-size: 0.8em;
		padding-right: 68px;
		line-height: 1.8em;
	}
	.switch-main {
		margin: 0 3em;
	}
	h3.inner-tittle.two {
		margin-top: 18px;
		font-size: 1.3em;
		line-height: 1.4em;
	}
	.page-container {
		min-width:320px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.outter-wp {
		padding: 0.5em 1em;
		margin-bottom: 2em;
	}
	.activity-desc-sub:before {
		left: -21.5%;
		top: 36%;
	}
	.activity-desc-sub1:after {
		right: -22%;
		top: 17%;
	}
	.left-content {
		width: 82%;
	}
	.profile_details_left {
		float: right;
		width: 76%;
	}
	.srch button {
		cursor: pointer;
		background: url('../images/search.png') no-repeat 10px 17px rgba(3, 182, 197, 0.68);
		width: 48px;
		height: 63px;
		display: block;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		left: 23%;
	}
	.candile-inner svg {
		height: 265px!important;
		width: 188px!important;
	}
	.weather-head h6 {
       font-size: 1em
	}
	.weather-head h4 {
		font-size: 0.7em;
	}
	.degree span {
		font-size: 2em;
		margin-left: 0.5em;
	}
	ul.clock-category li {
		list-style: none;
		display: inline-block;
		width: 43%;
	}
	.tabs nav ul li {
		width: 18%;
	}
	h2.inner-tittle.page {
		    position: absolute;
		    top: -14%;
		    left: 25%;
		    font-size: 2em;
	}
	.login input[type="submit"] {
		font-size: 17px;
		font-weight: 400;
		color: #fff;
		cursor: pointer;
		outline: none;
		padding: 7px 15px;
	}
		td.table-img img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		width: 201%;
		margin: 11px -4px 0 -10px;
	}
	/*.float-right, .pull-right {
		float: left!important;
	}*/
	.control2 {
		height: 92px;
	}
	h4.media-heading {
		font-size: 1.4em!important;
	}
	canvas#pie {
		width: 230px!important;
		height: 152px!important;
		margin: 1em -1em;
	}
	canvas#viewport {
		width: 230px!important;
		height: 450px!important;
	}
	.ribbon1 {
		width: 149px;
		height: 80px;
		margin: 0px auto;
		left: -21px;
		top: -29px;
	}
	.ribbon-fold h4 {
		line-height: 75px;
		font-size: 10px;
	}
	.ribbon3 span {
		display: block;
		font-weight: 400;
		font-size: 19px;
	}
	div.ribbon3 {
		margin: 39px auto;
		width: 52px;
		margin-left: -11px;
	}
	.weather-bottom1 {
		float: left;
		width: 50%;
		padding: 0;
	}
	.footer.error{
		margin: 16em 0 2em 0;
	}
	.error-top.error{
		margin: 4em auto;
		width: 87%;
		padding: 2em 1em;
		position: absolute;
		left: 6%;
		top: -6%;
	}
	.header_top {
		width: 93%;
	}
	.top_right ul li {
		margin-right: 0px;
	}
	.top_right ul li a {
		padding: 0px 4px;
		font-size: 11px;
	}
	.log {
    width: 18%;
}
.reg {
    margin: 2px 0;
}
.reg a {
    font-size: 11px;
}
#loginContainer a span {
    padding: 1px 4px;
    font-size: 12px;
}
.box_1 {
    width: 51%;
}
.box_1 h3 {
    font-size: 12px;
}
.create_btn a {
    padding: 4px 6px;
	font-size:13px;
}
.top_left h2 {
    font-size:11px;
}
.panel-title {
    font-size: 17px !important;
}
.content {
    padding: 0.2em 0.6em 1em 1em;
}
.top-content {
    width: 39%;
    float: left;
}
.content-top-1 {
    padding: 0.7em 0.6em;
}
.top-content label {
    font-size: 1.5em;
}
.top-content h5 {
    font-size: 1em;
}
.middle-content h3 {
    font-size: 20px;
}
.middle-content {
    padding: 0em;
}
.owl-item {
    width: 109px ! important;
}
.social-ic li {
    margin: 0 0em;
}
.foot-top {
    padding: 1.5em 0 0.5em;
}
.myac li a,.abt li a,.cust li a,.our-st li {
    font-size: 0.875em;
}
.footer {
    width: 100%;
}
.fo-top-di {
    padding-bottom: 1em;
}
#menu span {
    display: initial;
}
#loginForm {
    width: 227px;
}
#loginBox {
    right: -185px;
	top:32px;
}
.form-body {
		padding: 1.5em 0em;
	}
	.tabs nav a {
    font-size: 0.8125em;
}
.tabs nav ul li {
    width: 46%;
}
h2.inner-tittle, h3.inner-tittle {
    font-size: 1.2em;
}
.content section {
    padding: 0em 0em;
}
.mediabox {
    padding: 0 0px;
}
.mediabox i {
    padding: 0.2em 1.75em;
}
.tabs {
    margin: 1em 0 0em;
}
.form-control1, .form-control_2.input-sm {
    font-size: 14px;
    height: 35px;
}
.help-block {
    font-size: 14px;
    margin-left: 0em;
}
.contact-form input[type="submit"] {
    font-size: 12px;
    padding: 6px 9px;
}
.context.visible p {
    font-size: 0.875em;
    line-height: 1.8em;
}
.panel-body p {
    font-size: 0.875em;
    line-height: 1.8em;
}
.graph-2 {
    padding: 0;
}
.input-info h3, .map-info h3 {
    margin-bottom: 0px;
}
.form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.form-title {
    padding: 0.1em 0.3em;
}
/*.col-sm-8 {
    padding: 0;
}*/
.col-sm-2 {
    padding: 0;
}*/
.form-three {
    padding: 0;
}
.general-heading h4 {
    margin: 1em 0 0 0em;
}
/*label.col-md-2.control-label {
    padding: 0;
}
/*.col-md-8 {
    padding: 0;
}*/
.col-sm-9 {
    padding: 0;
}
/*.col-md-6 {
    padding: 0;
}*/
.faq h2 {
    font-size: 1.2em;
    line-height: 1.3em;
}
.faq h3 {
    font-size: 1.1em;
    margin: 0;
}
.faq {
    padding: 0.5em;
}
.registration_form input[type="submit"] {
    padding: 5px 12px;
    font-size: 14px;
}
a.continue {
    margin-bottom: 1em;
}
a.order {
    margin: 1em 0;
}
.total-item h4 {
    margin-right: 1em;
}
.total-item, .cart-items {
    margin-top: 0em;
    padding-bottom: 0.5em;
}
.cart-items h1 {
    font-size: 1.2em;
    margin-bottom: 1em;
}
.close1, .close2 {
    top: -11px;
}
.delivery span {
    font-size: 13px;
}
.desc1 h3 {
    font-size: 1.1em;
}
.desc1 p {
    font-size: 0.875em;
}
.det_nav1 h4 {
    margin: 5% 0 7% 0;
}
p.prod-desc {
    font-size: 0.875em;
}
p.product_descr {
    font-size: 0.875em;
}
.s-c {
    padding: 0;
}
.fooll h1 {
    padding-right: 0em;
}
.content.tab {
    padding: 0;
}
.row.spacer {
    height: 32px ! important;
}
.fn-gantt .leftPanel .fn-label {
    font-size: 14px;
}
.demo-container {
    box-sizing: border-box;
    width: 100%;
    height: 170px;
} 
.cart-total {
    padding: 0;
}
.cart-items {
    padding: 0;
}
.cart-item-info h3 {
margin-top:0;
}
}

.container_profile {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.thumbnail {
	height:60px;
	width:60px;
	float:left
}
.profile_content {
	/* padding: 10px; */
}

.barChart__barFill { background-color:#F39C12}
.barChart__bar { height: 24px;}
.barChart {
	/* width: 540px;
	height: 300px; */
}




.progress.sm,.progress-sm{height:10px}.progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px}.progress.xs,
.progress-xs{height:7px;margin-bottom:7px;}.progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px}.progress.xxs,
.progress-xxs{height:3px}.progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px}.progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px}.progress.vertical>.progress-bar{width:100%;position:absolute;bottom:0}.progress.vertical.sm,.progress.vertical.progress-sm{width:20px}.progress.vertical.xs,.progress.vertical.progress-xs{width:10px}.progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-green,.progress-bar-success{background-color:#00a65a}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-yellow,.progress-bar-warning{background-color:#f39c12}.progress-striped .progress-bar-yellow,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-red,.progress-bar-danger{background-color:#dd4b39}.progress-striped .progress-bar-red,.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}

.progress-bar {
    border-radius: 10px !important;
    /*background-color: #4A6EE2 !important;*/
    background-color: #4A6EE2;
}




.box-content {
	position: relative;
	padding: 20px;
	margin: 0px 0px 20px 0px;
	background: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
	/* State */
	/* Style */
	/* Color */
  }
  .box-content:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
	overflow: hidden;
  }
  .box-content .box-title {
	margin: 0px 0px 30px 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
  }
  .box-content .box-title .ico {
	margin-right: 8px;
	line-height: 16px;
  }
  .box-content .box-title.with-control .controls {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 0px;
	line-height: 16px;
  }
  .box-content .box-title.with-control .control {
	border: none;
	background: none;
	outline: none;
	height: 16px;
	font-size: 14px;
  }
  .box-content .box-title.with-control .fa-times {
	position: relative;
	top: -1px;
  }
  .box-content .content:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
	overflow: hidden;
  }
  .box-content .dropdown.js__drop_down {
	position: absolute;
	right: 20px;
	top: 20px;
  }
  .box-content .dropdown.js__drop_down .dropdown-icon {
	color: #aab2bd;
  }
  .dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
  }
  @media (min-width: 1025px) {
	.box-content .dropdown.js__drop_down .dropdown-icon:hover {
	  color: #435966;
	}
  }
  .box-content .dropdown.js__drop_down .sub-menu {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: 100%;
	margin-right: 5px;
	z-index: 20;
	width: 200px;
	margin-top: 2px;
	padding: 10px 0px;
	border: 1px solid rgba(152, 166, 173, 0.15);
	background: #ffffff;
	list-style: none;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	-moz-transform: translate(0, 20px);
	-o-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	-webkit-box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  }
  .box-content .dropdown.js__drop_down .sub-menu a {
	display: block;
	padding: 6px 20px 6px 20px;
	color: #435966;
  }
  @media (min-width: 1025px) {
	.box-content .dropdown.js__drop_down .sub-menu a:hover {
	  color: #1d84df;
	}
  }
  .box-content .dropdown.js__drop_down .sub-menu .split {
	margin: 9px 0px 9px 0px;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
  }
  .box-content .dropdown.js__drop_down.active .dropdown-icon {
	color: #435966;
  }
  .box-content .dropdown.js__drop_down.active .sub-menu {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
  }
  .box-content.card-closed .box-title {
	margin-bottom: 0px !important;
  }
  .box-content.card-closed .box-title.with-control .fa-minus:before {
	content: "\f067";
  }
  .box-content.bordered {
	border-top: 4px solid #435966;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  }
  .box-content.bordered-all {
	border: 1px solid #435966;
	border-top: 4px solid #435966;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  }
  .box-content.card {
	padding: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  }
  .box-content.card .box-title {
	margin-bottom: 0px;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	color: #ffffff !important;
	background-color: #435966;
  }
  .box-content.card .box-title .ico {
	line-height: 30px;
  }
  .box-content.card .box-title .controls {
	top: 17px;
  }
  .box-content.card .dropdown {
	top: 15px;
  }
  .box-content.card .dropdown .dropdown-icon {
	color: #ffffff;
  }
  .box-content.card .card-content {
	padding: 20px;
  }
  .box-content.card.bordered-all {
	border-top: none;
  }
  .box-content.card .dropdown.js__drop_down .dropdown-icon {
	color: #ffffff !important;
  }
  .box-content.card.white .box-title {
	color: #435966 !important;
	background: #ffffff;
	border-bottom: 1px solid #e6e9ed;
  }
  .box-content.primary {
	border-color: #188ae2;
  }
  .box-content.primary .box-title {
	color: #188ae2;
  }
  .box-content.success {
	border-color: #00bf4f;
  }
  .box-content.success .box-title {
	color: #00bf4f;
  }
  .box-content.info {
	border-color: #00aeff;
  }
  .box-content.info .box-title {
	color: #00aeff;
  }
  .box-content.warning {
	border-color: #fbbc05;
  }
  .box-content.warning .box-title {
	color: #fbbc05;
  }
  .box-content.danger {
	border-color: #ea4335;
  }
  .box-content.danger .box-title {
	color: #ea4335;
  }
  .box-content.muted {
	border-color: #f4f8fb;
  }
  .box-content.muted .box-title {
	color: #f4f8fb;
  }
  .box-content.inverse {
	border-color: #212121;
  }
  .box-content.inverse .box-title {
	color: #212121;
  }
  .box-content.purple {
	border-color: #5b69bc;
  }
  .box-content.purple .box-title {
	color: #5b69bc;
  }
  .box-content.pink {
	border-color: #ff8acc;
  }
  .box-content.pink .box-title {
	color: #ff8acc;
  }
  .box-content.lightdark {
	border-color: #f4f8fb;
  }
  .box-content.lightdark .box-title {
	color: #f4f8fb;
  }

  .morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

.bar-chart-head {
	font-size: 10px;
}

/*.rectangle {
    margin: 5px;
    width: 49px;
    height: 40px;
    color: #4A6EE1;
    border: 1px solid #D0D8E2;
    border-color: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    margin-right: 11px;
    float: left;
    cursor: pointer;
    padding: 25px 0px;
    
}*/

/*.post-container {
    margin: 5px;
    overflow: hidden;
    width: auto;
    background: #FFFFFF;
    box-shadow: 5px 5px 10px #aaaaaa;
    margin-left: 46px;
}*/

/*.post-thumb img {
    float: left;
    clear:left;
    width:50px;
    height:50px;
}*/

.post-title, .post-content {
    float:left;   
	margin-left:10px;
}

.low {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;align-items: center;
	justify-content:center;color: #666;
}
.medium {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;text-align: center;vertical-align: middle;
}
.high {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;text-align: center;vertical-align: middle;
}
.done {
	width: 100%;height:30px;border-radius: 2px;background: #ccc;text-align: center;vertical-align: middle;
}



@media (max-width: 1600px) {
	/*.left-content {
		float: right;
		width: 84.9%;
	}*/
}
/* @media screen and (min-width: 768px) {
	.jumbotron {
		padding: 0;
	}
} */
/***responsive***/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}