/* Minification failed. Returning unminified contents.
(3290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3511,42): run-time error CSS1030: Expected identifier, found '>'
(3511,60): run-time error CSS1031: Expected selector, found ')'
(3511,60): run-time error CSS1025: Expected comma or open brace, found ')'
(3615,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-30'
(3733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3735,28): run-time error CSS1039: Token not allowed after unary operator: '-banner-bg'
(3736,17): run-time error CSS1039: Token not allowed after unary operator: '-banner-fg'
(3737,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-15'
(3741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3808,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-15'
(3849,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(3851,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(3852,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-730'
(3859,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-500'
(3864,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-700'
(3876,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(3877,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(3882,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(3906,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-500'
(3907,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-050'
(3908,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(3916,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-500'
(3922,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-800'
(3947,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-500'
(3960,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-850'
(3985,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-800'
(3993,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-650'
(4003,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(4019,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(4032,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-175'
(4033,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(4037,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-050'
(4038,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-900'
(4042,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(4043,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-750'
(4047,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-700'
(4048,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4052,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-500'
(4053,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(4058,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-650'
(4059,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4071,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-650'
(4072,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-025'
(4090,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(4146,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-100'
(4147,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-400'
(4210,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(4222,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4228,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-500'
(4232,30): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-500'
(4282,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4283,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-60'
(4289,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-20'
(4290,46): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-30'
(4290,88): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white-alpha-10'
(4291,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-30'
(4291,80): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white-alpha-10'
(4304,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-400'
(4310,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4337,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(4346,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4359,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4360,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4368,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-300'
(4369,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4377,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-200'
(4378,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4386,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4387,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4444,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-300'
(4445,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4453,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-200'
(4454,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4463,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4473,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4485,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4502,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-700'
(4511,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-700'
(4528,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-700'
(4693,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-525'
(4718,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(4780,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4781,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-10'
(4818,40): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white-alpha-10'
(4867,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-900'
(4871,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-900'
(4875,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-gray-700'
(4879,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-gray-700'
(4883,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-900'
(4887,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-900'
(4891,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-050'
(4895,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-050'
(4900,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-900'
(4904,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-900'
(4908,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-400'
(4912,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-400'
(4916,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(4920,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(4924,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-825'
(4928,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-825'
(4953,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(4959,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(4963,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(4964,42): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(4970,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-950'
(4974,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(4975,42): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(4984,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(5100,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5118,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5125,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5130,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5145,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-500'
(5161,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5342,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(5346,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(5351,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(5365,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5371,49): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-lime-400'
(5371,79): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-400'
(5372,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-500'
(5376,49): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-250'
(5376,79): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-600'
(5377,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-600'
(5382,49): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-600'
(5382,78): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-800'
(5383,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-600'
(5387,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(5402,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-500'
(5416,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-500'
(5421,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5441,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(5463,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5498,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-400'
(5499,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5511,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5512,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5546,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-300'
(5548,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(5552,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5553,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(5554,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(5563,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5564,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5565,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-650'
(5569,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5570,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5571,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-500'
(5577,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5578,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5579,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-500'
(5591,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5592,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5593,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-650'
(5611,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-350'
(5612,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(5616,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5617,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(5663,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-800'
(5850,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(5876,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(5913,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(5942,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(6129,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-375'
(6130,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-075'
(6134,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(6142,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(6159,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6168,30): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-150'
(6169,46): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-075'
(6169,90): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-150-alpha-60'
(6170,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-075'
(6170,82): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-150-alpha-60'
(6185,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6193,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6209,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6216,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(6224,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(6242,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6244,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6245,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-325'
(6253,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6255,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6267,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6295,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(6297,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-075'
(6305,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6307,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(6318,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6341,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-050'
(6342,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6346,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-150'
(6347,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6375,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(6392,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(6437,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(6442,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6443,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6488,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6523,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6550,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6552,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(6603,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(6604,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6605,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6614,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-375'
(6615,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6621,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-50'
(6627,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6635,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6637,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-400'
(6638,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6643,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6646,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6703,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-100'
(6704,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6709,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-100'
(6711,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6716,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-100'
(6717,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6798,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(6811,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-300'
(6812,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-300'
(6816,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-300'
(6844,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-900'
(6848,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(6862,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(6869,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-100'
(6870,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-200'
(6875,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-375'
(6879,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-075'
(6910,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(6911,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(6912,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(6917,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(6918,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6919,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-650'
(6923,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(6924,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6925,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-500'
(6931,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(6932,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6933,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-500'
(6945,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(6946,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6947,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-650'
(6965,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-350'
(6966,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(6970,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(6971,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(6980,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7026,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7035,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7045,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7063,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7082,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7093,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7107,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7117,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7127,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7155,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(7212,40): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(7223,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(7233,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(7237,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-750'
(7244,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(7503,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7530,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(7618,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-400'
(7641,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(7653,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(7667,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(7711,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(7717,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-325'
(7860,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7861,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7892,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7907,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7921,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7935,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(7953,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8000,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(8030,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8054,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8468,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(8472,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-050'
(8491,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8495,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8664,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8668,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8675,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(8679,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-375'
(8816,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-500'
(8828,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-500'
(8894,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(8925,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(8931,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(8941,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-300'
(8943,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(8944,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-175'
(8975,43): run-time error CSS1030: Expected identifier, found '['
(8975,52): run-time error CSS1031: Expected selector, found '='
(8975,52): run-time error CSS1025: Expected comma or open brace, found '='
(8985,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-175'
(8986,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(8990,46): run-time error CSS1030: Expected identifier, found '['
(8990,55): run-time error CSS1031: Expected selector, found '='
(8990,55): run-time error CSS1025: Expected comma or open brace, found '='
(8996,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(8997,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-175'
(9007,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-650'
(9015,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-600'
(9039,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9045,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(9058,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9065,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9117,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-600'
(9187,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(9203,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-550'
(9208,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-550'
(9209,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-550-alpha-25'
(9221,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-550'
(9227,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-550-alpha-25'
(9273,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9298,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9303,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9316,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9318,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9322,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9324,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9330,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-550'
(9331,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9336,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9338,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9355,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9362,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9376,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(9389,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9403,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9404,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9410,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-165'
(9414,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-slate-gray-600'
(9423,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9427,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-slate-gray-600'
(9436,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-165'
(9440,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-slate-gray-600'
(9480,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9481,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9489,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-060'
(9490,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9494,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(9495,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9554,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9561,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9562,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9563,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9568,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9583,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-925'
(9606,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9610,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9611,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9619,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9620,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9621,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9625,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9631,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9632,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9633,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-650'
(9637,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9653,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9685,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-310'
(9695,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9709,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-925'
(9710,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9711,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(9716,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-550'
(9733,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9762,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9763,26): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-white'
(9770,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(9772,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-550-alpha-30'
(9791,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9792,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-white'
(9799,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(9801,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-550-alpha-30'
(9939,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(9940,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9941,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(9945,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(9946,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(9947,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(10012,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-750'
(10018,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-160'
(10019,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(10041,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-160'
(10042,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(10066,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-160'
(10067,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(10089,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(10231,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-gray-260'
(10315,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(10319,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-950'
(10323,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-550'
(10327,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(10331,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-600'
(10411,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-750'
(10416,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-850'
(10448,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-700'
(10549,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(10550,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-425'
(10562,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(10563,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-425'
(10579,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(10600,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(10698,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-440'
(10709,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-440'
(10954,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(10969,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(10970,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(10982,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(10983,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(10986,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(11001,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(11002,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(11015,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(11016,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(11069,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(11070,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-tan-300'
(11071,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-850'
(11086,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-850'
(11241,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-400'
(11245,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-600'
(11346,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(11466,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(11467,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-125'
(11468,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-625'
(11477,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(11478,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-300'
(11479,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-800'
(11533,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-400'
(11585,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(11946,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-750'
(12015,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-375'
(12031,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12095,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-450'
(12097,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(12105,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-450'
(12107,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(12117,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(12131,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-650'
(12138,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-650'
(12145,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-650'
(12152,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-650'
(12224,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(12225,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-40'
(12230,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-off-white'
(12233,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(12239,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-525'
(12247,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(12338,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-cool-gray-360'
(12339,31): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-gray-790'
(12355,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-cool-gray-360'
(12356,31): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-gray-790'
(12404,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12405,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(12408,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(12428,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(12439,31): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(12451,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-375'
(12455,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(12474,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-085'
(12510,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-350'
(12535,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12541,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12551,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(12553,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(12558,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(12560,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(12565,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(12567,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(12572,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(12574,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-400'
(12652,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12684,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12690,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12691,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(12702,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(12709,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-085'
(12713,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12729,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(12733,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12739,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(12748,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(12804,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12805,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12806,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12813,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12814,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12822,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12830,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12831,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12839,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12840,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12841,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12849,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12850,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(12854,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-160'
(12944,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-550'
(13043,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13048,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13059,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13061,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-gray-080'
(13077,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13087,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13288,1): run-time error CSS1030: Expected identifier, found ' '
(13288,1): run-time error CSS1019: Unexpected token, found ' '
(13369,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13376,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13417,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13440,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13484,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13516,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13520,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(13523,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13528,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(13530,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13531,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-450'
(13535,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(13537,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13539,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-730'
(13540,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13558,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13562,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-150'
(13609,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13625,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13784,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13799,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-pure'
(13805,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(13819,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(13835,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-240'
(13968,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-08'
(13984,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13985,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-900'
(13989,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-08'
(13990,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13991,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(13995,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(13996,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-green-900'
(14000,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-15'
(14001,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(14002,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-180'
(14010,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(14011,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(14015,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-08'
(14016,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(14017,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(14021,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(14022,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(14026,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-15'
(14027,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-760'
(14028,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-180'
(14041,42): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-06'
(14045,42): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-15'
(14053,46): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-08'
(14085,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-750'
(14139,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(14175,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-350'
(14222,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(14223,59): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-01'
(14223,96): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-06'
(14239,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-200'
(14282,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(14314,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-500'
(14350,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-yellow-350'
(14368,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-675'
(14392,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(14441,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(14460,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-050'
(14464,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(14910,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-150'
(14914,36): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-150'
(15030,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(15063,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(15064,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(15067,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(15102,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(15103,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-cool-gray-235'
(15105,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(15116,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(15122,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-275'
(15124,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-125'
(15144,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(15145,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(15148,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(15174,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(15177,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(15194,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-40'
(15208,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(15212,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black'
(15213,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-white'
(15271,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-warm-gray-940'
(15365,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-700'
(15366,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-900'
(15373,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15397,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar-slot-width'
(15401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15417,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-050'
(15418,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-700'
(15422,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-050'
(15423,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-orange-500'
(15427,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-teal-100'
(15428,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-teal-600'
(15432,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-100'
(15433,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-500'
(15534,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-550'
(15541,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-750'
(15570,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-050'
(15573,16): run-time error CSS1030: Expected identifier, found '>'
(15573,43): run-time error CSS1031: Expected selector, found ')'
(15573,43): run-time error CSS1025: Expected comma or open brace, found ')'
(15581,16): run-time error CSS1030: Expected identifier, found '>'
(15581,47): run-time error CSS1031: Expected selector, found ')'
(15581,47): run-time error CSS1025: Expected comma or open brace, found ')'
(15590,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-225'
(15640,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-085'
(15641,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-425'
(15643,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-790'
(15654,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-025'
(15655,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(15656,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(15660,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-025'
(15661,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(15662,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(15680,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(15691,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-425'
(15746,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-230'
(15759,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575-alpha-30'
(15760,30): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575'
(15766,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575-alpha-12'
(15767,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575'
(15789,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-230'
(15806,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-600'
(15813,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(15822,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(15828,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-600'
(15839,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-900'
(15844,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-purple-600'
(15850,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-475'
(15857,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-475'
(15884,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-720'
(15893,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575'
(15900,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-230'
(15904,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-790'
(15925,17): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-790'
(15932,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-250'
(15958,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-cool-gray-090'
(15977,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-230'
(15984,26): run-time error CSS1030: Expected identifier, found '.'
(15984,76): run-time error CSS1031: Expected selector, found ')'
(15984,76): run-time error CSS1025: Expected comma or open brace, found ')'
(15989,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575'
(15991,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(16009,30): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-blue-575'
(16011,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-black-alpha-25'
(16016,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(16017,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-850'
(16018,32): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-red-025'
(16030,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-color-gray-790'
(16050,23): run-time error CSS1039: Token not allowed after unary operator: '-pod-lanes-title'
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-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-image:-o-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-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);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-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-image:-o-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-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)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-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-image:-o-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-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)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-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-image:-o-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-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)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-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-image:-o-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-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)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* AssessmentChart/CompareChart */
	#reportViewer1 {
		position: relative;
		width: 1300px;
		height: 900px;
		font-family: Verdana, Arial;
	}


/*#kendoWindow {
    position: fixed;
    margin: auto;
    min-height: 300px;
    height: auto;
    top: 20%;
}*/
.cellWidth20 {
    width: 150px
}

.cellWidth50 {
    width: 50%
}

.cellWidth30 {
    width: 30%;
}

#noKendoCheckIn {
    margin: 20px;
    box-sizing: content-box;
    max-width: 1280px;
    min-width: 300px;
}

#noKendoCheckIn table {
	table-layout: fixed;
	width: 100%;
}

#noKendoCheckIn table thead th {
	height: 31px !important;
	font-weight: 500;
	vertical-align: middle;
	border: 1px solid rgb(219,219,219);
	background-color: rgb(255, 255, 255);
	background-image: none, linear-gradient(rgba(0, 0, 0, 0.01) 0px, rgba(0, 0, 0, 0.08) 100%);
	background-position-x: 50%, 50%;
	background-position-y: 50%, 50%;
}

#noKendoCheckIn table tbody td {
	vertical-align: middle;
	border-top: 0px solid rgb(249,249,249);
	border-bottom: 0px solid rgb(249,249,249);
	border-left: 1px solid rgb(235,235,235);
	border-right: 1px solid rgb(235,235,235);
	padding: 4px 15px;
}

#noKendoCheckIn table td.ButtonCell {
}

#noKendoCheckIn table td.StudentNameCell {
	font-size: x-large !important;
	font-weight: bolder !important;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
}

#noKendoCheckIn table td.LastActivityCell {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

#alphabetSortLinksA-M {
    display: table;
    max-width: 1200px;
    min-width: 300px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 15px;
    margin-top: 15px
}

#alphabetSortLinksN-Z {
    display: table;
    max-width: 1200px;
    min-width: 300px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 15px;
}

.alphabetSort {
    display: table-cell;
    font-size: 2em;
    font-size: 5vw;
    text-align: center;
}

.studentNameOuter,
.employeeNameOuter {
    max-width: 500px;
    width: 100%;
}

.studentNameInner,
.employeeNameInner {
    font-size: 75px;
    font-weight: bolder;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
}

.searchForm label {
    display: block;
}

.searchForm input.form-control {
    display: inline-block;
}


.statusCheckBoxBtn,
.processingStatusChange {
    width: 120px;
    height: 50px;
    background: #333;
    margin: 10px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);*/
}

.statusCheckBoxBtn:after,
.processingStatusChange:after {
	position: absolute;
	top: 14px;
	left: 14px;
	height: 2px;
	width: 92px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #111;
	/*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);*/
}

.statusCheckBoxBtn label,
.processingStatusChange label {
	display: block;
	width: 112px;
	height: 42px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	position: absolute;
	top: 4px;
	z-index: 1;
	left: 4px;
	background: #fcfff4;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	/*-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;*/
	/*-ms-transition: all .4s ease;*/
	/*transition: all .4s ease;*/
	/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);*/
	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
	/*background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
	/*background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}

.statusCheckBoxBtn label:after {
	color: #fff;
	/* content: "@Html.Raw(Resources.Resources.lblOUT)"; */
	padding-top: 4px;
	background: #555;
	text-align: center;
	align-content: center;
	vertical-align: middle;
	position: absolute;
	width: 100px;
	height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	left: 6px;
	top: 6px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	/*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);*/
}

.processingStatusChange label:after {
	color: #000;
	/* content: "@Html.Raw(Resources.Resources.lblPROCESSING)"; */
	padding-top: 4px;
	background: #f5cc09;
	font-size: smaller;
	text-align: center;
	align-content: center;
	vertical-align: middle;
	position: absolute;
	width: 100px;
	height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	left: 6px;
	top: 6px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	/*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);*/
}

.statusCheckBoxBtn input[type=checkbox]:checked + label:after {
	text-align: center;
	vertical-align: middle;
	color: #000;
	/* content: "@Html.Raw(Resources.Resources.lblIN)"; */
	padding-top: 4px;
	background: #00bf00;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

#kendoWindow .center-panel {
    font-size: 20px;
    padding: 0.25em 0.25em 0.25em 4em;
}

#kendoWindow .center-panel .center-list {
    font-size: inherit;
}


    /*per JH remove spinner from CVV.  Temporary until kendo numeric textbox is implemented*/
input#CVV::-webkit-outer-spin-button,
 input#CVV::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

.enrOppModuleBorder .k-widget.k-dropdown,
.enrOppModuleBorder input,
.enrOppModuleBorder select,
.enrOppModuleBorder textarea,
span.k-textbox.form-control.billingDetailsTextInput {
    max-width: 566px !important;
}

.ARdiv .enrOppModuleBorder .k-widget.k-dropdown,
.ARdiv .enrOppModuleBorder input,
.ARdiv .enrOppModuleBorder select,
.ARdiv .enrOppModuleBorder textarea,
.ARdiv span.k-textbox.form-control.billingDetailsTextInput {
    max-width: 350px !important;
}

.enrOppInfoDropDown.k-dropdown {
    margin-right: 0 !important;
}

.ARdiv .dobWrapper {
    max-width: 330px!important;
}

.enrOppModuleBorder .inline-block {
    display: inline-block;
}

.visible { visibility: visible !important; }
.chart-panel {
    position: relative; display: inline-block; overflow: hidden;
    border: 0.15em solid #DDDDDD; border-radius: 0.5em;
    padding: 0.5em 1em; margin: 1em 0em; 
    font-size: 1em; background-color: #FFFFFF; 
    page-break-inside: avoid;
}
/*this needs to be displayed for proper positioning*/
.chart-panel.enr-opp { left: 200%; /*move out of view*/border: 0.15em solid #DDDDDD; border-radius: 0em; }
.chart-panel.enr-dee { border: 0.2em solid #E6E6E6; border-radius: 0.5em; }
.line-chart { position: relative; display: block; overflow: hidden; page-break-inside: avoid; }
.line-chart .row.title .text { padding: 0.25em 0.5em 0.5em; font-weight: bold; border-bottom: solid 0.15em #DDDDDD; }
.line-chart .row .y-axis { padding: 0.25em 0.5em; border-right: solid 0.15em #DDDDDD; white-space: nowrap; vertical-align: bottom; text-align: right; }
.line-chart .row .item.x-axis { text-align: center; font-weight: bold; font-size: 0.9em; }
.line-chart .body .row:last-child .item { border-bottom: solid 0.15em #DDDDDD; }
.line-chart .row .item { padding: 0.2em 0em; width: 6em; overflow: visible; text-align: center; vertical-align: bottom; position: relative; }
.line-chart .body .row .item:first-child { border-left: solid 0.15em #DDDDDD; }
.line-chart .body .row .item:last-child {  border-right: solid 0.15em #DDDDDD; }
.line-chart .row .item .text { width: 100%; display: inline-block; white-space: nowrap; padding-left:0.5em; padding-right:0.5em; position: relative; top: 0.4em; }
.line-chart .row .item .dash { height: 0em; width: 101%; border: 0em; position: relative; float: left; top: 0.7em; left: 50%; border-top: 0.15em solid dimgray; }
.line-chart .row .item .dot { display: inline-block; height: 0.8em; width: 0em; border: 0em; border-left: solid 0.15em; border-radius: 0;  }
.line-chart .row .item.zero * { visibility: hidden; }
.line-chart .row .item.zero .text { visibility: hidden !important; }
.line-chart .row .item.one * { visibility: visible; }
.line-chart .row .item.one .dash { visibility: hidden; }
.line-chart .row .item.bgn * { visibility: visible; }
.line-chart .row .item.bgn.zero .dot { visibility: hidden; }
.line-chart .row .item.mid * { visibility: hidden; }
.line-chart .row .item.mid .dash { visibility: visible; }
.line-chart .row .item.skip * { visibility: hidden; }
.line-chart .row .item.skip .dash { visibility: visible; }
.line-chart .row .item.cont * { visibility: visible; }
.line-chart .row .item.cont .dash { left:0%; width:151%; }
.line-chart .row .item.cont.zero .dot { visibility: hidden; }
.line-chart .row .item.hold .dash { border-style: dashed; } 
.line-chart .row .item.today.end { overflow: hidden; }
.line-chart .row .item.today.end .dash { left: 0%; } 
.chart-panel .chart-note { font-size: 0.9em; padding: 1em 0em 0.5em 5em; }
.chart-legend { position: relative; display: inline-block; padding: 0.25em 1em; margin: 1em 0em 0.25em 0em; border: 0.15em solid #DDDDDD; left: 30%; color: dimgray; clear: both; }
.chart-legend .legend-title { font-weight: bold; float: left }
.chart-legend .legend-items { float: right; }
.chart-legend .legend-icon { width: 3em; display: inline-block; margin: 0em 1em; text-align: center; }
.chart-legend .legend-icon * { width: 3em; display: inline-block; height: 0em; border: solid 0em dimgray; top: -0.2em; position: relative; }
.chart-legend .dash-broken { border: 0; border-style: dashed; border-top-width: 0.15em; }
.chart-legend .dash-solid { border: 0; border-style: solid;  border-top-width: 0.15em; }
.chart-legend .dash-pipe { border: 0; border-style: solid; border-left-width: 0.15em; width:0; height: 0.8em;}
.line-chart .color-fg-0 .text { color: #F6511D !important; }
.line-chart .color-bg-0 .dash, .line-chart .color-bg-0 .dot { /*background-color: #F6511D !important;*/ border-color: #F6511D !important; }
.line-chart .color-fg-1 .text { color: #FFB400 !important; }
.line-chart .color-bg-1 .dash, .line-chart .color-bg-1 .dot { /*background-color: #FFB400 !important;*/ border-color: #FFB400 !important; }
.line-chart .color-fg-2 .text { color: #00A6ED !important; }
.line-chart .color-bg-2 .dash, .line-chart .color-bg-2 .dot { /*background-color: #00A6ED !important;*/ border-color: #00A6ED !important; }
.line-chart .color-fg-3 .text { color: #7FB800 !important; }
.line-chart .color-bg-3 .dash, .line-chart .color-bg-3 .dot { /*background-color: #7FB800 !important;*/ border-color: #7FB800 !important; }
.line-chart .color-fg-4 .text { color: #0D2C54 !important; }
.line-chart .color-bg-4 .dash, .line-chart .color-bg-4 .dot { /*background-color: #0D2C54 !important;*/ border-color: #0D2C54 !important; }
.line-chart .discount .text { color: dimgray !important; }
.line-chart .discount .dash, .line-chart .discount .dot { /*background-color: darkgray;*/ border-color: #DDDDDD !important; }
.chart-panel .chart-cover {
    position: absolute; top: 0; left: 0; 
    height: 100%; width: 100%;
    text-align: center; padding-top: 18%;
    z-index: 999999; color: #F6511D; opacity: 0.75; 
    background: url('../../Content/kendo/2020.3.1118/Uniform/loading-image.gif') center center no-repeat whitesmoke;
}
/* Holds/CreateHold */
	span.cfMonth {
		display: block;
	}

	.cfMonth.k-input, .cfNumeric.k-input {
		height: 29px !important;
	}

	.cfMonth.k-datepicker {
		width: 7.5em !important;
		background-color: transparent;
	}

		.cfMonth.k-datepicker .k-picker-wrap {
			height: 29px;
			/*background-color: white;*/
			background-image: none !important;
		}

	.cfNumeric > .k-numeric-wrap {
		height: 29px;
		width: 7.5em !important;
	}

	.cfNumeric.k-numerictextbox {
		width: 7.5em !important;
	}

	.StudentName {
		font-size: larger;
	}

	.studentName {
		cursor: default !important;
	}

	div.checkbox label {
		cursor: default !important;
	}

	.TotalProjectedSpan {
		vertical-align: bottom;
	}

	.credAllocationModBorder {
		border: 3px solid #e6e6e6;
		border-radius: 6px;
		padding: 15px 15px 5px 15px;
		margin-bottom: 40px;
		clear: both;
		overflow: auto;
		/*margin-right: 15px;*/
	}

	#creditAllocationDiv .creditAllocationContainer {
		width: 735px !important;
	}

	#addHoldControls {
		margin-top: 30px;
	}

	#creditAfterFinalBillingDateAlert {
		margin-bottom: 20px;
	}

	.smLeftpad {
		margin-left: 3px !important;
	}

	.enrExtLbl {
		margin-left: 30px;
	}

	.isTerminated {
		font-style: italic;
	}

.invoiceGridContainer .leftCell {
	width: 280px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	text-align: right !important;
}

.invoiceGridContainer .centerCell {
	width: 220px !important;
	padding-left: 25px !important;
	text-align: left !important;
}

.invoiceGridContainer .rightCell {
	width: 200px !important;
}
@font-face {
  font-family: "Avenir";
  src: url("../../fonts/AvenirLTStd-Black.woff2") format("woff2"), url("../../fonts/AvenirLTStd-Black.woff") format("woff"), url("../../fonts/AvenirLTStd-Black.ttf") format("truetype"), url("../../fonts/AvenirLTStd-Black.otf") format("opentype-font"), url("../../fonts/AvenirLTStd-Black.eot") format("embedded-opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../../fonts/AvenirLTStd-Book.woff2") format("woff2"), url("../../fonts/AvenirLTStd-Book.woff") format("woff"), url("../../fonts/AvenirLTStd-Book.ttf") format("truetype"), url("../../fonts/AvenirLTStd-Book.otf") format("opentype-font"), url("../../fonts/AvenirLTStd-Book.eot") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../../fonts/AvenirLTStd-Light.woff2") format("woff2"), url("../../fonts/AvenirLTStd-Light.woff") format("woff"), url("../../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../../fonts/AvenirLTStd-Light.otf") format("opentype-font"), url("../../fonts/AvenirLTStd-Light.eot") format("embedded-opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../../fonts/AvenirLTStd-Medium.woff2") format("woff2"), url("../../fonts/AvenirLTStd-Medium.woff") format("woff"), url("../../fonts/AvenirLTStd-Medium.ttf") format("truetype"), url("../../fonts/AvenirLTStd-Medium.otf") format("opentype-font"), url("../../fonts/AvenirLTStd-Medium.eot") format("embedded-opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("../../fonts/AvenirLTStd-MediumOblique.woff2") format("woff2"), url("../../fonts/AvenirLTStd-MediumOblique.woff") format("woff"), url("../../fonts/AvenirLTStd-MediumOblique.ttf") format("truetype"), url("../../fonts/AvenirLTStd-MediumOblique.otf") format("opentype-font"), url("../../fonts/AvenirLTStd-MediumOblique.eot") format("embedded-opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: url("../../fonts/AvenirLTStd-Heavy.woff2") format("woff2"), url("../../fonts/AvenirLTStd-Heavy.woff") format("woff"), url("../../fonts/AvenirLTStd-Heavy.ttf") format("truetype"), url("../../fonts/AvenirLTStd-Heavy.otf") format("opentype-font"), url("../../fonts/AvenirLTStd-Heavy.eot") format("embedded-opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Sriracha-Regular";
  src: url("../../fonts/Sriracha-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-VariableFont_wght.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito Sans Regular";
  src: url("../../fonts/NunitoSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans Light";
  src: url("../../fonts/NunitoSans-Light.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans ExtraLight";
  src: url("../../fonts/NunitoSans-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans SemiBold";
  src: url("../../fonts/NunitoSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans Bold";
  src: url("../../fonts/NunitoSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans ExtraBold";
  src: url("../../fonts/NunitoSans-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans Black";
  src: url("../../fonts/NunitoSans-Black.woff") format("woff");
}
@font-face {
  font-family: "LineIcons";
  src: url("../../fonts/LineIcons.eot") format("embedded-opentype"), url("../../fonts/LineIcons.woff2") format("woff2"), url("../../fonts/LineIcons.woff") format("woff"), url("../../fonts/LineIcons.ttf") format("truetype"), url("../../fonts/LineIcons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesome";
  src: url("../../fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CCSignLanguage-Regular";
  src: url("../../fonts/CCSignLanguage-Regular.eot") format("embedded-opentype"), url("../../fonts/CCSignLanguage-Regular.woff2") format("woff2"), url("../../fonts/CCSignLanguage-Regular.woff") format("woff"), url("../../fonts/CCSignLanguage-Regular.ttf") format("truetype"), url("../../fonts/CCSignLanguage-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.fa-plus:before {
  content: "";
}

.referral-page p, .review-enrollment-form-page p,
.term-and-condition-page p, .membership-and-pricing-page p,
.confirmation-page p {
  font-size: 16px;
  font-family: "Nunito Sans Regular";
}
.referral-page a, .review-enrollment-form-page a,
.term-and-condition-page a, .membership-and-pricing-page a,
.confirmation-page a {
  color: #000;
  text-decoration: none;
}
.referral-page label, .review-enrollment-form-page label,
.term-and-condition-page label, .membership-and-pricing-page label,
.confirmation-page label {
  font-size: 16px;
  font-family: "Nunito Sans Regular";
}

.invalid-feedback{
    font-size:14px !important;
    line-height:22px;
    display: none;
}

.primary-theme-btn {
    color: #fff;
    background: linear-gradient(180deg, #b1232a 10.2%, #83161b 121.43%);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    border-radius: 1px;
    padding: 16px 15px;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    display: inherit;
    max-width: 330px;
    margin: 0 auto;
}

.primary-theme-btn:hover {
  background: #b5121b;
  box-shadow: none;
  color: #fff;
}

.navbar {
    margin-bottom: 0px !important;
}


.secondary-theme-btn {
  color: #b5121b;
  background: linear-gradient(180deg, #fff 10.2%, #d8d8d8 121.43%);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
  border-radius: 1px;
  padding: 16px 15px;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  border: 1.5px solid #e0e0e0;
  display: inherit;
  max-width: 330px;
  margin: 0 auto;
  font-family: "Nunito Sans Bold";
}

.secondary-theme-btn:hover {
  background: #fff;
  border: 1.5px solid #f4f4f4;
  box-sizing: border-box;
  border-radius: 1px;
  color: #b5121b;
}

.custom-checkbox {
    user-select: none;
    position: relative;
    padding-left: 50px;
    text-align: left;
    display: block;
    min-height: 20px;
    line-height: 1.4;
}
    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    .custom-checkbox span {
        cursor: pointer;
    }
    .custom-checkbox label {
        cursor: pointer;
    }
    .custom-checkbox .CreditDebitAuthMessage,
    .custom-checkbox .ACHAuthMessage {
        display: inline-block;
        padding-left: 30px;
        vertical-align: top;
    }

    .custom-checkbox input[type=checkbox]:disabled ~ .custom-check {
        opacity: 0.5;
        cursor: not-allowed;
    }
        .custom-checkbox input[type=checkbox]:disabled ~ .custom-check ~ span {
            cursor: not-allowed;
        }
    .custom-checkbox .custom-check {
        position: absolute;
        left: 0;
        top: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 3px;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 4px 0px #00000080 inset;
    }
@media (max-width: 580px) {
    .custom-checkbox .custom-check {
        margin-top: 3px;
    }
}
.custom-checkbox .custom-check::after {
    content: "";
    position: absolute;
    left: 6.5px;
    top: 1px;
    width: 6.5px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}
.custom-checkbox input:checked ~ .custom-check {
    background: #B1232A;
    background: linear-gradient(180deg, #b1232a 0%, #83161b 100%);
}
    .custom-checkbox input:checked ~ .custom-check::after {
        display: block;
    }

.checkmark {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  vertical-align: middle;
  position: absolute;
}
.checkmark::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 4px;
  width: 6px;
  height: 10px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
}

@media (max-width: 767.98px) {
  .center-landing-page .hero-banner .container {
    padding: 0;
  }
}
.center-landing-page .hero-banner .hero-banner-desktop {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../../img/hero-banner.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 694px;
  padding: 195px 15px;
  position: relative;
  width: 100%;
  margin-top: 100px;
}
@media (max-width: 767.98px) {
  .center-landing-page .hero-banner .hero-banner-desktop {
    background-image: none;
    padding: 0;
    margin: 0;
    height: auto;
  }
}
.center-landing-page .hero-banner .hero-banner-mobile {
  background-image: url(../../img/hero-banner-mobile.png);
  background-size: cover;
  height: 694px;
}
@media (min-width: 768px) {
  .center-landing-page .hero-banner .hero-banner-mobile {
    display: none;
  }
}
.center-landing-page .center-information {
  align-items: flex-start;
  background-color: #ffffffb2;
  border-color: #ebe70e;
  border-top-style: solid;
  border-top-width: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 301px;
  padding: 49.38px 40px 40px;
  position: relative;
  max-width: 451px;
}
@media (max-width: 767.98px) {
  .center-landing-page .center-information {
    max-width: 100%;
    padding: 20px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
}
.center-landing-page .hero-title {
  font-size: 44.8px;
  line-height: 1.2;
  font-weight: 900;
  font-family: "Nunito Sans Black";
  text-transform: capitalize;
  color: #000;
}
@media (max-width: 390px) {
  .center-landing-page .hero-title {
    font-size: 32px;
    line-height: 1.2;
  }
}
.center-landing-page .address {
  font-size: 16px;
  line-height: 22px;
}
.center-landing-page .heroActionsContainer {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 31px;
  height: 73px;
  margin-bottom: -18.38px;
  position: relative;
  width: 100%;
}
.center-landing-page .heroActionsContainer .hero-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
}
@media (max-width: 767.98px) {
  .center-landing-page .heroActionsContainer {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
}
.center-landing-page .enrollment-options-section .enrollment-title {
  font-size: 35px;
  font-style: normal;
  font-weight: 900;
  font-family: "Nunito Sans Black";
  text-transform: capitalize;
}
@media (max-width: 390px) {
  .center-landing-page .enrollment-options-section .enrollment-title {
    font-size: 28px;
  }
}
.center-landing-page .enrollment-options-section .card {
  align-items: center;
  background-color: #fff;
  border-color: transparent;
  border-top-style: solid;
  border-top-width: 15px;
  box-shadow: 0px 4px 10px #00000026;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
.center-landing-page .enrollment-options-section .card .box-number {
  font-weight: 900;
  font-size: 56px;
  line-height: 58px;
  position: relative;
  margin: -80px auto 15px;
  width: 120px;
  height: 120px;
  background-color: #EF3E33;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-self: center;
}
.center-landing-page .enrollment-options-section .card .card-title {
  font-size: 32px;
  line-height: 40px;
  font-family: "Nunito Sans Black";
}
@media (max-width: 390px) {
  .center-landing-page .enrollment-options-section .card .card-title {
    font-size: 28px;
  }
}
.center-landing-page .enrollment-options-section .card .cost {
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 5px;
  font-family: "Nunito Sans Black";
  line-height: 40px;
}
.center-landing-page .enrollment-options-section .card .cost .price {
  font-size: 32px;
}
@media (max-width: 390px) {
  .center-landing-page .enrollment-options-section .card .cost .price {
    font-size: 28px;
  }
}
.center-landing-page .enrollment-options-section .card .cost .text {
  font-size: 27px;
}
@media (max-width: 390px) {
  .center-landing-page .enrollment-options-section .card .cost .text {
    font-size: 24px;
  }
}
.center-landing-page .enrollment-options-section .card .card-description {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  color: #000;
}
.center-landing-page .enrollment-options-section .card ul {
  padding: 30px 0;
}
.center-landing-page .enrollment-options-section .card ul li {
  font-size: 16px;
  line-height: 22px;
  padding: 15px 10px 15px 25px;
  font-weight: 500;
  font-family: "Nunito Sans Semibold";
  position: relative;
}
.center-landing-page .math-center-faq .faqLinkContainer {
  background-color: #79819A;
  margin: 0 0 20px;
  padding: 25px 30px;
  color: #fff;
}
.center-landing-page .math-center-faq .faqLinkContainer .faqLinkTitle {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  margin: 10px 0;
}
.center-landing-page .math-center-faq .faqLinkContainer .faqLinks {
  margin: 10px 0;
}
.center-landing-page .math-center-faq .faqLinkContainer .faqLinks a {
  background: #F1F2F5;
  padding: 0.5em 0.7rem;
  color: #79819A;
  font-size: 16px;
  line-height: 22px;
  font-weight: 900;
  border-radius: 20px;
  margin-right: 0.8rem;
}
.center-landing-page .math-center-faq .faqLinkContainer .faqLinks a:hover {
  background: #fff;
  color: #000;
}
.center-landing-page .math-center-faq .faqContainer {
  padding: 0 30px;
}
.center-landing-page .math-center-faq .faqContainer .faqLeadingText {
  font-size: 1.2rem;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: initial;
  color: #9A9FB3;
  margin-bottom: 10px;
}
.center-landing-page .math-center-faq .faqContainer .faqTitle {
  font-size: 38px;
  line-height: 50px;
  font-family: "Nunito Sans Black";
  font-weight: 900;
  text-transform: capitalize;
}
@media (max-width: 390px) {
  .center-landing-page .math-center-faq .faqContainer .faqTitle {
    font-size: 28px;
    line-height: 36px;
  }
}
.center-landing-page .math-center-faq .faqContainer .accordionListItem {
  border-bottom: 1px solid #e7e7e7;
}
.center-landing-page .math-center-faq .faqContainer .faq-button {
  text-align: left;
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #232c33;
  font-weight: 900;
  font-family: "Nunito Sans Black";
  border: none;
  background-color: transparent;
  padding: 16px 0 17px;
}
@media (max-width: 390px) {
  .center-landing-page .math-center-faq .faqContainer .faq-button {
    font-size: 18px;
    line-height: 26px;
  }
}
.center-landing-page .math-center-faq .faqContainer .faq-button .accordion-icon {
  display: inline-block;
  width: 1.2em;
  font-weight: bold;
  font-size: 16px;
  text-align: right;
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  height: 1em;
  vertical-align: middle;
}
.center-landing-page .math-center-faq .faqContainer .faq-button .accordion-icon::before,
.center-landing-page .math-center-faq .faqContainer .faq-button .accordion-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #222;
  border-radius: 1px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.center-landing-page .math-center-faq .faqContainer .faq-button .accordion-icon::before {
  width: 1em;
  height: 0.15em;
  transform: translate(-50%, -50%) rotate(0deg);
}
.center-landing-page .math-center-faq .faqContainer .faq-button .accordion-icon::after {
  width: 0.15em;
  height: 1em;
  transform: translate(-50%, -50%) rotate(0deg);
}
.center-landing-page .math-center-faq .faqContainer .faq-button:not(.collapsed) .accordion-icon::after {
  transform: translate(-50%, -50%) rotate(-90deg) scaleY(0);
}
@media (max-width: 767.98px) {
  .center-landing-page .math-center-faq .faqContainer {
    padding: 0;
  }
  .center-landing-page .math-center-faq .faqContainer ul {
    padding: 0 15px;
  }
}
.center-landing-page .get-direction {
  margin-top: 60px;
}
.center-landing-page .get-direction .operationsMapContainer {
  padding: 0 30px;
}
.center-landing-page .get-direction .operationsMapContainer iframe {
  width: 100%;
}
@media (max-width: 767.98px) {
  .center-landing-page .get-direction .operationsMapContainer {
    padding: 0 15px;
  }
}
.center-landing-page .get-direction .operationsTitle {
  font-size: 38px;
  line-height: 50px;
  font-family: "Nunito Sans Black";
}
.center-landing-page .get-direction .operationsContent .label {
  font-size: 17px;
  line-height: 26px;
  font-weight: 900;
  color: #000;
  font-family: "Nunito Sans Black";
  letter-spacing: normal;
  text-transform: uppercase;
}
.center-landing-page .get-direction .operationsContent strong {
  font-size: 17px;
  font-family: "Nunito Sans Extrabold";
  font-weight: 900;
}
@media (max-width: 390px) {
  .center-landing-page .get-direction .operationsContent strong {
    font-size: 14px;
    margin: 0;
  }
}
.center-landing-page .get-direction .operationsContent ul li {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
  background-color: #468254;
  cursor: pointer;
}
#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
  background-color: transparent;
}

.lets-get-started, .referral-page,
.review-enrollment-form-page,
.term-and-condition-page,
.membership-and-pricing-page {
  background-color: #f1f2f5;
  padding: 170px 40px 80px;
  /* Hide default calendar icon in Chrome, Edge, Safari */
  /* Hide default calendar icon in Firefox */
  /* Hide default calendar icon in Edge (old) */
}
@media (max-width: 767.98px) {
  .lets-get-started, .referral-page,
.review-enrollment-form-page,
.term-and-condition-page,
.membership-and-pricing-page {
    padding: 150px 15px 50px;
  }
}
@media (max-width: 390px) {
  .lets-get-started, .referral-page,
.review-enrollment-form-page,
.term-and-condition-page,
.membership-and-pricing-page {
    padding: 150px 0 50px;
  }
}
.lets-get-started .container-wrapper, .referral-page .container-wrapper,
.review-enrollment-form-page .container-wrapper,
.term-and-condition-page .container-wrapper,
.membership-and-pricing-page .container-wrapper {
  max-width: 1000px;
  margin: auto;
}
.lets-get-started .card, .referral-page .card,
.review-enrollment-form-page .card,
.term-and-condition-page .card,
.membership-and-pricing-page .card {
  display: flex;
  flex-direction: column;
  max-width: 1000px;
  justify-content: center;
  padding: 80px 50px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 50px;
  border: none;
}
@media (max-width: 767.98px) {
  .lets-get-started .card, .referral-page .card,
.review-enrollment-form-page .card,
.term-and-condition-page .card,
.membership-and-pricing-page .card {
    padding: 60px 20px;
    border-radius: 25px;
  }
}
.lets-get-started .card .title, .referral-page .card .title,
.review-enrollment-form-page .card .title,
.term-and-condition-page .card .title,
.membership-and-pricing-page .card .title {
  font-size: 35px;
  line-height: 42px;
  font-family: "Nunito Sans Black";
  font-weight: 900;
  text-transform: capitalize;
}
@media (max-width: 390px) {
  .lets-get-started .card .title, .referral-page .card .title,
.review-enrollment-form-page .card .title,
.term-and-condition-page .card .title,
.membership-and-pricing-page .card .title {
    font-size: 30px;
    line-height: 38px;
  }
}
.lets-get-started .card .heading, .referral-page .card .heading,
.review-enrollment-form-page .card .heading,
.term-and-condition-page .card .heading,
.membership-and-pricing-page .card .heading {
  font-size: 27px;
  line-height: 34px;
  font-family: "Nunito Sans Black";
  margin-top: 10px;
}
.lets-get-started .card .heading-primary, .referral-page .card .heading-primary,
.review-enrollment-form-page .card .heading-primary,
.term-and-condition-page .card .heading-primary,
.membership-and-pricing-page .card .heading-primary {
  font-size: 35px;
  line-height: 42px;
  font-family: "Nunito Sans Black";
  font-weight: 900;
}
.lets-get-started .card .heading-primary span, .referral-page .card .heading-primary span,
.review-enrollment-form-page .card .heading-primary span,
.term-and-condition-page .card .heading-primary span,
.membership-and-pricing-page .card .heading-primary span {
  font-weight: normal;
}
@media (max-width: 390px) {
  .lets-get-started .card .heading-primary, .referral-page .card .heading-primary,
.review-enrollment-form-page .card .heading-primary,
.term-and-condition-page .card .heading-primary,
.membership-and-pricing-page .card .heading-primary {
    font-size: 28px;
    line-height: 36px;
  }
}
.lets-get-started .card .form-label, .referral-page .card .form-label,
.review-enrollment-form-page .card .form-label,
.term-and-condition-page .card .form-label,
.membership-and-pricing-page .card .form-label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
  margin-bottom: 5px;
}
@media (max-width: 390px) {
  .lets-get-started .card .form-label, .referral-page .card .form-label,
.review-enrollment-form-page .card .form-label,
.term-and-condition-page .card .form-label,
.membership-and-pricing-page .card .form-label {
    font-size: 14px;
  }
}
.lets-get-started .card select, .lets-get-started .card input[type=text], .lets-get-started .card input[type=email],
.lets-get-started .card input[type=tel], .referral-page .card select, .referral-page .card input[type=text], .referral-page .card input[type=email],
.referral-page .card input[type=tel],
.review-enrollment-form-page .card select,
.review-enrollment-form-page .card input[type=text],
.review-enrollment-form-page .card input[type=email],
.review-enrollment-form-page .card input[type=tel],
.term-and-condition-page .card select,
.term-and-condition-page .card input[type=text],
.term-and-condition-page .card input[type=email],
.term-and-condition-page .card input[type=tel],
.membership-and-pricing-page .card select,
.membership-and-pricing-page .card input[type=text],
.membership-and-pricing-page .card input[type=email],
.membership-and-pricing-page .card input[type=tel]{
    width: 100%;
    height: 50px;
    display: block;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    padding: 11px 24px;
    border: none;
    border-radius: 5px;
    outline: none;
    max-width: 100% !important;
    font-size: 15px;
}
.review-payment-page span.k-textbox.form-control.billingDetailsTextInput {
    max-width: 100% !important;
    margin-bottom:30px;
}
.review-payment-page .form-dee-input.k-input {
    width: 100% !important;
    height: 50px !important;
    display: block;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5) !important;
    padding: 11px 24px !important;
    border: none;
    border-radius: 5px;
    outline: none;
    max-width: 100% !important;
    font-size: 15px !important;
}
.lets-get-started .card select, .referral-page .card select,
.review-enrollment-form-page .card select,
.term-and-condition-page .card select,
.membership-and-pricing-page .card select {
    background: url(../../Images/select-arrow.svg) no-repeat right 12px center;
}
.lets-get-started .enrollment-session .monthly-flexible, .referral-page .enrollment-session .monthly-flexible,
.review-enrollment-form-page .enrollment-session .monthly-flexible,
.term-and-condition-page .enrollment-session .monthly-flexible,
.membership-and-pricing-page .enrollment-session .monthly-flexible {
  padding: 50px 30px;
  position: relative;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 4px 10px #00000040;
  border-top: 15px solid #ef3e33;
}
.lets-get-started .enrollment-session .monthly-flexible .title, .referral-page .enrollment-session .monthly-flexible .title,
.review-enrollment-form-page .enrollment-session .monthly-flexible .title,
.term-and-condition-page .enrollment-session .monthly-flexible .title,
.membership-and-pricing-page .enrollment-session .monthly-flexible .title {
  font-size: 32px;
  line-height: 40px;
  white-space: normal;
  word-break: break-word;
}
.lets-get-started .enrollment-session .monthly-flexible .membership-header,
.referral-page .enrollment-session .monthly-flexible .membership-header,
.review-enrollment-form-page .enrollment-session .monthly-flexible .membership-header,
.term-and-condition-page .enrollment-session .monthly-flexible .membership-header,
.membership-and-pricing-page .enrollment-session .monthly-flexible .membership-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.lets-get-started .enrollment-session .monthly-flexible .price-line,
.referral-page .enrollment-session .monthly-flexible .price-line,
.review-enrollment-form-page .enrollment-session .monthly-flexible .price-line,
.term-and-condition-page .enrollment-session .monthly-flexible .price-line,
.membership-and-pricing-page .enrollment-session .monthly-flexible .price-line {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 11px
}
.lets-get-started .enrollment-session .monthly-flexible .cost .price, .referral-page .enrollment-session .monthly-flexible .cost .price,
.review-enrollment-form-page .enrollment-session .monthly-flexible .cost .price,
.term-and-condition-page .enrollment-session .monthly-flexible .cost .price,
.membership-and-pricing-page .enrollment-session .monthly-flexible .cost .price {
  font-size: 38px;
  line-height: 50px;
  font-family: "Nunito Sans Black";
}
.lets-get-started .enrollment-session .monthly-flexible .cost .text, .referral-page .enrollment-session .monthly-flexible .cost .text,
.review-enrollment-form-page .enrollment-session .monthly-flexible .cost .text,
.term-and-condition-page .enrollment-session .monthly-flexible .cost .text,
.membership-and-pricing-page .enrollment-session .monthly-flexible .cost .text {
  font-size: 27px;
  line-height: 34px;
  font-family: "Nunito Sans Black";
}
.lets-get-started .enrollment-session .monthly-flexible .heading1, .referral-page .enrollment-session .monthly-flexible .heading1,
.review-enrollment-form-page .enrollment-session .monthly-flexible .heading1,
.term-and-condition-page .enrollment-session .monthly-flexible .heading1,
.membership-and-pricing-page .enrollment-session .monthly-flexible .heading1 {
  font-size: 24px;
  line-height: 34px;
  font-family: "Nunito Sans SemiBold";
  font-weight: 500;
}
.lets-get-started .primary-theme-btn, .referral-page .primary-theme-btn,
.review-enrollment-form-page .primary-theme-btn,
.term-and-condition-page .primary-theme-btn,
.membership-and-pricing-page .primary-theme-btn {
  border: none;
}
.lets-get-started .change-enrollment-btn, .referral-page .change-enrollment-btn,
.review-enrollment-form-page .change-enrollment-btn,
.term-and-condition-page .change-enrollment-btn,
.membership-and-pricing-page .change-enrollment-btn {
  width: 100%;
  max-width: unset;
  color: #232c33;
}
.lets-get-started .datepicker-wrapper #datepicker-btn, .referral-page .datepicker-wrapper #datepicker-btn,
.review-enrollment-form-page .datepicker-wrapper #datepicker-btn,
.term-and-condition-page .datepicker-wrapper #datepicker-btn,
.membership-and-pricing-page .datepicker-wrapper #datepicker-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.lets-get-started .datepicker-wrapper .calendar-icon, .referral-page .datepicker-wrapper .calendar-icon,
.review-enrollment-form-page .datepicker-wrapper .calendar-icon,
.term-and-condition-page .datepicker-wrapper .calendar-icon,
.membership-and-pricing-page .datepicker-wrapper .calendar-icon {
  position: absolute;
  right: 10px;
  top: 6px;
  pointer-events: none;
  width: 24px;
  height: 24px;
}
.lets-get-started input[type=date].hide-default-calendar::-webkit-calendar-picker-indicator, .referral-page input[type=date].hide-default-calendar::-webkit-calendar-picker-indicator,
.review-enrollment-form-page input[type=date].hide-default-calendar::-webkit-calendar-picker-indicator,
.term-and-condition-page input[type=date].hide-default-calendar::-webkit-calendar-picker-indicator,
.membership-and-pricing-page input[type=date].hide-default-calendar::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
  pointer-events: none;
}
.lets-get-started input[type=date].hide-default-calendar::-moz-calendar-picker-indicator, .referral-page input[type=date].hide-default-calendar::-moz-calendar-picker-indicator,
.review-enrollment-form-page input[type=date].hide-default-calendar::-moz-calendar-picker-indicator,
.term-and-condition-page input[type=date].hide-default-calendar::-moz-calendar-picker-indicator,
.membership-and-pricing-page input[type=date].hide-default-calendar::-moz-calendar-picker-indicator {
  opacity: 0;
  display: none;
  pointer-events: none;
}
.lets-get-started input[type=date].hide-default-calendar::-ms-input-placeholder, .referral-page input[type=date].hide-default-calendar::-ms-input-placeholder,
.review-enrollment-form-page input[type=date].hide-default-calendar::-ms-input-placeholder,
.term-and-condition-page input[type=date].hide-default-calendar::-ms-input-placeholder,
.membership-and-pricing-page input[type=date].hide-default-calendar::-ms-input-placeholder {
  opacity: 0;
  display: none;
  pointer-events: none;
}

.referral-page .progress-bar,
.review-enrollment-form-page .progress-bar,
.term-and-condition-page .progress-bar,
.membership-and-pricing-page .progress-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  margin: 0 auto 40px;
  width: auto;
  box-shadow: none;
}
.referral-page .progress-bar .step,
.review-enrollment-form-page .progress-bar .step,
.term-and-condition-page .progress-bar .step,
.membership-and-pricing-page .progress-bar .step {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #b9b9c3;
}
.referral-page .progress-bar .step.active,
.review-enrollment-form-page .progress-bar .step.active,
.term-and-condition-page .progress-bar .step.active,
.membership-and-pricing-page .progress-bar .step.active {
  background-color: #79819a;
  border-color: #79819a;
}
.referral-page .progress-bar .line,
.review-enrollment-form-page .progress-bar .line,
.term-and-condition-page .progress-bar .line,
.membership-and-pricing-page .progress-bar .line {
  width: 40px;
  height: 1px;
  background-color: #b9b9c3;
  margin: 0 10px;
}
@media (max-width: 390px) {
  .referral-page .progress-bar .line,
.review-enrollment-form-page .progress-bar .line,
.term-and-condition-page .progress-bar .line,
.membership-and-pricing-page .progress-bar .line {
    width: 30px;
    margin: 0 5px;
  }
}
.referral-page .buttons,
.review-enrollment-form-page .buttons,
.term-and-condition-page .buttons,
.membership-and-pricing-page .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.referral-page .buttons .primary-theme-btn, .referral-page .buttons .secondary-theme-btn,
.review-enrollment-form-page .buttons .primary-theme-btn,
.review-enrollment-form-page .buttons .secondary-theme-btn,
.term-and-condition-page .buttons .primary-theme-btn,
.term-and-condition-page .buttons .secondary-theme-btn,
.membership-and-pricing-page .buttons .primary-theme-btn,
.membership-and-pricing-page .buttons .secondary-theme-btn {
  width: 100%;
  max-width: 230px;
  height: 53px;
  margin: 30px 20px 0;
  justify-content: center;
}
@media screen and (max-width: 390px) {
  .referral-page .buttons .primary-theme-btn, .referral-page .buttons .secondary-theme-btn,
.review-enrollment-form-page .buttons .primary-theme-btn,
.review-enrollment-form-page .buttons .secondary-theme-btn,
.term-and-condition-page .buttons .primary-theme-btn,
.term-and-condition-page .buttons .secondary-theme-btn,
.membership-and-pricing-page .buttons .primary-theme-btn,
.membership-and-pricing-page .buttons .secondary-theme-btn {
    max-width: 100%;
    margin: 10px 0;
  }
}
.referral-page .buttons .primary-theme-btn,
.review-enrollment-form-page .buttons .primary-theme-btn,
.term-and-condition-page .buttons .primary-theme-btn,
.membership-and-pricing-page .buttons .primary-theme-btn {
  position: relative;
  top: 1px;
}

.custom-wrapper-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0;
  min-height: 44px;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-wrapper-dropdown::before {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -2px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
}
.custom-wrapper-dropdown .selected-option {
  width: 100%;
  display: block;
  height: 50px;
  background: url(../../Images/select-arrow.svg) no-repeat right 12px center;
  background-color: rgba(255, 255, 255, 0.98);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  border-radius: 1px;
  padding: 14px 24px;
  border: none;
  margin-bottom: 10px;
  border-radius: 5px;
  font-size: 15px;
}
.custom-wrapper-dropdown .dropdown {
  transition: 0.3s;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0.5rem;
  list-style: none;
  z-index: 99;
  border-radius: 15px;
  box-shadow: 0px 4px 10px 0px #00000040;
  background-color: #fff;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  max-height: 250px;
  overflow-y: auto;
}
.custom-wrapper-dropdown .dropdown::-webkit-scrollbar {
  width: 3px;
}
.custom-wrapper-dropdown .dropdown::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.custom-wrapper-dropdown .dropdown li {
  padding: 0 15px;
  font-size: 15px;
  line-height: 45px;
  overflow: hidden;
}
.custom-wrapper-dropdown .dropdown li:last-child {
  border-bottom: none;
}

.custom-wrapper-dropdown.active .dropdown {
  opacity: 1;
  visibility: visible;
  border-radius: 10px;
}

.review-enrollment-form-page .add-guardian .btn-link,
.membership-and-pricing-page .add-guardian .btn-link {
  color: #000;
  box-shadow: none;
  text-decoration: none;
  outline: none;
}
.review-enrollment-form-page .add-guardian .btn-link .fa-plus,
.membership-and-pricing-page .add-guardian .btn-link .fa-plus {
  font-size: 20px;
  display: none;
}
.review-enrollment-form-page .add-guardian .btn-link.collapsed .fa-plus,
.membership-and-pricing-page .add-guardian .btn-link.collapsed .fa-plus {
  display: inline-block;
}
.review-enrollment-form-page .add-guardian .btn-link.collapsed .remove-guardian,
.membership-and-pricing-page .add-guardian .btn-link.collapsed .remove-guardian {
  display: none;
}
.review-enrollment-form-page .add-guardian .btn-link.collapsed ~ .add-guardian-description,
.membership-and-pricing-page .add-guardian .btn-link.collapsed ~ .add-guardian-description {
  display: none;
}
.review-enrollment-form-page .add-guardian .add-guardian-description,
.membership-and-pricing-page .add-guardian .add-guardian-description {
  border-bottom: 1px solid #e7e7e7;
}
.review-enrollment-form-page #remove-guardian,
.membership-and-pricing-page #remove-guardian {
  color: #9a9fb3;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  right: 10px;
  top: 10px;
  outline: none;
  font-weight: bold;
}
@media (max-width: 576px) {
  .review-enrollment-form-page #remove-guardian,
.membership-and-pricing-page #remove-guardian {
    font-size: 0;
  }
}
.review-enrollment-form-page #remove-guardian .close,
.membership-and-pricing-page #remove-guardian .close {
  font-size: 32px;
  position: relative;
  top: -3px;
  right: -10px;
}
.review-enrollment-form-page .form,
.membership-and-pricing-page .form {
  position: relative;
}
.review-enrollment-form-page .form .monthly-flexible,
.membership-and-pricing-page .form .monthly-flexible {
  box-shadow: 0px 4px 10px 0px #00000040;
  border-top: 15px solid #EF3E33;
  padding: 40px 30px;
}
.review-enrollment-form-page .form .monthly-flexible .price,
.membership-and-pricing-page .form .monthly-flexible .price {
  font-size: 32px;
  line-height: 40px;
  font-family: "Nunito Sans Black";
}
.review-enrollment-form-page .form .monthly-flexible .text,
.membership-and-pricing-page .form .monthly-flexible .text {
  font-size: 27px;
  line-height: 32px;
  font-family: "Nunito Sans Black";
  position: relative;
  top: -2px;
}
.review-enrollment-form-page .form .monthly-flexible .heading2,
.membership-and-pricing-page .form .monthly-flexible .heading2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.review-enrollment-form-page .form .monthly-flexible .heading2 strong,
.membership-and-pricing-page .form .monthly-flexible .heading2 strong {
  font-size: 18px;
  line-height: 22px;
  font-family: "Nunito Sans Black";
  font-weight: 500;
}
@media (max-width: 390px) {
  .review-enrollment-form-page .form .monthly-flexible,
.membership-and-pricing-page .form .monthly-flexible {
    padding: 20px 15px;
  }
  .review-enrollment-form-page .form .monthly-flexible .title, .review-enrollment-form-page .form .monthly-flexible .price,
.membership-and-pricing-page .form .monthly-flexible .title,
.membership-and-pricing-page .form .monthly-flexible .price {
    font-size: 28px;
    line-height: 36px;
  }
  .review-enrollment-form-page .form .monthly-flexible .text,
.membership-and-pricing-page .form .monthly-flexible .text {
    font-size: 24px;
    line-height: 30px;
  }
  .review-enrollment-form-page .form .monthly-flexible .heading2,
.membership-and-pricing-page .form .monthly-flexible .heading2 {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 390px) {
  .review-enrollment-form-page .form .heading-primary,
.membership-and-pricing-page .form .heading-primary {
    font-size: 28px;
    line-height: 36px;
  }
}
.review-enrollment-form-page .form .datepicker-wrapper,
.membership-and-pricing-page .form .datepicker-wrapper {
  margin: 0 auto;
  position: relative;
}
.review-enrollment-form-page .form .datepicker-wrapper label,
.membership-and-pricing-page .form .datepicker-wrapper label {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}
.review-enrollment-form-page .form .datepicker-wrapper .input-wrapper,
.membership-and-pricing-page .form .datepicker-wrapper .input-wrapper {
  position: relative;
}
.review-enrollment-form-page .form .datepicker-wrapper .input-wrapper input[type=text],
.membership-and-pricing-page .form .datepicker-wrapper .input-wrapper input[type=text] {
  width: 100%;
  padding: 12px 40px 12px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  font-family:'Nunito Sans Regular';
  font-weight:normal;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar,
.membership-and-pricing-page .form .datepicker-wrapper .calendar {
  margin-top: 10px;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  display: none;
  position: absolute;
  background: white;
  width: 102%;
  left: -1%;
  z-index: 999;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .calender-inner,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .calender-inner {
  max-width: 400px;
  margin: auto;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .calendar-header,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .calendar-header button,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .calendar-header button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .calendar-header h3,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .calendar-header h3 {
  margin: 0;
  font-size: 20px;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .day-labels, .review-enrollment-form-page .form .datepicker-wrapper .calendar .days,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .day-labels,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  justify-content: center;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .day-labels div,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .day-labels div {
  color: #aaa;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .days div,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .days div {
  padding: 12px 0;
  background: #f9f9f9;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
  font-size: 15px;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .days div:hover,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .days div:hover {
  background-color: #eee;
}
@media (max-width: 390px) {
  .review-enrollment-form-page .form .datepicker-wrapper .calendar .days div,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .days div {
    padding: 3px;
    border-radius: 5px;
    font-size: 14px;
  }
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .days div.selected,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .days div.selected {
  background-color: #a6192e;
  color: #fff;
  font-weight: bold;
}
.review-enrollment-form-page .form .datepicker-wrapper .calendar .chooseBtn,
.membership-and-pricing-page .form .datepicker-wrapper .calendar .chooseBtn {
  width: 100%;
  max-width: 500px;
}

.term-and-condition-page .term-box {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 20px;
}
.term-and-condition-page .term-box::-webkit-scrollbar {
  width: 3px;
}
.term-and-condition-page .term-box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.term-and-condition-page p {
  font-size: 18px;
  line-height: 26px;
}
.term-and-condition-page .guidelines-and-consent {
  margin: 70px 0 0;
  padding: 70px 0;
  border-top: 1px solid #8A8A8A;
}
.term-and-condition-page .inputs .form-label span {
  text-decoration: underline;
}
.term-and-condition-page .accept-terms {
  margin: 70px auto 50px;
  text-align: center;
  padding-top: 70px;
  border-top: 1px solid #8A8A8A;
  position: relative;
}
.term-and-condition-page .scroll-error {
  font-size: 14px;
  line-height:22px;
  font-weight: bold;
  margin-left: -50px;
  margin-top: 5px;
}
.term-and-condition-page .scroll-error.multiple-student{
    margin-left:0;
}
.term-and-condition-page form ul {
  padding-left: 25px;
}
.term-and-condition-page form ul li {
  font-size: 18px;
  line-height: 26px;
  padding-left: 5px;
  margin-bottom: 30px;
}
.term-and-condition-page .acknowledge{
    font-size:16px;
    line-height:24px;
    font-family:'Nunito Sans Bold';
    font-weight:bold;
}
.term-and-condition-page .acknowledge span:first-child{
    display:block;
    margin-bottom:10px;
}
.term-and-condition-page .custom-checkbox .custom-check {
    top:2px;
}
@media (max-width: 390px) {
    .term-and-condition-page .guidelines-and-consent {
    padding: 40px 0;
  }
  .term-and-condition-page form ul li, .term-and-condition-page p {
    font-size: 16px;
    line-height: 24px;
  }
}
.term-and-condition-page .invalid-feedback {
  position: relative;
  text-align: left;
  width: calc(100% - 50px);
}

.membership-and-pricing-page .content-block {
  background-color: #fff;
  color: #232C33;
  font-family: "Nunito Sans Regular";
  border: 1px solid #E0E0E0;
  padding: 30px;
  border-radius: 10px;
  font-size:14px;
  line-height:22px;
}
@media (max-width: 576px) {
  .membership-and-pricing-page .content-block {
    padding: 20px 15px;
    font-size: 14px;
  }
}
.membership-and-pricing-page .content-block .heading1 {
  font-size: 32px;
  line-height: 40px;
  font-family: "Nunito Sans Black";
  margin-bottom: 10px;
}
.membership-and-pricing-page .content-block strong {
  font-size: 16px;
  line-height: 24px;
  font-family: "Nunito Sans SemiBold";
}
.membership-and-pricing-page .content-block .block-title {
  font-size: 24px;
  line-height: 32px;
  font-family: "Nunito Sans Black";
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.membership-and-pricing-page .content-block .block-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1.5px solid #E0E0E0;
}
@media (max-width: 576px) {
  .membership-and-pricing-page .content-block .block-title {
    font-size: 19px;
    line-height: 26px;
  }
}
.membership-and-pricing-page .content-block .enrollment-details .block-title {
  display: block;
}
.membership-and-pricing-page .content-block .subtotal {
  font-size: 24px;
  line-height: 32px;
  font-family: "Nunito Sans Black";
  color: #79819A;
}
@media (max-width: 390px) {
  .membership-and-pricing-page .content-block .subtotal {
    font-size: 18px;
    line-height: 24px;
  }
}
.membership-and-pricing-page .content-block .total-cost-block .partial-sibling-discount {
  color: #9A9FB3;
}
.membership-and-pricing-page .content-block .total-cost-block .enrollment-total {
  font-size: 24px;
  line-height: 32px;
  font-family: "Nunito Sans Black";
  color: #B5121B;
}
@media (max-width: 390px) {
  .membership-and-pricing-page .content-block .total-cost-block .enrollment-total {
    font-size: 18px;
    line-height: 24px;
  }
}
.membership-and-pricing-page .content-block .monthly-cost-block .note {
  position: relative;
  padding-top: 30px;
}
.membership-and-pricing-page .content-block .monthly-cost-block .note:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 1.5px solid #E0E0E0;
}
@media (max-width: 576px) {
  .membership-and-pricing-page .form .content-block .heading1 {
    font-size: 24px;
    line-height: 32px;
  }
  .membership-and-pricing-page .form .content-block .monthly-flexible .title {
    font-size: 24px;
    line-height: 32px;
  }
  .membership-and-pricing-page .form .content-block .monthly-flexible .price {
    font-size: 24px;
    line-height: 30px;
  }
  .membership-and-pricing-page .form .content-block .monthly-flexible .text, .membership-and-pricing-page .form .content-block .monthly-flexible .heading1 {
    font-size: 20px;
    line-height: 26px;
  }
}

.review-payment-page .payment-details-block {
  margin-top: 60px;
}
.review-payment-page .view-privacy-policy .btn-link {
  font-size: 16px;
  font-family: "Nunito Sans SemiBold";
  color: #232c33;
  text-decoration: none;
  padding: 0;
  font-weight: 600;
}
.review-payment-page .view-privacy-policy .btn-link:focus, .review-payment-page .view-privacy-policy .btn-link:focus-visible {
  outline: none;
  box-shadow: none;
}
.review-payment-page .view-privacy-policy span {
  text-decoration: underline;
  cursor: pointer;
}
.review-payment-page .view-privacy-policy span:hover {
  color: #ef3e33;
  text-decoration: underline;
}
.review-payment-page .sms-mms-policy {
  font-size: 16px;
  font-family: "Nunito Sans SemiBold";
  color: #232c33;
  text-decoration: none;
  padding: 0;
  font-weight: 600;
}

.privacymodal .modal-content {
  background-color: #fff;
  max-height: 90vh;
  min-height: 400px;
  border-radius: 30px;
  padding: 30px;
}
@media (max-width: 390px) {
  .privacymodal .modal-content {
    padding: 15px;
    border-radius: 15px;
  }
}
.privacymodal .modal-content .modal-header {
  border-bottom: none;
  padding: 1rem 0;
  justify-content:start;
}
.privacymodal .modal-content .modal-header .modal-title {
  font-size: 32px;
  line-height: 40px;
  font-family: "Nunito Sans Black";
  font-weight: 900;
}
@media (max-width: 390px) {
  .privacymodal .modal-content .modal-header .modal-title {
    font-size: 28px;
    line-height: 34px;
  }
}
.privacymodal .modal-content .modal-body {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #767676;
}
.privacymodal .modal-content .modal-body::-webkit-scrollbar {
  width: 3px;
}
.privacymodal .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.privacymodal .modal-content .modal-body .content-box {
  margin-bottom: 1rem;
}
.privacymodal .modal-content .btn-close {
  position: absolute;
  top: 30px;
  right: 30px;
  background-color: #E5E5E5;
  color: #000;
  padding: 12px;
  border-radius: 50%;
  opacity: 1;
}
.privacymodal .modal-content .btn-close:focus, .privacymodal .modal-content .btn-close:focus-visible {
  outline: none;
  box-shadow: none;
}
@media (max-width: 390px) {
  .privacymodal .modal-content .btn-close {
    top: 20px;
    right: 20px;
    background-size: 12px;
    padding: 8px;
  }
}
.privacymodal .modal-content .btn-close-window {
  width: 100%;
  max-width: 300px;
  justify-content: center;
  border: none;
  margin: 1rem auto 0;
}

.waiting-confirmation-modal .modal-dialog,
.payment-confirmed-modal .modal-dialog,
.payment-failed-modal .modal-dialog {
  max-width: 450px;
}
.waiting-confirmation-modal .modal-dialog .modal-content,
.payment-confirmed-modal .modal-dialog .modal-content,
.payment-failed-modal .modal-dialog .modal-content {
  border-radius: 16px;
}
.waiting-confirmation-modal .modal-dialog .modal-heading,
.payment-confirmed-modal .modal-dialog .modal-heading,
.payment-failed-modal .modal-dialog .modal-heading {
  font-size: 27px;
  line-height: 34px;
  font-family: "Nunito Sans Black";
  text-align: center;
  margin: 20px 0;
}
@media (max-width: 390px) {
  .waiting-confirmation-modal .modal-dialog .modal-heading,
.payment-confirmed-modal .modal-dialog .modal-heading,
.payment-failed-modal .modal-dialog .modal-heading {
    font-size: 22px;
    line-height: 30px;
  }
}
.waiting-confirmation-modal .modal-dialog .primary-theme-btn,
.waiting-confirmation-modal .modal-dialog .secondary-theme-btn,
.payment-confirmed-modal .modal-dialog .primary-theme-btn,
.payment-confirmed-modal .modal-dialog .secondary-theme-btn,
.payment-failed-modal .modal-dialog .primary-theme-btn,
.payment-failed-modal .modal-dialog .secondary-theme-btn {
  width: 230px;
  border: none;
}
.waiting-confirmation-modal .modal-dialog img,
.payment-confirmed-modal .modal-dialog img,
.payment-failed-modal .modal-dialog img {
  width: 50px;
}

.confirmation-page {
  background: #fff url("../../Images/confirmation-page-illustration.png") no-repeat center top;
  padding: 200px 0 40px;
  position: relative;
  background-size: cover;
}
@media (max-width: 390px) {
  .confirmation-page {
    padding: 160px 0 20px;
  }
}
.confirmation-page .confirmation-wrapper{
    margin-bottom:30px;
}
.confirmation-page .confirmation-wrapper .title {
    font-size: 35px;
    line-height: 20px;
    font-family: "Nunito Sans Black";
    font-weight: 900;
    color: #232C33;
    text-transform: initial;
    text-align: center;
    position: relative;
    z-index: 3;
}
.confirmation-page .confirmation-wrapper .subtitle {
  font-size: 27px;
  line-height: 34px;
  font-family: "Nunito Sans Black";
  text-align: center;
  display: block;
  margin-bottom: 80px;
  position: relative;
  z-index: 3;
}
@media (max-width: 390px) {
  .confirmation-page .confirmation-wrapper .subtitle {
    margin-bottom: 60px;
  }
}
.sectigo-payment {
    padding-top: 100px;
}

.confirmation-page .confirmation-wrapper .confetti-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-image: url(/Images/confetti-gif-1.gif);
    background-repeat: repeat;
    min-width: 94%;
    margin-left: 57px;
    margin-right: 51px;
    height: 281px;
    z-index: 10000;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 768px) {
    .confirmation-page .confirmation-wrapper .confetti-wrapper {
        top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 576px) {
    .confirmation-page .confirmation-wrapper .confetti-wrapper {
        top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.confirmation-page .confirmation-wrapper .confetti-wrapper .confetti-fade-overlay {
  display: none;
}
@media (max-width: 576px) {
  .confirmation-page .confirmation-wrapper .confetti-wrapper {
    top: 75px;
  }
}
@media (max-width: 390px) {
  .confirmation-page .confirmation-wrapper .confetti-wrapper {
    top: 20px;
  }
}
.confirmation-page .confirmation-wrapper .card {
  width: 90%;
  max-width: 800px;
  margin: auto;
  padding: 30px;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 4px 10px 0px #00000040;
  border: none;
  border-top: 15px solid #ef3e33;
}
.confirmation-page .confirmation-wrapper .card .heading {
  font-size: 36px;
  color: #ED3A37;
  font-family: "CCSignLanguage-Regular";
  font-weight: 400;
  text-transform: initial;
  letter-spacing: 1px;
  text-align: center;
}
.confirmation-page .confirmation-wrapper .card img {
  width: 184px;
  margin: 20px auto;
}
.confirmation-page .confirmation-wrapper .card p {
  font-size: 18px;
  line-height: 26px;
}


.confirmation-referral-card {
  width: 90%;
  max-width: 800px;
  margin: 24px auto 0;
  padding: 30px;
  border-radius: 5px;
  text-align: left;
  box-shadow: 0px 4px 10px 0px #00000040;
  border: none;
  border-top: none;
  background: #fff;
  overflow: visible;
}
@media (max-width: 576px) {
  .confirmation-referral-card {
    width: 94%;
    padding: 20px 15px;
  }
}

.primary-theme-btn.referral {
  border: none;
  padding-left:40px;
  padding-right:40px;
}

.confirmation-referral-section {
  padding: 0 100px;
  text-align: left;
}
@media (max-width: 767.98px) {
  .confirmation-referral-section {
    padding-left: 0;
    padding-right: 0;
  }
}
.confirmation-referral-title {
  font-size: 35px !important;
  font-family: "Nunito Sans Black" !important;
  font-weight: 900 !important;
  margin-bottom: 30px;
  text-align: left;
  color: #232C33;
}

.confirmation-referral-subtitle {
  font-size: 16px !important;
  font-family: "Nunito Sans Regular" !important;
}
.confirmation-referral-thanks {
  margin-top: 8px;
  margin-bottom: 0;
}
.confirmation-referral-fields {
  justify-content: center;
  text-align: left;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.confirmation-referral-fields .main-category-col {
  justify-content: flex-start;
  gap: 1rem;
}

.confirmation-referral-dropdown {
  min-width: 220px;
  width: 100%;
  max-width: 280px;
  text-align: left;
}
.confirmation-referral-dropdown .selected-option {
  text-align: left;
}
.confirmation-referral-form .confirmation-referral-fields .input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.confirmation-referral-form .confirmation-referral-fields label {
  text-align: left;
}
.confirmation-referral-submit-wrapper {
  margin-top: 24px;
  text-align: center;
}

.confirmation-page .card.confirmation-referral-card.referral {
  border-top: none;
  margin-top:30px;
}


.confirmation-referral-submit-wrapper .primary-theme-btn {
  font-family: "Nunito Sans Bold";
}
.confirmation-referral-form .custom-wrapper-dropdown {
  width: 100%;
}
@media (max-width: 576px) {
  .confirmation-page .confirmation-wrapper .card {
    width: 94%;
    padding: 20px 15px;
  }
  .confirmation-page .confirmation-wrapper .card p {
    font-size: 16px;
    line-height: 22px;
  }
}
.confirmation-page .author-credit-text {
  position: absolute;
  bottom: 10px;
  right: 0;
  font-size: 13px;
}
.CashCheckTermsAndConditionsBox{
    margin-bottom:20px;
}
.review-payment-page .payment-details-block .content-block .custom-checkbox{
    padding-left:25px;
}

/* custom radio button */

.custom-radio input[type="radio"] {
    display: none;
}

.custom-radio{
    padding-left:10px !important;
    position:relative;
    cursor:pointer;
}

/* Style the custom radio mark */
.custom-radio .custom-radio-mark {
    height: 23px;
    width: 23px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -21px;
    margin-right: 8px;
    box-shadow: 0px 0px 4px 0px #00000080 inset;
}

.custom-radio input[type="radio"]:checked + .custom-radio-mark {
    border: 2px solid #B1232A;
    box-shadow: none;
}
    
/* Inner filled circle when checked */
.custom-radio input[type="radio"]:checked + .custom-radio-mark::after {
    content: "";
    position: absolute;
    top: 20%;
    left: 17%;
    width: 13px;
    height: 12.5px;
    background: #B1232A;
    border: 2px solid #B1232A;
    border-radius: 50%;
    box-shadow: none;
}
#paymentTypesHolder .radio-inline {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}
.privacymodal {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Nunito Sans Regular';
    font-weight: normal;
}
.privacymodal strong{
    font-family:'Nunito Sans Bold';
    font-weight:bold;
}
.review-payment-page .enrOppModuleBorder {
    border:none;
    padding:0;
}

/* Disabled datepicker styling */
.datepicker-disabled input[type=text] {
    background-color: #e9ecef !important;
    color: #495057 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

.datepicker-disabled .calendar-icon {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.datepicker-disabled .input-wrapper {
    cursor: not-allowed !important;
}

div > .term-box > p > b > span {
    font-size: 18px !important;
    font-family: "Nunito Sans Regular" !important;
    line-height: 26px !important;
    font-weight: 400;
}

.term-and-condition-page p {
    font-size: 18px !important;
    font-family: "Nunito Sans Regular" !important;
    line-height: 26px !important;
    font-weight: 400;
}

/*# sourceMappingURL=custom1.css.map */


#PaymentOptionsDash {
    min-width: 200px;
    width: 450px;
    padding: 10px;
    border: 3px solid #e6e6e6;
    border-radius: 6px;
    margin-bottom: 20px;
}

#AccountPaymentGrid table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: unset;
    min-width: 200px;
}

#Tabstrip {
    background-image: none;
    background-color: rgb(249,249,249);
    border: none;
}


.k-grid-footer {
    display: table-footer-group !important;
}

.k-grid-footer td.notVisible {
        border-bottom: 0 !important;
        border-top: 0 !important;
        background-color: #fff;
        border: 0px !important;
}

.k-grid-footer td:last-child {
    border-right: #dbdbdb 1px solid;
}

.k-grid-footer td:first-child {
    border-left: #dbdbdb 1px solid;
}


.nav-tabs {
    border-bottom: 0 solid transparent !important;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: transparent !important;
        border-bottom-color: transparent !important;
    }
    
        .nav-tabs > li > a {
            background-color: #f0f0f0 !important;
            border-color: #ddd !important;
        }

            .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
                background-color: #ddd !important;
                border-color: #ddd !important;
            }

.invoiceList {
    padding: 10px;
}

/*for payment management partial*/

#activePaymentMethodsDiv {
    width: 850px;
    padding: 0 25px;
}

table.noCellBorder tbody td {
    border: none;
}

    table.noCellBorder tbody td.associatedEnrCell {
        width: 275px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    table.noCellBorder tbody td p.enrSpacer {
        margin-bottom: 7px;
    }

#referralUnsetMessage {
    margin-top: 20px;
    font-size: 18px;
}

.refModalInstruction {
    margin: 12px 0 34px 0;
}

.refModalFilter {
    display: inline-block;
    margin-right: 35px;
}

#ReferralTeacherSchoolDD {
    padding-top: 3px;
}


#StudentEnrollmentGrid .k-grid tbody tr:last-child td {
    border-bottom: #ebebeb 2px solid !important;
}

#deferredBillingNotice {
    margin-bottom: 10px;
}

#subInvoiceSummaryPopupModal {
    max-width: 900px;
}

    #subInvoiceSummaryPopupModal h4 {
        font-weight: 600;
    }

    #subInvoiceSummaryPopupModal form {
        margin-bottom: 15px;
    }

    #subInvoiceSummaryPopupModal .note-wrapper {
        display: flex;
    }

        #subInvoiceSummaryPopupModal .note-wrapper label {
            width: 115px;
        }

            #subInvoiceSummaryPopupModal .note-wrapper .note .invoiceSummaryNote {
                height: 100px;
                min-height: 100px;
                max-height: 200px;
                max-width: 380px !important;
                min-width: 360px;
                resize: both;
                border-radius: 5px;
                border-color: #888;
            }

                #subInvoiceSummaryPopupModal .note-wrapper .note .invoiceSummaryNote:focus {
                    appearance: none;
                    outline: none;
                    overflow: hidden;
                    box-shadow: none;
                }

    #subInvoiceSummaryPopupModal .checkbox-wrapper {
        display: flex;
        line-height: 2;
        align-items: center;
    }

        #subInvoiceSummaryPopupModal .checkbox-wrapper label {
            display: flex;
            margin-left: 15px;
        }

            #subInvoiceSummaryPopupModal .checkbox-wrapper label #splitPDFByBillPayerCheckBox {
                width: 20px;
                height: 20px;
            }

            #subInvoiceSummaryPopupModal .checkbox-wrapper label #splitPDFByBillPayerText {
                margin-left: 7px;
            }

/* CustomerAccount/AccountSpotlight/_ManageActivePaymentMethod */
.paymentMethodColumn{
        width: 55%;
    }
	
/* CustomerAccount/_GenerateNonDeeInitialInvoice */
    #nonDeeInitialInvoiceGenerationModal {
        margin: 15px 15px 15px 15px;
    }

    #nonDeeModalInfo {
        padding-right: 128px;
        margin: 20px 0px 50px 0px;
    }

    #nonDeeInvDateContainer {
        margin-bottom: 30px;
    }

    #nonDeeEnrContainer {
        margin-bottom: 30px;
    }

    #activeBMContainer {
        margin-bottom: 30px;
    }

    #generateInitInvControls {
        text-align: right;
    }

    #noPaymentMethodAlert {
        margin: 10px 10px;
    }

    #noPaymentMethodAlertOk {
        float: right;
    }
	
/* CustomerAccount/_InvoiceView */
/* CustomerAccount/_InvoiceView2 */
    #duplicateMonthWarningModal {
        width: 400px !important;
    }

    #creditAllocationMonthError {
        margin: 20px 15px 20px 20px;
    }

    #duplicateMonthWarningConfirm {
        margin: 0px 20px 5px 0px;
    }

	.invoiceViewSection {
		width: 100%;
    }

    .leftCell {
        width: 42%;
        text-align: right;
        padding-right: 75px;
        padding-left: 30px;
    }

    .centerCell {
        width: 35%;
    }

    .rightCell {
        width: 23%;
        padding-left: 40px;
        padding-right: 45px;
        text-align: right;
    }

    .k-datepicker {
        width: 220px !important;
    }

    .creditInput {
        width: 50%;
    }

	.creditInput .k-input {
		text-align: right;
		padding-right: 5px !important;
	}

    span.k-numeric-wrap {
        width: 120px !important;
    }

    span.k-numerictextbox.creditInput {
        width: 120px !important;
        float: right;
    }

    .invoiceViewRow {
        border-bottom: 1pt solid #ebebeb;
    }

    .creditInputRow {
        height: 45px;
    }

    .cfMonthLabel {
        display: inline-block;
        float: left;
        vertical-align: bottom;
        line-height: 35px;
    }

    .cfMonthWrapper {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

    .creditAllocationContainer {
        margin-bottom: 55px;
    }

    .creditHoldDiv {
        margin-bottom: 15px !important;
    }
	
/* CustomerAccount/InvoiceError */
	.invoiceErr .errorbody {
		/*height: 200px;*/
		text-align: center;
		margin-top: 10%;
		margin-left: 20%;
		margin-right: 20%;
		margin-bottom: 20%;
	}

/* CustomerAccount/ManageInvoices */
	#manageInvCtrlsContainer {
		display: inline-block;
		margin: 60px 0px 35px;
	}

	#paymentsCreditsBtnContainer {
		margin-top: 30px;
	}

	.manageInvGridDatePicker.k-datepicker {
		width: 11em !important;
	}

	.datePickerContainer {
		display: inline-block;
		float: left;
		margin-right: 50px;
	}

	#searchBtn {
		margin-top: 25px;
	}

    #invoiceExtraBtnsContainer {
        margin-bottom: 35px;
    }

/* CustomerAccount/SplitPaymentManagement */
	tr.no-top-border td {
		border-top: none !important;
	}

	#splitPaymentContainter {
		min-width: 700px;
		width: 100%;
	}















/* CustomerAccount/SecureDataForm */

	/*per JH remove spinner from CVV.  Temporary until kendo numeric textbox is implemented*/
	input#CVV::-webkit-outer-spin-button,
	input#CVV::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	input#CVV {
		width: 90px !important;
	}

	#UsePriorPaymentMethod {
		width: 230px;
	}

	#ExsistingForm {
		margin: 70px 0px;
	}

	#priorPaymentMethodContainer {
		margin: 0px auto;
	}

	#priorPaymentMethodLabel {
		padding-bottom: 5px;
	}

	#paymentMethodTextOr {
		padding: 35px 15px 20px 15px;
	}

	#newPaymentButtonContainer {
		margin: 32px auto;
	}
	#TeacherConsentForm,
	#MediaReleaseForm,
	#LeaveUnescortedForm {
		margin: 0 auto !important;
		width: 75% !important;
	}


/* EmailTemplate */
    a.cke_button__guardian {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__guadianfirstname {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__guardianlastname {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__salutationguardianlastname {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__student {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__studentfirstname {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__studentlastname {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__you {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__center {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }
    a.cke_button__email {
        background: #e6e6e6 !important;
        padding: 3px !important;
        border: solid 1px #ccc !important;
        margin: 0px 5px 5px 0px !important;
    }



    /*per JH remove spinner from CVV.  Temporary until kendo numeric textbox is implemented*/
    .eoDivPaymentDtl input#CVV::-webkit-outer-spin-button,
    .eoDivPaymntDtl input#CVV::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .eoDivPaymntDtl input#CVV {
        width: 90px !important;
    }

    .eoDivPaymntDtl #UsePriorPaymentMethod {
        width: 230px;
    }

    .eoDivPaymntDtl #ExsistingForm {
        margin: 70px 0px;
    }

    .eoDivPaymntDtl #priorPaymentMethodContainer {
        margin: 0px auto;
    }

    .eoDivPaymntDtl #priorPaymentMethodLabel {
        padding-bottom: 5px;
    }

    .eoDivPaymntDtl #paymentMethodTextOr {
        padding: 35px 15px 20px 15px;
    }

    .eoDivPaymntDtl #newPaymentButtonContainer {
        margin: 32px auto;
    }

    .eoDivPaymntDtl .remvLpadding {
        padding-left: 0 !important;
    }

    .eoDivPaymntDtl .remvTpadding {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .eoDivPaymntDtl input[type=checkbox] {
        transform: scale(2) !important;
    }
	
    .eoDivPaymntDtl input[type=radio] {
        transform: scale(1.5) !important;
    }

    .eoDivPaymntDtl .addRPadding {
        padding-right: 10px !important;
    }
	
	.enrOppModuleBorder .billPayerInfo {
        z-index: 9999;
    }
/* CustomerAccount/InActiveAcctMngt */

	.divInactiveAcctMngt .k-grid-header th.k-header {
		white-space: normal !important;
		font-weight: 500 !important;
	}

	.divInactiveAcctMngt .bold {
		margin-top: 15px;
		font-weight: 600 !important;
	}

	.divInactiveAcctMngt .red {
		padding-left: 5px !important;
		color: red;
	}

	.divInactiveAcctMngt .bgYellow {
		background-color: yellow;
		width: 400px !important;
		border: 1px solid #F4F4F4;
	}

	.divInactiveAcctMngt .bgGray {
		background-color: #F4F4F4;
	}

	.divInactiveAcctMngt .bgBorder {
		border-left: 2px solid #FFFFFF;
	}

	.divInactiveAcctMngt .maxwidth {
		max-width: 1200px !important;
	}

	.divInactiveAcctMngt .removeBpad {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	.divInactiveAcctMngt .table {
		max-width: 680px !important;
	}

	.divInactiveAcctMngt .table th {
		padding-left: 1px !important;
		padding-bottom: 3px !important;
		border-bottom: 1px solid #FFFFFF !important;
	}

	.divInactiveAcctMngt .trBillDate td {
		border-top: 2px solid #ddd !important;
	}

	.divInactiveAcctMngt td {
		padding: 5px !important;
		border-bottom: 1px solid #FFFFFF;
	}

	.divInactiveAcctMngt .td1w {
		width: 215px !important;
	}

	.divInactiveAcctMngt .td3w {
		width: 110px !important;
	}

	.divInactiveAcctMngt .spacer {
		width: 350px !important;
	}

	.divInactiveAcctMngt .loading-img {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('../../Content/kendo/2020.3.1118/Uniform/loading-image.gif');
	}

	.divInactiveAcctMngt a:hover {
		cursor: pointer;
	}

	.divInactiveAcctMngt .paymentDatePicker {
		border-radius: 6px !important;
		padding: 5px !important;
	}

	.divInactiveAcctMngt .btn {
		min-width: 100px !important;
		margin-bottom: 12px !important;
	}

	.divInactiveAcctMngt .inline1 {
		display: inline !important;
	}

	.divInactiveAcctMngt label {
		font-weight: 500 !important;
	}

		#invoiceBody {
			font-family: Arial, Helvetica, sans-serif !important;
			font-weight: 700;
			font-size: 14pt;
		}

		#invoiceBody .box {
			float: left;
			width: 50%;
			height: 72pt;
		}

		#invoiceBody .section {
			box-sizing: border-box;
			margin: 5px;
		}

		#invoiceBody .spanLine {
			display: block;
		}

		#invoiceBody .centerInfo {
			text-align: left;
		}

		#invoiceBody .invoiceInfo {
			text-align: right;
		}

		#invoiceBody .topSection {
			border-bottom: 1px solid black;
			padding: 2px 5px;
			overflow: auto;
		}

		#invoiceBody .billingSection {
			padding-top: 14pt;
		}

		#invoiceBody .billingInfoDetails {
			border: 1px solid black;
			display: table;
			margin-top: 5px;
			padding: 2px 40px 2px 10px;
		}

		#invoiceBody .detailSection {
			margin-left: 20px;
		}

		#invoiceBody .paymentSection {
			margin: auto;
			border: 1px solid black;
			width: 90%;
			height: 72pt;
			padding: 5px;
			page-break-inside: avoid;
		}

		#invoiceBody .sectionDetails {
			margin: 1px 5px;
		}

		#invoiceBody table.paymentTable {
			width: 100%;
		}

		#invoiceBody table.detailsTable {
			width: 85%;
			page-break-inside: avoid;
		}

		#invoiceBody tr.firstRow td {
			/*padding-bottom: 14pt;*/
		}

		#invoiceBody tr.lastRow td {
			padding-bottom: 14pt;
		}

		#invoiceBody td.invDetailColumnA {
			text-align: left;
			width: 30%;
		}

		#invoiceBody td.invDetailColumnB {
			text-align: left;
			width: 60%;
		}

		#invoiceBody td.invDetailColumnB_Right {
			width: 60%;
			text-align: right;
		}

		#invoiceBody td.invDetailColumnC {
			text-align: right;
			width: 10%;
		}
/* CustomerAccount/ManageHolds */

	#creditFees {
		margin-top: 85px;
	}

	#addCreditFeeBtnDiv,
	#addHoldBtnDiv {
		margin: 35px 0px;
	}

	#deleteConfirmTextDiv {
		margin: 25px 15px;
	}

	#deleteCreditBtnDiv {
		margin-bottom: 17px;
	}

	#cancelDeleteBtn {
		margin-right: 0px !important;
	}

	#deleteCreditHeader {
		margin-left: 20px;
	}

	#deleteConfirmContainer {
		margin: 0px 70px 30px 0px !important;
	}

	#formCreditFee {
		padding-top: 30px;
	}

	#deleteHoldHeader {
		margin-left: 20px;
	}

	#DeletConfirmText {
		margin-left: 35px;
		margin-top: 30px;
	}

	#deleteHoldBtnDiv {
		padding: 28px 15px 15px 0px;
	}

	#deleteHoldClose {
		padding-right: 15px;
	}

	#confirmDeleteHold {
		padding-left: 22px;
		margin-right: 20px;
	}

	#shortenEnrollmentText {
		word-wrap: break-word;
		width: 330px;
	}

    /*RAD-1657: set inactive background, hide action column*/
    .k-state-inactive td, .k-state-inactive th,.k-state-inactive.k-alt td,.k-state-inactive.k-alt th { background-color: #D3D3D3 !important; }
    .k-state-inactive .k-detail-cell th:last-child,.k-state-inactive .k-detail-cell td:last-child { display: none; }
    .k-state-inactive .k-grid-norecords { background-color: #D3D3D3 !important; }
    .k-state-inactive .k-grid-norecords-template { background-color: #D3D3D3 !important; border-color: #D3D3D3 !important; }

:root {
    /* Base */
    --radius-color-black: #000000;
    --radius-color-white: #FFFFFF;
    /* Grays / Neutrals */
    --radius-color-gray-050: #F8F8F8;
    --radius-color-gray-075: #F6F5F5;
    --radius-color-gray-085: #F5F5F5;
    --radius-color-gray-100: #F3F3F3;
    --radius-color-gray-125: #F2F2F2;
    --radius-color-gray-150: #F1F1F1;
    --radius-color-gray-160: #F0F0F0;
    --radius-color-gray-165: #EFEFEF;
    --radius-color-gray-175: #EEEEEE;
    --radius-color-gray-180: #EDEDED;
    --radius-color-gray-200: #EBEBEB;
    --radius-color-gray-225: #E6E6E6;
    --radius-color-gray-230: #E5E5E5;
    --radius-color-gray-240: #DFDFDF;
    --radius-color-gray-250: #DDDDDD;
    --radius-color-gray-275: #DBDBDB;
    --radius-color-gray-300: #D9D9D9;
    --radius-color-gray-310: #D8D8D8;
    --radius-color-gray-325: #D7D7D7;
    --radius-color-gray-350: #D4D4D4;
    --radius-color-gray-375: #D3D3D3;
    --radius-color-gray-400: #CCCCCC;
    --radius-color-gray-425: #C7C7C7;
    --radius-color-gray-440: #C1C1C1;
    --radius-color-gray-450: #BFBFBF;
    --radius-color-gray-475: #B3B3B3;
    --radius-color-gray-500: #ADADAD;
    --radius-color-gray-525: #AAAAAA;
    --radius-color-gray-550: #A9A9A9;
    --radius-color-gray-600: #999999;
    --radius-color-gray-650: #8C8C8C;
    --radius-color-gray-675: #888888;
    --radius-color-gray-700: #808080;
    --radius-color-gray-720: #777777;
    --radius-color-gray-730: #757575;
    --radius-color-gray-750: #696969;
    --radius-color-gray-760: #656565;
    --radius-color-gray-790: #5A5A5A;
    --radius-color-gray-800: #555555;
    --radius-color-gray-825: #535252;
    --radius-color-gray-850: #444444;
    --radius-color-gray-900: #333333;
    --radius-color-gray-925: #282828;
    --radius-color-gray-950: #222222;
    --radius-color-warm-gray-080: #F5F3F4;
    --radius-color-cool-gray-090: #F4F5F7;
    --radius-color-cool-gray-235: #DEE2E6;
    --radius-color-warm-gray-260: #DCDBDB;
    --radius-color-cool-gray-360: #CFD0D1;
    --radius-color-slate-gray-600: #778899;
    --radius-color-blue-gray-700: #5984A0;
    --radius-color-warm-gray-790: #575353;
    --radius-color-warm-gray-940: #352F2F;
    --radius-color-off-white: #FEFEFE;
    --radius-color-warm-white: #FBF9F8;
    /* Reds */
    --radius-color-red-025: #FFEDED;
    --radius-color-red-050: #FFC4C4;
    --radius-color-red-075: #FFC0CB;
    --radius-color-red-100: #F08080;
    --radius-color-red-125: #E68686;
    --radius-color-red-400: #EF3E33;
    --radius-color-red-425: #EA4335;
    --radius-color-red-500: #FF0000;
    --radius-color-red-550: #DC3545;
    --radius-color-red-600: #D9534F;
    --radius-color-red-625: #D63939;
    --radius-color-red-650: #D12F2F;
    --radius-color-red-700: #B94A48;
    --radius-color-red-750: #A94442;
    --radius-color-red-800: #99534F;
    --radius-color-red-850: #B5121B;
    --radius-color-red-900: #990404;
    --radius-color-red-950: #8B0000;
    /* Oranges / Tans */
    --radius-color-orange-050: #FAECCC;
    --radius-color-orange-500: #E69F00;
    --radius-color-tan-300: #DDCCAA;
    /* Yellows */
    --radius-color-yellow-050: #FFFFE0;
    --radius-color-yellow-060: #FFFFCC;
    --radius-color-yellow-075: #FFFFCA;
    --radius-color-yellow-100: #FFFFBF;
    --radius-color-yellow-200: #FFFCCC;
    --radius-color-yellow-300: #FFF100;
    --radius-color-yellow-350: #FFFF00;
    --radius-color-yellow-400: #FFD700;
    --radius-color-yellow-500: #F1D116;
    --radius-color-yellow-600: #EEE000;
    --radius-color-yellow-650: #EBE70E;
    /* Greens / Lime */
    --radius-color-green-100: #B3E6CC;
    --radius-color-green-300: #6CE18D;
    --radius-color-green-400: #6FBF44;
    --radius-color-green-500: #5CB85C;
    --radius-color-green-800: #28890C;
    --radius-color-green-900: #008000;
    --radius-color-lime-400: #C1D22F;
    /* Teals */
    --radius-color-teal-100: #CCECE3;
    --radius-color-teal-600: #009E73;
    /* Blues */
    --radius-color-blue-050: #CCE3F0;
    --radius-color-blue-100: #85BDE9;
    --radius-color-blue-150: #66AFE9;
    --radius-color-blue-200: #51CBEE;
    --radius-color-blue-250: #5BC0DE;
    --radius-color-blue-400: #3498DB;
    --radius-color-blue-500: #2196F3;
    --radius-color-blue-550: #1A73E8;
    --radius-color-blue-575: #3B82C4;
    --radius-color-blue-600: #337AB7;
    --radius-color-blue-650: #005CE6;
    --radius-color-blue-700: #0072B2;
    --radius-color-blue-850: #23527C;
    --radius-color-blue-900: #1A5276;
    --radius-color-blue-pure: #0000FF;
    /* Purples */
    --radius-color-purple-100: #E7DDED;
    --radius-color-purple-400: #9358BC;
    --radius-color-purple-500: #8856A7;
    --radius-color-purple-600: #961CED;
    --radius-color-purple-900: #44066F;
    /* Alpha colors */
    --radius-color-black-alpha-01: rgba(0, 0, 0, 0.01);
    --radius-color-black-alpha-06: rgba(0, 0, 0, 0.06);
    --radius-color-black-alpha-08: rgba(0, 0, 0, 0.08);
    --radius-color-black-alpha-10: rgba(0, 0, 0, 0.1);
    --radius-color-white-alpha-10: rgba(255, 255, 255, 0.1);
    --radius-color-blue-575-alpha-12: rgba(59, 130, 196, 0.12);
    --radius-color-black-alpha-15: rgba(0, 0, 0, 0.15);
    --radius-color-black-alpha-20: rgba(0, 0, 0, 0.2);
    --radius-color-black-alpha-25: rgba(0, 0, 0, 0.25);
    --radius-color-red-550-alpha-25: rgba(220, 53, 69, 0.25);
    --radius-color-black-alpha-30: rgba(0, 0, 0, 0.3);
    --radius-color-blue-575-alpha-30: rgba(59, 130, 196, 0.3);
    --radius-color-gray-550-alpha-30: rgba(169, 169, 169, 0.3);
    --radius-color-black-alpha-40: rgba(0, 0, 0, 0.4);
    --radius-color-black-alpha-50: rgba(0, 0, 0, 0.5);
    --radius-color-black-alpha-60: rgba(0, 0, 0, 0.6);
    --radius-color-blue-150-alpha-60: rgba(102, 175, 233, 0.6);
    --radius-color-black-alpha-075: rgba(0, 0, 0, 0.075);
}

.tooltip-trigger {
    cursor: pointer;
    position: relative;
    width: 1rem;
    display: inline;
}

[role='tooltip'] {
    width: max(300px, calc(100% + 15vw));
    height: auto;
    padding: 8px;
    border: 2px solid black;
    border-radius: 5px;
    position: absolute;
    z-index: 9999999999;
    bottom: calc(100%);
    transform: translateX(-15px);
    opacity: 0;
    background-color: white;
    text-wrap: wrap;
    visibility: hidden;
    transition: all 300ms ease-in-out;
}

    /*intelligent assistant trigger tooltip positioning*/
    [role='tooltip'].ia-trigger {
        max-width: calc(100% + 25vw);
        transform: translate(5px, 55%);
        line-height: calc(0.6rem + 1vh);
        font-size: max(0.896rem, calc(0.4rem + 1vh))
    }
    [role='tooltip'].ia-trigger.ia-trigger-SMRG {
        transform: translate(-50%, -5px);
        width: calc(100% + 30vw);
    }
    /* */

    /*dwp session summary trigger tooltip positioning*/
    [role='tooltip'].dwp-session-summary {
        transform: translateY(75px);
    }
    /* */
    [role='tooltip'].automated-email-settings {
        width:500px !important;
    }

    /*Lead Details Scheduling Guardian positioning*/
    [role='tooltip'].scheduling-guardian {
        text-align: left;
        font-size: 11px;
        position: absolute;
        transform: translateX(-100%);
        line-height: 14px;
    }

    [role='tooltip'].active {
        opacity: 1;
        visibility: visible;
    }

    [role='tooltip']::before {
        content: '';
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        bottom: -8px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }


.k-grid-header th.k-header,
.k-grid-header th.k-header > .k-link:has(> .tooltip-trigger),
.k-grid-header-wrap,
.k-grid td:has(> .tooltip-trigger) {
    overflow: visible;
}
	footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%
	}
body {
    padding-top: 0;
    padding-bottom: 5px;
    font-family: Helvetica, Arial, sans-serif;
}

input[type="radio"] {
    transform: scale(1.5) !important;
}

.addTpadding {
    padding-top: 10px !important;
}

.remvLpadding {
    padding-left: 0 !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.px-0px {
    padding-left: 0px;
    padding-right: 0px;
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px;
}

.px-15px {
    padding-left: 15px;
    padding-right: 15px;
}

.px-30px {
    padding-left: 30px;
    padding-right: 30px;
}

.py-7px {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pl-0px {
    left: 0px;
}

.pr-0px {
    padding-right: 0px;
}

.mt-10px {
    margin-top: 10px;
}

.mb-15px {
    margin-bottom: 15px;
}

.w-auto {
    width: auto;
}

.w-120px {
    width: 120px !important;
}

.w-95px {
    width: 95px !important;
}

.w-60px {
    width: 60px !important;
}

.max-w-170px {
    max-width: 170px;
}

.text-end {
    text-align: end !important;
}

.fw-normal {
    font-weight: normal;
}

.fw-normal.placeholder-text {
    font-weight: normal;
        color: var(--radius-color-black-alpha-30);
}

.fs-italic {
    font-style: italic;
}

#enrollOpt1Name, #enrollOpt2Name {
    padding-left: 5px;
}

.margin-top-25px {
    margin-top: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-left-shift-15 {
    margin-left: -15px;
}

.list-style-type-none {
    list-style-type: none;
}

.list-style-type-none-float-items-left {
    list-style-type: none;
    float: left;
    padding-top: 10px;
}

    .list-style-type-none-float-items-left li {
        list-style-type: none;
        float: left;
    }

    .list-style-type-none-float-items-left::after {
        clear: both;
    }

.clear-both {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.scale-u-xs {
    transform: scale(1.25);
}

.scale-u-sm {
    transform: scale(1.5);
}

.scale-u-md {
    transform: scale(1.75);
}

.scale-u-lg {
    transform: scale(2);
}

.scale-d-xs {
    transform: scale(0.75);
}

.scale-d-sm {
    transform: scale(0.5);
}

.scale-d-md {
    transform: scale(0.25);
}

.scale-d-lg {
    transform: scale(0.1);
}


.container {
    /*text-align:left!important;*/
    margin-left: 10% !important;
    margin-right: 10% !important;
}

@media (orientation: landscape) and (max-width: 1024px) {
    .container {
        /*text-align:left!important;*/
        width: auto;
        margin-left: 20% !important;
        margin-right: 10% !important;
    }
}


.container.tablet-margin {
    width: 95vw !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

/* ---------- Status banners (Admin/RadiusSettings; rendered by radius.maintenance.js) ---------- */

.radius-banners:empty {
    display: none;
}

/* Only the dismiss button is interactive. */
.radius-banner {
    cursor: default;
    --banner-bg: var(--radius-color-blue-700);
    --banner-fg: var(--radius-color-white);
    background-color: var(--banner-bg);
    color: var(--banner-fg);
    border-bottom: 1px solid var(--radius-color-black-alpha-15);
}

.radius-banner--info {
    --banner-bg: var(--radius-color-blue-700);
    --banner-fg: var(--radius-color-white);
}

.radius-banner--warning {
    --banner-bg: var(--radius-color-orange-500);
    --banner-fg: var(--radius-color-gray-950);
}

.radius-banner--critical {
    --banner-bg: var(--radius-color-red-650);
    --banner-fg: var(--radius-color-white);
}

.radius-banner__inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px 16px;
}

/* !important to undo the global "glyphicon overrides" further down (white, 1.5em, padding), which made
   the icon unreadable on the orange warning. */
.radius-banner .radius-banner__icon {
    flex: 0 0 auto;
    top: 0;
    width: auto !important;
    padding: 0;
    color: inherit !important;
    font-size: 18px !important;
    line-height: 22px;
    vertical-align: baseline !important;
    /* The global glyphicon rule makes every icon look clickable; this one isn't. */
    cursor: default;
    pointer-events: none;
}

.radius-banner__message {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    overflow-wrap: anywhere;
}

.radius-banner__close {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin: -5px -8px -5px 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font-size: 24px;
    line-height: 32px;
    opacity: 0.85;
    cursor: pointer;
}

    .radius-banner__close:hover,
    .radius-banner__close:focus {
        opacity: 1;
        background-color: var(--radius-color-black-alpha-15);
        outline: none;
    }

    .radius-banner__close:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 1px;
    }

@media (max-width: 767px) {
    .radius-banner__inner {
        gap: 10px;
        padding: 8px 12px;
    }

    .radius-banner__message {
        font-size: 13px;
        line-height: 20px;
    }

    .radius-banner__icon {
        line-height: 20px;
    }
}

/* ---------- Scheduling paused for maintenance ---------- */

/* Disabled controls get no pointer events, so the reason tooltip sits on this wrapper (tap or hover). */
.scheduling-blocked-wrap {
    display: inline-block;
    cursor: not-allowed;
}

    .scheduling-blocked-wrap > * {
        pointer-events: none;
    }

    /* Explicit grey: some button themes (btn-primary/btn-danger/custom) don't restyle [disabled]. */
    .scheduling-blocked-wrap .btn,
    .scheduling-blocked-wrap .k-button,
    .scheduling-blocked-wrap button {
        background-color: var(--radius-color-gray-225) !important;
        background-image: none !important;
        border-color: var(--radius-color-gray-400) !important;
        color: var(--radius-color-gray-730) !important;
        box-shadow: none !important;
        opacity: 1;
    }

    /* Icon/text links: just grey them out. */
    .scheduling-blocked-wrap > a:not(.btn) {
        color: var(--radius-color-gray-500) !important;
        text-decoration: none;
    }

.scheduling-blocked-wrap:focus-visible {
    outline: 2px solid var(--radius-color-blue-700);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Reason tip for blocked controls (radius.maintenance.js). Own class: Bootstrap's .tooltip clashes with site CSS. */
.scheduling-blocked-tip {
    position: fixed;
    z-index: 2147483647;
    max-width: min(280px, calc(100vw - 16px));
    padding: 8px 10px;
    border-radius: 4px;
    background-color: var(--radius-color-gray-950);
    color: var(--radius-color-white);
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    white-space: normal;
    box-shadow: 0 2px 8px var(--radius-color-black-alpha-25);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.12s ease-in-out;
}

    .scheduling-blocked-tip.is-visible {
        visibility: visible;
        opacity: 1;
    }

/* A settings area made read-only (inert) while scheduling is paused. */
.scheduling-blocked-region {
    opacity: 0.55;
    cursor: not-allowed;
}

.scheduling-region-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border-left: 3px solid var(--radius-color-orange-500);
    background-color: var(--radius-color-orange-050);
    color: var(--radius-color-gray-900);
}

    .scheduling-region-note .glyphicon {
        top: 2px;
        width: auto !important;
        padding: 0;
        font-size: 16px !important;
        color: var(--radius-color-orange-500) !important;
    }

.scheduling-blocked-note {
    display: block;
    margin-top: 4px;
    color: var(--radius-color-gray-800);
    font-size: 12px;
    font-style: italic;
    white-space: normal;
}

.scheduling-unavailable-panel,
.scheduling-unavailable {
    padding: 24px 16px;
    text-align: center;
}

.scheduling-unavailable {
    max-width: 560px;
    margin: 40px auto;
}

    /* !important to undo the global "glyphicon overrides" (white, fixed 1.5em width, padding). */
    .scheduling-unavailable-panel .glyphicon,
    .scheduling-unavailable .scheduling-unavailable__icon {
        display: block;
        width: auto !important;
        margin: 0 auto 12px;
        padding: 0;
        font-size: 32px !important;
        color: var(--radius-color-orange-500) !important;
    }

    .scheduling-unavailable-panel h4,
    .scheduling-unavailable__title {
        margin: 0 0 8px;
        font-weight: 600;
    }

    .scheduling-unavailable-panel p,
    .scheduling-unavailable__reason,
    .scheduling-unavailable__hint {
        margin: 0 0 12px;
        color: var(--radius-color-gray-850);
    }

/* ---------- Admin/RadiusSettings: status banners ---------- */

.status-banners-admin {
    margin: 40px 0;
}

.status-banners-admin__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

    .status-banners-admin__header .adminPageHeader {
        margin: 0 0 4px;
    }

.status-banners-admin__intro {
    max-width: 760px;
    margin: 0;
    color: var(--radius-color-gray-800);
}

.status-banners-admin__table > tbody > tr > td {
    vertical-align: top;
}

.status-banners-admin__row--expired {
    color: var(--radius-color-gray-650);
}

.status-banners-admin__message {
    max-width: 480px;
    overflow-wrap: anywhere;
}

.status-banners-admin__secondary,
.status-banners-admin__tz {
    color: var(--radius-color-gray-700);
    font-size: 12px;
    font-weight: normal;
}

.status-banners-admin__when {
    white-space: nowrap;
}

.status-banners-admin__actions {
    white-space: nowrap;
}

.status-banners-admin__empty {
    padding: 24px 8px !important;
    text-align: center;
    color: var(--radius-color-gray-700);
}

.banner-pill {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
    white-space: nowrap;
    background-color: var(--radius-color-gray-175);
    color: var(--radius-color-gray-900);
}

.banner-pill--live {
    background-color: var(--radius-color-blue-050);
    color: var(--radius-color-blue-900);
}

.banner-pill--expired {
    background-color: var(--radius-color-gray-125);
    color: var(--radius-color-gray-750);
}

.banner-pill--info {
    background-color: var(--radius-color-blue-700);
    color: var(--radius-color-white);
}

.banner-pill--warning {
    background-color: var(--radius-color-orange-500);
    color: var(--radius-color-gray-950);
}

.banner-pill--critical,
.banner-pill--block {
    background-color: var(--radius-color-red-650);
    color: var(--radius-color-white);
}

/* Site-wide form-control max-width squeezes the message boxes; let them use the dialog width. */
.status-banner-form textarea.form-control,
.status-banner-form input.form-control {
    max-width: none;
    width: 100%;
}

.status-banner-form__block {
    padding: 8px 12px;
    border-left: 3px solid var(--radius-color-red-650);
    background-color: var(--radius-color-red-025);
}

    .status-banner-form__block .help-block {
        margin-bottom: 0;
    }

.status-banner-form__colors {
    margin-bottom: 15px;
}

    .status-banner-form__colors summary {
        cursor: pointer;
        font-weight: 600;
        margin-bottom: 8px;
    }

.status-banner-form__preview {
    border: 1px dashed var(--radius-color-gray-400);
    border-radius: 4px;
    overflow: hidden;
}

    .status-banner-form__preview .radius-banner__close {
        cursor: default;
    }

/* The site-wide .modal-body max-height (600px) doesn't scroll, so a tall banner form (pause help, allowed centers,
   custom colors) spilled over the footer buttons. Let this modal grow; the modal itself scrolls when it's taller
   than the window. */
#bannerModal .modal-body {
    max-height: none;
}

/* The site-wide .modal.fade / .modal.fade.in rules squeeze every modal into the middle half of the window, which
   pushed this wide editor off the right edge. Use the full width and let the dialog shrink to fit the window. */
#bannerModal.modal.fade,
#bannerModal.modal.fade.in {
    left: 0;
    right: 0;
}

#bannerModal .modal-dialog {
    width: auto;
    max-width: 900px;
    margin: 30px auto;
}

@media (max-width: 931px) {
    #bannerModal .modal-dialog {
        margin: 16px;
    }
}
/* Set padding to keep content from hitting the edges /*


/*allows for less margin on wider screens*/
/*@media (min-width: 1200px){
    .container{
        width: 1180px;
    }timePickerDeparture
}

@media (min-width: 1440px) {
    .container {
        width: 1410px;
    }
}*/
/*@media (min-width: 1650px){
    .container{
        width: 1620px
    }
}*/
.loader {
    border: 5px solid var(--radius-color-gray-100); /* Light grey */
    border-top: 5px solid var(--radius-color-blue-400); /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}



/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea,
span.k-textbox.form-control {
    max-width: 280px;
}

.emailSettingsInput span.k-widget.k-textbox {
    display: contents;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--radius-color-gray-400);
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: var(--radius-color-white);
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: var(--radius-color-blue-500);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--radius-color-blue-500);
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.underline {
    text-decoration: underline;
}

/*Radio toggle switch css start*/
.switch-field {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    margin-top: 20px;
    /*padding: 0px;*/
    overflow: hidden;
}

.switch-title {
    margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
}

.switch-field label {
    display: inline-block;
    width: 125px;
    background-color: var(--radius-color-white);
    color: var(--radius-color-black-alpha-60);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    border: 1px solid var(--radius-color-black-alpha-20);
    -webkit-box-shadow: inset 0 1px 3px var(--radius-color-black-alpha-30), 0 1px var(--radius-color-white-alpha-10);
    box-shadow: inset 0 1px 3px var(--radius-color-black-alpha-30), 0 1px var(--radius-color-white-alpha-10);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    /*-ms-transition: all 0.1s ease-in-out;*/
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .switch-field label:hover {
        cursor: pointer;
    }

.switch-field input:checked + label {
    background-color: var(--radius-color-yellow-400);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.whiteText {
    color: var(--radius-color-white);
}

.TrackerDiv {
    width: 700px;
}

/*.TrackerDiv {
    min-width: 360px !important;
    max-width:700px!important;
    width:auto;
}*/

.Trackerbubble {
    display: inline-block !important;
    width: 70px !important;
    text-align: center;
}

    .Trackerbubble label {
    }

.TrackerMoveLeft {
    margin-left: -67px;
}

.trackerLink {
    color: var(--radius-color-gray-950);
    cursor: pointer;
    text-align: center;
}

.TrackerLine {
    display: inline-block;
    height: 4px;
    /*border: 6px solid #000;*/
    border-top: 5px solid var(--radius-color-black);
    margin: 0;
    margin-bottom: 28px;
    /*margin-left: 32px;*/
    margin-left: -24px;
    margin-right: -24px;
    width: 55px;
    padding: 0;
}

.dot {
    height: 30px;
    width: 30px;
    background-color: var(--radius-color-white);
    border: 2px solid var(--radius-color-black);
    border-radius: 50%;
    display: inline-block;
}

.dotFilled {
    height: 30px;
    width: 30px;
    background-color: var(--radius-color-yellow-300);
    border: 2px solid var(--radius-color-black);
    border-radius: 50%;
    display: inline-block;
}

.dotFilledLight {
    height: 30px;
    width: 30px;
    background-color: var(--radius-color-yellow-200);
    border: 2px solid var(--radius-color-black);
    border-radius: 50%;
    display: inline-block;
}

.dot {
    height: 30px;
    width: 30px;
    background-color: var(--radius-color-white);
    border: 2px solid var(--radius-color-black);
    border-radius: 50%;
    display: inline-block;
}

.k-list-scroller {
    overflow-x: hidden;
}

#ManagementHeaderContainer {
    margin-bottom: 30px;
}

#ManagementHeader {
    margin-top: 12px;
}

#saveCurrentFilters, .qd-btn-save {
    margin-left: 49px;
    white-space: nowrap;
}

#quickDefaultDeleteMessage {
    font-size: 15px;
    margin-top: 5px;
}

#quickDefaultSaveHeader {
    white-space: nowrap;
}

.quickDefaultOptionText {
    display: inline;
}

.quickDefaultDelete {
    margin: 0 auto;
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    height: 10px;
    font-weight: bold;
    line-height: .5;
    padding-left: 20px;
}

.quickDefaultNameLabel {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.dotFilled {
    height: 30px;
    width: 30px;
    background-color: var(--radius-color-yellow-300);
    border: 2px solid var(--radius-color-black);
    border-radius: 50%;
    display: inline-block;
}

.dotFilledLight {
    height: 30px;
    width: 30px;
    background-color: var(--radius-color-yellow-200);
    border: 2px solid var(--radius-color-black);
    border-radius: 50%;
    display: inline-block;
}

.pointer {
    width: 100px;
    height: 40px;
    position: relative;
    background: var(--radius-color-black);
}

    .pointer:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 20px solid var(--radius-color-white);
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }

    .pointer:before {
        content: "";
        position: absolute;
        right: -20px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 20px solid var(--radius-color-black);
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }


.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}
/*Radio toggle switch css start*/

/* styles for validation helpers */
.field-validation-error {
    color: var(--radius-color-red-700);
}

.field-validation-valid {
    display: none;
}

select.input-validation-error,
input.input-validation-error {
    border: 1px solid var(--radius-color-red-700);
}
/*RAD-7604. */
.payment-error-message {
    display: block; 
    width: 100%; 
    margin-top: 10px; 
    font-weight: bold; 
    text-align: left; 
    clear: both; 
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: var(--radius-color-red-700);
}

.validation-summary-valid {
    display: none;
}

.cke_button__guardian_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__guadianfirstname_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__guardianlastname_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__salutationguardianlastname_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__student_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__studentfirstname_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__studentlastname_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__you_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__center_label {
    display: inline !important;
    margin-left: -20px !important;
}

.cke_button__email_label {
    display: inline !important;
    margin-left: -20px !important;
}

.k-grid-footer {
    display: none;
}

.no-margin-page {
    margin-left: -12.5% !important;
    margin-right: -12.5% !important;
}

@media (max-width: 1330px) {
    #dwpReport.no-margin-page {
        margin-left: unset !important;
    }
}

.margin-page {
    margin-right: -12.5% !important;
}

.tablet-margin {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mid-margin-page {
    margin-left: -8% !important;
    margin-right: -8% !important;
}

#gridLP table tbody, #gridCurrentBatch table tbody {
    font-size: small !important;
}

    #gridCurrentBatch table tbody .btn, #gridCurrentBatch table tbody .k-button {
        font-size: small !important;
        white-space: nowrap;
        border-radius: 5px;
        padding: 6px 12px 6px 12px;
        margin: 3px 0px 3px 0px;
        line-height: 1.43;
    }

#gridLP table thead, #gridCurrentBatch table thead {
    font-size: small !important;
}

#gridLP td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    #gridLP td.tdall {
        max-width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #gridLP td.tddesc {
        max-width: 400px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

#gridBusinessDoc td.tdall {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



#gridActivity td.tdall {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#gridActivity td.tddesc {
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#gridReview td.tdall {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#gridReview td.tddesc {
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendarIcon {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    height: 34px;
    width: 34px;
    border: 2px solid var(--radius-color-gray-525);
    padding: 2px;
    vertical-align: middle;
    border-radius: 5px;
    text-decoration: none !important;
    cursor: pointer !important;
    /*background-image: url("../Images/calendarIconSmall.jpg");/
    /*background-size: 50px 50px;*/
    /*background-repeat: no-repeat;*/
}


.clearDateBtn {
    text-decoration: none !important;
    cursor: pointer !important;
}

.k-grid-lp {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: small !important;
}

.linker {
    color: var(--radius-color-black);
    background-color: transparent;
    word-wrap: break-word !important;
}


/*Alerts*/

.TermModal {
    width: 350px !important;
}

container,
.modal-body {
    max-height: 600px;
    /*overflow:no-display; 
        overflow-x: hidden;*/
}

/*Added by Shahdat on 10/10/2017 for OrgChart*/
.google-visualization-orgchart-table {
    border-collapse: separate;
}

.modal.fade {
    left: -25%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

    .modal.fade.in {
        left: 25%;
        right: 25%;
        top: 5%;
        bottom: 10%;
    }


article-editor {
    width: 600px;
    margin-left: -300px;
    margin-right: -300px;
}

.clear {
    clear: both;
}

.schoolAndTeacherModal {
    width: 770px !important;
    min-height: 200px !important;
    max-height: 550px !important;
    overflow-y: auto !important;
}

.wrapper {
    padding-top: 50px;
    width: 620px;
    margin: 20px auto;
    border-radius: 10px;
    border: solid 3px var(--radius-color-white);
    box-shadow: 0 3px 5px 0 var(--radius-color-black-alpha-10);
}

/*.supportMode,
.supportMode li:hover,
.supportMode li > ul,
.supportMode li:hover > ul {
    background-color: #535252 !important;
}*/

/*.supportMode li:hover > ul {
        border: solid 3px #535252 !important;
    }*/


/*media query -- width: edge of admin 05/10/17 */
/*@media (max-width:1090px) {*/
@media (max-width:1103px) {
    /*.searchGridBtn {
        margin-top: 5px !important;
    }*/


    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 var(--radius-color-white-alpha-10);
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
    }

        .navbar-collapse.in {
            overflow-y: visible !important;
        }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .mid-margin-page {
        margin-left: -3% !important;
        margin-right: -12% !important;
    }
}

/*replaces .navigation*/
/*.supportMode li:hover > ul {
    border: solid 3px #535252 !important;
}*/

.Dev {
    background: var(--radius-color-blue-900) !important;
}

    .Dev li:hover > ul {
        border: solid 3px var(--radius-color-blue-900) !important;
    }

    .Dev.supportMode {
        background: var(--radius-color-blue-gray-700) !important;
    }

        .Dev.supportMode li:hover > ul {
            border: solid 3px var(--radius-color-blue-gray-700) !important;
        }

.Uat {
    background: var(--radius-color-red-900) !important;
}

    .Uat li:hover > ul {
        border: solid 3px var(--radius-color-red-900) !important;
    }

    .Uat.supportMode {
        background: var(--radius-color-red-050) !important;
    }

        .Uat.supportMode li:hover > ul {
            border: solid 3px var(--radius-color-red-050) !important;
        }


.Stg {
    background: var(--radius-color-purple-900) !important;
}

    .Stg li:hover > ul {
        border: solid 3px var(--radius-color-purple-900) !important;
    }

    .Stg.supportMode {
        background: var(--radius-color-purple-400) !important;
    }

        .Stg.supportMode li:hover > ul {
            border: solid 3px var(--radius-color-purple-400) !important;
        }

.Prod {
    background: var(--radius-color-gray-950) !important;
}

    .Prod li:hover > ul {
        border: solid 3px var(--radius-color-gray-950) !important;
    }

    .Prod.supportMode {
        background: var(--radius-color-gray-825) !important;
    }

        .Prod.supportMode li:hover > ul {
            border: solid 3px var(--radius-color-gray-825) !important;
        }

.radiusNav {
    list-style: none;
    padding: 5px;
    margin: 0;
    /*background: none;*/
}


    .radiusNav li:hover {
        /*background: #222;*/
    }

    .radiusNav li:first-child {
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 0 0 5px;
    }

    .radiusNav li a {
        display: block;
        padding: 0 20px;
        text-decoration: none;
        line-height: 40px;
        color: var(--radius-color-white);
    }

    .radiusNav li > ul {
        /*display: block;*/
        /*background: #222;*/
        border: solid 3px var(--radius-color-gray-950);
        border-top: 0;
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
        -webkit-box-shadow: 0px 3px 3px 0px var(--radius-color-black-alpha-25);
        box-shadow: 0px 3px 3px 0px var(--radius-color-black-alpha-25);
    }

    .radiusNav li:hover > ul {
        /*display: block;*/
        /*background: #222;*/
        border: solid 3px var(--radius-color-gray-950);
        border-top: 0;
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
        -webkit-box-shadow: 0px 3px 3px 0px var(--radius-color-black-alpha-25);
        box-shadow: 0px 3px 3px 0px var(--radius-color-black-alpha-25);
    }

        .radiusNav li:hover > ul li:hover {
            -webkit-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
        }

    .radiusNav li li a:hover {
        background: var(--radius-color-black);
    }

    .radiusNav ul {
        display: none;
        position: absolute;
        list-style: none;
        margin-left: -3px;
        padding: 0;
        overflow: hidden;
        cursor: pointer;
    }

        .radiusNav ul li {
            float: none;
        }

            .radiusNav ul li:last-child a,
            .radiusNav ul li:last-child a:hover {
                -webkit-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px;
            }

/*old "navigation" class*/

/*.navigation {
    list-style: none;
    padding: 5px;
    margin: 0;
    background: none;

}

    .navigation li {
        float: left;
    }

        .navigation li:hover {
            background: #222;
        }

        .navigation li:first-child {
            -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 0 0 5px;
        }

        .navigation li a {
            display: block;
            padding: 0 20px;
            text-decoration: none;
            line-height: 40px;
            color: #fff;
        }

    .navigation ul {
        display: none;
        position: absolute;
        list-style: none;
        margin-left: -3px;
        padding: 0;
        overflow: hidden;
    }

        .navigation ul li {
            float: none;
        }

    .navigation li:hover > ul {
        display: block;
        background: #222;
        border: solid 3px #222;
        border-top: 0;
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

        .navigation li:hover > ul li:hover {
            -webkit-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
        }

    .navigation li li a:hover {
        background: #000;
    }

    .navigation ul li:last-child a,
    .navigation ul li:last-child a:hover {
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

*/

.ellipisTd td {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

[role="tooltip"] {
    visibility: hidden;
}

#gridLearningPlan_tt_active {
    height: fit-content;
}

#gridAssessment input[type=checkbox], #gridLearningPlan input[type=checkbox] {
    margin: 0;
}

.navbar-nav.navbar-right li {
    float: left;
    color: var(--radius-color-white);
}

.navbar-nav > li > div {
    padding: 15px;
    line-height: 20px;
}

footer {
    position: relative;
}

.navbar-inverse {
    padding: 7px;
}

    .navbar-inverse .navbar-nav > li,
    .radiusNav > li {
        color: var(--radius-color-white);
        cursor: pointer;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
        .navbar-inverse .navbar-nav > li > a,
        .radiusNav > li > a {
            color: var(--radius-color-white);
            cursor: pointer;
        }

        .navbar-inverse .navbar-nav > li > div > a {
            color: var(--radius-color-white);
            cursor: pointer;
        }

    .navbar-inverse .navbar-right > li > div > a {
        text-decoration: underline;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .radiusNav > li > a:hover,
    .radiusNav > li > a:focus .navbar-inverse .navbar-nav > li > div > a:hover,
    .navbar-inverse .navbar-nav > li > div > a:focus {
        color: var(--radius-color-yellow-500);
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: transparent;
    }


.navbar-collapse {
    float: left;
}

.navbar-brand {
    color: var(--radius-color-white) !important;
    font-size: 1.75em;
}

.open .dropdown-menu {
    /*padding-left: 15px;*/
    margin-left: 15px;
}



.padding-top-20 {
    padding-top: 20px;
}

/*Will Additions:*/

pre.popuptext {
    font-family: inherit !important;
    border: none !important;
    width: 500px;
    height: 200px;
    white-space: pre-line !important;
}

pre.noteHeader {
    font-weight: bolder;
    font-size: 1.5em;
    margin-bottom: 5px;
    font-family: inherit !important;
    border: none !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    white-space: pre-line !important;
    /*overflow-x: auto;*/
}

.noteHeaderLabel {
    width: 500px;
    min-height: 50px;
}

.matters-iframe {
    height: 1000px;
    width: 100%;
    overflow: scroll;
}

iframe {
    position: relative;
}


.LargeStudentName {
    font-size: x-large !important;
    font-weight: bolder !important;
}

.LargestStudentNameHeader {
    font-size: 40px !important;
    font-weight: 500 !important;
}

.LargestStudentName {
    font-size: 75px !important;
    font-weight: bolder !important;
}

.popUp {
    width: 475px !important;
    overflow-x: hidden !important;
}

.popUpSmall {
    width: 500px !important;
    overflow-x: hidden !important;
}

.popUpMedium {
    width: 755px !important;
    overflow-x: hidden !important;
}

.EmailpopUp {
    width: 750px !important;
    min-width: 750px !important;
    height: 480px !important;
    min-height: 480px !important;
}

.commentBreakWord {
    word-wrap: break-word !important;
    word-break: break-all !important;
    /*overflow: hidden !important;
    text-overflow: ellipsis !important;*/
    /*white-space: nowrap;*/
}

.attTimeDropDown {
    width: 135px !important;
    padding: 2.5px;
    height: 29px !important;
    /*display: inline !important;*/
}

.enrollRadioDiv {
    text-align: left !important;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 500 !important;
    width: 90%
}

.enrollRadio div.radio {
    /*height: 30px;*/
    margin-bottom: 10px;
    margin-top: 10px;
}

/*div.radio label{
    height:30px
}*/

input[name="optionsRadios"] {
    border: 0px;
    width: 1.2em;
    height: 1.2em;
    margin-left: -30px !important;
    margin-top: 0px !important;
}

.k-grid table {
    table-layout: auto;
}

#gridLP table {
    table-layout: auto;
    width: max-content !important;
    min-width: 100%;
}

.attDatePicker {
    width: 15em !important;
}

.detailsPadOffset {
    padding-top: 7px !important;
    margin-bottom: 0px !important;
}

.leftJustBtnSpacer {
    /*margin-right: 25px;*/
    margin-right: 15px !important;
}

.rightJustBtnSpacer {
    /*margin-right: 25px;*/
    margin-right: 15px !important;
}

.deleteHeader {
    font-weight: bolder;
    font-size: 1.5em;
    margin-bottom: 5px;
}

/*error stuff*/
#errmsgAdd {
    word-wrap: break-word;
}

/*#ErrDisplay {
    /*display: none;
    height:40px; 
    width:55%;
}*/

.horizontalLine80 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--radius-color-gray-400);
}

.barcodeDisplay {
    color: var(--radius-color-black);
    text-decoration: none;
}

.parentAssessmentDisplay {
    color: var(--radius-color-black);
    text-decoration: none;
}

/*glyphicon overrides*/


.glyphicon {
    width: 1.5em !important;
    vertical-align: middle !important;
    font-size: 1.5em !important;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 6px !important;
    color: var(--radius-color-white) !important;
    padding: 5px 5px 7px 6px;
    cursor: pointer;
}

.glyphicon-plus {
    background: linear-gradient(to bottom, var(--radius-color-lime-400), var(--radius-color-green-400));
    background-color: var(--radius-color-green-500);
}

.glyphicon-pencil {
    background: linear-gradient(to bottom, var(--radius-color-blue-250), var(--radius-color-blue-600));
    background-color: var(--radius-color-blue-600);
}

.glyphicon-remove {
    padding: 6px 6px 6px 6px;
    background: linear-gradient(to bottom, var(--radius-color-red-600), var(--radius-color-red-800));
    background-color: var(--radius-color-red-600);
}

.glyphicon-remove-circle {
    color: var(--radius-color-black) !important;
    width: 1em !important;
    vertical-align: middle !important;
    font-size: 1em !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    border-radius: 0px !important;
    padding: 0px 0px 3px 5px !important;
}

.fancy-search > span.glyphicon {
    position: unset !important;
}

.fancy-search > span:hover {
    color: var(--radius-color-yellow-500) !important;
    background-color: transparent;
}

.fancy-search {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.fancy-reminder > span.glyphicon {
    position: unset !important;
}

.fancy-reminder > span:hover {
    color: var(--radius-color-yellow-500) !important;
    background-color: transparent;
}

.alertIcon {
    color: var(--radius-color-white) !important;
    background-color: transparent;
    margin-bottom: -6.74px !important;
    width: 50% !important;
}

.alertTextsingle {
    margin-left: -17.5px !important;
}

.alertTextdouble {
    margin-left: -22.3px !important;
}

.fancy-reminder {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.fancy-reminder-remind {
    background-color: var(--radius-color-red-500) !important;
}

/*Bootstrap Overrides*/
/*.container {
    /*min-height: 690px;
}*/

@media (min-width: 768px) {
    .dl-horizontal dt {
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
    }
}


.jumbotron-white {
    /*padding-top: 30px;
    padding-bottom: 30px;*/
    margin-bottom: 30px;
    color: inherit;
    background-color: var(--radius-color-white);
    /*position: relative;*/
    /*border: 3px solid #e6e6e6;
    border-radius: 6px;*/
}

.jumbotron-home {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    /*display: flex;
        align-items: center;
        justify-content: center;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/*img.homepage {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}*/

.login-top-spacer {
    padding-top: 15px;
}

.centeredCell {
    justify-content: center;
    align-items: center;
}

.footer-red {
    display: block;
    height: 60px;
    background-color: var(--radius-color-red-400);
    color: var(--radius-color-white);
    font-size: large;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    .footer-red p {
        padding-top: 18px;
    }

.footer-black {
    display: block;
    height: 60px;
    background-color: var(--radius-color-gray-900);
    color: var(--radius-color-white);
}

span.form-control.k-maskedtextbox {
    box-shadow: none;
}

.form-control {
    border-radius: 6px !important;
}

/*.astrik-left-space {
    /*margin-left: 10px !important;
}

.control-label {
    /*word-wrap: break-word!important
}*/
.k-state-disabled,
.k-state-disabled:hover,
.k-state-disabled.hover,
.k-state-disabled:focus,
.k-state-disabled.focus,
.k-state-disabled:link,
.k-state-disabled:hover,
.k-state-disabled:hover {
    cursor: not-allowed !important;
    /*text-decoration: none !important;
    background-color: #d4d4d4 !important;
    border-color: #ccc;*/
}

input.form-control[disabled],
input.form-control:disabled {
    color: var(--radius-color-gray-300);
    opacity: .7;
    border-color: var(--radius-color-gray-200);
}

.btn-default {
    color: var(--radius-color-gray-900);
    background-color: var(--radius-color-gray-225) !important;
    border-color: var(--radius-color-gray-400);
}

.btn-pr {
    width: 160px !important;
}

.btn-default:focus,
.btn-default.focus {
    color: var(--radius-color-gray-900);
    background-color: var(--radius-color-white) !important;
    border-color: var(--radius-color-gray-650);
}

.btn-default:hover {
    color: var(--radius-color-gray-900);
    background-color: var(--radius-color-white) !important;
    border-color: var(--radius-color-gray-500);
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: var(--radius-color-gray-900);
    background-color: var(--radius-color-white) !important;
    border-color: var(--radius-color-gray-500);
}

    .btn-default:active:hover,
    .btn-default.active:hover,
    .open > .dropdown-toggle.btn-default:hover,
    .btn-default:active:focus,
    .btn-default.active:focus,
    .open > .dropdown-toggle.btn-default:focus,
    .btn-default:active.focus,
    .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default.focus {
        color: var(--radius-color-gray-900);
        background-color: var(--radius-color-white) !important;
        border-color: var(--radius-color-gray-650);
    }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: var(--radius-color-gray-350) !important;
    border-color: var(--radius-color-gray-400);
}

.btn-default .badge {
    color: var(--radius-color-white);
    background-color: var(--radius-color-gray-900);
}



/*meant to simulate h4*/
/*.k-widget.k-grid{
    display:table!important;
}*/

.detailSubTitle {
    font-size: 1.3em;
    font-weight: 500;
}
/*Kendo Overrides*/
.k-autocomplete .k-input,
.k-datepicker .k-input,
.k-datetimepicker .k-input,
.k-timepicker .k-input,
.k-dropdown .k-input,
.k-multiselect .k-input,
.k-numerictextbox .k-input,
.k-combobox .k-input {
    text-indent: 4px;
    margin-left: -0px;
}

.k-list-container .k-list .k-item {
    white-space: normal;
}

.k-pager-wrap .k-dropdown {
    width: 5em !important;
}

.k-button.kendoBtnMargin {
    margin: 5px 5px 5px 5px !important;
}

span.CrudDatePicker {
    width: auto !important;
    max-width: 280px !important;
    min-width: 180px !important;
}

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: var(--radius-color-gray-800);
}


.k-pager-sizes span.k-dropdown {
    height: 26px !important;
}

    .k-pager-sizes span.k-dropdown span.k-input {
        height: 26px !important;
    }

/*when you need horizontal scroll in grid but not vertical...*/

.horizontal-only .k-grid-header {
    padding: 0 !important;
}

.horizontal-only .k-grid-content {
    overflow-y: visible;
}

.k-textbox {
    width: 100% !important;
    height: 34px !important;
    padding: 0;
    vertical-align: middle;
}

.k-numeric-wrap {
    width: 18em !important;
}

.k-input {
    width: 100%;
    height: 34px !important;
    padding: 0 !important;
}


/*.form-group .k-widget{

    width:100px;

}*/

/*.k-button,*/
.k-datetimepicker,
.k-textbox,
/*.k-input,*/
.k-timepicker,
.k-autocompete,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-toolbar,
.k-split-button {
    padding: 0 !important;
    height: 34px;
    /*width:100%;*/
}

.inlineCBLabel {
    vertical-align: middle !important;
}

/*.k-picker-wrap {
    /*height:31px!important
}*/

.k-datepicker {
    width: 20em !important;
    /*height: 34px !important;*/
}

.k-datetimepicker {
    width: 20em !important;
    /*height: 34px !important;*/
}

.gridDatePicker.k-input {
    height: 27px !important;
}

.gridDatePicker.k-datepicker {
    width: 7.5em !important;
    background-color: transparent;
}

    .gridDatePicker.k-datepicker .k-picker-wrap {
        height: 27px;
    }

.datePickerWidth {
    width: 15.8em !important;
}

.k-timepicker {
    width: 20em !important;
}

td.timePickerCell {
    width: 100px !important;
}

.timePickerArrival.k-timepicker, .timePickerDeparture.k-timepicker {
    width: 7em !important;
}

.rosterDatePicker.k-datepicker {
    width: 10em !important;
}

#gridRoster tbody td.StudentFirstNameTD, #gridRoster tbody td.StudentLastNameTD {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all !important;
}

td.breakWordCell {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all !important;
}

.enrollmentKendoWidget.k-datepicker {
    max-width: 17em !important;
    min-width: 10em !important;
    width: 100% !important;
}

.enrollmentKendoWidget .k-numeric-wrap {
    max-width: 17em !important;
    min-width: 10em !important;
}

.enrollmentKendoWidget .k-dropdown-wrap {
    max-width: 15em !important;
    min-width: 10em !important;
    width: 100% !important;
}

.sessionsRemainingTextBox > span {
    max-width: 10em !important;
    min-width: 5em !important;
    width: 5em !important;
}

.sessionsRemainingTextBox .k-formatted-value, .sessionsRemainingTextBox .k-input {
    padding-left: 20px !important;
}

#sessionsRemainingTotalSessionsInfo {
    padding-top: 5px;
}

/*.sessions-container {
    display: flex;
    flex-direction: column;*/ /* Stack the rows */
    /*align-items: flex-start;*/ /* Left-align the text */
    /*font-family: Arial, sans-serif;*/ /* Optional styling */
    /*max-width: 200px;
    padding-top: 5px;
    padding-left: 3px;
}*/

.monthlyEnrollmentAdjustmentCountNote {
    padding-right: 40px;
}

/*.sessions-row {
    display: flex;*/ /* Create a row layout */
    /*justify-content: space-between;*/ /* Space between text and number */
    /*width: 100%;*/ /* Full-width alignment */
/*}*/

.sessions-row > div {
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.black-line {
    border: none;
    height: 2px;
    background-color: var(--radius-color-black);
    margin: 0;
    width: 100%;
}

.session-adjustments-hdr {
    font-size: 16px;
}

.session-adjustments-column {
    padding-top: 2px;
    padding-bottom: 2px;
}

.enrollmentPaymentsPanel {
    /*margin: 0 auto;*/
    width: 40%;
}

.enrollmentPaymentsPanelDEE {
    /*margin: 0 auto;*/
    width: 100%;
}


.enrOppModuleBorder {
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 5px 15px 5px 15px;
    margin-bottom: 10px;
    /*margin-right: 15px;*/
}

.eoGuardianInfoPhoneNumberAgreement{
    font-size: 10px;
}

    .eoGuardianInfoPhoneNumberAgreement > div{
        margin-bottom: 10px;
    }

.stateCodeDropDown.k-dropdown {
    width: 100% !important;
    margin-right: 15px;
}

.billingIntegrationDd .k-dropdown-wrap
.digitalRewardsDd .k-dropdown-wrap,
.digitalRewardsDdSm .k-dropdown-wrap,
.refTeacherSchoolDD .k-dropdown-wrap,
.refSourceDD .k-dropdown-wrap,
.yearDropDown .k-dropdown-wrap,
.dayDropDown .k-dropdown-wrap,
.monthDropDown .k-dropdown-wrap,
.enrOppDropDownSm .k-dropdown-wrap,
.enrOppDropDownMd .k-dropdown-wrap,
.enrOppDropDown .k-dropdown-wrap,
.stateCodeDropDown .k-dropdown-wrap,
.stuAttDropDownList .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

.stateCodeDropDownSm.k-dropdown {
    width: 4.5em !important;
    margin-right: 15px;
}


.digitalRewardsDd.k-dropdown
.enrOppDropDown.k-dropdown {
    width: 9.6em !important;
    margin-right: 15px;
}

.billingIntegrationDd.k-dropdown {
    width: 15em !important;
}

.billingIntegrationDdSm {
    width: 15em !important;
}

.textingIntegrationDd.k-dropdown {
    width: 15em !important;
}

.textingintegrationErrorBoxOutline {
    border: 1px solid var(--radius-color-red-500) !important;
}

.textingIntegrationDdSm {
    width: 15em !important;
}


.enrOppDropDownMd.k-dropdown {
    width: 7em !important;
    margin-right: 15px;
}

.digitalRewardsDdSm.k-dropdown,
.enrOppDropDownSm.k-dropdown {
    width: 4.5em !important;
    margin-right: 15px;
}

.dobLabel {
    float: left;
}

.dobWrapper {
    white-space: nowrap;
    min-width: 345px;
}

.monthDropDown.k-dropdown {
    float: left;
    display: inline-block;
    width: 8.1em !important;
    margin: 0px 15px 0px 10px;
}

.dayDropDown.k-dropdown {
    float: left;
    display: inline-block;
    width: 4.5em !important;
    margin-right: 15px;
}

.yearDropDown.k-dropdown {
    float: left;
    display: inline-block;
    width: 5.8em !important;
    margin-right: 15px;
}


.refSourceDD.k-dropdown {
    width: 50% !important;
    max-width: 220px !important;
    min-width: 227px !important;
    margin-right: 15px;
}

.refTeacherSchoolDD.k-dropdown {
    width: 100%;
    max-width: 220px !important;
    min-width: 227px !important;
    margin-right: 15px;
    margin-left: 30px;
}

.dobLabel {
    float: left;
}

.dobWrapper {
    white-space: nowrap;
    min-width: 345px;
}

.monthDropDown.k-dropdown {
    float: left;
    display: inline-block;
    width: 8.1em !important;
    margin: 0px 15px 0px 10px;
}

.dayDropDown.k-dropdown {
    float: left;
    display: inline-block;
    width: 4.5em !important;
    margin-right: 15px;
}

.yearDropDown.k-dropdown {
    float: left;
    display: inline-block;
    width: 5.8em !important;
    margin-right: 15px;
}

.refNameInput.form-control,
.refSourceText {
    width: 100%;
    max-width: 220px !important;
    min-width: 227px !important;
}

.refNameInput.form-control {
    margin-left: 30px;
}

.enrOppConfirmText {
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

.enrOppConfirmErrorText {
    width: 75%;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.completeEnrollmentContainer {
    /*text-align: center;*/
    width: 75%;
    margin: 0 auto;
}

    .completeEnrollmentContainer .completeEnrollmentInputDiv {
        /*text-align: center;*/
    }

    .completeEnrollmentContainer .form-group {
        margin-bottom: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .completeEnrollmentContainer .completeEnrollmentCBContainer {
        /*text-align:left!important;*/
    }

    .completeEnrollmentContainer .completeEnrollmentBtnContainter {
        text-align: center;
    }

.stuAttDateTimePicker.k-input {
    height: 33px !important;
    text-transform: capitalize;
}

.stuAttDateTimePicker.k-datepicker,
.stuAttDateTimePicker.k-timepicker,
.stuAttDropDownList.k-dropdown {
    width: 14em !important;
    background-color: transparent;
}

    .stuAttDateTimePicker.k-datepicker .k-picker-wrap,
    .stuAttDateTimePicker.k-timepicker .k-picker-wrap {
        height: 33px;
        background-image: none !important;
    }

.enrOppDatePicker.k-input {
    height: 33px !important;
}

.enrOppDatePicker.k-datepicker {
    width: 7.5em !important;
    /*background-color: transparent;*/
}

    .enrOppDatePicker.k-datepicker .k-picker-wrap {
        height: 33px;
        /*background-color: white;
        background-image: none !important;*/
    }


.enrOppNumeric > .k-numeric-wrap {
    width: 4.5em !important;
}

.enrOppNumeric.k-numerictextbox {
    width: 4.5em !important;
}

.incompleteError {
    border: 1px solid var(--radius-color-gray-375);
    background-color: var(--radius-color-red-075);
}

#accBDIMDiv.incompleteError, #accBDIM2Div.incompleteError {
    border: 1px solid var(--radius-color-red-500);
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 6px;
}

.enrOppInfoValidationError {
    border: 1px solid var(--radius-color-red-500) !important;
}

.kendoDropDownOverride.k-dropdown,
.enrOppInfoDropDown.k-dropdown {
    width: 100%;
    max-width: 280px !important;
    min-width: 227px !important;
    margin-right: 15px;
}

.kendoDropDownOverride .k-dropdown-wrap,
.enrOppInfoDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}


.enrOppInfoDropDown:focus,
.monthDropDown:focus,
.dayDropDown:focus,
.yearDropDown:focus {
    border: 0.1em solid var(--radius-color-blue-150) !important;
    -webkit-box-shadow: inset 0 1px 1px var(--radius-color-black-alpha-075),0 0 8px var(--radius-color-blue-150-alpha-60) !important;
    box-shadow: inset 0 1px 1px var(--radius-color-black-alpha-075),0 0 8px var(--radius-color-blue-150-alpha-60) !important;
}

.enrOppInfoDatePicker.k-datepicker {
    width: 100%;
    max-width: 248px !important;
    min-width: 198px !important;
    margin-right: 15px;
}

.enrOppSummaryBox.enrollmentSummaryDiv table.datatable th {
    padding: 5px 20px 5px 0px;
}

.enrOppSummaryBox.enrollmentSummaryDiv table.datatable caption {
    color: var(--radius-color-black);
}

.enrOppInfoDatePicker .k-datepicker-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}


.completeEnrOppDatePicker.k-datepicker {
    width: 100% !important;
    max-width: 280px !important;
}


.completeEnrOppDatePicker .k-datepicker-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

input.completeEnrOppText {
    width: 100% !important;
    max-width: 280px;
    border: 1px solid var(--radius-color-gray-275);
    border-radius: 6px;
    height: 36px;
    padding: 5px;
}

    input.completeEnrOppText:focus, input.completeEnrOppText:active {
        outline: none;
        border: 1px solid var(--radius-color-gray-225) !important;
    }

div.completeEnrOppCB input {
    margin-left: -20px;
    margin-right: 5px;
}

div.completeEnrOppCB label {
    font-weight: 100;
    margin-left: 20px;
    /*float: right;
    margin-left: 10px;
    margin-top: 1px;*/
}


.enrOppSummaryBox {
    border: 1px solid var(--radius-color-black);
    border-radius: 5px;
    color: var(--radius-color-black);
    background-color: var(--radius-color-gray-325);
    padding: 10px;
    margin: 20px auto;
    width: 100%;
    line-height: 1.7em;
}

.enrOppAutoRenewalBox {
    border: 1px solid var(--radius-color-black);
    border-radius: 5px;
    color: var(--radius-color-black);
    padding: 10px;
    margin: 20px auto;
    width: 100%;
    line-height: 1.7em;
}

    .enrOppSummaryBox .enrOppBold {
        font-weight: 600 !important;
    }

    .enrOppSummaryBox hr {
    border-top: 1px solid var(--radius-color-black);
        width: 290px;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 250px;
    }

.enrOppSummaryTotalDiv.totals {
}

.enrOppSummaryBox h3 {
    font-weight: bold;
}

.enrOppSummaryBox .details {
    padding: 0 0 0 13%;
    box-sizing: border-box;
    width: 100%;
}

.pinBody {
    height: 100%;
    width: 100%;
    padding-top: 15%;
}

.pinContainer {
    border: 1px solid var(--radius-color-gray-700);
    border-radius: 5px;
    background-color: var(--radius-color-gray-075);
    margin: 0 auto;
    max-width: 500px;
    padding: 10px;
    text-align: center;
}

.pinBox {
    background-color: var(--radius-color-white);
    display: inline-block;
    border: 1px solid var(--radius-color-gray-700);
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin: 10px;
}

.pinInput {
    border: none;
    width: 40px;
    height: 40px;
    background-color: var(--radius-color-white);
    text-align: center;
    padding-top: 5px;
}

    .pinInput:focus, #submitPinBtn:focus {
        outline: none;
    }

td.rowStudentName {
    width: 150px !important;
}

.addEnrollmentRow, .removeEnrollmentRow, removeGuardianBtn {
    margin-top: 7px;
    width: 20px !important;
}

td.rowRecurring, td.rowRecurringTotal, td.rowRecurringNE, td.rowSessionCountNE, td.rowContractLengthNE, td.rowAsmtFeeNE, td.rowRegFeeNE, td.rowDiscountNE, td.rowBDIMNE, td.rowProRatedFMNE, td.rowRecurringTotalNE, td.rowStartDateNE, td.rowEndDateNE, td.rowPreAdjFMNE, td.rowTodaysTotalNE, td.rowMonthlyAmountNE, td.rowRecurringTotalNE, tr#footer {
    text-align: center !important;
}

tr.nonEditRow td {
    background-color: var(--radius-color-yellow-050);
    color: var(--radius-color-black);
}

td.addPayActive {
    background-color: var(--radius-color-gray-150);
    color: var(--radius-color-black);
}

input.enrOppCB {
    margin-top: 12px !important;
}

#enrOppTbody tr td {
    vertical-align: middle;
}
/*Enrollment Opportunity overrides*/
.removeAppliedDiscountBtn.glyphicon-remove-circle {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.enrOppTotalDiv {
    width: auto;
    max-width: 350px;
    min-width: 300px;
}

    .enrOppTotalDiv p {
        text-decoration: underline;
        font-weight: 700;
    }

.enrOppSummaryTotalDiv {
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px 0px 5px 12px;
    margin-bottom: 5px;
    min-width: 255px !important;
    max-width: 275px;
    width: auto;
}

.maxDeeSize {
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
    /*height: 900px;*/
}

.ChangePaymentScreensDiv {
    border: 2px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 5px;
    max-width: 1200px;
    min-width: 500px;
    width: auto;
}

.ChangePaymentOuterDiv {
    display: table !important;
    position: absolute;
    height: 100%;
    width: 100%;
}

.ChangePaymentScreensCenter {
    display: table-cell;
    vertical-align: middle;
}

.ChangePaymentScreensCenterLarge {
    display: table-cell;
    vertical-align: middle;
}

.hrSmallMargin {
    margin-top: 5px;
    margin-bottom: 5px;
}

.enrOppSummaryTotalDiv p {
    text-decoration: underline;
    font-weight: 700;
}

.enrOppTotalDivBtnGroup {
    padding: 15px 0px 5px 15px;
    max-width: 275px;
    width: auto;
}

input.enrOpRow {
    border-radius: 5px;
    max-width: 100px;
    border: 1px solid var(--radius-color-gray-225);
}

.enrOppLCGHeader h3 {
    vertical-align: middle;
    background-color: var(--radius-color-black);
    color: var(--radius-color-white);
    padding: 15px;
    padding-bottom: 25px;
    height: 50px;
    margin-top: 15px;
}

.membershipTemplateKendoWidget .k-numeric-wrap {
    width: 8em !important;
}

/*.membershipTemplateInput {
    padding: 6px 12px;
    width: 6em !important;
    height: 34px;
    border-radius: 6px;
    border: 1px solid #cccccc;
}*/

/*.membershipTemplateInput.from {
        margin-left: 5px;
    }

    .membershipTemplateInput.to {
        margin-right: 10px;
    }*/

.membershipTemplateInput > .k-numeric-wrap {
    width: 8em !important;
}

.membershipTemplateInput.k-numerictextbox {
    width: 9em !important;
}

.membershipGradeLevelDropDown.k-dropdown {
    width: 9.6em !important;
    margin-right: 15px;
}

.membershipGradeLevelDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

.customTo {
    margin-left: 3px !important;
    margin-right: 12px !important;
}

.membershipGradeLevelSessionTypeDropDown.k-dropdown {
    width: 11.6em !important;
    margin-right: 15px;
}

.csCustomMargin {
    margin-left: -52px;
}

.csCustomWidth {
    width: 165px;
}

.csCustomWidth1 {
    width: 138px;
}

.csCustomWidth2 {
    width: 561px;
}

.membershipGradeLevelSessionTypeDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

textarea.form-control.termsAndCond {
    max-width: 600px;
}

/*.membershipNav {
    /*display:inline
}*/

.membershipNav > div > a.addCustomPackage {
    padding: 0 !important;
    margin: 0 !important;
    width: 33px;
    height: 25px;
}

    .membershipNav > div > a.addCustomPackage:hover,
    .membershipNav > div > a.addCustomPackage:focus {
        background-color: transparent !important;
    }


    .membershipNav > div > a.addCustomPackage > span.glyphicon {
        width: inherit !important;
        color: var(--radius-color-black);
        font-size: 18pt !important;
        background-color: var(--radius-color-gray-700);
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.42857143 !important;
        top: 0 !important;
        text-align: center !important;
        border-radius: 50% !important;
        /*border: 1px solid black !important;*/
    }

.membershipTemplatePill {
    font-weight: 500;
    font-size: large;
    margin-left: 3px;
}

.nav-pills > li + li {
    margin-left: 0 !important;
}

@media (min-width: 1561px) {
    .membershipTemplatePill > li.membershipTab {
        width: 24.5%;
    }
}

@media (max-width: 1560px) {
    .membershipTemplatePill > li.membershipTab {
        width: 49%;
    }
}

@media (max-width: 768px) {
    .membershipTemplatePill > li.membershipTab {
        width: 99%;
    }
}
/*.membershipTemplatePill > li.membershipTab {
        width: 24.5%;

    }*/

.membershipTemplatePill > li.membershipTab > a {
    height: 41px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: var(--radius-color-gray-700);
    color: var(--radius-color-white);
    border: 3px solid var(--radius-color-white);
    /*border-bottom: 3px solid white;
            border-left: 3px solid white;*/
    border-radius: 0px;
}

.membershipTemplatePill > li.membershipTab.active > a,
.membershipTemplatePill > li.membershipTab.active > a:hover,
.membershipTemplatePill > li.membershipTab.active > a:focus {
    background-color: var(--radius-color-gray-375) !important;
    color: var(--radius-color-black) !important;
    border-radius: 0px;
}

.membershipTemplatePill > li.membershipTab > a:hover,
.membershipTemplatePill > li.membershipTab > a:focus {
    color: var(--radius-color-black-alpha-50);
    border-radius: 0px;
}

.pricing {
    /*display:inline;*/
    border: 2px solid var(--radius-color-black);
    min-width: 375px;
    max-width: 600px;
    font-size: smaller;
}

    .pricing > thead > tr > th {
        padding: 3px;
        color: var(--radius-color-white);
        text-align: center;
        background-color: var(--radius-color-red-400);
        border: 2px solid var(--radius-color-black);
    }

    .pricing > tbody > tr > td {
        padding: 3px;
        color: var(--radius-color-black);
        text-align: center;
        vertical-align: middle;
        border: 2px solid var(--radius-color-black);
    }

.pricingBlurb {
    display: inline-block;
}

td.priceCell {
    width: 150px;
}

    td.priceCell > span.currencySymbol {
        margin-right: 5px;
    }

/* td.priceCell > input {
        border-radius: 6px;
        border: 1px solid #cccccc;
        width: 100px;
        padding: 0 6px;
        text-align: right;
    }*/

.currency.k-numerictextbox {
    width: 100px !important;
}

.currency > .k-numeric-wrap {
    width: 100px !important;
}


.currency .k-numeric-wrap {
    height: 24px !important;
}

.currency.k-numerictextbox .k-input {
    height: 24px !important;
}

.default > .k-numeric-wrap {
    width: 5.5em !important;
}

.default.k-numerictextbox {
    width: 5em !important;
}

.default .k-numeric-wrap {
    height: 30px !important;
}

.default.k-numerictextbox default.k-input {
    height: 30px !important;
}

.yellowHighlight {
    background-color: var(--radius-color-yellow-100) !important;
    color: var(--radius-color-black) !important;
    font-weight: 500;
}

.ReorderHighlight {
    background-color: var(--radius-color-green-100) !important;
    /*background-color: rgb(229, 229, 229) !important;*/
    color: var(--radius-color-black) !important;
    font-weight: 500;
}

.blueHighlight {
    background-color: var(--radius-color-red-100) !important;
    color: var(--radius-color-black) !important;
    font-weight: 500;
}

#single-Grid-Page .k-loading-image {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1000000 !important;
    margin: auto !important;
    width: 100px;
    height: 100px;
}



#dwpReport .k-loading-image {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1000000 !important;
    margin: auto !important;
    width: 100px;
    height: 100px;
}

#dwpGridPanel.grid-loading .k-grid-content,
#dwpGridPanel.grid-loading .k-grid-header-wrap {
    filter: blur(2px);
    opacity: 0.6;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

#dwpGridPanel.grid-loading .k-loading-mask {
    pointer-events: all;
    cursor: not-allowed;
}



#saveResultAlert {
    text-align: center;
}

    #saveResultAlert .saveAlert p {
        display: none;
    }


    #saveResultAlert #saveResultAlertWrapper {
        display: inline-block;
    }

/*.saveAlert {
    position: absolute;
    width: 300px;
    height: 100px;
    display: table;
    margin: auto;
    left: 0;
    right: 0;
}*/

.saveAlert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 100px;
    display: table;
    margin: auto;
    z-index: -1000000;
    /*left: 0;
    right: 0;*/
}


    .saveAlert p {
        color: var(--radius-color-black);
        display: table-cell;
        vertical-align: middle;
        font-size: large;
        text-align: center;
        padding: 15px;
        /*padding-bottom: 40px;*/
        /*width: 300px;*/
        /*height: 80px;*/
        border-radius: 6px;
    }

.saveSuccess p {
    background-color: var(--radius-color-yellow-300);
    border: 0px solid var(--radius-color-yellow-300);
}

.saveError p {
    background-color: var(--radius-color-yellow-300);
}

/*.saveSuccess p {
    background-color: aquamarine;
    border: 0px solid green;
}

.saveError p {
    background-color: palevioletred;
    border: 0px solid red;
}*/
.ajaxError {
    white-space: pre-line !important;
}

#browseCompBtn {
    border-radius: 4px;
}

.textBtn {
    padding: 5px 5px 0px 5px;
    font-size: large;
    font-weight: 900;
    cursor: pointer !important;
}

    .textBtn.addTextBtn {
        color: var(--radius-color-green-900);
    }

    .textBtn.removeTextBtn {
        color: var(--radius-color-red-500);
    }

.gradeRangeBtn, .bigX {
    cursor: pointer !important;
}

.cursorpoint {
    cursor: pointer !important;
}

.inputPsswd {
    border-radius: 8px !important;
    padding: 6px 12px !important;
    border: 1px solid var(--radius-color-gray-400) !important;
    font-size: 14px !important;
    max-width: 160px !important;
}

    .inputPsswd:focus,
    .inputPsswd:active {
        border: solid 2px var(--radius-color-blue-100) !important;
        box-shadow: 0 0 5px var(--radius-color-blue-200);
        outline: none !important;
    }

.inactiveAssignment {
    background-color: var(--radius-color-gray-375) !important;
}

.zeroAttendance {
    background-color: var(--radius-color-yellow-075) !important;
}

.smallInput {
    width: 5em !important;
}

.k-button.answerKeyButton {
    background-image: url("/Images/AnswerKeyBtn65px.png");
    background-repeat: no-repeat;
    color: transparent;
    height: 50px !important;
    width: 70px !important;
}

    .k-button.answerKeyButton:hover,
    .k-button.answerKeyButton:active,
    .k-button.answerKeyButton.active,
    .k-button.answerKeyButton:focus,
    .k-button.answerKeyButton.focus,
    .k-button.answerKeyButton:active:hover,
    .k-button.answerKeyButton.active:hover,
    .k-button.answerKeyButton:active:focus,
    .k-button.answerKeyButton.active:focus,
    .k-button.answerKeyButton:active.focus,
    .k-button.answerKeyButton.active.focus {
        color: transparent !important;
    }


.k-button {
    color: var(--radius-color-gray-900);
    background-color: var(--radius-color-gray-225) !important;
    border-color: var(--radius-color-gray-400);
}

    .k-button:focus,
    .k-button.focus {
        color: var(--radius-color-gray-900);
        background-color: var(--radius-color-white) !important;
        border-color: var(--radius-color-gray-650);
    }

    .k-button:hover {
        color: var(--radius-color-gray-900);
        background-color: var(--radius-color-white) !important;
        border-color: var(--radius-color-gray-500);
    }

    .k-button:active,
    .k-button.active,
    .open > .dropdown-toggle.k-button {
        color: var(--radius-color-gray-900);
        background-color: var(--radius-color-white) !important;
        border-color: var(--radius-color-gray-500);
    }

        .k-button:active:hover,
        .k-button.active:hover,
        .open > .dropdown-toggle.k-button:hover,
        .k-button:active:focus,
        .k-button.active:focus,
        .open > .dropdown-toggle.k-button:focus,
        .k-button:active.focus,
        .k-button.active.focus,
        .open > .dropdown-toggle.k-button.focus {
            color: var(--radius-color-gray-900);
            background-color: var(--radius-color-white) !important;
            border-color: var(--radius-color-gray-650);
        }

    .k-button:active,
    .k-button.active,
    .open > .dropdown-toggle.k-button {
        background-image: none;
    }

    .k-button.disabled:hover,
    .k-button[disabled]:hover,
    fieldset[disabled] .k-button:hover,
    .k-button.disabled:focus,
    .k-button[disabled]:focus,
    fieldset[disabled] .k-button:focus,
    .k-button.disabled.focus,
    .k-button[disabled].focus,
    fieldset[disabled] .k-button.focus {
        background-color: var(--radius-color-gray-350) !important;
        border-color: var(--radius-color-gray-400);
    }

    .k-button .badge {
        color: var(--radius-color-white);
        background-color: var(--radius-color-gray-900);
    }

/* very specific over-ride for drop down on leads, account and learning plan index page*/
span.lpDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

#gridActivity > .k-grid-header > div > table,
#gridActivity > .k-grid-content > table {
    width: 100% !important;
}

/*#gridLeads > .k-grid-header > div > table,
#gridLeads > .k-grid-content > table
{
   width: 100% !important;
}*/

/*#gridAccounts > .k-grid-header > div > table,
#gridAccounts > .k-grid-content > table
{
   width: 100% !important;
}*/

#gridGuardian > .k-grid-header > div > table,
#gridGuardian > .k-grid-content > table {
    width: 100% !important;
}

.gridWithCenter > .k-grid-header > div > table,
.gridWithCenter > .k-grid-content > table {
    width: 100% !important;
}

#studentDropDownList-list {
    width: 285px !important;
    border-top-right-radius: 6px !important;
}

#lpDropDownList-list {
    width: 255px !important;
    border-top-right-radius: 6px !important;
}

span.centerDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

span.basicDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 14.75em;
}

.akDropDown .k-dropdown-wrap {
    padding-left: 12px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 246px;
}

#PostAnswerKeyId-list, #PreAnswerKeyId-list {
    width: 280px !important;
}

.akDropDown.k-dropdown.k-widget.form-control {
    width: 17.1em;
}

.enrollmentAdd .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 14.75em;
}

.enrollmentAdd.k-dropdown.k-widget.form-control {
    width: 17.1em;
}

.form-control.largeInput {
    max-width: 500px !important;
}

crudDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    width: 247px;
    background-color: var(--radius-color-white);
    background-image: none !important;
}



span.FilterDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

span.FilterDropDown .k-dropdown {
    width: 200px !important;
}

span.timeZoneDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    width: 280px;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

span.regularDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    width: 247px;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

span.countryCodeDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    width: 280px;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

#Timezones-list {
    width: 308px !important;
}

#EnrollmentID-list {
    width: 275px !important;
}

#EnrollmentIDEdit-list {
    width: 275px !important;
}

.mrfStudentDetails, .tcfStudentDetails {
    width: 100%;
    /*min-width: 300px;*/
    max-width: 800px;
    overflow-x: hidden;
}

#studentGoalsDash,
#digitalRewardsDash,
#enrollDash {
    max-width: 500px;
    min-width: 500px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
    margin-right: 15px;
    overflow: auto;
}

.studentGoalsDashWithSession, .studentGoalsDashWithoutSession {
    margin-top: -18px !important;
}

#avgLengthPanel {
    width: 600px;
    /*min-height: 1*/
}

    #avgLengthPanel .panel {
        margin-bottom: 0px !important;
    }

#avgLengthTableContainer {
    height: 190px;
    /*overflow-y: scroll;*/
}

table#avgLengthTable.table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
    margin-bottom: 0px !important;
}

    table#avgLengthTable.table thead {
        flex: 0 0 auto;
        width: 100%;
    }


    table#avgLengthTable.table tbody {
        flex: 1 1 auto;
        display: block;
        overflow-y: scroll;
    }

        table#avgLengthTable.table tbody tr {
            width: 100%;
        }

        table#avgLengthTable.table thead,
        table#avgLengthTable.table tbody tr {
            display: table;
            table-layout: fixed;
        }

            table#avgLengthTable.table tbody tr td {
                border: 1px solid var(--radius-color-gray-250);
            }

                table#avgLengthTable.table tbody tr td.avgLengthValueL,
                table#avgLengthTable.table tbody tr td.avgLengthValueT {
                    text-align: center;
                }

.remainingAlerts {
    max-width: 475px;
    min-width: 400px;
    border: 3px solid var(--radius-color-gray-225);
    min-height: 116px;
    border-radius: 6px;
    padding: 15px 15px 10px 15px;
    font-size: 20px;
    margin-bottom: 20px;
}

    .remainingAlerts div.remainingAlertTitle {
        font-size: 14px !important;
        color: var(--radius-color-gray-900);
    }

.remainingAlertDetail {
    color: var(--radius-color-red-750);
}

#acctEnrollDash {
    /*min-width: 450px;*/
    width: 850px;
    padding: 10px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.enrollStatusBigFont {
    font-size: 2em !important;
}

#MultiCenterId-list {
    width: 275px !important;
}



#Country-list {
    width: 308px !important;
}

.centerCheckBox {
    text-align: center; /* center checkbox horizontally */
    vertical-align: middle; /* center checkbox vertically */
}

.checkboxFloat {
    float: left !important;
    margin-right: 10px;
}

.checkboxFloatRight {
    float: right !important;
    margin-right: 10px;
}

/*index page grid width*/
.indexGrid {
    width: 1020px !important;
    display: inline-block;
    /*min-width:500px;
    max-width:1000px;
    width:auto;*/
}

.indexGridMedium {
    width: 700px !important;
    display: inline-block;
    max-width: 700px;
    /*min-width:500px;
    max-width:1000px;
    width:auto;*/
}

.indexGridMediumV2 {
    width: 930px !important;
    display: inline-block;
    max-width: 930px;
}

.indexGridLarge {
    width: 1020px !important;
    display: inline-block;
    /*min-width:500px;
    max-width:1000px;
    width:auto;*/
}

.indexGridLargeC {
    width: 1200px !important;
    display: inline-block;
}

.indexGridLargeAAssessmentList {
    width: auto !important;
    display: inline-block;
}

.indexGridLargeA {
    width: 1200px !important;
    display: inline-block;
    /*min-width:500px;
    max-width:1000px;
    width:auto;*/
}

#gridCPM table {
    table-layout: fixed;
}

#gridCPM td.breakWordCell {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: visible;
    text-overflow: clip;
}

.learningPlanListPCCommands {
    max-width: 200px !important;
}

.ReorderGrid {
    display: inline-block;
    width: 1200px !important;
    /*min-height: 1200px !important;*/
}

.indexGridLargeB {
    width: 1400px !important;
    display: inline-block;
    /*min-width:500px;
    max-width:1000px;
    width:auto;*/
}

.indexGridXLargeMax {
    max-width: 1600px !important;
    display: inline-block;
}

.indexGridXLarge {
    width: 1600px !important;
    display: inline-block;
}

.indexGridXLarge18 {
    width: 1800px !important;
    display: table;
}

.indexGridXLarge1C {
    width: 2000px !important;
    display: table;
    /*display:inline-block;*/
}

.indexGridXLarge22 {
    width: 2200px !important;
    display: table;
}

.indexGridXLarge28 {
    width: 2800px !important;
    display: table;
    /*display:inline-block;*/
}

.indexGridXXLarge {
    width: 2000px !important;
    display: table;
}

.indexGridXLarge17 {
    max-width: 1800px !important;
    min-width: 1650px !important;
    display: table;
}

/*modal grid width*/
.no-scrollbar {
    overflow-y: visible !important;
}

.row-margin-correction {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-scrollheader-padding {
    padding-right: 0px !important;
}

.modalGrid2 {
    width: 950px !important;
    /*table-layout:fixed;*/
}

.modalGridLg {
    width: 1150px !important;
}

.modalGrid {
    width: 825px !important;
}

    .modalGrid .k-grid-content,
    .modalGrid2 .k-grid-content {
        max-height: 350px !important;
    }

    .modalGrid.k-grid table,
    .modalGrid2.k-grid table {
        table-layout: fixed;
    }

    .modalGrid td.k-group-cell {
        word-wrap: break-word !important;
        word-break: break-all !important;
    }

.calendarModalGrid {
    width: 500px !important;
}

    .calendarModalGrid .k-grid-content {
        max-height: 350px !important;
    }

    .calendarModalGrid td.k-group-cell {
        word-wrap: break-word !important;
        word-break: break-all !important;
    }

.partialDeleteModalGrid {
    width: 770px !important;
}

    .partialDeleteModalGrid .k-grid-content {
        max-height: 350px !important;
    }

    .partialDeleteModalGrid td.k-group-cell {
        word-wrap: break-word !important;
        word-break: break-all !important;
    }


.searchModalGrid {
    width: 750px !important;
    max-height: 620px !important;
    /*display:inline-block;*/
    /*width:'auto'?  
     'minWidth':450?*/
}

.modalForm {
    width: 100%;
    max-width: 600px;
    min-width: 450px;
    overflow-x: hidden;
}

div#editContractChoicesModal {
    width: 475px !important;
}

div#editSessionChoicesModal {
    width: 475px !important;
}

div#cloneMTSPopUp {
    width: 350px !important;
}

.mtsDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 3px;
    vertical-align: middle !important;
    height: 29px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 245px !important;
    /*min-width: 100px !important;*/
}

#mtsDropDown-list {
    width: 275px !important;
    border-top-right-radius: 6px !important;
}


.emailTempHeaderTextArea {
    min-width: 570px !important;
    border-radius: 6px;
    padding: 5px;
}

.emailTemplateTextArea {
    min-width: 620px !important;
    border-radius: 6px;
    padding: 5px;
}

.emailPRB {
    text-align: center;
    padding: 20px;
    border: 1px solid var(--radius-color-gray-400);
    border-radius: 6px;
}

.BPRTimeFrameInfo {
    width: 450px;
}

.emailFormatModal {
    width: 600px !important;
    height: 550px !important;
}
/*Setting dimensions for all Search Text Input Boxes*/
.searchBox {
    width: 220px !important;
    height: 34px !important;
    border-radius: 6px !important;
}

.searchBoxSm {
    width: 180px !important;
    height: 34px !important;
    border-radius: 6px !important;
}

.searchBoxXs {
    width: 140px !important;
    height: 34px !important;
    border-radius: 6px !important;
}

.searchBtn {
    /*width: 120px !important;*/
    border-radius: 6px !important;
}

/* sets default display for grid modal/partials */

.deleteFancyBox {
    display: none;
}

.hiddenPartial {
    display: none;
}

.displayNone {
    display: none;
}

.formButtonsBox {
    width: 290px !important;
}

.formButtonsBox2col {
    width: 1020px !important;
}

.pwResetButtonBox {
    width: 280px !important;
}

.popupForm {
    width: 100%;
}

.ResourceModal {
    min-width: 475px;
}

div.HoldModal {
    width: 450px;
}

.EnrollmentModal {
    width: 900px !important;
    overflow-x: hidden !important;
}

    .EnrollmentModal textarea {
        max-width: 240px !important;
    }

.progress {
    display: block;
    text-align: center;
    width: 0;
    height: 5px;
    background: var(--radius-color-red-400);
    transition: width .3s;
}

    .progress.hide {
        opacity: 0;
        transition: opacity 1.3s;
    }

input.resourceInput {
    width: 100% !important;
}

textarea.resourceInput {
    width: 100% !important;
}

.detailGridBorder {
    display: table;
    clear: both;
    width: auto;
    max-width: 1150px;
    min-width: 1090px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
}

.detailGridBorderA {
    display: table;
    clear: both;
    width: auto;
    max-width: 1270px;
    min-width: 1250px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    padding-bottom: 50px;
    margin-bottom: 40px;
    min-height: 160px;
}

.detailGridBorderNoBPadding {
    display: table;
    clear: both;
    width: auto;
    max-width: 1270px;
    min-width: 1250px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
    min-height: 160px;
}


.loginPartial {
    text-decoration: underline;
    display: inline-block;
}

.centerDiv {
    text-align: center !important;
    /*height:200px*/
}

.centerBtn {
    display: inline-block;
    /*margin: 0 auto !important;*/
    margin-top: 5px !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: xx-large !important;
    height: 100px !important;
    width: 200px;
}

#CheckIn table {
    table-layout: fixed;
}

.dontFire {
    filter: brightness(50%) !important;
}

#gridLPReOrder.k-grid tbody tr {
    cursor: move !important;
}

.reOrderSelectedRow {
    /*background-color: #d9534f !important;*/
    color: var(--radius-color-gray-900);
    font-weight: 600;
}

    .reOrderSelectedRow td {
        /*background-color: #ef3e33 !important;*/
        background-color: var(--radius-color-gray-325) !important;
    }

/*.loginParial {
    padding:0px!important
}*/

#reportViewer1 {
    position: relative;
    width: 1300px;
    height: 900px;
    font-family: Verdana, Arial;
}

/*search grid classes*/

/*.searchGrid {
}*/

input[type=checkbox].form-control {
    width: 1em;
    height: 1em;
    margin-top: 10px;
}

.label-ellipsis {
    text-overflow: ellipsis !important;
    white-space: nowrap;
}

@media (min-width:1102px) {
    .no-margin-page .searchDashInner {
        max-width: 992px;
        width: auto;
    }

    .no-margin-page .searchDashOuter {
        max-width: 1085px;
        width: auto;
    }
}

@media (max-width:1101px) {
    .no-margin-page .searchDashInner {
        max-width: 768px;
        width: auto;
    }

    .no-margin-page .searchDashOuter {
        max-width: 992px;
        width: auto;
    }

    .modalGrid2 {
        width: 850px !important;
        overflow:auto!important;
    }

    .modalGridLg {
        width: 1050px !important;
        overflow: auto !important;
    }

    .modalGrid {
        width: 775px !important;
        overflow: auto !important;
    }

    .feediscountlabel {
        text-align: left !important;
    }
}

@media (min-width:1345px) {
    .margin-page .searchDashInner {
        max-width: 992px;
        width: auto;
    }

    .margin-page .searchDashOuter {
        max-width: 1085px;
        width: auto;
    }
}

@media (max-width:1346px) {
    .margin-page .searchDashInner {
        max-width: 768px;
        width: auto;
    }

    .margin-page .searchDashOuter {
        max-width: 1085px;
        width: auto;
    }
}

@media (min-width:1345px) {
    .margin-page .searchDashInnerLg {
        max-width: 1192px;
        width: auto;
    }

    .margin-page .searchDashOuterLg {
        max-width: 1285px;
        width: auto;
    }
}

@media (max-width:1346px) {
    .margin-page .searchDashInnerLg {
        max-width: 968px;
        width: auto;
    }

    .margin-page .searchDashOuterLg {
        max-width: 1285px;
        width: auto;
    }
}

.searchDashBtn {
    display: inline-block;
    padding-top: 25px;
    padding-left: 15px;
    margin-bottom: 5px;
    vertical-align: top;
}

.searchDashDates {
    min-width: 256px !important;
    max-width: 471px !important;
}

@media (max-width:400px) {
    .searchDashDates {
        min-width: 340px !important;
        max-width: 471px !important;
    }
}

@media (min-width:768px) {
    .searchGridPlaceHolder {
        border-top: 1px solid var(--radius-color-white);
        border-bottom: 1px solid var(--radius-color-white);
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-height: 75px;
    }
}

.searchGridBtn {
    margin-top: 25px;
}

.searchGridCheckbox {
    margin-bottom: 4px !important;  /*minimum pixels needed in order to prevent the form controls following this one from breaking in the incorrect location when col-sm is applied to the element*/
}

.searchGridTextBox.k-textbox.form-control {
}

.searchGridTextBox.k-maskedtextbox.k-widget.form-control {
}

.searchGridDropDown.k-dropdown.k-widget.form-control {
    max-width: 273px !important;
    min-width: 100px !important;
}

.searchGridDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    max-width: 240px !important;
    min-width: 100px !important;
}

.searchGridDropDownSmall.k-dropdown.k-widget.form-control {
    width: 25px
}

.searchGridDropDownSmall .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 25px
}

.StudentMonthlyReportSmallDropDown.k-dropdown.k-widget.form-control {
    width: 50px
}

.StudentMonthlyReportSmallDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 30px
}

.paymentDropDown.k-dropdown {
    width: 254px !important;
}

.paymentDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    width: 223px !important;
}

.discountModal {
    width: 600px;
    min-height: 400px;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.shuffleModeDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    max-width: 25px !important;
    min-width: 25px !important;
}

.shuffleModeDropDown.k-dropdown.k-widget.form-control {
    max-width: 60px !important;
    min-width: 25px !important;
}

/*.modalTabActive {
}

    .modalTabActive .activeTab {
        padding: 10px 10px 0px 10px;
        border: 1px solid black;
        border-bottom: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .modalTabActive .inactiveTab {

        padding: 10px 10px 2px 10px;
        border: 1px solid black;
        border-bottom: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }*/
.docSyncModal {
    width: 100%;
    max-width: 800px;
    min-width: 600px;
    height: 100%;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 30px;
    padding-left: 20px;
}

#SyncResultsTable {
    max-width: 750px;
}

    #SyncResultsTable tbody tr td {
        border: 1px solid var(--radius-color-gray-250);
    }

        #SyncResultsTable tbody tr td.missingFileName {
            word-break: break-all !important;
            width: 40%;
        }

        #SyncResultsTable tbody tr td.missingBarcode {
            word-break: break-all !important;
            width: 20%;
        }

        #SyncResultsTable tbody tr td.missingVitriumStatus,
        #SyncResultsTable tbody tr td.missingMergeServerStatus {
            word-break: break-all !important;
            width: 20%;
            text-align: center;
        }


.curriculumDropDown.k-dropdown.form-control {
    max-width: 280px !important;
}

.curriculumDropDown .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    max-width: 247px !important;
}

.paymentDatePicker.k-datepicker {
    width: 253px !important;
}

#clearMultiSelect,
#clearMultiSelect:hover {
    text-decoration: none;
    cursor: pointer;
}

.searchGridMultiSelect.k-multiselect {
    max-width: 273px !important;
    min-width: 100px !important;
    height: 50% !important;
}

.searchGridMultiSelect .k-multiselect-wrap {
    padding-left: 5px;
    vertical-align: middle !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    max-width: 240px !important;
    min-width: 100px !important;
}

.k-multiselect .k-multiselect-wrap input.k-input {
    height: 32px !important;
}

.k-multiselect .k-multiselect-wrap ul li {
    margin-top: 3px;
    margin-right: 2px;
    vertical-align: middle !important;
}

.form-control.searchGridDatePicker.k-input {
    height: 31px !important;
}

.form-control.searchGridDatePicker.k-datepicker {
    width: 8em !important;
}

    .form-control.searchGridDatePicker.k-datepicker .k-picker-wrap {
        height: 31px;
    }

.form-control.searchGridMonthPicker.k-input {
    height: 31px !important;
}

.form-control.searchGridMonthPicker.k-datepicker {
    width: 8.5em !important;
}

    .form-control.searchGridMonthPicker.k-datepicker .k-picker-wrap {
        height: 31px;
    }
/*.form-control.k-widget
{
    padding: 0;
    width: 100%;
    height: auto;
}*/

.form-control.k-widget:not(.k-autocomplete) {
    border-width: 0;
}
/*.form-control.k-datepicker{
    min-width:140px!important;
    max-width:280px !important;
}

.form-control .k-picker-wrap{
    min-width:140px!important;
    max-width:260px
}

.form-control.k-datetimepicker{
    max-width:280px !important
}*/

/*.form-control .k-picker-wrap{
    max-width:260px
}*/



/* MARGINS & PADDINGS */
.p-xxs {
    padding: 5px;
}

.p-xs {
    padding: 10px;
}

.p-sm {
    padding: 15px;
}

.p-m {
    padding: 20px;
}

.p-md {
    padding: 25px;
}

.p-lg {
    padding: 30px;
}

.p-xl {
    padding: 40px;
}

.p-w-xs {
    padding: 0 10px;
}

.p-w-sm {
    padding: 0 15px;
}

.p-w-m {
    padding: 0 20px;
}

.p-w-md {
    padding: 0 25px;
}

.p-w-lg {
    padding: 0 30px;
}

.p-w-xl {
    padding: 0 40px;
}

.p-n {
    padding: 0 !important;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

.m-n {
    margin: 0 !important;
}

.m-l-none {
    margin-left: 0;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.space-15 {
    margin: 15px 0;
}

.space-20 {
    margin: 20px 0;
}

.space-25 {
    margin: 25px 0;
}

.space-30 {
    margin: 30px 0;
}

/*grids*/
td.k-group-cell {
    /*word-wrap: break-word !important;*/
    /*border-left: 1px solid #ebebeb;*/
    border-bottom: 1px solid var(--radius-color-gray-200);
}

.k-alt td {
    background-color: var(--radius-color-gray-050);
}

/*tr:hover a {
    text-decoration: underline;
    color: blue;
}*/

thead:hover a {
    text-decoration: none;
}

div#scheduler {
    max-height: 900px !important;
    overflow-y: scroll;
}

#fileName {
    border-radius: 0px 6px 6px 0px !important;
    background-color: var(--radius-color-white) !important;
}

    #fileName .fileName {
        background-color: var(--radius-color-white) !important;
    }

.input-group input.form-control.CurriculumFileName.fileName {
    max-width: 210px !important;
}

.bigX {
    font-size: large;
    text-decoration: none !important;
}
/*checkbox test*/
div.statusCheckBoxBtn input {
    visibility: hidden;
    /*opacity: 0;
    width: 30px;
    height: 30px;*/
}

/*.statusCheckBoxBtn,
.processingStatusChange {
    width: 120px;
    height: 50px;
    background: #333;
    margin: 10px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}*/

/*.statusCheckBoxBtn:after,
    .processingStatusChange:after {
        position: absolute;
        top: 14px;
        left: 14px;
        height: 2px;
        width: 92px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background: #111;
        /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    }*/

/*.statusCheckBoxBtn label,
    .processingStatusChange label {
        display: block;
        width: 112px;
        height: 42px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        cursor: pointer;
        position: absolute;
        top: 4px;
        z-index: 1;
        left: 4px;
        background: #fcfff4;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        /*-webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;*/
/*-ms-transition: all .4s ease;*/
/*transition: all .4s ease;*/
/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);*/
/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
/*background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
/*background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    }*/

/*.statusCheckBoxBtn label:after {
            color: #fff;
            content: 'OUT';
            padding-top: 4px;
            background: #555;
            text-align: center;
            align-content: center;
            vertical-align: middle;
            position: absolute;
            width: 100px;
            height: 30px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            left: 6px;
            top: 6px;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
        }*/

/*.processingStatusChange label:after {
            color: #000;
            content: 'PROCESSING...';
            padding-top: 4px;
            background: #f5cc09;
            font-size: smaller;
            text-align: center;
            align-content: center;
            vertical-align: middle;
            position: absolute;
            width: 100px;
            height: 30px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            left: 6px;
            top: 6px;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
        }*/

/*.statusCheckBoxBtn input[type=checkbox]:checked + label:after {
        text-align: center;
        vertical-align: middle;
        color: #000;
        content: 'IN';
        padding-top: 4px;
        background: #00bf00;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }*/

#alphabetSortLinks {
    max-width: 700px;
    min-width: 385px;
    font-size: x-large;
}

#splashPage {
    position: fixed;
    top: 0;
    left: 0;
    width: 99%;
    height: 99%;
}

    #splashPage img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        min-width: 60%;
        min-height: 10%;
    }


#tutorialVideoBtn {
    background-color: var(--radius-color-white);
}

    #tutorialVideoBtn > img {
        /**/ background-color: var(--radius-color-white);
    }

.requiredField:after {
    display: inline;
    content: "*";
    font-weight: bold;
    color: var(--radius-color-black);
}

.completedActivityBackground {
    background-color: var(--radius-color-gray-375) !important;
}

#progressBar {
    padding-left: 22px;
}

.align-right {
    text-align: right !important;
}

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

/*APP-2834 : prevent click on white-space of checbox label*/
.form-group .control-label label {
    display: inline;
}

/* EO dash > EnrollmentGuardianInformation */
.addRpadding {
    padding-right: 35px !important;
}

.addLpadding {
    padding-left: 15px !important;
}

.eoDash .clearGuardianBtn {
    padding-right: 5px !important;
}


.removeGuardianBtn.glyphicon-remove-circle,
.removeGuardianBtn.glyphicon-remove-circle:before {
    font-size: 30px !important;
}

.divEOdashRefInfo input[type=checkbox],
.eoDash input[type=checkbox],
.divRefSource input[type=checkbox],
.divCustAcct input[type=checkbox],
.divMultiCtr input[type=checkbox] {
    transform: scale(2) !important;
    padding-right: 5px !important;
}

.eoDash .studentName {
    padding-left: 5px !important;
}

/* style removed from MembershipTerms page itself ========= */
.eoDash .lblChk {
    font-weight: 500 !important;
    padding-left: 10px !important;
}

/* style removed from LearningCenterGuidelines page itself ========= */
.membershipAndPricing .totalSummary {
    padding: 0px 0px 0px 0px !important;
}

.membershipAndPricing .smPaddingLeft {
    padding-left: 5px !important;
}

/* @Home grid on StudentDetails ========= */

#atHomeAddBtn {
    width: 75px;
    margin: 26px 0px 0px 25px;
}

#atHomeGridContainer {
    margin-top: 30px;
}

#atHomeErrors {
    margin-left: 17px;
}

#atHomeHeader {
    margin-bottom: 40px;
}

#atHomeDeleteWarning {
    height: 40px;
}

#atHomeDeleteText {
    display: inline-block;
    float: left;
}

#atHomeDeleteControls {
    display: inline-block;
    float: left !important;
    margin-top: 7px;
}

#deleteAtHomeDeliveryBtn {
    width: 66px;
    height: 30px;
    line-height: 10px;
}

#cancelAtHomeDeleteBtn {
    width: 66px;
    height: 30px;
    line-height: 10px;
}

.equalRow {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/*RAD-1616: flat menu*/
.dropdown-menu .flat-menu {
    white-space: nowrap;
    cursor: default;
}

    .dropdown-menu .flat-menu .flat-content {
        display: inline-block;
        vertical-align: top;
        padding: 0px;
        padding-left: 20px;
    }

        .dropdown-menu .flat-menu .flat-content .flat-label {
            color: var(--radius-color-yellow-500);
            padding-top: 10px;
            padding-right: 20px;
        }

        .dropdown-menu .flat-menu .flat-content .flat-item {
            background-color: transparent;
            padding: 0;
            padding-right: 20px;
        }

            .dropdown-menu .flat-menu .flat-content .flat-item:hover {
                color: var(--radius-color-yellow-500);
            }

/*Text Messenger*/
#textingModal {
    min-width: 600px !important;
    width: 100%;
    padding-right: 10px;
    height: auto;
}

.TextBodyTextArea {
    width: 100% !important;
    max-width: 100% !important;
    resize: none;
}

#browseCompTextAttachBtn {
    border-radius: 4px;
}

.sentTextAttachBtn {
    width: auto;
}

#AddResourceAttachments {
    margin-left: 10px;
}

.shuffleModeDropDown {
    width: 25px !important;
}

.paymentConfirmText {
    margin-left: 3%;
    margin-right: 3%;
    width: 80%;
}

.otpConfirm {
    margin-top: 20px;
    display: flex;
}

#markPaidConfirm {
    margin-right: 10px !important;
}

#openDWPConfirm {
    margin-right: 10px !important;
}

.testSettingsLabel {
    text-align: right;
}

.testSettingDetailsRow {
    padding-bottom: 10px;
}

.scroll-top {
    display: none;
    /*position: fixed;
    bottom: 13.5%;
    right: 35%;*/
    font-size: 1.25em;
    color: var(--radius-color-white);
    border: none;
    outline: none;
    padding: 1em;
    background-image: url("/Images/TaptoTopjpg.jpg");
    background-repeat: no-repeat;
    background-size: 2em;
    background-color: transparent;
    z-index: 999;
    cursor: pointer;
}

.feediscountcenter {
    text-align: center !important;
}

.excisetaxtiming > .k-radio-label {
    margin-left: 15px !important;
    font-weight: 400 !important;
}

.feediscountlabel {
    text-align: left !important;
    padding-left: 35px;
}

.feediscountleft {
    text-align: left !important;
}

.feeanddiscountbox {
    border: .5px solid var(--radius-color-black);
    border-radius: 6px;
    padding: 10px;
}

.gradeLevelbox {
    border: .5px solid var(--radius-color-black);
    border-radius: 6px;
    padding: 10px;
}

.percentagebox span {
    width: 85px !important;
}

.percentagebox:disabled {
    color: var(--radius-color-gray-300);
    opacity: .7;
    border-color: var(--radius-color-gray-200);
    background-color: var(--radius-color-gray-175);
}

.feediscountcheckbox {
    text-align: left !important;
    padding-left: 27.5px;
}

.excisetaxtiming {
    padding-right: 0px !important;
}

    .excisetaxtiming .k-radio-label {
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: middle;
    }

#firstBillingDayField span.k-numeric-wrap,
#secondBillingDayField span.k-numeric-wrap {
    width: 95px !important;
}

span.k-numeric-wrap {
    height: 34px !important;
}

#CreditFeeModalBox {
    overflow: hidden;
}

    #CreditFeeModalBox .k-picker-wrap:has([readonly=readonly]),
    #CreditFeeModalBox .k-picker-wrap:has([readonly=readonly]) .k-icon,
    #CreditFeeModalBox .k-picker-wrap:has([readonly=readonly]) .k-select,
    #CreditFeeModalBox .k-dropdown[aria-readonly=true],
    #CreditFeeModalBox .k-dropdown[aria-readonly=true] .k-icon,
    #CreditFeeModalBox .k-numerictextbox:has(input[readonly=readonly]) .k-numeric-wrap {
        cursor: not-allowed !important;
    }

        #CreditFeeModalBox .k-dropdown[aria-readonly=true] .k-dropdown-wrap {
            background-color: var(--radius-color-gray-175);
            border: 1px solid var(--radius-color-gray-250);
            opacity: 0.9;
        }

    #CreditFeeModalBox .k-numerictextbox:has([readonly=readonly]) {
        width: auto;
    }

    #CreditFeeModalBox .k-input[readonly="readonly"] {
        border-width: 1px;
        border: 1px solid var(--radius-color-gray-250);
        background-color: var(--radius-color-gray-175);
        pointer-events: none;
    }

.elongated-label::after {
    content: ":";
    font-weight: normal;
}

#disclaimer {
    color: var(--radius-color-red-650);
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 1.2;
    margin: 10px 0;
}

.darkerYellowHighlight {
    background-color: var(--radius-color-yellow-600);
}

#gridMissingPayments .k-grid-header .k-link {
    font-weight: bold !important;
}

@media (min-width: 1200px) {
    .studentGoalsDashWithSession {
        margin-top: -220px !important;
    }

    .studentGoalsDashWithoutSession {
        margin-top: -96px !important;
    }
}

.programTimeLine-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.programTimeLine-header, .programTimeLine-body {
    border: 1px solid var(--radius-color-black); /* Add borders to all header and data cells */
    padding: 8px;
    text-align: center; /* Center the text within the cells */
}

.programTimeLine-header {
    background-color: var(--radius-color-gray-125); /* Light gray background for headers */
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-text {
    width: max(300px, calc(100% + 15vw));
    height: auto;
    padding: 8px;
    border: 2px solid var(--radius-color-black);
    border-radius: 5px;
    position: absolute;
    z-index: 9999999999;
    bottom: calc(100%);
    transform: translateX(-15px);
    opacity: 0;
    background-color: var(--radius-color-white);
    white-space: normal;
    visibility: hidden;
    transition: all 300ms ease-in-out;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

#deleteActivityModal.hiddenPartial .text-justify {
    text-align:left;
}

.margin-page .searchDashOuter.roster-searchOuter {
    display: flex;
    width: 100%;
    align-items: center;
}

    .roster-searchOuter .searchDashInner {
        display: inline-flex;
        width: calc(100% - 50px);
        align-items: end;
    }

@media (min-width: 768px) {
    .dl-horizontal.emailSubscriptions dt {
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
        width: 250px !important;
    }
}

@media (min-width: 768px) {
    .dl-horizontal.emailSubscriptions dd {
        margin-left: 270px !important;
    }
}

.expected-timeline-disabled {
    opacity: 0.6;
}

    .expected-timeline-disabled input[type="checkbox"] {
        cursor: not-allowed !important;
    }

    .expected-timeline-disabled label {
        cursor: not-allowed !important;
        color: var(--radius-color-gray-600);
    }

    .expected-timeline-disabled label {
        pointer-events: none;
    }

#lblExpectedTimeline {
    font-weight: normal;
}

.flex-container {
    display: flex;
    align-items: center;
}

.single-center-inline #centerSettingsSingleCenterDD {
    display: flex;
    align-items: flex-start;
    gap: 128px;
    margin-bottom: 10px;
}

.single-center-inline .scc-col {
    display: flex;
    flex-direction: column;
}

.single-center-inline .form-group {
    margin-bottom: 0;
}

.single-center-inline .theGCSSingle {
    min-width: 200px;
}

#gridBarcodeExistsinLP thead th {
    font-weight: bold;
}

#gridBarcodeExistsinLP td.grid-ellipsis-small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

#gridBarcodeExistsinLP td.grid-ellipsis-medium {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 450px;
    width: 450px;
}

#HelpMenuModal {
    width: 500px;
    height: auto;
    margin-bottom: 8px;
}

#HelpMenuTitle {
    margin: 5px 8px; 
}

#HelpMenuItems {
    display: table;
    clear: both;
    width: 480px;
    height: auto;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 8px;
    margin: 0px 8px;
}

#HelpMenuButton {
    padding: 0 10px;
}

#HelpMenuIcon {
    padding: 2px 5px 4px 5px;
}

/* 1. Standard inputs explicitly targeted to prevent Kendo overlap */
input.CenterSettings-input-validation-error-custom {
    border: 1px solid var(--radius-color-red-550) !important;
}

    /* Subtle Bootstrap danger glow on focus for standard inputs */
    input.CenterSettings-input-validation-error-custom:focus {
        border-color: var(--radius-color-red-550) !important;
        box-shadow: 0 0 0 0.2rem var(--radius-color-red-550-alpha-25) !important;
        outline: 0;
    }

/* 2. Remove any accidental borders from the Kendo outer container */
span.k-dropdown.CenterSettings-input-validation-error-custom {
    border: none !important;
    background: none !important;
}

/* 3. Apply the 1px border ONLY to the inner Kendo wrap */
.k-dropdown.CenterSettings-input-validation-error-custom .k-dropdown-wrap {
    border: 1px solid var(--radius-color-red-550) !important;
}

    /* Glow for Kendo dropdowns when clicked/focused */
    .k-dropdown.CenterSettings-input-validation-error-custom.k-state-focused .k-dropdown-wrap,
    .k-dropdown.CenterSettings-input-validation-error-custom .k-dropdown-wrap.k-state-focused {
        box-shadow: 0 0 0 0.2rem var(--radius-color-red-550-alpha-25) !important;
    }

/* NOTE!! any additional style, add it to culture as well */

/*
.k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
    display: none;
}

.k-pager-sm .k-pager-sizes{
    display: block !important;
}

*/

.formValidationMsg {
    display: block;
}

.noLeftPad {
    padding-left: 0 !important;
}

/* Begin Text Messenger */
.failedTextMessageResendTooltip {
    display: none;
}

.failedTextMessageResendIcon:hover .failedTextMessageResendTooltip {
    display: inline-block;
}

.ResourceModal .resourceSelect {
    cursor: pointer !important;
}

#textingModal .dropDownList {
    border-width: 2px;
}

    #textingModal .dropDownList .k-dropdown-wrap {
        padding-left: 5px;
        padding-top: 5px;
        vertical-align: middle !important;
        height: 27px !important;
        background-color: var(--radius-color-white);
        background-image: none !important;
    }

#textingModal .addRpadding {
    padding-right: 10px !important;
}

.textIconAlertOnNav0 {
    margin: 0 9px 1px 8px !important;
}

.textIconAlertOnNav1 {
    margin-top: -8px !important;
}

#browseCompBtnGray {
    font-weight: 500 !important;
    border-radius: 3px !important;
}

#browseCompTextAttachBtn,
#browseCompBtn {
    font-weight: 500 !important;
    border-radius: 3px !important;
    background-color: var(--radius-color-white) !important;
}

#btnCanceltxt {
    font-weight: 500 !important;
    background-color: var(--radius-color-white) !important;
}

#SendTextBtn {
    font-weight: 500 !important;
}

#divNewText #SendText:focus,
#TextMessengerReplyCol #SendText:focus {
    outline: none !important;
}

#browseCompTextAttachBtnReply {
    border: 2px solid var(--radius-color-yellow-650);
    border-radius: 0px;
    background-color: var(--radius-color-white) !important;
}

.fancybox-textReplyModal {
    border: 5px solid var(--radius-color-black);
    border-radius: 20px;
    background-color: var(--radius-color-white);
}

    .fancybox-textReplyModal .TextBodyTextArea,
    .fancybox-textReplyModal .k-widget,
    .fancybox-textReplyModal input {
        border: 2px solid var(--radius-color-gray-550);
        background-color: var(--radius-color-white) !important;
        padding: 3px 7px;
    }

    .fancybox-textReplyModal .fancybox-outer {
        border: 5px solid var(--radius-color-yellow-650);
        border-radius: 15px;
        background-color: var(--radius-color-white);
    }

        .fancybox-textReplyModal .fancybox-outer .fancybox-inner {
            /*overflow: hidden !important;*/
            overflow-y: auto !important;
        }

    .fancybox-textReplyModal .form-horizontal {
        padding-right: 25px !important;
    }

    .fancybox-textReplyModal .btn, .fancybox-textReplyModal k-dropdown-wrap {
        border-radius: 20px;
    }

        .fancybox-textReplyModal .btn:focus {
            border: 2px solid var(--radius-color-black);
            border-radius: 20px;
            outline: none;
        }

    .fancybox-textReplyModal .k-dropdown-wrap.k-state-default {
        background-image: none;
        background-color: var(--radius-color-white);
        border: none;
    }

#divMainTextMsgr {
    font-family: 'Nunito', sans-serif;
}

    #divMainTextMsgr hr {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

.textMessengerSearch {
    border: 2px solid var(--radius-color-gray-700);
}

.fancybox-textReplyModal .k-multiselect-wrap.k-floatwrap {
    border: none;
    border-radius: 0px;
}

.fancybox-textReplyModal .k-widget.k-multiselect {
    border-radius: 0px;
}

.textMessengerSearchIcon {
    color: var(--radius-color-black) !important;
}

#textMessengerSearchBox {
    display: inline-block;
}

input.hs-search-field__input {
    height: 50px;
    font-size: 14px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    background-color: var(--radius-color-white);
    border: 1px solid var(--radius-color-black);
    box-shadow: none;
    -webkit-appearance: none;
}

.outboundMsg {
    background-color: var(--radius-color-gray-165);
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--radius-color-slate-gray-600);
    float: right;
    padding: 2px 8px;
    max-width: 40%;
    margin-right: 10px;
    margin-bottom: 1px;
}

.inboundMsg {
    background-color: var(--radius-color-white);
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--radius-color-slate-gray-600);
    float: left;
    padding: 2px 8px;
    max-width: 40%;
    margin-left: 10px;
    margin-bottom: 1px;
}

.topOfHistoryMsg {
    background-color: var(--radius-color-gray-165);
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--radius-color-slate-gray-600);
    float: right;
    padding: 2px 8px;
    max-width: 50%;
    margin-right: 25%;
    margin-bottom: 1px;
    margin-top: 10px;
}

.msgTimestamp {
    /*text-align: center;*/
    font-size: smaller;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

    .msgTimestamp .outMsg {
        float: right;
        padding-right: 10px;
    }

    .msgTimestamp .inMsg {
        float: left;
        padding-left: 10px;
    }

    .msgTimestamp .addBpad {
        padding-bottom: 20px !important;
    }

    .msgTimestamp .addTpad {
        padding-top: 20px !important;
    }

    .msgTimestamp .addTpadSm {
        padding-top: 8px !important;
    }

.btn-textMessenger,
.fancybox-textReplyModal .btn {
    background-color: var(--radius-color-yellow-650) !important;
    border: 2px solid var(--radius-color-black) !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    padding: 4px 14px !important;
}

    .btn-textMessenger:hover,
    .fancybox-textReplyModal .btn:hover {
        background-color: var(--radius-color-yellow-060) !important;
        border-color: var(--radius-color-black) !important;
    }

.selectTextConversation {
    background-color: var(--radius-color-gray-225);
    color: var(--radius-color-black);
}

#divTextMessengerConversations .addtopspace {
    margin-top: 2px !important;
}

#divTextMessengerSearch .textMsgSearchTopRow {
    height: 25px;
}

#divTextMessengerSearch .textMsgSearchBottomRow {
    min-height: 34px; /* having fix height overlaps the hr when multicenter selected */
}

#divTextMessengerSearch .col01 {
    min-width: 410px;
    max-width: 450px;
    display: inline-block;
}

#divTextMessengerSearch .col02 {
    min-width: 350px;
    max-width: 400px;
    display: inline-block;
}

#divTextMessengerSearch .col03 {
    min-width: 300px;
    max-width: 320px;
    display: inline-block;
}

#divTextMessengerCenterSelector .searchGridMultiSelect.k-multiselect {
    max-width: 380px !important;
    margin-right: 10px !important;
}

#divTextMessengerCenterSelector .searchGridMultiSelect .k-multiselect-wrap {
    max-width: 375px !important;
}

.textMessengerRow {
    min-height: 75px;
    /*max-width:1000px!important;*/
}

#TextMessengerPageTitle {
    /*background-color: #EBE70E;
    border-radius: 10px;*/
    padding: 5px;
}

#divTextMessengerUI {
    height: 600px;
    max-height: 800px;
}

#divTxtContents {
    border: 5px solid var(--radius-color-black) !important;
    border-radius: 15px;
}

#TextMessengerConversationsContainer {
    height: 550px;
    max-height: 550px;
    border-top: 5px solid var(--radius-color-yellow-650);
    border-bottom: 5px solid var(--radius-color-yellow-650);
    border-left: 5px solid var(--radius-color-yellow-650);
    /*border-right: 2px solid #EBE70E;*/
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    box-shadow: -1px 0 0 3px var(--radius-color-black);
}

    #TextMessengerConversationsContainer .hdrtxtMessage {
        padding-left: 7px !important;
        font-size: larger;
    }

#divNewTextControl {
    padding-left: 0 !important;
}

#TextMessengerCurrentConversation {
    height: 445px;
    max-height: 450px;
    border-bottom: 2px solid var(--radius-color-gray-925);
    overflow-y: auto;
    overflow-x: hidden;
}

#TextMessengerReplyCol {
    height: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.circlePlusIcon:before {
    content: "\e11f";
}

.openFolderOutlineIcon:before {
    content: "\e901";
}

#textMessengerArchiveIcon {
    color: var(--radius-color-black) !important;
}

.conversationArchived {
    color: var(--radius-color-white);
    background-color: var(--radius-color-black);
    border-radius: 10px;
    padding: 0px 5px;
}

#divCurrentConversationContainer {
    height: 550px;
    max-height: 800px;
    border-top: 5px solid var(--radius-color-yellow-650);
    border-bottom: 5px solid var(--radius-color-yellow-650);
    border-right: 5px solid var(--radius-color-yellow-650);
    /*border-left: none!important;*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 0 0 3px var(--radius-color-black);
}

#divNoConversationSelected {
    height: 550px;
    max-height: 800px;
    border-top: 5px solid var(--radius-color-yellow-650);
    border-bottom: 5px solid var(--radius-color-yellow-650);
    border-right: 5px solid var(--radius-color-yellow-650);
    /*border-left: none!important;*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 0 0 3px var(--radius-color-black);
    display: flex;
    justify-content: center;
    align-items: center;
}

#divTextMessengerConversations {
    height: 495px;
    overflow-y: auto;
    overflow-x: hidden;
}

#textHistoryConversationContainer {
    max-height: 178px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 2px solid var(--radius-color-black);
}

#sendTextHistoryTitleRow {
    height: 25px;
    border-top-left-radius: 21px !important;
    border-top-right-radius: 21px !important;
}

.TextMessengerScrollbar::-webkit-scrollbar,
.fancybox-textReplyModal::-webkit-scrollbar,
.TextMessengerScrollbar2::-webkit-scrollbar {
    width: 0.6em;
}

.TextMessengerScrollbar::-webkit-scrollbar-track,
.fancybox-textReplyModal::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-top: 3px !important;
    margin-bottom: 7px !important;
}

.TextMessengerScrollbar2::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-top: 3px !important;
    margin-bottom: 2px !important;
}

/* Handle */
.TextMessengerScrollbar::-webkit-scrollbar-thumb,
.fancybox-textReplyModal::-webkit-scrollbar-thumb,
.TextMessengerScrollbar2::-webkit-scrollbar-thumb {
    background: var(--radius-color-gray-310);
    width: 0.5em;
    border: none; /*2px solid grey;*/
    border-radius: 10px;
}

    /* Handle on hover */
    .TextMessengerScrollbar::-webkit-scrollbar-thumb:hover,
    .fancybox-textReplyModal::-webkit-scrollbar-thumb:hover,
    .TextMessengerScrollbar2::-webkit-scrollbar-thumb:hover {
        border-color: var(--radius-color-black);
    }

.inline-block {
    display: inline-block;
}

.textMessengerHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    height: 50px;
    vertical-align: middle;
    border-bottom: 2px solid var(--radius-color-gray-925);
    border-right: 3px solid var(--radius-color-white);
    box-shadow: 0 4px 2px -2px var(--radius-color-gray-700);
}

.conversationBlock {
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--radius-color-gray-550);
}

.moreRec1,
.moreRec2 {
    text-align: center !important;
    padding-left: 0 !important;
    font-size: small;
    width: 25px;
    height: 25px;
}

    .moreRec1 .circle,
    .moreRec2 .circle {
        height: 28px;
        width: 30px;
        background: none;
        border: 2px var(--radius-color-black) solid;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        cursor: pointer !important;
        /*margin-left: 25%;
            margin-top: 25%;*/
    }

    .moreRec1 .cir {
        margin-left: 25% !important;
        margin-top: 25% !important;
    }

    .moreRec2 .cir {
        margin-left: 10% !important;
        margin-top: 5% !important;
    }

    .moreRec1:hover .linkHover {
        display: block !important;
    }

    .moreRec1:hover .linkHoverHide {
        display: none !important;
    }

    .moreRec1 .linkHover {
        display: none !important;
        color: var(--radius-color-black) !important;
        background: var(--radius-color-warm-white) !important;
        margin-left: -200px !important;
        /*padding: 12px 25px 12px 12px !important;*/
        padding: 5px !important;
        position: absolute !important;
        z-index: 2000 !important;
        border-radius: 2px !important;
        border-color: var(--radius-color-gray-700) !important;
        border-style: outset !important;
        box-shadow: 0 10px 15px var(--radius-color-gray-550-alpha-30);
        width: 280px;
        text-align: left !important;
        overflow-x: visible;
    }

/*text messenger right panel hover on the top */
.moreRec3 .show,
.moreRec3:hover .linkHover {
    display: block !important;
}

.moreRec3 .hide,
.moreRec3:hover .linkHoverHide {
    display: none !important;
}

.moreRec3 {
    /*display: none !important;*/
    color: var(--radius-color-black) !important;
    background: var(--radius-color-warm-white) !important;
    margin-left: 300px !important;
    margin-top: -10px !important;
    padding: 7px !important;
    position: absolute !important;
    z-index: 2000 !important;
    border-radius: 2px !important;
    border-color: var(--radius-color-gray-700) !important;
    border-style: outset !important;
    box-shadow: 0 10px 15px var(--radius-color-gray-550-alpha-30);
    width: 300px;
    text-align: left !important;
    overflow-x: visible;
}

#divTextMessengerConversations .addTpad,
#divCurrentConversationContainer .addTpad {
    padding-top: 10px;
}

#divTextMessengerConversations .addTpadSm,
#divCurrentConversationContainer .addTpadSm {
    padding-top: 5px;
}

#divCurrentConversationContainer .inlineObj {
    display: inline !important;
    height: 40px;
}

.txtMsgConvoHdr1 {
    width: 10% !important;
    padding: 5px 8px !important;
}

.txtMsgConvoHdr2 {
    width: 80% !important;
    padding: 5px 8px !important;
}

.txtMsgConvoHdr3 {
    width: 10% !important;
    padding: 5px 8px !important;
}

#CurrentNumbersList .hiddenEllipsisNum {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

#CurrentConversationTitle .hiddenEllipsisName {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

#CurrentConversationTitle .header1 {
    display: inline !important;
}

/* End Text Messenger */
.vertical-align-bottom {
    vertical-align: bottom;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-middle {
    vertical-align: middle;
}

.col-no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.centerCardLevelRow {
    white-space: nowrap;
}

.dwpCenterSettingsRow {
    white-space: nowrap !important;
}

.leadOtherSourceInput span.form-control {
    display: inline-block !important;
}

.k-pager-info.k-label {
    display: inline !important;
}

.leadOtherSourceInput span.form-control {
    display: inline-block !important;
}

#createLead, #editLead {
    margin-left: -8% !important;
}

    #createLead .leadphone .col1,
    #editLead .leadphone .col1 {
        display: inline-block !important;
        vertical-align: bottom !important;
        /*font-size: 12px !important;*/
        /*padding-right: 12px;*/
        width: 180px;
    }

    #createLead .leadphone .col2,
    #editLead .leadphone .col2 {
        display: inline-block !important;
        width: 300px;
        padding-left: 26px;
        vertical-align: top;
    }

.RadiusSettingsModalCheckBox {
    margin-left: 25px;
}

.toggleBtn {
    max-height: 34px;
    border-width: 3px;
    border-radius: 20px;
    font-weight: bold;
    width: 150px;
    padding: 5px 12px 6px 12px;
}

    .toggleBtn:hover {
        font-style: italic;
        font-weight: normal;
        line-height: 1;
        padding: 0px;
    }

.hiddenCheckBox {
    display: none;
}

.toggleBtn-default {
    color: var(--radius-color-gray-900);
    background-color: var(--radius-color-white) !important;
    border-color: var(--radius-color-black);
}

.toggleBtn-inverted {
    color: var(--radius-color-white) !important;
    background-color: var(--radius-color-gray-900);
    border-color: var(--radius-color-gray-400);
}

.toggleHelpText {
    display: none;
    font-style: italic;
}

.toggleMainText {
    font-size: 100%;
    display: none;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hiddenEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.discountText {
    font-weight: normal;
}


.discountBtn {
    margin-right: 10px;
    border-radius: 5px;
    border-color: transparent;
}

.cellWrap {
    margin: 0 0 .5em .5em;
    max-width: 300px !important;
    word-wrap: break-word !important;
}

.cellWrapSm {
    margin: 0 0 .5em .5em;
    max-width: 120px !important;
    word-wrap: break-word !important;
}

.cellWrapMd {
    margin: 0 0 .5em .5em;
    max-width: 210px !important;
    word-wrap: break-word !important;
}

.cellWrapXSm {
    margin: 0 0 .5em .5em;
    max-width: 95px !important;
    word-wrap: break-word !important;
}

.cellWrapNoWidth {
    margin: 0 0 .5em .5em;
    word-wrap: break-word !important;
}

.disabled-text {
    color: var(--radius-color-gray-750);
}

.summaryBox {
    margin-left: 16px !important;
    padding: 12px !important;
    background-color: var(--radius-color-gray-160) !important;
    border: 1px solid var(--radius-color-gray-675) !important;
    border-radius: 4px !important;
    width: auto !important;
}

    .summaryBox table {
        max-width: 200px !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

    .summaryBox .tdText {
        min-width: 150px !important;
    }

    .summaryBox .tdValue {
        min-width: 30px !important;
    }

.summaryBoxNoWidth {
    margin-left: 16px !important;
    padding: 12px !important;
    background-color: var(--radius-color-gray-160) !important;
    border: 1px solid var(--radius-color-gray-675) !important;
    border-radius: 4px !important;
    width: none !important;
    min-width: 300px !important;
}

    .summaryBoxNoWidth table {
        min-width: 268px !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

    .summaryBoxNoWidth .tdText {
        min-width: 218px !important;
    }

    .summaryBoxNoWidth .tdValue {
        padding-left: 8px !important;
    }


.billingExceptionsSummaryBox {
    margin-left: 16px !important;
    padding: 12px !important;
    background-color: var(--radius-color-gray-160) !important;
    border: 1px solid var(--radius-color-gray-675) !important;
    border-radius: 4px !important;
    width: auto !important;
}

    .billingExceptionsSummaryBox table {
        max-width: 320px !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

    .billingExceptionsSummaryBox .tdText {
        min-width: 245px !important;
    }

.summaryBox2 .tdValue {
    min-width: 45px !important;
}

.solidGrayBorderBox {
    margin: 0px 0px 25px 16px !important;
    padding: 8px 8px 20px 8px !important;
    border: 4px solid var(--radius-color-gray-675) !important;
    border-radius: 2px !important;
    width: auto !important;
}

.maxWid1080 {
    min-width: 600px;
    max-width: 1080px;
    margin-bottom: 16px;
    margin-top: 12px;
}

.editEnroll .modal-header {
    padding: 10px !important;
}

.editEnroll .modal-body {
    height: 160px !important;
}

.editEnroll .modal.fade.in {
    top: 15% !important;
}

.divLPindx .addLpadding {
    padding-left: 25px !important;
}

.divLPindx .sectionShuffleMode {
    font-size: 10pt !important;
}

    .divLPindx .sectionShuffleMode input[type=checkbox] {
        margin-top: 6px;
        margin-right: 5px;
    }

    .divLPindx .sectionShuffleMode .column1 {
        min-width: 340px !important;
        max-width: 355px !important;
        display: inline-block;
        padding: 2px 10px 2px 35px !important; /*trbl*/
        vertical-align: top;
    }

    .divLPindx .sectionShuffleMode .column101 {
        min-width: 300px !important;
        max-width: 315px !important;
        display: inline-block;
        padding: 2px 10px 2px 35px !important; /*trbl*/
        vertical-align: top;
    }

    .divLPindx .sectionShuffleMode .column1 .addLpadding {
        padding-left: 25px !important;
    }

    .divLPindx .sectionShuffleMode .column2 {
        min-width: 410px !important;
        max-width: 450px !important;
        display: inline-block;
        padding: 2px 15px 2px 30px !important;
        vertical-align: top;
    }

    .divLPindx .sectionShuffleMode .column3 {
        max-width: 220px !important;
        display: inline-block;
        padding: 2px 10px 2px 12px !important;
        vertical-align: top;
    }

    .divLPindx .sectionShuffleMode .column201 {
        width: 95px !important;
        height: 31px !important;
        display: inline-block;
        padding-top: 5px !important;
        vertical-align: top;
    }

    .divLPindx .sectionShuffleMode .column202 {
        width: 60px !important;
        height: 31px !important;
        display: inline-block;
        padding: 3px !important;
        vertical-align: top;
    }

    .divLPindx .sectionShuffleMode .column203 {
        width: 330px !important;
        /*height: 31px !important;*/
        display: inline-block;
        padding-top: 5px !important;
        vertical-align: top;
    }

        .divLPindx .sectionShuffleMode .column203 .addLpadding {
            padding-left: 55px !important;
        }

.divLPindx .tdbucket .k-dropdown,
.divLPindx .tdbucket .k-input {
    height: 28px !important;
    width: 60px !important;
}

.divLPindx .tdpace .k-numeric-wrap,
.divLPindx .tdpace .k-input,
.divLPindx .tdstartpg .k-numeric-wrap,
.divLPindx .tdstartpg .k-input {
    width: 50px !important;
    height: 28px !important;
}

.divLPindx .sectionShuffleMode .divMaxes {
    height: 45px !important;
    display: block;
    padding-left: 20px !important;
}

.divLPindx .column1 .k-widget {
    width: 120px !important;
}

.divLPindx .sectionShuffleMode .k-numeric-wrap {
    width: 40px !important;
    height: 25px !important;
    padding: 0px !important;
}

.divLPindx .sectionShuffleMode .k-widget.k-numerictextbox {
    width: 35px !important;
    height: 20px !important;
    padding: 0px 15px 0px 0px !important;
}

.divLPindx .sectionShuffleMode .k-numerictextbox .k-input {
    height: 25px !important;
}

.divLPindx .radinputbox {
    width: 38px !important;
    border: 2px solid var(--radius-color-warm-gray-260) !important;
    border-radius: 5px !important;
}

.divspacer {
    min-height: 75px !important;
}

.divspacerSM {
    min-height: 25px !important;
}

.divspacerMd {
    min-height: 50px !important;
}

.spanSpacer {
    margin-left: 10px !important;
}

.spanMSpacer {
    margin-left: 25px !important;
}

.bold {
    font-weight: 700 !important;
}

.boldIt {
    font-weight: 700 !important;
    font-style: italic !important;
}

.boldItup {
    font-weight: 900 !important;
    font-style: italic !important;
    font-size: 1.05em !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.full-width-container {
    width: 100%;
}

.rightmargin-25 {
    margin-right: 25px !important;
}

.rightmargin-50 {
    margin-right: 50px !important;
}

.rightmargin-190 {
    margin-right: 190px !important;
}

#divHoldsRpt.table {
    padding-right: 10px !important;
}

.smallerfont {
    font-size: 13px !important;
}

.xsmalfont {
    font-size: 10px !important;
}

.legendlineHt {
    line-height: 24px !important;
}

.fontbigger {
    font-size: medium !important;
}

.white {
    color: var(--radius-color-white) !important;
}

.red {
    color: var(--radius-color-red-950) !important;
}

.gray {
    color: var(--radius-color-gray-550) !important;
}

.grayBG {
    background-color: var(--radius-color-gray-275) !important;
}

.bluelink {
    color: var(--radius-color-blue-600) !important;
}

.notBold {
    font-weight: 500 !important;
}

.parNormal {
    margin: 1px 0 !important;
}

.parNormaltop {
    margin: 11px 0 7px 0 !important;
}

.leftJustfd {
    text-align: left !important;
}

.rightJustfd {
    text-align: right !important;
}

.indent1 {
    text-indent: 30px !important;
}

.indent2 {
    margin-left: 30px !important;
}

img.imgxHomeTraining {
    padding: 2px !important;
}

.divCtrSettings .addTop {
    padding-top: 5px !important;
}

#subPSScouponsModal .minAddSpacer {
    padding-top: 15px !important;
}

#pssCouponModal .noTopPadding {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.divCustomerAcct h4.slblLeadSource {
    cursor: pointer !important;
    padding-bottom: 10px !important;
    width: 140px !important;
}

.divCustomerAcct .divLeadSource {
    display: none !important;
    height: 1px !important;
    transition: height 3s !important;
}

.divCustomerAcct .divScrollTransition {
    display: block !important;
    height: 165px !important;
}

#divHoldsRpt th.k-header {
    font-weight: 600 !important;
    text-align: center !important;
}

.left {
    text-align: left !important;
}

.center {
    text-align: center !important;
}

.mail {
    margin-left: -1px !important;
    color: var(--radius-color-gray-750) !important;
    font-size: small !important;
}

    .mail:hover {
        color: var(--radius-color-blue-850) !important;
    }

.cursorDefault {
    cursor: default !important;
}

.cursorPointer {
    cursor: pointer !important;
}
/* Account/AlreadyRegistered & Account/ForgotPasswordConfirm & Account/LinkExpired */
.divAccount .outer-div {
    display: table;
    position: absolute;
    height: 80%;
    width: 80%;
}

.divAccount .mid-div {
    display: table-cell;
    vertical-align: middle;
}

.divAccount .inner-div {
    margin: 0 auto;
    text-align: center;
    width: 600px;
    height: 300px;
}

/* Account/Register */
#acctRegi select.input-validation-error {
    border: 1px solid var(--radius-color-red-700);
}

/* Admin/RadiusSettings */
#searchHistoryToggleContainer {
    display: block;
    margin: 50px 0px;
}

    #searchHistoryToggleContainer .searchHistoryToggleCheckbox {
        margin-top: 0 !important;
    }

/* Admin/ResourcesManagement */
.divResourceMngt input,
.divResourceMngt select,
.divResourceMngt textarea {
    overflow: hidden;
    padding: 0;
    outline: none;
    max-width: 100%;
}

.divResourceMngt .textValue {
    white-space: pre;
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*Digital Workout Plan*/
#DigitalWorkoutPlanEntryForm {
}

    #DigitalWorkoutPlanEntryForm .displayBlock {
        padding: 10px !important;
        display: block !important;
        clear: both;
    }

    #DigitalWorkoutPlanEntryForm .displayBlockinner {
        padding: 2px 1px !important;
        display: block !important;
        clear: both;
    }

    #DigitalWorkoutPlanEntryForm .addLpad30 {
        padding-left: 30px !important;
    }

.dwpSectionArrow {
    width: 1.5%;
    margin: 0 5px;
    height: auto;
}

.dwpEntryButton {
    background-image: url(../../Images/session_icon.png);
}

#concurrencyPopup .modal-content {
    overflow: hidden !important;
    min-height: 200px !important;
    max-height: 400px !important;
}

#DigitalWorkoutPlanEntryForm input[type=checkbox] {
    margin-top: 3px;
    cursor: pointer !important;
}

#DigitalWorkoutPlanEntryForm select {
    cursor: pointer !important;
}

#DigitalWorkoutPlanEntryForm label {
    display: inline !important;
}

#DigitalWorkoutPlanEntryForm select {
    cursor: pointer !important;
}

#DigitalWorkoutPlanEntryForm label {
    display: inline !important;
}

#DigitalWorkoutPlanEntryForm textarea {
    max-width: 650px !important;
}

#DigitalWorkoutPlanEntryForm span.control-label {
    vertical-align: middle;
    text-align: center;
}


#DigitalWorkoutPlanEntryForm .historybox {
    border-radius: 10px !important;
    background-color: var(--radius-color-white);
    border: 3px solid var(--radius-color-gray-425) !important;
    padding: 12px !important;
    width: 375px;
    height: 370px;
    display: block !important;
    position: absolute;
    z-index: 10;
    margin-left: 60px !important;
}

#DigitalWorkoutPlanEntryForm .infobox {
    border-radius: 10px !important;
    background-color: var(--radius-color-white);
    border: 3px solid var(--radius-color-gray-425) !important;
    padding: 12px !important;
    width: 560px;
    height: 250px;
    display: block !important;
    position: absolute;
    z-index: 10;
    margin-left: 80px !important;
    margin-top: -25px !important;
}

#DigitalWorkoutPlanEntryForm .txtareaResizeOff {
    resize: none;
}

#DigitalWorkoutPlanEntryForm .historyboxInner {
    border: 2px solid var(--radius-color-gray-900) !important;
    border-radius: 5px !important;
    padding: 15px 10px 25px 10px !important;
    margin: 10px 8px 20px 8px !important;
    width: 340px;
    height: 250px;
    overflow: auto;
}

#DigitalWorkoutPlanEntryForm .historyboxHidden {
    display: none !important;
}

#DigitalWorkoutPlanEntryForm .center {
    text-align: center !important;
}

#DigitalWorkoutPlanEntryForm .solidGrayBorderBox {
    display: inline-block !important;
    margin: 15px !important;
    padding: 8px 8px 12px 8px !important;
    border: 2px solid var(--radius-color-gray-675) !important;
    border-radius: 10px !important;
    width: 575px !important;
}

#DigitalWorkoutPlanEntryForm #assessment-choices {
    margin-left: 25px !important;
}

#DigitalWorkoutPlanEntryForm #school-work-status-box {
    padding: 10px !important;
}

#DigitalWorkoutPlanEntryForm ul {
    list-style-type: none;
    float: left;
    /*margin-top: 1em;
                margin-left: -2em;*/
}

#DigitalWorkoutPlanEntryForm li {
    list-style-type: none;
    float: left;
    margin-right: 5px;
    /*font-weight:bold;*/
}

    #DigitalWorkoutPlanEntryForm li.top {
        margin-top: -7px !important;
        margin-left: 3px !important;
    }

    #DigitalWorkoutPlanEntryForm li.nLeft {
        margin-left: -20px !important;
    }

#DigitalWorkoutPlanEntryForm .stdMaterialsContent .form-control {
    margin-bottom: 0 !important;
}

#DigitalWorkoutPlanEntryForm .control-padding-top .indent1 {
    text-indent: 15px !important;
}

#DigitalWorkoutPlanEntryForm ul.space-first li {
    list-style-type: none;
    float: left;
    margin-right: 25px;
    /*font-weight:bold;*/
}

#DigitalWorkoutPlanEntryForm #schoolwork-info ul.space-first li {
    margin-left: -15px;
}


#DigitalWorkoutPlanEntryForm #schoolworkBtn {
    border-radius: 10px;
}

#DigitalWorkoutPlanEntryForm li:nth-child(even) {
    list-style-type: none;
    float: left;
    margin-right: 25px;
}

#DigitalWorkoutPlanEntryForm #divSessionDetails .col1 {
    width: 130px !important;
    display: inline-block;
    padding: 2px 10px 10px 20px !important;
    vertical-align: top;
}

#DigitalWorkoutPlanEntryForm #divSessionDetails .col2 {
    width: 255px !important;
    display: inline-block;
    padding: 2px 5px 10px 10px !important;
    vertical-align: top;
}

#DigitalWorkoutPlanEntryForm #divSessionDetails .col3 {
    width: 140px !important;
    display: inline-block;
    padding: 2px 10px 10px 5px !important;
    vertical-align: top;
}

#DigitalWorkoutPlanEntryForm #divSessionDetails .col4 {
    width: 195px !important;
    display: inline-block;
    padding: 2px 10px 10px 2px !important;
    vertical-align: top;
}

#DigitalWorkoutPlanEntryForm #notes-status-box,
#DigitalWorkoutPlanEntryForm #schoolwork-details,
#DigitalWorkoutPlanEntryForm #dwpLPholder {
    border-radius: 8px;
    border: 2px solid var(--radius-color-gray-440);
    width: 97%;
    padding: 7px 18px !important;
}

#DigitalWorkoutPlanEntryForm #schoolwork-details {
    margin-bottom: 20px !important;
}

#DigitalWorkoutPlanEntryForm #assessment-choices {
    border-radius: 8px;
    border: 2px solid var(--radius-color-gray-440);
    width: 400px !important;
    padding: 5px !important;
    margin-left: 50px;
}

#DigitalWorkoutPlanEntryForm dt, #DigitalWorkoutPlanEntryForm dt label {
    padding: 0px !important;
    margin-bottom: 0px !important;
    display: inline !important;
}

#DigitalWorkoutPlanEntryForm .dtMinHeight {
    min-height: 40px !important;
}

#DigitalWorkoutPlanEntryForm dd, #DigitalWorkoutPlanEntryForm dd label {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

#DigitalWorkoutPlanEntryForm #divSessionDetails .rel {
    display: inline-block !important;
    float: left !important;
    position: relative !important;
    min-height: 1px !important;
}

#DigitalWorkoutPlanEntryForm .addTBpad-s {
    padding: 10px 0 10px 0 !important;
}

#DigitalWorkoutPlanEntryForm .col06 {
    width: 48% !important;
    padding-left: 0px !important;
}

#DigitalWorkoutPlanEntryForm #sec1 label {
    margin-left: 15px !important;
}

#DigitalWorkoutPlanEntryForm #sec1 .col02 {
    width: 50% !important;
    padding-left: 2px !important;
}

#DigitalWorkoutPlanEntryForm #sec1 .col03 {
    width: 40% !important;
    padding-right: 9px !important;
    min-height: 41px !important;
}

#DigitalWorkoutPlanEntryForm #sec2 .col02 {
    text-align: right;
    width: 60% !important;
    padding-left: 2px !important;
}

#DigitalWorkoutPlanEntryForm #sec2 .col03 {
    text-align: right;
    width: 35% !important;
    padding-left: 0px !important;
    min-height: 41px !important;
}

#DigitalWorkoutPlanEntryForm #sec2 select {
    margin-left: 18px !important;
}

/* --P/S Decks-- */
#DigitalWorkoutPlanEntryForm #decksSec {
    display: block !important;
    margin: auto !important;
}

    #DigitalWorkoutPlanEntryForm #decksSec .col06 {
        width: 47% !important;
        margin-left: 12px !important;
        display: inline-block !important;
    }

    #DigitalWorkoutPlanEntryForm #decksSec .upds {
        padding-left: 20px !important;
        display: block !important;
    }

    #DigitalWorkoutPlanEntryForm #decksSec label {
        display: block !important;
        font-weight: 500 !important;
    }

#DigitalWorkoutPlanEntryForm .psDecks .labelnormal2 {
    font-weight: 500 !important;
    padding-left: 20px;
    padding-top: 7px;
    display: block !important;
}

#DigitalWorkoutPlanEntryForm .psDecks input[type="radio"] {
    margin: 1px 10px !important;
}


#DigitalWorkoutPlanEntryForm .dt1 {
    width: 145px !important;
    text-align: left !important;
}

#DigitalWorkoutPlanEntryForm .dd1 {
    max-width: 165px !important;
    text-align: left;
    display: inline !important;
}

#DigitalWorkoutPlanEntryForm .ddopts {
    padding-top: 10px !important;
}

    #DigitalWorkoutPlanEntryForm .ddopts .dl-horizontal {
        width: 320px !important;
    }

#DigitalWorkoutPlanEntryForm #divSessionWrapUp .dl-horizontal {
    width: 320px !important;
}

/*#DigitalWorkoutPlanEntryForm .ddopts dt {
        text-align:left;
    }*/

#DigitalWorkoutPlanEntryForm .control-padding-right {
    padding-right: 15px;
}

#DigitalWorkoutPlanEntryForm .control-padding-left {
    padding-left: 15px;
}

#DigitalWorkoutPlanEntryForm .control-padding-top {
    padding-top: 10px;
}

#DigitalWorkoutPlanEntryForm .control-margin-left {
    margin-left: 50px;
}

#DigitalWorkoutPlanEntryForm #school-work-status-box ul {
    list-style-type: none;
    float: left;
    margin-top: 1em;
    margin-left: -2em;
}

    #DigitalWorkoutPlanEntryForm #school-work-status-box ul li {
        list-style-type: none;
        float: left;
        margin-right: 25px;
    }

#DigitalWorkoutPlanEntryForm #schoolwork-in-minutes-holder {
    width: 75% !important;
    margin-left: 25px;
}

#DigitalWorkoutPlanEntryForm.divwithclock .k-list {
    width: 100px;
}

#DigitalWorkoutPlanEntryForm.divwithclock .k-state-default,
#DigitalWorkoutPlanEntryForm.divwithclock .k-animation-container,
#DigitalWorkoutPlanEntryForm .divwithclock .k-timepicker {
    width: 100px !important;
}

#DigitalWorkoutPlanEntryForm #session-info {
    margin-left: 25px;
}

    #DigitalWorkoutPlanEntryForm #session-info .session1 .form-control,
    #DigitalWorkoutPlanEntryForm #session-info .smaller,
    #DigitalWorkoutPlanEntryForm #schoolwork-in-minutes-holder .form-control {
        width: 100px !important;
    }

#DigitalWorkoutPlanEntryForm .hasSmalldd {
    width: 100px !important;
}

#DigitalWorkoutPlanEntryForm #sessPgGoal .hasSmalldd {
    width: 70px !important;
    display: inline !important;
}


#DigitalWorkoutPlanEntryForm .labelnormal {
    font-weight: 500 !important;
    padding-left: 10px;
    padding-top: 7px;
}

#DigitalWorkoutPlanEntryForm .lblNormalNoPad {
    font-weight: 500 !important;
}

#DigitalWorkoutPlanEntryForm .labelnormal2 {
    font-weight: 500 !important;
    padding-top: 7px;
}


#DigitalWorkoutPlanEntryForm .lblSessTime {
    font-weight: 500 !important;
    padding-top: 10px;
}


#DigitalWorkoutPlanEntryForm .inProgress {
    height: 23px;
    display: inline-block;
}

#DigitalWorkoutPlanEntryForm #school-work-status-box #digital-workout-plan-status, #session-notes-header-icon {
    margin-left: 5px;
}

#DigitalWorkoutPlanEntryForm .sessions-this-month,
#DigitalWorkoutPlanEntryForm .inlinestyle {
    display: inline-block;
}

#DigitalWorkoutPlanEntryForm .mleft {
    margin-left: -20px !important;
}

#DigitalWorkoutPlanEntryForm #student-pre-post {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


#DigitalWorkoutPlanEntryForm .clear-both {
    clear: both;
}

#DigitalWorkoutPlanEntryForm .sectionToggleAnchor {
    color: var(--radius-color-black);
    font-weight: bold;
    text-decoration: underline;
    font-size: medium !important;
}

#DigitalWorkoutPlanEntryForm .dwpTooltip,
.leadphone #txtphonetooltip,
.leadsurvey #txtsurveytooltip {
    cursor: pointer;
}

#DigitalWorkoutPlanEntryForm .tooltiptext {
    visibility: hidden;
    width: 185px;
    background-color: var(--radius-color-gray-900);
    color: var(--radius-color-white);
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
}

.leadphone .tooltiptext,
.leadsurvey .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: var(--radius-color-white);
    color: var(--radius-color-black);
    text-align: left;
    font-size: 11px !important;
    border: 2px solid var(--radius-color-gray-900);
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
}

#createqbobatch .qbobatchtooltip {
    cursor: pointer !important;
    display: inline-block;
}

#createqbobatch .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: var(--radius-color-gray-900);
    color: var(--radius-color-white);
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute !important;
    /*position: sticky;*/
    z-index: 1000;
    object-position: left top;
}

#DigitalWorkoutPlanEntryForm .tooltiptext2 {
    visibility: hidden;
    width: 185px;
    background-color: var(--radius-color-gray-900);
    color: var(--radius-color-white);
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: relative;
    left: 50px;
    z-index: 1;
}

#DigitalWorkoutPlanEntryForm .dwpTooltip:hover .tooltiptext,
#DigitalWorkoutPlanEntryForm .dwpTooltip:hover .tooltiptext2 {
    visibility: visible;
}

#DigitalWorkoutPlanEntryForm .tooltip {
    position: relative;
    opacity: inherit !important;
}

#DigitalWorkoutPlanEntryForm #ddStar,
#DigitalWorkoutPlanEntryForm #ddCard {
    margin: 3px 0px 3px 0px;
}

#DigitalWorkoutPlanEntryForm #ddStar {
    display: inline !important;
}

#DigitalWorkoutPlanEntryForm .tooltip .txtTooltip1 {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    bottom: 20px;
    left: 0;
    width: 200px;
    line-height: 16px;
    position: absolute;
}

#DigitalWorkoutPlanEntryForm .tooltip .txtTooltip2 {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    bottom: 20px;
    left: -18px;
    width: 170px;
    line-height: 16px;
    position: absolute;
}

#DigitalWorkoutPlanEntryForm .tooltip:hover .txtTooltip1,
#DigitalWorkoutPlanEntryForm .tooltip:hover .txtTooltip2 {
    display: inline;
    color: var(--radius-color-white);
    border: 1px solid var(--radius-color-tan-300);
    background: var(--radius-color-gray-850);
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

#DigitalWorkoutPlanEntryForm .txtTooltip1:after,
#DigitalWorkoutPlanEntryForm .txtTooltip2:after {
    position: absolute;
    display: block;
    content: "";
    border-style: solid;
    border-width: 8px;
    height: 0;
    width: 0;
    border-color: var(--radius-color-gray-850) transparent transparent transparent;
    bottom: -16px;
    left: 14px;
}


/* AnswerKey */
.AKcheckin #gridStudentCheckedin table {
    table-layout: fixed;
    width: 100% !important;
}

.AKcheckin .k-grid-header th.k-header {
    white-space: break-spaces !important;
}

.AKcheckin .studntDD .k-widget {
    width: 274px !important;
    margin-right: 3px !important;
}

.AKcheckin .studntDD .k-dropdown .k-input {
    text-indent: 10px !important;
    padding-top: 3px !important;
}

.AKcheckin .addleftpadding {
    margin-left: 11em !important;
}


.AKcheckin .addrightpadSM {
    margin-right: 7px !important;
}


.AKcheckin #MScenterSelector .searchGridMultiSelect .k-multiselect-wrap {
    width: 280px !important; /*should be align with .studntDD*/
}

.AKcheckin .k-list-container .k-list .k-item {
    padding-left: 5px !important;
}

.AKcheckin .k-dropdown-wrap .k-state-default {
    padding-top: 2px !important;
    padding-bottom: 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-sizing: border-box !important;
}

.AKcheckin .studntDD .k-input {
    margin-top: 2px !important;
}

.AKcheckin .lblInstrMngr {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-left: -50px !important;
    /*font-size: x-large !important;
        color: white;*/
}


.AKcheckin .divHdr {
    float: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.AKcheckin .dTitle {
    width: 24% !important;
}

.AKcheckin .dInsChkIn {
    width: 23% !important;
    text-align: right !important;
    margin-right: 20px !important;
}

.AKcheckin .dStdtChkIn {
    width: 50% !important;
    /*text-align: right !important;*/
}

/*removes arrow down input a dropdown*/
.AKcheckin .studntDD .k-combobox .k-dropdown-wrap {
    background-image: none !important;
    background-color: transparent !important;
}

    .AKcheckin .studntDD .k-combobox .k-dropdown-wrap .k-select {
        display: none;
    }

    .AKcheckin .studntDD .k-combobox .k-dropdown-wrap .k-clear-value {
        right: 8px;
    }


.AKcheckin {
    width: 1232px !important;
}

    .AKcheckin .center {
        text-align: center !important;
        margin: 0 calc(42% - 100px) !important;
    }

    .AKcheckin .pinRed:hover,
    .AKcheckin .pinBlack:hover,
    .AKcheckin .iconLP:hover,
    .AKcheckin .iconBreakoutRoom:hover,
    .AKcheckin .iconOut:hover {
        cursor: pointer !important;
    }

    .AKcheckin .AKgridchkin {
        min-width: 1058px !important;
        max-width: 1095px !important;
        /*min-height: 650px !important;*/
    }

    .AKcheckin .centerBtn {
        font-size: large !important;
        width: 150px !important;
        height: 55px !important;
    }

    .AKcheckin .studentNameInner {
        font-size: 30px !important;
    }

    .AKcheckin .loading-img {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('../../Content/kendo/2020.3.1118/Uniform/loading-image.gif');
    }


.AKpopup .col03 input[type="checkbox"],
.AKpopup .col04 input[type="checkbox"] {
    transform: scale(2) !important;
    margin-left: 5px !important;
}

.AKcheckin th[data-field="Pinned"],
.AKcheckin th[data-field="StudentId"],
.AKcheckin th[data-field="AttendanceId"] {
    text-align: center !important;
}

.AKcheckin .aSelected {
    color: var(--radius-color-yellow-400) !important;
}

.AKcheckin .anotSelected {
    color: var(--radius-color-blue-600) !important;
}

.AKcheckin .floatcenter {
    height: 158px !important;
    margin-top: 75px !important;
    margin-bottom: 50px !important;
}

#CheckinHdr .row {
    max-width: 1047px !important;
}

#DigitalWorkoutPlanEntryForm .AKpopup {
    padding: 6px 10px !important;
}

.AKpopup {
    padding: 15px !important;
}

    .AKpopup .col00 {
        width: 30px !important;
        font-weight: 700 !important;
        text-align: center;
    }

    .AKpopup .col01 {
        width: 120px !important;
        font-size: small !important;
        font-weight: 500 !important;
    }

#DigitalWorkoutPlanEntryForm .AKpopup .col01 {
    width: 110px !important;
    font-size: smaller !important;
}

.AKpopup .col02 {
    width: 230px !important;
    font-size: small !important;
    padding: 10px !important;
    font-weight: 500 !important;
}

#DigitalWorkoutPlanEntryForm .AKpopup .col02 {
    width: 240px !important;
}

.AKpopup .col03,
.AKpopup .col04 {
    /*font-size: smaller !important;*/
    width: 70px !important;
    padding: 5px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

#DigitalWorkoutPlanEntryForm .AKpopup .col03,
#DigitalWorkoutPlanEntryForm .AKpopup .col04 {
    font-size: smaller !important;
}

.AKpopup .enrollRadioDiv,
.AKpopup .enrollRadio div.radio {
    padding: 8px !important;
}

.AKpopup p.popUpHeader {
    padding: 10px !important;
    font-size: 30px !important;
}


/*Mass Text*/
#ReviewMsgModal .addleftpadding {
    margin-left: 12px !important;
}

#ReviewMsgModal .revw {
    margin: 0 0 5px !important;
}

#divMassTxt {
    max-width: 1280px !important;
}

    #divMassTxt input[type='button'] {
        border-radius: 10px !important;
    }

    #divMassTxt #resultTable th:first-child {
        text-align: center;
    }

    #divMassTxt textarea,
    #divMassTxt .recpt .k-multiselect {
        max-width: 550px !important;
    }

#divtxtfilter1 .k-state-default {
    background-color: var(--radius-color-white) !important;
}

#divtxtfilter1 .k-dropdown {
    width: 300px !important;
    padding: 5px 2px !important;
}

#divtxtfilter1 .k-input {
    width: 270px !important;
    padding: 5px 2px !important;
}

#divMassTxt .spacer {
    line-height: 45px !important;
}

#divMassTxt .cfilters {
    display: inline !important;
}

#divMassTxt .noLeftPadding1 {
    margin-left: -30px !important;
    margin-bottom: 0 !important;
}

#divMassTxt .addleftpadding {
    padding-left: 20px !important;
}


#divMassTxt .addleftpadding2 {
    padding-left: 30px !important;
}

#divMassTxt .col5 .k-numerictextbox,
#divMassTxt .col5 .k-numeric-wrap,
#divMassTxt .col5 .k-input {
    width: 50px !important;
}

#divMassTxt .col1 {
    width: 175px !important;
    padding: 3px 5px 3px 1px !important;
    display: inline-block;
    vertical-align: top !important;
}

#divMassTxt .col2 {
    width: 170px !important;
    padding: 3px 7px !important;
    display: inline-block;
    vertical-align: top !important;
}

#divMassTxt .col3 {
    width: 300px !important;
    padding: 3px 7px !important;
    display: inline-block;
    vertical-align: top !important;
}

#divMassTxt .col4 {
    width: 200px !important;
    padding: 3px 7px !important;
    display: inline-block;
    vertical-align: top !important;
}

#divMassTxt .col5,
#divMassTxt .col6 {
    width: 70px !important;
    padding: 3px 7px !important;
    display: inline-block;
    vertical-align: top !important;
}

#divMassTxt .col7 {
    width: 85px !important;
    padding: 3px 3px 3px 5px !important;
    display: inline-block;
    vertical-align: top !important;
    text-align: right !important;
}

#divCustomFilter {
    max-width: 1200px !important;
}

#divMassTxt .NoBorder {
    border: none !important;
    -webkit-box-shadow: none !important;
}

#divMassTxt .filter-item {
    margin-right: 210px !important;
    float: right !important;
}

#divMassTxt .k-dropdown-wrap .k-state-default {
    background-color: transparent !important;
}

.withinTexting .modal-body {
    min-height: 135px !important;
}

#stdGetAssmtLst span.centerDropDown .k-dropdown-wrap,
#stdGetAssmtLst span.centerDropDown .k-list-scroller
#stdGetAssmtLst span.centerDropDown .k-animation-container {
    width: 210px !important;
}

#stdGetAssmtLst span.centerDropDown .k-dropdown {
    width: 245px !important;
}

button.redBtn {
    font-weight: 500 !important;
    font-size: large !important;
    color: var(--radius-color-black) !important;
    background-color: var(--radius-color-red-125) !important;
    border: 2px solid var(--radius-color-red-625) !important;
    border-radius: 6px !important;
    padding: 15px 25px !important;
    margin: 5px !important;
}

button.greenBtn {
    font-weight: 600 !important;
    font-size: large !important;
    color: var(--radius-color-black) !important;
    background-color: var(--radius-color-green-300) !important;
    border: 2px solid var(--radius-color-green-800) !important;
    border-radius: 6px !important;
    padding: 15px 25px !important;
    margin: 5px !important;
}

button.wid1 { /* checkin with multi enrollment */
    width: 78px !important;
}

button.wid2 { /* save cancel */
    width: 60px !important;
}

button.wid3 { /* lp modal */
    width: 125px !important;
}

/* Answer/Edit & Answer/Index */
.divAnswer input[type="radio"],
.divAnswer input[type="checkbox"] {
    transform: scale(1.5) !important;
    margin-left: 5px !important;
}

#divDelMethodRpt {
    padding: 0 5px !important;
}

    #divDelMethodRpt #gridDeliveryMethodReport th {
        padding: 0 5px !important;
        text-align: center !important;
        margin: auto auto !important;
        font-weight: 600 !important;
    }

    #divDelMethodRpt .searchDashInner {
        padding-left: 10px !important;
    }

    #divDelMethodRpt .smallbox .form-control {
        width: 150px !important;
    }

    #divDelMethodRpt .smallbox .k-state-default {
        max-width: 150px !important;
    }

    #divDelMethodRpt .divspacer {
        min-height: 95px !important;
    }

/* Attendance/Roster */
.divRoster .durationError {
    background-color: var(--radius-color-red-400) !important;
}

.divRoster .durationWarning {
    color: gold !important;
    font-size: 1.5em !important;
    cursor: grab !important;
}

.divRoster .glyphicon {
    cursor: default !important;
}

#digitalRewardsSection {
    clear: both;
    margin: 40px 0px 30px 115px;
}

#digitalRewardsIconWrapper {
    display: inline-block;
    float: left;
}

#digitalRewardsIcon {
    width: 60px;
}

#digitalRewardsNumbers {
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-bottom: 55px;
}

#attendanceConfirmCancel {
    clear: both;
}


/* EmployeeAttendance/InstructorTimeSheet */
.divInstTimeSheet .k-grid-footer {
    display: table-footer-group !important;
}

/* EmployeeManagement/_ChangeHistoryList */
.divChangeHistList .changeHistoryValue {
    max-width: 200px;
    word-wrap: break-word !important;
}

.infoboxEmployee {
    border-radius: 10px !important;
    background-color: var(--radius-color-white);
    border: 3px solid !important;
    padding: 12px !important;
    width: 325px;
    height: 125px;
    display: block !important;
    position: absolute;
    z-index: 10;
    margin-left: 160px !important;
    margin-top: -160px !important;
}

.historyboxHiddenEmployee {
    display: none !important;
}

.shuffleModeConexEdToolTip {
    height: 70px;
    margin-top: -35px !important;
    transform: translateX(3px) translateY(-60px);
}

.conexEdShuffleModeInfo {
    margin-left: 5px !important;
    margin-bottom: 1px !important;
    height: 16px;
    width: auto;
}

.vcpShuffleModeInfo {
    margin-left: 5px !important;
    margin-bottom: 1px !important;
    height: 16px;
    width: auto;
}

.divEmployeeMngt .trainingSec p.titles {
    padding-top: 3px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.divEmployeeMngt .trainingSec p.EditTitles {
    padding-top: 10px !important;
    margin: auto auto !important;
}

.divEmployeeMngt .trainingSec .k-datepicker {
    width: 15vw !important; /*width: 12em !important;*/
    max-width: 175px;
    margin-bottom: 10px;
}

.divEmployeeMngt .trainingSec p {
    margin-left: 3px !important;
    font-weight: 700 !important;
}

.divEmployeeMngt .trainingSec .dateinput {
    min-width: 210px !important;
    /*padding: 4px !important;*/
}

.divEmployeeMngt .trainingSec p.subtitles {
    font-weight: normal !important;
    padding-left: 20px !important;
}

.divEmployeeMngt .trainingSec p.subtitlesEdit {
    font-weight: normal !important;
    padding-left: 20px !important;
    padding-top: 10px !important;
}

/* EmployeeMngt Traning Information Grid */
.divEmployeeMngt #gridTrainingPortal .k-grouping-row > td {
    padding-right: 0 !important;
}

.divEmployeeMngt #gridTrainingPortal .k-reset {
    padding: 0 0.2em !important;
}

.divEmployeeMngt #gridTrainingPortal .tdTitleCol2 {
    width: 227px !important;
    min-width: 227px !important;
    display: inline-block;
    padding: 0.4em 0.6em;
}

.divEmployeeMngt #gridTrainingPortal .tdDateCol2 {
    display: inline-block;
    width: 121px !important;
    /*max-width: 118px !important;*/
    /*padding: 0.4em 0.3em 0.4em 0.8em;*/
    padding: 0.4em 0.6em;
    font-weight: 500;
}

.divEmployeeMngt #gridTrainingPortal .tdDueDate {
    display: inline-block;
    width: 121px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

.divEmployeeMngt #gridTrainingPortal .tdDateCompleted {
    display: inline-block;
    width: 121px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

.divEmployeeMngt #gridTrainingPortal .tdLiveTrainingCompletedDate {
    display: inline-block;
    width: 105px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

.divEmployeeMngt #gridTrainingPortal .tdScoreCol2 {
    display: inline-block;
    width: 68px !important;
    /*max-width: 65px !important;*/
    padding: 0.4em 0.6em;
    /*padding: 8px 4px 5px 9px !important;*/
    font-weight: 500;
}

.divEmployeeMngt #gridTrainingPortal .tdScoreCol3 {
    display: inline-block;
    width: 110px !important;
    /*max-width: 85px !important;*/
    padding: 0.4em 0.6em;
    /*padding: 8px 4px 5px 14px !important;*/
    font-weight: 500;
}

.divEmployeeMngt .trDueDt, .divEmployeeMngt .trCompDt {
    /*padding-top: 10px!important;*/
}

.divEmployeeMngt .trRequiresLiveTraining {
    text-align: center;
    width: 10vw !important; /*width: 125px;*/
    max-width: 125px;
    line-height: 2.6;
}

.divEmployeeMngt .divScrollTransition {
    display: block !important;
}

#divTrainingPg .dispInline {
    display: inline !important;
}

/* Training Manager Grid */
#divTrainingPg .k-reset {
    padding: 0 0.2em !important;
}

#divTrainingPg .tdTitle {
    /*width: 183px !important;*/
    border: none !important;
}

#divTrainingPg .tdScore {
    /*width: 76px !important;*/
    border: none !important;
}

#divTrainingPg .tdQ1 {
    /*    width: 57px !important;
    max-width: 58px !important;
    padding: 1px 3px 1px 6px !important;*/
    border: none !important;
}

#divTrainingPg .tdQ2 {
    /*    width: 62px !important;
    max-width: 63px !important;
    padding: 1px 3px 1px 6px !important;*/
    border: none !important;
}

#divTrainingPg .tdQ3 {
    /*    width: 66px !important;
    max-width: 66px !important;
    padding: 1px 3px 1px 6px !important;*/
    border: none !important;
}

#divTrainingPg .tdRequiresLiveTraining {
    border: none !important;
    text-align: center !important;
}

#divTrainingPg .tdLink {
    /*width: 92px !important;*/
    max-width: 100px !important;
    /*padding: 1px 3px 1px 6px !important;*/
    border: none !important;
}

#divTrainingPg .tdLMby {
    /*    width: 119px !important;
    max-width: 120px !important;
    padding: 1px 3px 1px 6px !important;*/
    border: none !important;
}

#divTrainingPg .tdLMdt {
    /*    width: 133px !important;
    max-width: 134px !important;
    padding: 1px 3px 1px 6px !important;*/
    border: none !important;
}

#divTrainingPg .tdBtns {
    /*    width: 300px !important;
    max-width: 300px !important;
    padding: 1px 3px 1px 5px !important;*/
    border: none !important;
}


.subtraining {
    padding-bottom: 10px;
}

    .subtraining > div {
        padding-top: 10px;
        vertical-align: text-bottom;
    }

/* Training Portal Grid */
#trainingPortalDiv .gridButtonsSec {
    width: 500px;
}

    #trainingPortalDiv .gridButtonsSec button {
        width: 5px 10px !important;
        margin: 5px !important;
    }

#gridTrainingPortal .k-grid-header th[data-field="Title"],
#trainingPortalDiv .tdTitleCol {
    width: 227px !important;
}

#gridTrainingPortal .k-grid-header th[data-field="AssignedDate"],
#gridTrainingPortal .k-grid-header th[data-field="DueDate"],
#gridTrainingPortal .k-grid-header th[data-field="CompletedDate"],
#trainingPortalDiv .tdDateCol {
    width: 120px !important;
}

#gridTrainingPortal .k-grid-header th[data-field="ScoreStr"],
#trainingPortalDiv .tdScoreCol {
    width: 110px !important;
}

/*#trainingPortalDiv .tdActionCol {
    width: 280px !important;
}*/

#trainingPortalDiv .k-grouping-row > td {
    padding-right: 0 !important;
}

#trainingPortalDiv .k-reset {
    padding: 0 0.2em !important;
}

#trainingPortalDiv .tdTitleCol2 {
    width: 202px !important;
    display: inline-block;
    padding: 0.4em 0.6em;
}

#trainingPortalDiv .tdDateCol2 {
    display: inline-block;
    width: 115px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

#trainingPortalDiv .tdDueDate {
    display: inline-block;
    width: 110px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

#trainingPortalDiv .tdScoreCol2 {
    display: inline-block;
    width: 107px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

#trainingPortalDiv .tdDateCompleted {
    display: inline-block;
    width: 117px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

#trainingPortalDiv .tdLiveTrainingCompletedDate {
    display: inline-block;
    width: 101px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
}

#trainingPortalDiv .tdRequiresLiveTraining {
    display: inline-block;
    width: 80px !important;
    padding: 0.4em 0.6em;
    font-weight: 500;
    text-align: center !important;
}

#trainingPortalDiv .tdActionCol2 {
    display: inline-block;
    width: 205px !important;
    padding: 0.4em 0.6em;
    text-align: center;
    font-weight: 500;
}

    #trainingPortalDiv .tdActionCol a,
    #trainingPortalDiv .tdActionCol2 a {
        margin: 7px 5px !important;
    }

.centerDiv {
    margin: auto !important;
}

.trainingEditTest .alertBox {
    padding: 15px !important;
}

.trainingEditTest .trainingQuestionTextArea > textarea {
    min-width: 700px !important;
    resize: none;
}

.trainingEditTest .trainingAnswerTextArea0 > textarea,
.trainingEditTest .trainingAnswerTextArea1 > textarea,
.trainingEditTest .trainingAnswerTextArea2 > textarea,
.trainingEditTest .trainingAnswerTextArea3 > textarea {
    min-width: 565px !important;
    resize: none;
}

.QuestionBox {
    border-style: solid;
    border-radius: 25px;
    border-color: var(--radius-color-gray-750);
    font-size: 16px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.questionlabel > div {
    padding-bottom: 15px;
}

.answerlabel > div {
    text-align: left;
    padding-bottom: 10px;
}

.radio0,
.radio1,
.radio2,
.radio3 {
    text-align: center;
}

#QuestionBoxDetails {
    border-style: solid;
    border-radius: 25px;
    padding-bottom: 20px;
    min-width: 100px;
    max-width: max-content;
    font-size: 14px;
}

.questionlabelDetails {
    padding: 20px;
}

.answerlabelDetails {
    margin-left: 20%;
}

.questionNumber {
    padding-right: 5px !important;
}

/* ================================== */

.trainingQstPool {
    width: 700px !important;
    margin-right: auto !important;
    margin-left: 25px !important;
    display: inline-block !important;
}

.trainingImgBox {
    max-width: 365px !important;
    max-height: 420px !important;
    /*border: 1px solid lightgray !important;*/
    margin-left: auto !important;
    margin-right: 10px !important;
    display: inline-block !important;
    vertical-align: top !important;
    text-align: center;
    padding: 5px !important;
    border-radius: 5px !important;
}

.boxBorder1 {
    border: 1px solid var(--radius-color-gray-375) !important;
}

.trainingImgBox .trImg {
    width: 305px !important;
    height: 305px !important;
    /*border: 1px solid lightgray !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    vertical-align: top !important;
    text-align: center;
    border-radius: 5px !important;
}

.trainingImgBox .input-group input[type="text"] {
    border-radius: 0px 6px 6px 0px !important;
    background-color: var(--radius-color-white) !important;
}

.trainingImgBox .imgErrorMessageWrap {
    display: none;
    font-size: 12px;
    text-align: left;
    margin: 5px 0 -5px 0;
}

.trainingImgBox .imgDeleteButtonWrap {
    display: flex;
    justify-content: right;
    align-items: center;
    font-size: 15px;
    margin: 7px 5px 3px 0px;
    visibility: hidden;
}

.trainingPoolsec {
    min-width: 1000px !important;
    max-width: 1100px !important;
}

    .createNewTestVersion .trainingQuestionTextArea,
    .trainingPoolsec .dispIB {
        display: inline-block !important;
    }

    .trainingPoolsec .dispRdo {
        display: inline-block !important;
        width: 115px !important;
    }

    .trainingPoolsec .dispAns {
        display: inline-block !important;
        max-width: 505px !important;
        vertical-align: bottom;
    }

    .trainingPoolsec .trainingQuestionTextArea > textarea {
        width: 675px !important;
        max-width: 675px !important;
        resize: none;
    }

    .trainingPoolsec .trainingAnswerTextArea0 > textarea,
    .trainingPoolsec .trainingAnswerTextArea1 > textarea,
    .trainingPoolsec .trainingAnswerTextArea2 > textarea,
    .trainingPoolsec .trainingAnswerTextArea3 > textarea {
        width: 570px !important;
        max-width: 570px !important;
        resize: none;
    }



/* Enrollment/EnrollmentOpportunity/_AdjustInitialPayments.Partial */
.manageInitialPaymentsModal .initialPaymentsModal #currentMonthStartNotice {
    margin-bottom: 8px;
    width: 400px;
}

.grayInnerDiv {
    border: 1px solid var(--radius-color-gray-450) !important;
    border-radius: 4px !important;
    background-color: var(--radius-color-gray-275) !important;
    padding: 8px !important;
    margin-left: 65px !important;
    margin-top: 5px !important;
    max-width: 500px !important;
}

.grayInnerDivApplied {
    border: 1px solid var(--radius-color-gray-450) !important;
    border-radius: 4px !important;
    background-color: var(--radius-color-gray-275) !important;
    padding: 7px !important;
    margin-top: 5px !important;
    max-width: 523px !important;
}

.partialvalidtnError {
    display: block !important;
    font-size: small !important;
    font-style: italic !important;
    color: var(--radius-color-red-500);
    margin-right: 30px !important;
}

.fontnormal {
    font-weight: 500 !important;
}

.underline {
    text-decoration: underline !important;
}

.partialEdit {
    text-decoration: underline !important;
    color: var(--radius-color-blue-650) !important;
    cursor: pointer !important;
    margin-left: -16px !important;
}

.appliedx.partialEditA {
    text-decoration: underline !important;
    color: var(--radius-color-blue-650) !important;
    cursor: pointer !important;
    margin-left: 5px !important;
}

.partialCancel {
    text-decoration: underline !important;
    color: var(--radius-color-blue-650) !important;
    cursor: pointer !important;
    margin-left: 12px !important;
}

.appliedx.partialCancelA {
    text-decoration: underline !important;
    color: var(--radius-color-blue-650) !important;
    cursor: pointer !important;
    margin-left: 17px !important;
}

#ManageDiscountsModal span.k-widget.k-numerictextbox.partialDAmtbox {
    width: 10em !important;
}

#ManageDiscountsModal input[type="checkbox"] {
    transform: scale(1.2) !important;
}

#ManageDiscountsModal .partialVerbiage {
    font-size: small;
    padding-top: 5px;
}

#ManageDiscountsModal .partialAppliedLabel {
    margin-left: 18px !important;
    font-style: italic !important;
}

#ManageDiscountsModal .siblingList td {
    padding: 5px !important;
}

#ManageDiscountsModal .studName {
    min-width: 175px !important;
}

/* removes the double scroll from the discount popup APP-3757 */
#DiscountsModal .fancybox-outer .fancybox-inner {
    overflow: hidden !important;
}

.membershipAndPricing .partialDiscountAmtToday {
    font-style: italic !important;
}

.txtItalic {
    font-style: italic !important;
}

#ManageDiscountsModal .loading-img {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../../Content/kendo/2020.3.1118/Uniform/loading-image.gif');
}

/* Guardian/Details */
#guardianDDeleteErrorModal {
    margin-top: 15px;
}

/* Jobs/Index */
body .divJobs {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* The Modal (background) */
.divJobs .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: var(--radius-color-black); /* Fallback color */
    background-color: var(--radius-color-black-alpha-40); /* Black w/ opacity */
}

/* Modal Content */
.divJobs .modal-content {
    background-color: var(--radius-color-off-white);
    margin: auto;
    padding: 20px;
    border: 1px solid var(--radius-color-gray-675);
    width: 50%;
}

/* The Close Button */
.divJobs .close {
    color: var(--radius-color-gray-525);
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .divJobs .close:hover,
    .divJobs .close:focus {
        color: var(--radius-color-black);
        text-decoration: none;
        cursor: pointer;
    }


/* LeadConversionReport/Index */
.divLeadConvRpt #summaryMetricsTable {
    margin-bottom: 0px !important;
}

.divLeadConvRpt #LeadSubsourcesMulti_listbox {
    width: 250px !important;
}

.divLeadConvRpt .k-list {
    width: 200px;
}

.divLeadConvRpt .k-list-scroller {
    max-width: 100%;
}

.divParentCommRpt .summaryBox table,
.divLeadConvRpt .summaryBox table {
    max-width: 350px !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 23px !important;
}

.divParentCommRpt .summaryBox .tdText,
.divLeadConvRpt .summaryBox .tdText {
    min-width: 230px !important;
}

.divParentCommRpt .summaryBox .tdValue,
.divLeadConvRpt .summaryBox .tdValue {
    min-width: 40px !important;
}

/* Leads/SecureDataForm */
/*per JH remove spinner from CVV.  Temporary until kendo numeric textbox is implemented*/
.leadsSecDForm input#CVV::-webkit-outer-spin-button,
.leadsSecDForm input#CVV::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.leadsSecDForm input#CVV {
    width: 90px !important;
}

.leadsSecDForm #UsePriorPaymentMethod {
    width: 230px;
}

.leadsSecDForm #ExsistingForm {
    margin: 70px 0px;
}

.leadsSecDForm #priorPaymentMethodContainer {
    margin: 0px auto;
}

.leadsSecDForm #priorPaymentMethodLabel {
    padding-bottom: 5px;
}

.leadsSecDForm #paymentMethodTextOr {
    padding: 35px 15px 20px 15px;
}

.leadsSecDForm #newPaymentButtonContainer {
    margin: 32px auto;
}

/* Spinner */
@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.lds-spinner::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px var(--radius-color-cool-gray-360);
    border-bottom-color: var(--radius-color-warm-gray-790);
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
    z-index: 9999999999;
}

.lds-spinner-in-place::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px var(--radius-color-cool-gray-360);
    border-bottom-color: var(--radius-color-warm-gray-790);
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}


/* Leads/Details */
.leadsDtl #referralUnsetMessage {
    margin-top: 20px;
    font-size: 18px;
}

.leadsDtl .refModalInstruction {
    margin: 12px 0 34px 0;
}

.leadsDtl .refModalFilter {
    display: inline-block;
    margin-right: 35px;
}

.leadsDtl #ReferralTeacherSchoolDD {
    padding-top: 3px;
}

.leadsDtl #leadDeleteErrorMessage {
    margin-top: 15px;
}

.leadsDtl .hiddenEllipsis1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px !important;
}

.leadsDtl .utmTooltip {
    cursor: pointer !important;
}

.leadsDtl .utmTooltiptext {
    visibility: hidden;
    max-width: 550px;
    overflow-wrap: break-word !important;
    background-color: var(--radius-color-white);
    color: var(--radius-color-black);
    text-align: left;
    border-radius: 6px;
    border: solid 1px var(--radius-color-gray-400) !important;
    padding: 5px;
    position: absolute !important;
    z-index: 1000;
    object-position: left top;
}

.leadsDtl .dl-horizontal dt {
    width: 175px !important;
}

.leadsDtl .dl-horizontal dd {
    padding-left: 10px !important;
    max-width: 320px !important;
}

/* Leads/Index */
.summaryBorderLeft {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--radius-color-gray-250);
}

.summaryCenterWidth {
    width: 200px;
    overflow: hidden;
}

.summaryBorderBottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--radius-color-gray-250);
}

.summaryColumnHeaderAlignLeft {
    text-align: left;
}

.summaryColumnHeaderAlignCenter {
    text-align: center;
}

.metricsTableDoubleHeader {
    background-color: var(--radius-color-gray-375);
}

.metricsTableDoubleBorder {
    border-right: 2px solid var(--radius-color-gray-250);
}

.fontWeightNormal {
    font-weight: normal;
}

.summaryTitleTotal {
    font-style: italic;
    text-transform: uppercase;
}

.summaryResults {
    font-style: italic;
    text-transform: lowercase;
    padding: 2px 2px 5px 2px
}

.summaryColumnTotal {
    background-color: var(--radius-color-gray-085);
}

.summaryColumnBold {
    font-weight: 700;
}
/* LeadsTrackingReport/Index */
.leadsTrckRpt #Totals {
    border-bottom-style: double !important;
}

/*.leadsTrckRpt #Source_location {
    border-top-style: double !important
}*/

.leadsTrckRpt #summaryMetricsTable.table {
    margin-bottom: 0 !important
}

.leadsTrckRpt .panel {
    margin-bottom: 0 !important
}

.leadsTrckRpt #LeadSubsourcesMulti_listbox {
    width: 250px !important;
}

.leadsTrckRpt .loading-img {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background: url('fancybox/fancybox_loading.gif') center center no-repeat;
}

/* LearningPlan/ReOrderIndex */
.divLPReOrdrI .state-selected td {
    background-color: var(--radius-color-yellow-350) !important;
}
/* LearningPlan/Index */
.divLPindx .mastered-item td {
    background-color: lightgreen;
}

.deckNameHidden {
    display: none !important;
}

.deckNameToolTip {
    height: 160px;
    margin-top: -35px !important;
    transform: translateX(17px) translateY(-145px);
}

/* LearningPlan/_GetAssignmentListReOrder */
.divGetAssgnReOrdr.k-grid tbody tr {
    cursor: move;
}


/* StudentAttendanceReport*/
#single-Grid-Page .table .k-footer-template td {
    background-color: var(--radius-color-white);
    display: none;
}

/* EnrollmentReport*/
#enrollment-report .table .k-footer-template td {
    background-color: var(--radius-color-white);
    display: none;
}

/* Membership/CenterSettings */
.divCtrSettings .membershipTemplateInput {
    display: block;
}

.divCtrSettings a.cke_button__guardian {
    background: var(--radius-color-gray-225) !important;
    padding: 3px !important;
    border: solid 1px var(--radius-color-gray-400) !important;
    margin: 0px 5px 5px 0px !important;
}

.divCtrSettings a.cke_button__guadianfirstname {
    background: var(--radius-color-gray-225) !important;
    padding: 3px !important;
    border: solid 1px var(--radius-color-gray-400) !important;
    margin: 0px 5px 5px 0px !important;
}

.divCtrSettings a.cke_button__guardianlastname {
    background: var(--radius-color-gray-225) !important;
    padding: 3px !important;
    border: solid 1px var(--radius-color-gray-400) !important;
    margin: 0px 5px 5px 0px !important;
}

.divCtrSettings a.cke_button__salutationguardianlastname {
    background: var(--radius-color-gray-225) !important;
    padding: 3px !important;
    border: solid 1px var(--radius-color-gray-400) !important;
    margin: 0px 5px 5px 0px !important;
}

.divCtrSettings .templateNotice {
    padding: 10px 0 10px 15px;
    max-width: 885px;
    width: 80%;
}

.divCtrSettings #centerSettingsButtonsContainer {
    margin-top: 25px;
}

.divCtrSettings #CenterDiscountCreateEditForm .form-control {
    width: 100% !important;
    max-width: unset !important;
}

.divCtrSettings #CenterDiscountCreateEditForm input.recurringDiscountAddOn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.divCtrSettings #CenterDiscountCreateEditForm input.currencyAddOn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.divCtrSettings #CenterDiscountCreateEditForm input#CenterDiscountName:disabled {
    color: unset;
}

#hrItem { /* style hr*/
    width: 1px;
}

#gridButtonsSec {
    max-width: 1280px !important;
}

    #gridButtonsSec .col1 {
        width: 210px !important;
        padding: 3px 10px !important;
        display: inline;
    }

        #gridButtonsSec .col1 .form-control {
            display: inline-block !important;
        }

    #gridButtonsSec .col2 {
        max-width: 119px !important;
        padding: 3px 10px !important;
        display: inline-block;
    }

    #gridButtonsSec .col3 {
        width: 140px !important;
        padding: 3px 10px !important;
        display: inline-block;
    }

    #gridButtonsSec .col4 {
        width: 177px !important;
        padding: 3px 10px !important;
        display: inline-block;
    }

#membershipTypes .ddCoa .k-dropdown {
    width: 282px !important;
}

#membershipTypes .ddCoa .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
}

.divTextTemp .addTop,
.divTextTemp dt,
.divTextTemp dd {
    padding-top: 5px !important;
}

/* Payment/IndexV2 */
.divPymntI .k-grid-norecords-template {
    width: auto !important;
}

.divPymntI #paymentDash {
    width: 1000px !important;
}

    .divPymntI #paymentDash span {
        display: block !important;
    }

.divPymntI #gridPayment {
    width: 2350px !important;
}

.divPymntI .addsmpad {
    margin-left: 4px !important;
}

.divPymntI #gridPayment.k-grid td {
    background-color: var(--radius-color-white) !important;
}

.divPymntI #gridPayment.k-grid tr.k-master-row td,
.divPymntI #gridPayment.k-grid tr.k-master-row:hover td {
    /*background-color: rgb(245,245,245) !important;*/
    background-color: var(--radius-color-white) !important;
    border-bottom: 1px solid var(--radius-color-gray-200) !important;
}

/*#gridPayment.k-grid tr.k-alt.k-master-row td,
		#gridPayment.k-grid tr.k-alt.k-master-row:hover td {
			background-color: #f8f8f8 !important;
			border-bottom: 1px solid rgb(235, 235, 235)
		}*/

.divPymntI #gridPayment.k-grid tr.k-detail-row td,
.divPymntI #gridPayment.k-grid tr.k-detail-row:hover td {
    border-bottom: 2px double var(--radius-color-gray-200) !important;
}

    .divPymntI #gridPayment.k-grid tr.k-detail-row td.k-hierarchy-cell,
    .divPymntI #gridPayment.k-grid tr.k-detail-row td.k-detail-cell,
    .divPymntI #gridPayment.k-grid tr.k-detail-row:hover td.k-detail-cell,
    .divPymntI #gridPayment.k-grid tr.k-detail-row:hover td.k-hierarchy-cell {
        background-color: var(--radius-color-gray-085) !important;
    }

.divPymntI #gridPayment.k-grid tr:hover td {
    background-color: var(--radius-color-white) !important;
}

.divPymntI #gridPayment.k-grid td.k-detail-cell {
    padding: 1em 1em !important;
    padding-left: 50px !important;
}

.divPymntI .subGridHeader {
    font-weight: 700 !important;
}

.divPymntI .studentSubGrid {
    font-size: smaller !important;
    border-bottom: none !important;
    width: 1200px !important;
    background-color: var(--radius-color-gray-200) !important;
}

    .divPymntI .studentSubGrid.k-grid td {
        background-color: var(--radius-color-white) !important;
        text-align: center;
    }

    .divPymntI .studentSubGrid.k-grid thead tr th,
    .divPymntI .studentSubGrid.k-grid thead tr th a {
        background-color: var(--radius-color-white) !important;
        background-image: none !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

.divPRCurrBDtl .k-grid-header th.k-header,
.divPymntI .k-grid-header th.k-header { /*override the kendo header to avoid adding BR*/
    vertical-align: bottom !important;
    border-color: var(--radius-color-gray-275) !important;
    overflow: hidden !important;
    border-style: solid !important;
    border-width: 0 0 1px 1px !important;
    padding: .5em .6em .4em .6em !important;
    font-weight: 400 !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}

#revenueComparisonWrapper {
    min-width: 500px;
    height: 250px;
}

#markPaidWrapper {
    width: 500px;
}

#finalizeDwpModalWrapper {
    width: 500px;
}

#revenueComparisonChartBox {
    clear: both;
    display: block;
    margin-top: 30px;
}

#revenueComparisonControls {
    clear: both;
    display: block;
    padding-top: 30px;
    margin-bottom: 25px;
}

#revenueComparisonChart {
    white-space: nowrap;
    display: flex;
}

#revenueComparisonChartHeader {
    display: inline-block;
    float: left;
}

    #revenueComparisonChartHeader .leftUpperCornerCell {
        height: 35px;
        width: 160px;
    }

    #revenueComparisonChartHeader .headerCellTop {
        height: 35px;
        width: 160px;
        padding: 5px 0 0 15px;
        border-top: 1px solid var(--radius-color-gray-700);
        border-bottom: 1px solid var(--radius-color-gray-700);
        border-left: 1px solid var(--radius-color-gray-700);
    }

    #revenueComparisonChartHeader .headerCellBottom {
        height: 35px;
        width: 160px;
        padding: 5px 0 0 15px;
        border-left: 1px solid var(--radius-color-gray-700);
        border-bottom: 1px solid var(--radius-color-gray-700);
    }

.revenueComparisonChartBody {
    display: inline-block;
}

    .revenueComparisonChartBody:last-child {
        border-right: 1px solid var(--radius-color-gray-700);
    }

    .revenueComparisonChartBody .monthCell {
        height: 35px;
        width: 120px;
        padding: 5px 0 0 5px;
        text-align: center;
        border-top: 1px solid var(--radius-color-gray-700);
        border-left: 1px solid var(--radius-color-gray-700);
    }

    .revenueComparisonChartBody .bodyCellTop {
        height: 35px;
        width: 120px;
        padding: 5px 15px 0 10px;
        text-align: right;
        border-top: 1px solid var(--radius-color-gray-700);
        border-bottom: 1px solid var(--radius-color-gray-700);
        border-left: 1px solid var(--radius-color-gray-700);
    }

    .revenueComparisonChartBody .bodyCellBottom {
        height: 35px;
        width: 120px;
        padding: 5px 15px 0 10px;
        text-align: right;
        border-bottom: 1px solid var(--radius-color-gray-700);
        border-left: 1px solid var(--radius-color-gray-700);
    }

    .revenueComparisonChartBody .projected {
        background-color: var(--radius-color-gray-160);
    }

        .revenueComparisonChartBody .projected.bodyCellTop,
        .revenueComparisonChartBody .projected.bodyCellBottom {
            font-style: italic;
        }

/* Payment/_OneTimePayment */
.divOneTmPymt label {
    font-weight: 500 !important;
}

.divOneTmPymt .ddSelectM {
    position: absolute !important;
}

.divOneTmPymt .bold {
    font-weight: 700 !important;
}

.divOneTmPymt .k-numeric-wrap {
    max-width: 175px !important;
}

    .divOneTmPymt .k-numeric-wrap .k-expand-padding .k-input {
        max-width: 175px !important;
    }

.divOneTmPymt textarea {
    /*max-width: 200px !important;*/
    overflow: auto !important;
    border-radius: 6px !important;
    /*padding: 10px !important;*/
    /*margin-left: 10px !important;*/
}

.divOneTmPymt .spacer1 {
    margin-left: 5px !important;
}

.divOneTmPymt .tall {
    margin-bottom: 12px !important;
}

.oTPSHeader,
.oTPHeader {
    font-size: 24px !important;
}

#oTPDate {
    display: inline-block;
    float: left;
}

#unpaidInvNotificationWrapper {
    margin-left: 90px;
    display: inline-block;
    float: left;
}

#unpaidInvInfoContainer {
    margin-left: 30px;
    display: inline-block;
    float: left;
}

#selectPmntLbl {
    margin: 30px 0px 13px 0px;
}

.otpNotesLbl {
    display: inline-block;
    float: left;
}

#otpNotesReqLbl {
    margin-left: 4px;
}

#divConfirmAction #invoiceUpdateAlert,
#divConfirmAction #totalsBrkdwnWrapper,
#divConfirmAction #billingInfoWrapper {
    margin-bottom: 20px;
}

#upPmntBrkdwnWrapper #upPmntTotalRow,
#divConfirmAction #pmntTotalRow,
#totalsWrapper #totalRow,
#CreatePaymentForm #pmntTotalRow {
    border-top: solid var(--radius-color-gray-550) thin;
}

#upPmntBrkdwnWrapper #enrCostVal,
#upPmntBrkdwnWrapper #pastDueAmtVal,
#upPmntBrkdwnWrapper #discountsVal,
#upPmntBrkdwnWrapper #upfPmntTotalVal,
#upPmntBrkdwnWrapper #creditFeeAmtVal,
#divConfirmAction #enrCostVal2,
#divConfirmAction #discountsVal2,
#divConfirmAction #pastDueTotalVal,
#divConfirmAction #miscTotalVal,
#divConfirmAction #pmntTotalVal,
#upPmntBrkdwnWrapper #taxAmtVal,
#divConfirmAction #comfirmTaxTotalVal {
    text-align: right;
}

#UpfrontPaymentContainer #upfMonthSelect {
    display: block;
}

#UpfrontPaymentContainer #ttld {
    padding-top: 5px;
}

#OneTimePaymentModalBox #divOneTime {
    padding-left: 35px;
}

#OneTimePymntMisc #otpMiscPmntDD {
    padding-left: 20px;
}

#OneTimePymntMisc #miscPmntNotesContainer,
#OneTimePymntMisc #miscCpmDropDownDiv {
    padding-left: 10px;
}

#OneTimePayment .smallFont {
    font-size: 12px;
}

#divConfirmAction #totalsBrkdwnWrapper {
    width: 33%;
}
/*One-time payment summary modal on manage invoices page*/
#oneTimePmntSummaryDiv {
    min-width: 950px;
    min-height: 250px;
}

#otpsHeader {
    margin-bottom: 40px;
}

.oTPSEmailBtn {
    background-image: url('/Images/OTPS_Email.png') !important;
    background-size: 25px 20px;
    height: 30px;
    width: 40px;
    min-width: 0px !important;
    background-repeat: no-repeat;
}

.oTPSDownloadBtn {
    background-image: url('/Images/OTPS_Download.png') !important;
    background-size: 25px 20px;
    height: 30px;
    width: 40px;
    min-width: 0px !important;
    background-repeat: no-repeat;
}

/* ManageHolds Page*/

#confirmDeleteHoldDiv .futureHoldCreditAlert {
    width: 400px;
    margin-left: 32px;
}

#holdFormDiv .futureHoldCreditAlert {
    width: 400px;
}

#confirmDeleteHoldDiv {
    min-width: 480px;
}

/* ProgressCheck/EnterResults */
.divProgChkEnRes input[type="radio"],
.divProgChkEnRes input[type="checkbox"] {
    transform: scale(1.5) !important;
    margin-left: 5px !important;
}

/* ProgressReportMngr/EnterResults */
.divPRmngrIndx table.currentBatchSummary {
    width: 100% !important;
    border: 3px solid var(--radius-color-black) !important;
}

    .divPRmngrIndx table.currentBatchSummary td,
    .divPRmngrIndx table.currentBatchSummary th {
        border: 1px solid var(--radius-color-black) !important;
    }

/* SelfService/ResetPasswordConfirmation */
.divSelfServc .ExistSize {
    margin: 0 auto !important;
    width: 500px !important;
    height: 300px !important;
}

.divSelfServc .SoftgreyInnerDiv {
    border: 1px solid var(--radius-color-black) !important;
    border-radius: 6px !important;
    background-color: var(--radius-color-warm-gray-080) !important;
    padding: 12px !important;
    height: 75px !important;
    width: 450px !important;
    margin: 10px !important;
}


.divLnkExp .InnerDiv {
    margin: 0 auto !important;
    width: 600px !important;
    height: 300px !important;
    padding-top: 70px !important;
}

.divLnkExp .ChangePaymentScreensExpiredDiv {
    border: 2px solid var(--radius-color-gray-225) !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin-bottom: 5px !important;
    max-width: 1200px !important;
    min-width: 700px !important;
    width: auto !important;
}

.divSelfServc .divForgotPwdConf .ForgotPasswordScreensDiv {
    border: 2px solid var(--radius-color-gray-225) !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin-bottom: 5px !important;
    max-width: 1200px !important;
    min-width: 500px !important;
}

.divEditSecData .NewSize {
    margin: 0 auto !important;
    width: 1100px !important;
    height: 600px !important;
}

.divSelfServc .NewSize {
    margin: 0 auto;
    width: 900px;
    height: 600px;
}

/* Shared/EditorTemplate/BillingInfoVM */
.billingDetails input[type=checkbox] {
    transform: scale(2) !important;
}

.billingDetails .addLpadding {
    padding-left: 10px !important;
}

.billingDetails .addRpadding {
    padding-right: 30px !important;
}

.billingDetails .addTpadding {
    padding-top: 10px !important;
}

.billingDetails .remvLpadding {
    padding-left: 0 !important;
}


/* Student/_AddEnrollmentDee & _AddEnrollment */
.EnrollmentModal #monthlyEnrollmentAdjustmentsGridContainer {
    margin-top: 25px;
}

.EnrollmentModal #createMonthlyEnrollmentAdjustmentsForm {
    width: 65% !important;
    margin: 0 auto !important;
}

    /*.EnrollmentModal #addMonthlyEnrollmentAdjustmentsButtonContainer {
    margin-top: 20px !important;
}*/

    .EnrollmentModal #createMonthlyEnrollmentAdjustmentsForm .k-numeric-wrap.k-expand-padding {
        width: 278px !important;
        max-width: 300px !important;
    }

        .EnrollmentModal #createMonthlyEnrollmentAdjustmentsForm .k-numeric-wrap.k-expand-padding .k-input {
            padding-left: 11px !important;
        }

.EnrollmentModal #monthlyEnrollmentAdjustmentsHeader {
    margin-bottom: 15px !important;
}

.EnrollmentModal .removeMonthlyEnrollmentAdjustmentsRow {
    padding-left: 0px !important;
    margin-left: 3px !important;
}

.EnrollmentModal #saveMonthlyEnrollmentAdjustmentsControls,
.EnrollmentModal #monthlyEnrollmentAdjustmentDeleteWarningContainer,
.EnrollmentModal #monthlyEnrollmentAdjustmentUpdateWarningContainer,
.EnrollmentModal #monthlyEnrollmentAdjustmentsUsedWarningContainer {
    padding-right: 0px !important;
}

.EnrollmentModal .monthlyEnrollmentAdjustmentsButtonContainer {
    margin-top: 15px !important;
    margin-right: 0px !important;
}

.EnrollmentModal #monthlyEnrollmentAdjustmentInstructions {
    margin-bottom: 45px !important;
}


/* Student/Details */
#enrollmentGrid #holdFormDiv {
    width: 406px !important;
}

#recommendDeeModal {
    margin: 10px 10px !important;
}

#deeLinkContainer {
    margin: 15px 0px 10px 0px !important;
}

.videoPlayerImageDiv {
    width: 100px;
    float: right;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}

#DWPEntryModal {
    overflow-anchor: none !important;
    scroll-snap-stop: normal !important;
    overscroll-behavior: unset !important;
    scroll-behavior: unset !important;
}

#digitalRewardsDetailsHeader {
    margin-top: 0px !important;
    font-weight: 700;
}

#studentGoalsHeader {
    margin-top: 0px !important;
    font-weight: 700;
}

.digitalRewardsEditBox {
    font-size: 16px;
    padding-left: 5px;
    text-align: right;
}

.noLeftPadding {
    padding-left: 0px !important;
}

.noRightPadding {
    padding-right: 0px !important;
}

#starsOnCurrCardDetailWrapper,
#cardLevelDetailWrapper {
    font-size: 15px !important;
}

#cardsAvailableDetailWrapper {
    margin-left: 10px;
    display: inline-block;
    float: left;
    font-size: 15px;
}

#cardsRedeemedDetailWrapper,
#cardsEarnedDetailWrapper {
    display: inline-block;
    float: left;
    margin-top: 3px;
    font-size: 12px;
}

#cardsRedeemedDetailWrapper {
margin-left:5px;
}

    #cardsEarnedRedeemed {
        margin-left: 30px;
        display: inline-block;
        float: left;
        font-style: italic;
    }

#digitalRewardsDetailsInputs {
    float: left;
    margin-top: 25px;
    margin-left: 10px;
}

#digitalRewardsDetailsInputsInsMgr {
    margin-top: 25px;
    margin-left: 10px;
}

.digitalRewardsNumeric > .k-numeric-wrap {
    width: 40px !important;
}

.digitalRewardsNumeric.k-numerictextbox {
    width: 40px !important;
}

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
}

.
/*#addStarsInputWrapper,
#redeemCardsInputWrapper {
    display: inline-block;
    float: left;
}
*/
/*#addStarsInputWrapper {
    margin-left: 60px;
}*/
.starsOnCurrentCardLabel {
    padding-left: 50px;
}

.cardsAvailableLabel {
    width: 65%;
}

    .cardsAvailableLabel > div {
        padding-left: 12px;
        text-align: left;
    }

.cardsAvailableText {
    padding-left: 10px !important;
}

.studentGoalInput {
    max-width: 100% !important;
    width: 100% !important;
}

.studentGoalLableColumn {
    width: 10%;
    height: 50px;
}

.digitalRewardSystemRow {
    padding-bottom: 10px;
    height: 52px;
}

.digitalRewardsSystemLabel {
    margin-top: 10px;
    font-size: 15px !important;
}

.digitalRewardsSystemInput {
    padding: 0px !important;
}

.digitalRewardsSystemBox {
    text-align: center;
}

#redeemCardsBtn,
#addStarsBtn,
#addCardsBtn {
    margin-left: 15px !important;
}

#digitalRewardsEditModal {
    width: 450px;
}

#studentGoalsEditModal {
    width: 717px;
    overflow: hidden
}

.digitalRewardsEditRow {
    margin: 10px 0px 10px 0px;
}
/*Billing Integration Styles*/

.divAddCurriculum {
    margin-left: -15px !important;
}

    .divAddCurriculum .ddcountry .k-state-default {
        background-image: none !important;
        background-color: var(--radius-color-white) !important;
        padding-top: 1px !important;
    }

#billingIntegrationDash {
    max-width: 500px;
    min-width: 425px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
    margin-right: 15px;
}

#billingIntegrationDetailsHeader {
    margin-top: 0px !important;
}

#billingIntegrationEditModal {
    width: 450px;
}

.billingIntegrationDetailWrapper {
    min-height: 30px;
    margin-bottom: 5px;
}

    .billingIntegrationDetailWrapper > span {
        overflow-wrap: break-word;
    }

.billingIntegrationEditRow {
    margin: 10px 0px 10px 0px;
    padding-left: 0px !important
}

billingIntegrationInput {
    margin-top: 10px;
}

.min-h-40 {
    min-height: 40px !important;
}

/*Dwp Dash Styles*/
#dwpDash {
    max-width: 500px;
    min-width: 425px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
    margin-right: 15px;
}

#dwpDashHeader {
    margin-top: 0px !important;
}

.dwpRecacheBox {
    text-align: center;
}

.dwpRecacheButton {
    margin-bottom: 10px;
}

/*Texting Integration Styles*/
#textingIntegrationDash {
    max-width: 500px;
    min-width: 425px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
    margin-right: 15px;
}

#textingIntegrationDetailsHeader {
    margin-top: 0px !important;
}

#textingIntegrationEditModal {
    width: 450px;
}

.textingIntegrationDetailWrapper {
    min-height: 30px;
}

    .textingIntegrationDetailWrapper > span {
        overflow-wrap: break-word;
    }

.textingIntegrationEditRow {
    margin: 10px 0px 10px 0px;
    padding-left: 0px !important
}

textingIntegrationInput {
    margin-top: 10px;
}

.redisRecacheBox {
    text-align: center;
}

.redisRecacheButton {
    margin-bottom: 10px;
}

/*Guardian Portal Scheduling Styles*/
#guardianPortalSchedulingDash {
    max-width: 500px;
    min-width: 425px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 40px;
    margin-right: 15px;
}

#guardianPortalSchedulingHeader {
    margin-top: 0px !important;
}

#guardianPortalSchedulingEditModal {
    width: 450px;
}

.schedulingDetailWrapper {
    min-height: 30px;
}

    .schedulingDetailWrapper > span {
        overflow-wrap: break-word;
    }

.schedulingEditRow {
    margin: 10px 0px 10px 0px;
    padding-left: 0px !important
}

/* Center Default Settings*/
.centerDefaultSettingsGrid {
    table-layout: fixed;
    border-collapse: collapse;
    border-color: var(--radius-color-black);
}

    .centerDefaultSettingsGrid td {
        border: 1px solid var(--radius-color-gray-250);
        text-align: left;
        padding: 2px 2px 4px 4px;
        border-color: var(--radius-color-black);
        white-space: nowrap;
    }

    .centerDefaultSettingsGrid th {
        border: 1px solid var(--radius-color-gray-250);
        padding: 2px 2px 4px 4px;
        border-color: var(--radius-color-black);
        background-color: var(--radius-color-gray-450);
    }

        .centerDefaultSettingsGrid th.topRow {
            border: 1px solid var(--radius-color-gray-250);
            padding: 2px 2px 4px 4px;
            border-color: var(--radius-color-black);
            height: 50px;
            background-color: var(--radius-color-gray-730) !important;
            color: var(--radius-color-white);
        }

    /*.centerDefaultSettingsGrid tr:nth-child(odd) {
        background-color: #f1f1f1;
    }*/

    .centerDefaultSettingsGrid .centerNameHeader {
        text-align: center;
    }

    .centerDefaultSettingsGrid .cardLevelCell .cardLevelGrid tr,
    .centerDefaultSettingsGrid .customGoalCell .customGoalGrid tr {
        text-align: left;
        background-color: transparent;
    }

    .centerDefaultSettingsGrid tr.rowWhite {
        background-color: var(--radius-color-white);
    }

    .centerDefaultSettingsGrid tr.rowGrey {
        background-color: var(--radius-color-gray-150);
    }

.centerSettingsGridCell div {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .centerSettingsGridCell div.maxPageCell {
        width: unset;
        display: inline-block;
    }

.centerDefaultSettingsGrid .k-textbox .k-input, .centerDefaultSettingsGrid .k-numerictextbox .k-input {
    text-align: center;
}

/* .centerSettingsGridCell div.splitDeckRadio, .centerSettingsGridCell div.splitDeckTextBox {
        margin: auto;
        width: 25%;
        display: flex;
        justify-content: center;
    }*/

.tableSectionHeader {
    min-width: 100%;
}

.centerGridTextBox {
    max-width: 50px;
}

.centerGridPhoneTextBox {
    max-width: 170px !important;
}

.centerGridDD {
    width: auto;
}

    .centerGridDD .k-dropdown-wrap {
        padding-left: 5px;
        padding-top: 5px;
        vertical-align: middle !important;
        height: 27px !important;
        background-color: var(--radius-color-white);
        width: 75px;
        background-image: none !important;
        max-width: 100px !important;
        min-width: 75px !important;
    }

.centerGridFLargeDD {
    width: auto;
}

.centerGridLargeDD .k-dropdown-wrap {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
    height: 27px !important;
    background-color: var(--radius-color-white);
    background-image: none !important;
    max-width: 175px;
}

.maxStarTextBox {
    max-width: 50px;
}

.levelNameTextBox {
    max-width: 100px;
}

.qboClassTextBox {
    max-width: 100px;
}

.cardLevelCell {
    vertical-align: top;
}

.cardLevelGrid, .customGoalGrid {
    table-layout: fixed;
    border-collapse: collapse;
    border-color: transparent;
}

    .cardLevelGrid td, .cardLevelGrid th {
        border: 1px hidden;
        text-align: left;
        padding: 8px;
        border-color: transparent;
    }

    .customGoalGrid td, .customGoalGrid th {
        border: 1px hidden;
        text-align: left;
        padding: 8px;
        border-color: transparent;
    }


.dwpSettingsGrid {
    table-layout: fixed;
    border-collapse: collapse;
    border-color: transparent;
}

    .dwpSettingsGrid td, .dwpSettingsGrid th {
        border: 1px hidden;
        text-align: left;
        padding: 8px;
        border-color: transparent;
    }

    .dwpSettingsGrid tr {
        text-align: left;
        background-color: transparent;
    }

.dwpSettingCell {
    vertical-align: top;
}

.deliveryModeHeader {
    font-weight: 600;
    text-align: center;
}

/* MYM-622: Booking limit grid — session type on the left, Per day / Per week stacked per delivery mode */
.centerDefaultSettingsGrid td.bookingLimitSessionType {
    font-weight: 700;
    vertical-align: middle;
    padding-left: 12px;
    background-color: #e6e6e6;
}

.centerDefaultSettingsGrid td.bookingLimitCell {
    vertical-align: middle;
}

.bookingLimitCell .dwpSettingsGrid td {
    padding: 3px 4px;
}

.bookingLimitCell .dwpSettingsGrid td.bookingLimitLabel {
    width: 60%;
}

.deliveryModeNote {
    font-style: italic;
    padding: 6px 0;
}

.dwpInnerLabel {
    width: 100px;
    margin-right: 7px;
    display: inline-block;
}

.dwpInnerSwitch {
    display: inline-block;
    width: 100px;
    text-align: right !important;
}

.dwpInnerDD {
    display: inline-block;
    width: 100px;
}

.dwpInnerLabelTimePicker {
    display: inline-block;
    width: 140px !important;
    font-size: 14px;
}

.dwpInnerTimePicker {
    display: inline-block;
    width: 110px !important;
}

    .dwpInnerTimePicker .k-input {
        box-sizing: border-box;
    }

.k-timepicker.InputDWP {
    width: 10em !important;
}

.dwpMathleteLabel {
    text-align: center !important;
    display: inline-block;
    width: 100px;
    vertical-align: bottom;
}

.dwpMathleteTextBox {
    text-align: center;
    display: inline-block;
    width: 100px;
}

.dwpRadioLabel {
    width: fit-content;
}

.dwpInnerRadio > label {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 5px;
}

.centerSettingsMenu {
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    margin-left: 0px;
    background: var(--radius-color-white);
    height: 100%;
    padding-top: 185px;
}

.centerSettingsMenuHeader {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.centerSettingsMenuItem {
    font-size: 16px;
    margin-left: 10px;
    text-decoration: underline;
    color: var(--radius-color-blue-pure);
    cursor: pointer;
}

.centerSettingsMenuItemSelected {
    font-size: 18px;
    color: var(--radius-color-black);
}

.centerGridTextBox .k-numeric-wrap {
    max-width: 50px;
}

.maxStarTextBox .k-numeric-wrap {
    max-width: 50px;
}

#copyCenterSettings {
    max-width: 350px;
    min-width: 250px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
}

.addLevelCenterSettings,
.addCustomGoalCenterSettings,
.editBankAcctNameSettings {
    cursor: pointer;
}

.editTaxCodeRefSettings {
    cursor: pointer;
}

.centerSettingSwitch .k-indeterminate .k-switch-container {
    background-color: var(--radius-color-gray-240);
}

.csRadio {
    margin-right: 10px !important;
}

.k-switch {
    border-radius: 6em;
    cursor: pointer;
    width: 6em;
    background: none;
    border: 0;
    box-sizing: border-box;
    outline: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.4285714286;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .k-switch [type="checkbox"] {
        display: none
    }

.k-ie .k-switch {
    display: inline-block
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 6em;
    padding: 0px 0px;
    width: 6em;
    border-width: 0px;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color 200ms ease-out 0s
}

.k-ie .k-switch-container {
    display: block
}

.k-switch-handle {
    border-radius: 6em;
    width: 3em;
    height: 3em;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left 200ms ease-out 0s
}

.k-ie .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 3em)
}

.k-ie .k-switch-on .k-switch-handle, .k-edge .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -3em
}

.k-switch-off .k-switch-handle {
    left: 0
}

.k-switch-label-on, .k-switch-label-off {
    display: inline;
    width: calc(100% - 3em - 10px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    line-height: 3em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 8px
}

.k-switch-label-off {
    text-align: right;
    right: 8px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir="rtl"].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir="rtl"].k-switch-off .k-switch-handle {
    left: calc(100% - 3em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir="rtl"] .k-switch-label-on {
    text-align: right;
    left: initial;
    right: 8px;
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir="rtl"] .k-switch-label-off {
    text-align: left;
    left: 8px;
    right: initial;
}

.k-switch-container {
    box-shadow: inset 0 0 0 1px var(--radius-color-black-alpha-08);
}

.k-switch-handle {
    background-clip: padding-box;
}

    .k-switch-handle .k-ie11 {
        background-clip: border-box;
    }

.k-switch-label-on, .k-switch-label-off {
    text-shadow: none;
}

.k-switch-on .k-switch-container {
    color: var(--radius-color-white);
    background-color: var(--radius-color-green-900);
}

.k-switch-on .k-switch-handle {
    border-color: var(--radius-color-black-alpha-08);
    color: var(--radius-color-white);
    background-color: var(--radius-color-gray-125)
}

.k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container {
    color: var(--radius-color-white);
    background-color: var(--radius-color-green-900);
}

.k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle {
    border-color: var(--radius-color-black-alpha-15);
    color: var(--radius-color-white);
    background-color: var(--radius-color-gray-180)
}

.k-switch-on .k-switch-label-off {
    color: transparent
}

.k-switch-off .k-switch-container {
    color: var(--radius-color-white);
    background-color: var(--radius-color-red-500);
}

.k-switch-off .k-switch-handle {
    border-color: var(--radius-color-black-alpha-08);
    color: var(--radius-color-white);
    background-color: var(--radius-color-gray-125)
}

.k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container {
    color: var(--radius-color-white);
    background-color: var(--radius-color-red-500);
}

.k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle {
    border-color: var(--radius-color-black-alpha-15);
    color: var(--radius-color-gray-760);
    background-color: var(--radius-color-gray-180)
}

.k-switch-off .k-switch-label-on {
    color: transparent
}

.k-switch {
    box-shadow: none;
}

    .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container {
        outline: none;
        box-shadow: inset 0 0 0 3px var(--radius-color-black-alpha-06);
    }

    .k-switch:hover .k-switch-container, .k-switch.k-state-hover .k-switch-container {
        box-shadow: inset 0 0 0 1px var(--radius-color-black-alpha-15);
    }

    .k-switch.k-state-disabled {
        cursor: default;
    }

        .k-switch.k-state-disabled:focus, .k-switch.k-state-disabled.k-state-focused {
            box-shadow: inset 0 0 0 1px var(--radius-color-black-alpha-08);
        }

    .k-switch[aria-readonly="true"] {
        pointer-events: none
    }


/* END Center Default Settings*/

/* StudentReport/Index */
.stdntRpt .indexGridLargeB {
    width: 100% !important;
    display: inline-block;
}

/* Leads/Index */
.ldMgmtSmmry .indexGridLargeB {
    width: 100% !important;
    display: inline-block;
}

.addLmargin {
    margin-left: 15px !important;
}

.addLmarginSm {
    margin-left: 8px !important;
}

/* validation panel*/
.validation-panel .text-warning {
    color: var(--radius-color-red-750);
}
/*same as text-danger*/

.addTpadding {
    padding-top: 10px !important;
}

.addTpaddingMd {
    padding-top: 18px !important;
}

.addRpadding {
    padding-right: 10px !important;
}

.addRpaddingSm {
    padding-right: 2px !important;
}

.addAllPad {
    padding: 15px !important;
}

.addRBLPad {
    padding: 1px 15px 15px 15px !important;
}

/* Assessment/GfAssessmentResults */

#gfLevelInputContainer .gfLvlRadio {
    margin-bottom: 12px;
}

#gfLevelInputContainer .gfLvlLbl {
    margin-left: 7px;
}

/*RAD-1844: Learning Plan Re-order*/
.blur {
    opacity: 0.5;
}

.blur-lt {
    opacity: 0.75;
}

.blur-dk {
    opacity: 0.25;
}

.placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: var(--radius-color-red-500);
}

.btn-outline {
    border: solid 1px;
    border-radius: 0.25em !important;
    background-color: transparent;
}

.btn-icon {
    padding: 3px 6px 3px 28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-clip: padding-box;
    background-size: 18px;
    background-position: 6px center;
}

.btn-i-undo {
    background-image: url("/images/icon-undo.png");
}

.btn-i-redo {
    background-image: url("/images/icon-redo.png");
}

#grpReOrder .btn-outline {
    margin-right: 12px;
    margin-top: 3px;
}

.lp-manager.allow-reorder tbody tr {
    cursor: move;
}

.lp-manager.allow-reorder .k-state-selected td {
    background-color: var(--radius-color-yellow-350) !important;
}

.lp-manager.allow-reorder .k-state-moved td {
    background-color: moccasin;
}

.lp-manager.allow-reorder .k-hint td {
    white-space: nowrap;
}

/*Digital Workout Plan Report*/
#dwpReportGrid .k-dirty {
    display: none;
}

#dwpReport #dwpReportGrid th {
    font-weight: 700 !important;
}

#dwpReport #dwpReportGrid .pauseOrResumeButton {
    width: 64px;
    white-space: normal;
    text-align: center;
    padding-left: 6px;
}

#dwpReport .grid-button {
    padding-top: 9.75em;
}
/*change depending on content of summary box*/
#dwpReport .k-grid td {
    min-width: 8em;
}

    #dwpReport .k-grid td.notes {
        min-width: 16em;
        max-width: 25em;
    }

    #dwpReport .k-grid td.finalized {
        /*min-width: 5em;*/
        min-width: 6em;
        text-align: center;
    }

#dwpReport .k-grid table tr:hover td {
    background-color: var(--radius-color-white);
    background-image: none,linear-gradient(to bottom,var(--radius-color-black-alpha-01) 0,var(--radius-color-black-alpha-06) 100%);
    background-position: 50% 50%;
}

#dwpReport .kv-cell {
    padding: 0px !important;
}

#dwpReport .kv-table {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse !important;
}

    #dwpReport .kv-table td {
        border-collapse: collapse !important;
        border: solid 1px var(--radius-color-gray-200) !important;
        vertical-align: bottom;
        padding: 0px;
        vertical-align: middle;
    }

    #dwpReport .kv-table .kv-key {
        padding-left: 0.5em;
        padding-right: 0.5em;
        border-left-width: 0px !important;
    }

    #dwpReport .kv-table .kv-val {
        padding-left: 0.5em;
        padding-right: 0.5em;
        border-right-width: 0px !important;
        font-weight: bold;
        min-width: 6em;
    }

    #dwpReport .kv-table td.sml {
        min-width: 6em;
    }

    #dwpReport .kv-table td.med {
        min-width: 8em;
    }

    #dwpReport .kv-table td.lrg {
        min-width: 14em;
    }

#dwpReport .metricVal .k-numeric-wrap,
#dwpReport .metricVal .k-numerictextbox.k-input {
    width: 50px !important;
}

#dwpReport .metricVal span.k-dropdown {
    width: 90px !important;
}

    #dwpReport .metricVal span.k-dropdown .k-input {
        padding-top: 3px !important;
        background-color: var(--radius-color-white);
    }

#dwpReport .filter-item {
    margin-bottom: -4px !important;
}

#dwpReport .filter-value {
    width: 78px !important;
}

#dwpReport .NoBorder {
    border: none !important;
    -webkit-box-shadow: none !important;
}

/*RAD-1844: Learning Plan Re-order*/
.blur {
    opacity: 0.5;
}

.blur-lt {
    opacity: 0.75;
}

.blur-dk {
    opacity: 0.25;
}

.placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: var(--radius-color-red-500);
}

.btn-outline {
    border: solid 1px;
    border-radius: 0.25em !important;
    background-color: transparent;
}

.btn-icon {
    padding: 3px 6px 3px 28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-clip: padding-box;
    background-size: 18px;
    background-position: 6px center;
}

.btn-i-undo {
    background-image: url("/images/icon-undo.png");
}

.btn-i-redo {
    background-image: url("/images/icon-redo.png");
}

#grpReOrder .btn-outline {
    margin-right: 12px;
    margin-top: 3px;
}

.lp-manager.allow-reorder tbody tr {
    cursor: move;
}

.lp-manager.allow-reorder .k-state-selected td {
    background-color: var(--radius-color-yellow-350) !important;
}

.lp-manager.allow-reorder .k-state-moved td {
    background-color: moccasin;
}

.lp-manager.allow-reorder .k-hint td {
    white-space: nowrap;
}

#qboBatchTranHis #bthSummaryBox {
    max-width: 1312px !important;
}

    #qboBatchTranHis #bthSummaryBox .qbAcctSec {
        font-weight: 700 !important;
        border-radius: 18px !important;
        border: 2px solid var(--radius-color-gray-675);
        margin: 10px !important;
        text-align: center;
    }

#qboBatchTranHis #bthSumTable thead {
    padding-top: -10px !important;
}

#qboBatchTranHis #bthSumTable .hdrsub,
#qboBatchTranHis #bthSumTable .hdrsub td {
    height: 50px !important;
    padding: 1px !important;
}

#qboBatchTranHis #bthSummaryBox .hdr1 {
    width: 130px !important;
    line-height: 3 !important;
    text-align: center !important;
    font-style: italic !important;
    font-size: small;
}

#qboBatchTranHis #bthSummaryBox .hdrHr {
    border: 1px solid var(--radius-color-black);
}

#qboBatchTranHis #gridButtonsSec {
    max-width: 1280px !important;
}

    #qboBatchTranHis #gridButtonsSec .col1 {
        width: 210px !important;
        padding: 3px 10px !important;
        display: inline;
    }

        #qboBatchTranHis #gridButtonsSec .col1 .form-control {
            display: inline-block !important;
        }

    #qboBatchTranHis #gridButtonsSec .col2 {
        max-width: 119px !important;
        padding: 3px 10px !important;
        display: inline-block;
    }

    #qboBatchTranHis #gridButtonsSec .col3 {
        width: 140px !important;
        padding: 3px 10px !important;
        display: inline-block;
    }

    #qboBatchTranHis #gridButtonsSec .col4 {
        width: 177px !important;
        padding: 3px 10px !important;
        display: inline-block;
    }

#qboBatchTranHis #mainGridSec .k-grid-header th.k-header {
    font-weight: 700 !important;
    margin: auto auto !important;
    text-align: center !important;
    padding: 1px 5px !important;
}

#qboBatchTranHis #bthSummaryTable {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#qboBatchTranHis #bthSumTable > tbody > tr > td,
#qboBatchTranHis #bthSumTable .metricRow {
    border: 2px solid var(--radius-color-black) !important;
}

#qboBatchTranHis #bthSumTable > thead > tr > th {
    border-bottom: none !important;
}

/*#qboBatchTranHis #gridQBOInvoiceHistory th {
    margin: auto auto !important;
    text-align: center !important;
    padding: 1px 5px !important;
}*/

#qboBatchTranHis #gridQBOInvoiceHistory .k-i-collapse,
#qboBatchTranHis #gridQBOInvoiceHistory .k-i-expand {
    font-size: x-large !important;
}

#qboBatchTranHis .altRow {
    background-color: var(--radius-color-gray-050) !important;
}

#qboBatchTranHis .k-detail-row {
    background-color: var(--radius-color-gray-125) !important;
}

#qboBatchTranHis .tempBatch {
    max-width: 1300px !important;
    margin-left: -8px !important;
}

#qboBatchTranHis .tempSync {
    max-width: 650px !important;
    margin-left: -8px !important;
}

#mainGridSec .k-detail-row .k-alt {
    background-color: ghostwhite !important;
}

#qboBatchTranHis .batchSubgrid,
#qboBatchTranHis .syncSubgrid {
    margin-left: 20px !important;
    margin-top: 10px !important;
    background-color: azure !important;
}

#createqbobatch .btnSpace {
    margin: 7px !important;
}

#createqbobatch #fillinfo {
    font-size: smaller !important;
}

    #createqbobatch #fillinfo .col1 {
        max-width: 228px !important;
        margin: 12px 20px 5px 1px;
        display: inline-block;
        vertical-align: top;
    }

    #createqbobatch #fillinfo .col2 {
        max-width: 122px !important;
        margin: 12px 22px 5px 1px;
        display: inline-block;
        vertical-align: top;
    }

    #createqbobatch #fillinfo .col3 {
        max-width: 210px !important;
        margin: 12px 20px 5px 1px;
        display: inline-block;
        vertical-align: top;
    }

    #createqbobatch #fillinfo .col3DepositReference {
        width: 100%;
        margin: 12px 20px 5px 1px;
        display: inline-block;
        vertical-align: top;
    }

    #createqbobatch #fillinfo .col4 {
        max-width: 315px !important;
        margin: 12px 5px 5px 1px;
        display: inline-block;
        vertical-align: top;
    }

        #createqbobatch #fillinfo .col4 .col-sm-6 {
            padding-left: 0 !important;
        }

#createqbobatch .invChkAll {
    margin-left: 10px !important;
}

.txtareaResizeOff {
    resize: none !important;
}

/*====== ALL media below ========= */
@media screen and (max-width: 1366px) {
    .summaryBox .tdText {
        min-width: 120px !important;
        font-size: small !important;
    }

    .summaryBox .tdValue {
        min-width: 25px !important;
        font-size: small !important;
    }


    /* AnswerKey v2.0 */
    .AKcheckin {
        font-size: small !important;
        max-width: 1000px !important;
    }

        .AKcheckin table {
            font-size: smaller !important;
        }

        .AKcheckin .k-item {
            font-size: small !important;
            max-width: 180px !important;
        }

        .AKcheckin .k-list .k-reset {
            max-width: 200px !important;
        }

        .AKcheckin #gridStudentCheckedin table {
            table-layout: fixed;
            width: 100% !important;
        }

        .AKcheckin #gridStudentCheckedin .k-grid-header th {
            white-space: break-spaces !important;
        }

        .AKcheckin #gridStudentCheckedin td {
            padding: 2px 2px 2px 3px !important;
        }

        .AKcheckin #logo {
            height: 38px !important;
        }

        .AKcheckin h2 {
            font-size: small !important;
            font-weight: 600 !important;
        }

        .AKcheckin .studntDD .k-widget {
            width: 165px !important;
            font-size: small !important;
        }

        .AKcheckin .addleftpadding {
            margin-left: 9em !important;
        }

        .AKcheckin #MScenterSelector .searchGridMultiSelect .k-multiselect-wrap {
            width: 165px !important; /*should be align with .studntDD*/
        }

        .AKcheckin .btn-default {
            font-size: smaller !important;
        }

        .AKcheckin .btn {
            padding: 4px 8px !important;
        }

        .AKcheckin .center {
            text-align: center !important;
            margin: 0 calc(40% - 100px) !important;
        }

        .AKcheckin .AKgridchkin {
            min-width: 756px !important;
            max-width: 958px !important;
            /*font-size:small !important;*/
        }

        .AKcheckin .floatcenter {
            height: 102px !important;
            margin-top: 60px !important;
            margin-bottom: 30px !important;
        }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col1 {
        width: 115px !important;
        padding: 2px 2px 10px 20px !important;
    }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col2 {
        width: 240px !important;
        padding: 2px 5px 10px 8px !important;
    }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col3 {
        width: 120px !important;
        padding: 2px 5px 10px 5px !important;
    }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col4 {
        width: 175px !important;
        padding: 2px 2px 10px 2px !important;
    }

    #DigitalWorkoutPlanEntryForm .addTBpad-s {
        padding: 3px 0 3px 0 !important;
    }

    #divTextMessengerSearch .col01 {
        min-width: 370px;
        max-width: 410px;
        display: inline-block;
    }

    #divTextMessengerSearch .col02 {
        min-width: 320px;
        max-width: 370px;
        display: inline-block;
    }

    #divTextMessengerSearch .col03 {
        min-width: 270px;
        max-width: 290px;
        display: inline-block;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1340px) {
    .AKcheckin .addleftpadding {
        margin-left: 15em !important;
    }

    .AKcheckin #MScenterSelector .searchGridMultiSelect .k-multiselect-wrap {
        width: 175px !important; /*should be align with .studntDD*/
    }

    #createLead .leadphone .col1,
    #editLead .leadphone .col1,
    #createLead .leadphone .col2,
    #editLead .leadphone .col2 {
        font-size: smaller !important;
    }
}

@media screen and (max-width: 1130px) {
    .summaryBox {
        max-width: 270px !important;
    }

    #divHoldsRpt .summaryBox {
        max-width: 180px !important;
    }

    .divParentCommRpt .summaryBox table,
    .divLeadConvRpt .summaryBox table {
        max-width: 250px !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: small !important;
    }

    .divParentCommRpt .summaryBox .tdText,
    .divLeadConvRpt .summaryBox .tdText {
        min-width: 200px !important;
    }

    .divParentCommRpt .summaryBox .tdValue,
    .divLeadConvRpt .summaryBox .tdValue {
        min-width: 32px !important;
    }

    button.wid1 { /* checkin with multi enrollment */
        width: 70px !important;
        font-size: small !important;
    }

    button.wid2 { /* save cancel */
        width: 40px !important;
        font-size: small !important;
    }

    button.wid3 { /* lp modal */
        width: 100px !important;
        font-size: small !important;
    }

    .container {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    @media (orientation: landscape) and (max-width: 1024px) {
        .container {
            margin-left: 10% !important;
            margin-right: 10% !important;
        }
    }

    .AKcheckin {
        max-width: 830px !important;
    }

        .AKcheckin .lblInstrMngr {
            font-size: x-small !important;
        }

        .AKcheckin .dStdtChkIn {
            width: max-content !important;
            float: right !important;
        }

    #DigitalWorkoutPlanEntryForm {
        font-size: small !important;
    }

        #DigitalWorkoutPlanEntryForm #divSessionDetails .col1 {
            width: 115px !important;
            padding: 2px 2px 10px 20px !important;
        }

        #DigitalWorkoutPlanEntryForm #divSessionDetails .col2 {
            width: 230px !important;
            padding: 2px 5px 10px 8px !important;
        }

        #DigitalWorkoutPlanEntryForm #divSessionDetails .col3 {
            width: 115px !important;
            padding: 2px 5px 10px 5px !important;
        }

        #DigitalWorkoutPlanEntryForm #divSessionDetails .col4 {
            width: 170px !important;
            padding: 2px 2px 10px 2px !important;
        }

        #DigitalWorkoutPlanEntryForm select,
        #DigitalWorkoutPlanEntryForm option {
            font-size: smaller !important;
            padding: 2px !important;
        }

    .divspacerSM {
        min-height: 12px !important;
    }

    .divspacerMd {
        min-height: 25px !important;
    }
    /* text messenger */
    #divTextMessengerPage {
        font-family: 'Nunito', sans-serif;
        font-size: small !important;
    }

    .conversationBlock .k-text-align-right,
    .conversationBlock .circle,
    #CurrentConversationTitle .circle {
        font-size: smaller !important;
    }

    .moreRec1, .moreRec2 {
        width: 20px;
        height: 20px;
    }

        .moreRec1 .cir {
            width: 28px;
            height: 25px;
        }

        .moreRec2 .cir {
            margin-left: 10% !important;
            margin-top: 50% !important;
        }
}


@media screen and (max-width: 812px) {
    .AKcheckin {
        max-width: 750px !important;
        font-size: small !important;
    }

        .AKcheckin .AKgridchkin {
            min-width: 680px !important;
            max-width: 786px !important;
            /*font-size:small !important;*/
        }

        .AKcheckin .floatcenter {
            height: 80px !important;
            margin-top: 40px !important;
            margin-bottom: 20px !important;
        }

        .AKcheckin .addleftpadding {
            margin-left: 4em !important;
        }

        .AKcheckin #MScenterSelector .searchGridMultiSelect .k-multiselect-wrap {
            width: 130px !important; /*should be align with .studntDD*/
        }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col1 {
        width: 105px !important;
        padding: 2px 2px 10px 20px !important;
    }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col2 {
        width: 235px !important;
        padding: 2px 5px 10px 10px !important;
    }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col3 {
        width: 115px !important;
        padding: 2px 5px 10px 5px !important;
    }

    #DigitalWorkoutPlanEntryForm #divSessionDetails .col4 {
        width: 170px !important;
        padding: 2px 2px 10px 2px !important;
    }

    .StudentListBoR {
        background-image: url('../Images/InstructionManagerBoRIcon.png') !important;
    }

    .BoRsmBtn {
        background-repeat: no-repeat;
        color: transparent;
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        background-color: transparent !important;
        border-style: none;
    }

    .BillingExceptionsDescriptionListTerm {
        display: list-item !important;
        list-style-type: disc;
        font-size: 150%;
    }
}

.DeleteVirtualCenterFooter {
    font-style: italic;
    font-size: small;
    padding-top: 10px;
    padding-bottom: 10px;
}


#iASettingsGrid {
    padding-top: 20px;
    /*min-width: 1800px;*/
    min-width: fit-content;
    max-width: fit-content;
}

    #iASettingsGrid > .k-grid > table > tbody > tr.k-alt > td {
        background-color: var(--radius-color-gray-150) !important;
    }

        #iASettingsGrid > .k-grid > table > tbody > tr.k-alt > td.k-detail-cell > .k-grid > table > tbody > tr.k-alt > td {
            background-color: var(--radius-color-gray-150) !important;
        }

    #iASettingsGrid th[data-field="Active"] {
        min-width: fit-content;
    }

    #iASettingsGrid th[data-field="TriggerName"] {
        min-width: 200px !important;
        max-width: 200px !important;
    }

    #iASettingsGrid th[data-field="IACenterConfigFilters"] {
        min-width: 75px !important;
        max-width: 75px !important;
    }

#gridIASettingsV2 th[data-field="IACenterConfigFilters"] {
    min-width: 120px !important;
    max-width: 120px !important;
}

#iASettingsGrid th[data-field="Subject"] {
    min-width: 200px !important;
    max-width: 200px !important;
}

#iASettingsGrid th[data-field="Frequency"] {
    min-width: fit-content;
}

#iASettingsGrid th[data-field="Cooldown"] {
    min-width: fit-content;
}

#iASettingsGrid th[data-field="AssignTo"] {
    min-width: 150px;
}

#iASettingsGrid th[data-field="ActivityGroup"] {
    min-width: 150px;
}

#iASettingsGrid th[data-field="ActivityType"] {
    min-width: 110px !important;
    max-width: 110px !important;
}

#iAActivityTypeDropdown {
    width: 100px;
}

#iASettingsGrid th[data-field="DueDate"] {
    min-width: 100px !important;
    max-width: 100px !important;
}

#iASettingsGrid th[data-field="Comments"] {
    min-width: 150px;
}

#gridIASettingsV2 th[data-field="Comments"] {
    min-width: 150px !important;
    max-width: 150px !important;
}

#iASettingsGrid th[data-field="ActivityPriority"] {
    min-width: 110px !important;
    max-width: 110px !important;
}

#iAActivityPriorityDropdown {
    width: 100px;
}

#iASettingsGrid th[data-field="Delete"] {
    min-width: fit-content;
}

.k-switch.activeSwitch {
    margin: auto;
    display: flex;
    justify-content: center;
}

.iASettings.k-formatted-value.input-xl.form-control.k-input {
    /*display: inline-block !important;*/
    width: 95%;
    padding: 0 2px !important;
}

.iASettings.k-formatted-value.input-md.form-control.k-input {
    display: inline-block !important;
    width: 32px;
    padding: 0 2px !important;
}

.iASettings.k-formatted-value.input-sm.form-control.k-input {
    display: inline-block !important;
    width: 22px;
    padding: 0 2px !important;
}

.iASettingsCenterDD div {
    width: fit-content;
    margin: auto 0;
}

.iASettingsCenterDD {
    display: flex;
    flex-direction: row;
}

#iACopyAllSettings {
    max-width: 350px;
    min-width: 250px;
    border: 3px solid var(--radius-color-gray-225);
    border-radius: 6px;
    padding: 15px;
    margin-top: 4rem;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}


.addNewTriggerHeader {
    font-weight: bolder;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.iAToolTip {
    display: inline-block;
}

    .iAToolTip #frequencytooltip {
        cursor: pointer;
    }

    .iAToolTip #cooloffperiodtooltip {
        cursor: pointer;
    }

    .iAToolTip .tooltiptext {
        visibility: hidden;
        width: 280px;
        background-color: var(--radius-color-white);
        color: var(--radius-color-black);
        text-align: left;
        font-size: 11px !important;
        border: 2px solid var(--radius-color-gray-900);
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
    }

.iASettingsCenterDD .theGCSSingle {
    padding-right: 35px;
}

#gridIASettings .k-hierarchy-cell {
    width: 30px;
}

#gridIASettingsV2 .k-dirty {
    display: none;
}

label[for="IACenterConfigFilters"] {
    margin-bottom: 2px;
}

div#IACenterConfigFiltersNA {
    margin-top: 2px;
}

div#IACenterConfigFiltersText {
    /*padding-top: 5px;*/
}

div#IACenterConfigFilters {
    min-height: 30px;
    height: auto;
    width: 140px;
    border-color: var(--radius-color-gray-275);
    border: 1px solid var(--radius-color-cool-gray-235);
    border-radius: 6px;
    background-color: var(--radius-color-gray-125);
    padding-left: 4px;
    padding-top: 6px;
}

#gridIASettingsV2.k-grid .k-edit-cell {
    padding: .4em .6em;
}

#iASettingsGrid .k-icon-20 {
    font-size: 20px;
    color: var(--radius-color-black);
}

.iASettingsDropdown {
    height: 34px;
    width: 140px;
    border-color: var(--radius-color-gray-275);
    border-radius: 6px;
    background-color: var(--radius-color-gray-125);
}

    .iASettingsDropdown > option {
        height: 28px;
        font-weight: normal;
        display: block;
        min-height: 2em;
        padding: 0px 2px 1px;
        white-space: nowrap;
    }

.feeanddiscounttooltipbox {
    display: inline-block;
    padding-left: 4px;
}

    .feeanddiscounttooltipbox .tooltiptext {
        visibility: hidden;
        width: 280px;
        background-color: var(--radius-color-white);
        color: var(--radius-color-black);
        text-align: left;
        font-size: 11px !important;
        border: 2px solid var(--radius-color-gray-900);
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
    }

#divfeeanddiscounttext {
    transform: translateX(20px) translateY(-60px);
    margin-top: -28px;
}

#divfeeanddiscounttext1 {
    transform: translateX(22px) translateY(-120px);
}

#divfeeanddiscounttext2 {
    transform: translateX(30px) translateY(28px)
}

#dwpReportFinalizeModal .modal_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 637px;
    height: auto;
    background: var(--radius-color-white);
    justify-content: center;
    margin: auto;
    border: 2px solid var(--radius-color-black);
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
}

#dwpReportFinalizeModal {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: -5px;
    right: 0;
    height: 100vh;
    /*width: min(calc(100% - 1vw), 900px);*/
    /*min-width: 280px;*/
    /*height: inherit;*/
    /*max-height: 100%;*/
    background: var(--radius-color-black-alpha-40);
    display: none;
    flex-direction: column;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    /*margin: 50px auto;*/
    /*padding: 0 30px;*/
}

    #dwpReportFinalizeModal .modal_wrapper .modal-title {
        margin-bottom: 0;
        font-size: calc(0.45rem + 0.65vw);
        line-height: var(--bs-modal-title-line-height);
    }

    #dwpReportFinalizeModal .modal_wrapper .bg-black-btn {
        background-color: var(--radius-color-black);
        color: var(--radius-color-white);
    }

    #dwpReportFinalizeModal .modal_wrapper .footer_wrapper {
        display: flex;
        justify-content: end;
        gap: 10px;
        align-content: center;
        margin-top: 10px;
    }

.TodaysSubtotal {
    margin-bottom: -5px !important;
}

.TodaysTaxAmountLabel.control-label {
    padding-top: 0;
    margin-bottom: 0;
    text-align: right;
}

.form-control-static.TodaysTaxAmount {
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 7px;
    margin-bottom: 0;
}

@media only screen and (max-width: 915.5px) {
    #dwpReportFinalizeModal {
        width: calc(100% - 98px);
    }
}

@media only screen and (max-width: 415px) and (max-height: 916px) and (orientation: portrait) {
    #dwpReportFinalizeModal {
        width: 100% !important;
        border-radius: 0px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 415px) and (max-height: 916px) and (orientation: portrait), only screen and (max-width: 916px) and (max-height: 415px) and (orientation: landscape) {
    #dwpReportFinalizeModal {
        width: 100% !important;
        border-radius: 0px !important;
        margin: 0 auto !important;
    }
}

.rdoLabel {
    font-weight: normal !important;
}

/*DWP Session Summary CSS*/
.dwp-char-count {
    font-size: 0.8em;
    font-style: italic;
    color: var(--radius-color-warm-gray-940);
    margin-top: 5px;
}

#SaveDWPSessionSummary .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

#SaveDWPSessionSummary .px-15px {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#SaveDWPSessionSummary textarea.form-control {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#SaveDWPSessionSummary .form-horizontal {
    margin-left: 15px;
    margin-right: 15px;
}

.deleteCustomGoalBtn {
    margin-left: 3px !important;
}

#gridAssessment td.reportNotes {
    align-items: center;
    margin: 0 auto;
}

    #gridAssessment td.reportNotes a.addNoteBtn[id^="addNoteLink_"] {
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

#MembershipTermsInfo .recurringTitle {
    font-weight: bold;
}

label.has-recurring {
    font-weight: normal;
}

.enrollmentSummaryDiv .hideRecurringTitle {
    display: none;
}

.prm-buttons .btn {
    white-space: normal;
}

#tblMergeDuplicateLeads .contact .form-check {
    word-break:break-all;
}

.form-control#AutoRenewalCancellationTerms {
width:80%;
height:80px;
max-width:none;
}

#learningPlanGrid .k-dirty {
    display: none;
}

.notification-audience input, .notification-audience .audienceSelects {
    margin-left: 18px;
}

.audienceSelects {
    margin-top: 5px;
}

.notification-audience input[type='radio'] {
    margin-right: 5px;
}

.loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-container div {
    width: 48px;
    height: 48px;
        border: 5px solid var(--radius-color-gray-700);
        border-bottom-color: var(--radius-color-blue-900);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#ActiveGuardians {
    margin-left: 13px;
    margin-top: 10px;
}

.ec-timeline .ec-time, .ec-timeline .ec-line {
    width: 200px !important;
}

/* Scheduling center calendar (#calendar) renders 15-minute slots, so halve the
   column width to keep the overall calendar from doubling in width. Scoped to the
   scheduling calendar's container so other event-calendar instances are unaffected. */
#calendar .ec-timeline .ec-time,
#calendar .ec-timeline .ec-line {
    width: var(--calendar-slot-width, 100px) !important;
}

.ec {
    --ec-today-bg-color: var(--radius-color-white) !important;
}

.ec-times {
    font-weight: bold;
}

/* Hidden, not removed: the library measures every card's height on each redraw and
   lays the resource rows out from it, so a card taken out of flow collapses its row. */
.ec-event.filtered-out {
    visibility: hidden !important;
    pointer-events: none !important;
}

.ec-event {
    border-radius: 4px;
    background-color: var(--radius-color-blue-050) !important;
    border: 2px solid var(--radius-color-blue-700) !important;
}

.ec-event.high_school {
        background-color: var(--radius-color-orange-050) !important;
        border-color: var(--radius-color-orange-500) !important;
}

.ec-event.great_foundations {
        background-color: var(--radius-color-teal-100) !important;
        border-color: var(--radius-color-teal-600) !important;
}

.ec-event.private {
        background-color: var(--radius-color-purple-100) !important;
        border-color: var(--radius-color-purple-500) !important;
}

.event-delivery-icon {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    margin-right: 4px;
}

#calendar .event-card {
    flex: 1;
    min-width: 0;
    padding: 4px;
}

#calendar .event-card-title {
    display: flex;
    align-items: center;
    font-weight: bold;
}

#calendar .event-card-title .event-delivery-icon,
#calendar .event-card-time {
    flex-shrink: 0;
}

#calendar .event-card-time {
    margin-left: 4px;
}

/* Each line is clipped instead of wrapping, so the card is always two lines tall and a
   long student name can no longer grow it, or the resource row it sits in. */
#calendar .event-student-name,
#calendar .event-card-meta {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#calendar .event-card-meta {
    font-size: 0.85em;
}

.highlight-multiselect.k-multiselect {
    width: 340px;
    min-height: 34px;
    height: auto !important;
}

.highlight-multiselect.k-multiselect .k-multiselect-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    min-height: 34px;
}

.highlight-multiselect.k-multiselect .k-multiselect-wrap::after {
    display: none;
}

.highlight-multiselect.k-multiselect .k-multiselect-wrap > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 2px;
    flex: 0 1 auto;
    margin: 0;
}

.highlight-multiselect.k-multiselect .k-multiselect-wrap > ul > li {
    display: flex;
    align-items: center;
    gap: 4px;
    float: none;
    margin: 0;
    padding: 1px 6px;
    font-size: 0.8em;
    line-height: 1.6;
    white-space: nowrap;
}

.highlight-multiselect.k-multiselect .k-multiselect-wrap > ul > li .k-select {
    position: static;
    float: none;
    margin: 0;
    padding: 0;
}

.highlight-multiselect.k-multiselect .k-multiselect-wrap input.k-input {
    height: 22px !important;
    padding-top: 0;
    padding-bottom: 0;
    flex: 1 1 40px;
    width: auto !important;
    min-width: 40px;
}

.ec-event.search-match {
    outline: 3px solid var(--radius-color-blue-550);
    outline-offset: 1px;
    z-index: 5;
}

.search-no-results {
    flex: 1 0 100%;
    color: var(--radius-color-red-750);
    font-size: 0.9em;
}

.calendar-filters {
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 8px;
}

.calendar-filters-label {
    white-space: nowrap;
}

.calendar-filters .student-search {
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
}

.calendar-filters .highlight-multiselect.k-multiselect,
.calendar-filters .student-search {
    box-sizing: border-box;
    flex: 1 1 200px;
    width: auto;
    max-width: 340px;
}

.ec-sidebar {
    background-color: var(--radius-color-gray-050);
}

.container:has(> .scheduling-calendar-page) {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 24px;
}

.container:has(> .scheduling-availability-page) {
    width: 100%;
    max-width: 1344px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 24px;
}

.calendar-container {
    border: 2px solid var(--radius-color-gray-225);
    border-radius: 4px;
    width: 100%;
    overflow-x: clip;
}

.calendar-container .ec {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
}

.date-switcher {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.scheduling-flex-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.scheduling-controls {
    padding: 16px;
}

.center-select {
    margin: 56px 0;
}

.invalid-date {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: large;
}

    .invalid-date input {
        width: fit-content;
    }

.whole-day-blocked-message {
    padding: 32px 20px;
    margin: 0 16px 16px 16px;
    background-color: var(--radius-color-gray-085);
    border: 1px dashed var(--radius-color-gray-425);
    border-radius: 4px;
    color: var(--radius-color-gray-790);
    font-size: large;
    text-align: center;
}

.date-display {
    font-weight: bold;
    font-size: large;
}

.overbooking {
    background-color: var(--radius-color-red-025);
    color: var(--radius-color-red-850);
    border-top: 2px solid var(--radius-color-red-850);
}

.overbooking-warning {
    background-color: var(--radius-color-red-025);
    color: var(--radius-color-red-850);
    border: 1px solid var(--radius-color-red-850);
    border-radius: 8px;
    padding: 10px 12px;
}

.day-blocked-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .day-blocked-badge svg {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

.blocked-day-slot-label {
    color: var(--radius-color-red-850);
    font-size: 0.72em;
    font-weight: normal;
    line-height: 1.2;
}

.calendar-now-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1005;
    border-left: 2px solid var(--radius-color-red-425);
    pointer-events: none;
}

.open-learningplanreportoption.GF,
.open-learningplanreportoption.BC {
    visibility: hidden;
}

.reschedule-items-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reschedule-item-label {
    text-align: right;
    font-weight: bold;
}

.block-date-picker {
    margin: 10px 0 20px 24px;
}

.date-range-inline {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* MYM-468: click-to-schedule popup on the center calendar (shares the session-popup layout) */
#calendar.calendar-container {
    position: relative;
}

.schedule-popup .schedule-radios {
    padding-top: 6px;
}

    .schedule-popup .schedule-radios label {
        margin: 0 16px 0 0;
        font-weight: normal;
    }

    .schedule-popup .schedule-radios input {
        margin-right: 4px;
    }

.schedule-popup .schedule-center-name {
    padding-top: 6px;
    font-weight: bold;
}

.schedule-popup #schedule-recurring-settings {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--radius-color-gray-230);
}

.schedule-popup #schedule-alert {
    margin: 14px 20px 0;
}

.schedule-popup #schedule-confirm-content ul {
    margin-top: 6px;
    padding-left: 20px;
}

#calendar .ec-bg-event.slot-highlight {
    background-color: var(--radius-color-blue-575-alpha-30);
    outline: 2px dashed var(--radius-color-blue-575);
    outline-offset: -2px;
    opacity: 1;
}

#calendar .ec-pointer {
    background-color: var(--radius-color-blue-575-alpha-12) !important;
    border: 1px dashed var(--radius-color-blue-575) !important;
    height: 100% !important;
    margin-top: 0 !important;
}

/* Session view popup on the center calendar */
#calendar .ec-event {
    cursor: pointer;
}

.popUp.session-popup {
    width: 560px !important;
    position: relative;
    padding: 0 !important;
}

.session-popup .session-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid var(--radius-color-gray-230);
}

.session-popup .session-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

    .session-popup a.session-student-link {
        display: block;
        color: inherit;
        text-decoration: none;
    }

        .session-popup a.session-student-link:hover,
        .session-popup a.session-student-link:focus {
        color: var(--radius-color-purple-600);
            text-decoration: underline;
        }

.session-popup .session-subtitle {
    margin-top: 6px;
    font-size: 15px;
    color: var(--radius-color-gray-900);
}

.session-popup .session-actions {
    white-space: nowrap;
    padding-top: 2px;
}

    .session-popup .session-actions a {
        color: var(--radius-color-gray-900);
        margin-left: 14px;
    }

        .session-popup .session-actions a:hover,
        .session-popup .session-actions a:focus {
            color: var(--radius-color-purple-600);
            text-decoration: none;
        }

    /* Site.css styles every .glyphicon as a white-on-gradient button (!important); keep the header icons as plain dark glyphs. */
    .session-popup .session-actions .glyphicon {
        background: none !important;
        padding: 0 !important;
        width: auto !important;
        font-size: 18px !important;
        border-radius: 0 !important;
        color: var(--radius-color-gray-900) !important;
    }

    .session-popup .session-actions a:hover .glyphicon,
    .session-popup .session-actions a:focus .glyphicon {
        color: var(--radius-color-purple-600) !important;
    }

    .session-popup .session-actions a.disabled,
    .session-popup .session-actions a.disabled:hover,
    .session-popup .session-actions a.disabled:focus {
        color: var(--radius-color-gray-475);
        cursor: not-allowed;
    }

        .session-popup .session-actions a.disabled .glyphicon,
        .session-popup .session-actions a.disabled:hover .glyphicon,
        .session-popup .session-actions a.disabled:focus .glyphicon {
            color: var(--radius-color-gray-475) !important;
        }

.session-popup .session-body {
    padding: 14px 20px;
}

.session-popup .session-lines {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .session-popup .session-lines li {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 8px 0;
        font-size: 15px;
    }

    .session-popup .session-lines .glyphicon {
        background: none !important;
        padding: 0 !important;
        width: 18px !important;
        font-size: 15px !important;
        border-radius: 0 !important;
        color: var(--radius-color-gray-720) !important;
        text-align: center;
    }

.session-popup .session-color-square {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background-color: var(--radius-color-blue-575);
    border-radius: 2px;
}

.session-popup .session-audit {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid var(--radius-color-gray-230);
}

.session-popup .session-meta {
    color: var(--radius-color-gray-790);
    font-size: 0.9em;
    margin-bottom: 4px;
}

.session-popup .session-grid {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 10px 14px;
    align-items: start;
}

    .session-popup .session-grid > label {
        margin: 0;
        padding-top: 6px;
        text-align: right;
        font-weight: bold;
    }

.session-popup .session-help {
    margin-top: 6px;
    color: var(--radius-color-gray-790);
    font-size: 0.9em;
}

.session-popup .session-fieldset {
    margin-top: 16px;
    padding: 10px 14px 6px;
    border: 1px solid var(--radius-color-gray-250);
    border-radius: 3px;
}

    .session-popup .session-fieldset legend {
        width: auto;
        margin: 0 0 4px;
        padding: 0 6px;
        font-size: 15px;
        font-weight: bold;
        border: 0;
    }

    .session-popup .session-fieldset label {
        display: block;
        margin: 4px 0;
        font-weight: normal;
        cursor: pointer;
    }

    .session-popup .session-fieldset input {
        margin-right: 6px;
    }

.session-popup .session-info-box {
    padding: 12px 14px;
    background-color: var(--radius-color-cool-gray-090);
    border-radius: 3px;
    font-size: 15px;
}

.session-popup #session-cancel-single-text {
    margin-top: 12px;
}

.session-popup #session-edit-confirm-content ul {
    margin-top: 6px;
    padding-left: 20px;
}

.session-popup .session-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid var(--radius-color-gray-230);
}

.session-popup #session-alert {
    margin: 14px 20px 0;
}

#calendar .ec-events:has(.ec-event:not(.ec-pointer):not(.ec-bg-event):hover) .ec-pointer {
    display: none;
}

#calendar .ec-event:not(.ec-pointer):not(.ec-bg-event):not(.ec-preview):not(.ec-ghost):hover {
    outline: 2px solid var(--radius-color-blue-575);
    outline-offset: -2px;
    box-shadow: 0 2px 6px var(--radius-color-black-alpha-25);
    cursor: pointer;
}

/* MYM-469: drag & drop an appointment to another time slot */
#calendar .ec-event:not(.ec-bg-event):not(.ec-pointer):not(.session-locked) {
    cursor: grab;
}

#calendar .ec-dragging .ec-event {
    cursor: grabbing;
}

#calendar .ec-event.ec-ghost {
    opacity: 0.4;
}

#calendar .ec-event.ec-preview {
    outline: 2px dashed var(--radius-color-blue-575);
    outline-offset: -2px;
    box-shadow: 0 2px 6px var(--radius-color-black-alpha-25);
    z-index: 3;
}

    #calendar .ec-event.ec-preview.drop-overbooked {
        outline-color: var(--radius-color-red-850);
        border-color: var(--radius-color-red-850) !important;
        background-color: var(--radius-color-red-025) !important;
        background-image: none !important;
    }

.session-popup .session-move-when {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

    .session-popup .session-move-when .glyphicon {
        color: var(--radius-color-gray-790) !important;
        background: none !important;
    }

    .session-popup .session-move-when #session-move-to {
        font-weight: bold;
    }

.session-popup .session-move-notice {
    margin-top: 12px;
}

/* MYM-544: Pod swimlanes on the Center Calendar */
#calendar.pod-lanes .ec-sidebar-title {
    display: flex;
    align-items: flex-end;
    padding: 0 8px;
}

    #calendar.pod-lanes .ec-sidebar-title::before {
        content: var(--pod-lanes-title);
        color: #5A5A5A;
        font-weight: bold;
        margin-bottom: 8px;
    }

#calendar.pod-lanes .pod-lane-label {
    display: flex;
    align-items: center;
    width: 170px;
    font-weight: bold;
}

    #calendar.pod-lanes .pod-lane-label .pod-lane-name {
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 8px 0 4px;
        color: #1F2937;
    }

    #calendar.pod-lanes .pod-lane-label .pod-lane-row {
        flex: 0 0 30px;
        text-align: center;
        padding: 0;
        color: #5A5A5A;
    }


#calendar.pod-lanes .ec-resource.pod-lane-start,
#calendar.pod-lanes .ec-days.pod-lane-start {
    border-top: 2px solid #9CA3AF;
}

/* MYM-557: an inactive Pod's lane only holds the appointments still in it */
#calendar.pod-lanes .ec-resource.pod-lane-inactive,
#calendar.pod-lanes .ec-days.pod-lane-inactive {
    background-color: #F3F4F6;
}

    #calendar.pod-lanes .pod-lane-label.pod-lane-inactive .pod-lane-name {
        color: #6B7280;
    }

    #calendar.pod-lanes .pod-lane-label .pod-removed-icon {
        flex: 0 0 auto;
        width: auto !important;
        padding: 0 !important;
        margin-right: 4px;
        background: none !important;
        border-radius: 0 !important;
        font-size: 12px !important;
        color: #6B7280 !important;
        cursor: help;
    }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

a.fancybox-nav:hover , a.fancybox-close:hover
{
    background-color: transparent;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('fancybox/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
	padding-left: 0;
	padding-right: 0;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
