/* Minification failed. Returning unminified contents. (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2392,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (2635,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (2643,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (2651,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (3554,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (3562,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (3570,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (3738,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_3' (3819,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (3820,25): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (3851,33): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (4027,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4266,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (4315,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (4326,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (4332,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (4338,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (4344,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (4351,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (4355,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (4363,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (4368,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (4382,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (4383,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (4388,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (4389,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (4395,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (4396,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (4419,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4426,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4433,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4454,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4467,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4524,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4552,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4607,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4613,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4696,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4701,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4707,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4713,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (4714,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4733,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (4740,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (4794,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (4795,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4806,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (4810,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (4814,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (4818,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (4822,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (4826,32): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (4830,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (4854,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (4860,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (4865,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (4871,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (4876,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (4882,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (4886,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (4895,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (4983,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (4988,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (5062,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (5066,30): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (5143,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (5265,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_35' (5273,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (5311,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (5319,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5324,28): run-time error CSS1039: Token not allowed after unary operator: '-environment_background' (5325,17): run-time error CSS1039: Token not allowed after unary operator: '-environment_color' (5365,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (5369,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (5612,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (5616,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (5626,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (5635,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (5644,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (5693,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (5744,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (5755,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (5768,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (6046,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (6047,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6048,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6057,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (6058,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6059,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6448,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6449,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6452,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (6453,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6454,24): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6459,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (6460,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6466,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (6467,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6471,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (6472,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (6473,24): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (6478,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6479,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (6485,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (6486,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6490,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (6491,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (6492,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (6497,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (6498,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (6504,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6505,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6509,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_2' (6510,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6511,24): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6516,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_3' (6517,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6523,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (6524,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6528,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (6529,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (6530,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (6535,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (6536,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (6545,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6553,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6560,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (6566,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_2' (6608,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (6618,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (6621,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_2' (6624,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (6627,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (6630,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (6633,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (6636,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (6639,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6642,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (6645,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (6648,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (6651,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (6654,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (6657,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_35' (6660,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (6663,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (6666,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (6669,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (6672,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (6675,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6678,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_2' (6681,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_3' (6684,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (6687,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (6690,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (6695,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (6699,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_2' (6703,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (6707,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (6711,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (6715,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (6719,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (6723,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6727,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (6731,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (6735,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (6739,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (6743,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (6747,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (6751,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (6755,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (6759,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (6763,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (6767,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6771,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_2' (6777,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_3' (6781,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_01' (6785,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (6789,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (6793,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (6799,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (6804,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (6846,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (6852,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (6881,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (6898,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6904,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (6936,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (6966,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (6972,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6973,38): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (6974,36): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (7000,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (7033,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7034,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7074,18): run-time error CSS1039: Token not allowed after unary operator: '-footer_height' (7081,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (7082,18): run-time error CSS1039: Token not allowed after unary operator: '-footer_height' (7094,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7098,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (7102,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7105,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7108,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7146,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7213,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7219,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7225,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7232,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (7238,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7246,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7254,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7260,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7268,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (7274,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7281,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7288,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7295,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7308,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7318,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7325,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7334,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7341,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7351,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7357,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7364,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7371,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7377,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7385,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7391,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7398,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7406,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7412,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7419,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (7425,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7433,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7439,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7445,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7452,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7459,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7465,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7471,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7477,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7483,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7489,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7508,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (7515,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (7524,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7532,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7539,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7556,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7562,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (7563,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7571,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (7580,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7588,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (7593,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (7598,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7602,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (7603,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7608,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7615,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (7618,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (7640,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7690,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (7701,32): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7751,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7752,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7764,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (7765,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7766,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7773,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7774,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (7782,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7783,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7793,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7801,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (7802,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7803,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (7809,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (7810,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7817,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (7818,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7828,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (7829,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (7830,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (7836,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (7837,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7844,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (7845,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7857,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (7858,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (7859,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (7865,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (7866,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7874,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (7875,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7886,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_2' (7887,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (7888,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (7894,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_3' (7895,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7902,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7903,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7915,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (7916,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7917,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (7923,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (7924,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7931,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (7932,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (7943,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (7944,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (7945,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (7951,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (7952,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7958,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (7959,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (7970,26): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_2' (7971,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (7972,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (7978,26): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_3' (7979,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7987,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (7988,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7999,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8000,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8001,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8005,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8006,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (8013,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8014,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8025,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8026,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8027,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8031,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8032,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (8038,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8039,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8050,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8051,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8052,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8056,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8057,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (8066,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8067,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8078,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8079,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8080,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (8084,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8085,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (8091,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8092,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8105,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8106,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8107,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8111,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8112,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8118,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8119,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8132,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8133,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8134,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8138,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8139,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8145,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8146,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8159,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8160,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8161,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8165,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8166,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8174,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8175,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8188,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8189,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8190,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8194,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8195,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8203,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8204,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8215,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8216,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8217,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8221,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8222,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8228,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8229,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8240,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8241,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8242,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8246,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8247,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8254,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8255,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8268,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8269,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8270,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8274,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8275,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8280,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8281,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8294,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8295,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8296,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8300,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8301,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8307,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8308,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8321,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8322,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8323,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8327,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8328,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8335,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8336,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8349,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8350,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8351,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8355,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8356,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8362,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8363,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8376,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8377,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8378,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8382,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8383,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8390,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8391,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8404,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8405,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8406,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8410,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8411,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8417,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8418,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8431,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8432,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8433,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8437,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8438,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8444,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8445,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8458,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8459,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8460,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8464,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8465,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_3' (8473,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8474,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8485,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8486,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8487,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8491,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8492,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (8498,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8499,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8510,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8511,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8512,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8516,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8517,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (8523,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8524,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8535,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8536,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8537,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (8541,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8542,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (8551,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8552,22): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8563,21): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8564,26): run-time error CSS1039: Token not allowed after unary operator: '-accent_2' (8565,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8569,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8570,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_9' (8576,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8577,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8588,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (8589,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8590,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8594,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8595,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (8602,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8603,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8614,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (8615,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8616,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8620,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8621,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (8627,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8628,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8639,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_2' (8640,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8641,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (8645,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8646,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_3' (8653,22): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (8654,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8665,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_2' (8666,21): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (8667,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (8671,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8672,26): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_3' (8679,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8680,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8691,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8692,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8693,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8697,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8698,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8704,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8705,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8716,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8717,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8718,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8722,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8723,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8729,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8730,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8741,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8742,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8743,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8747,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8748,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8755,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8756,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8767,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8768,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8769,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8773,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8774,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8785,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8786,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8797,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8798,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8799,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8803,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8804,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8810,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8811,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8822,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8823,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8824,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8828,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8829,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8836,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8837,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8848,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8849,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8850,24): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8854,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8855,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8863,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8864,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8875,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8876,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8877,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8881,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8882,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8888,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8889,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8900,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8901,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8902,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8906,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8907,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8913,22): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8914,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8925,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_65' (8926,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8927,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_4' (8931,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (8932,26): run-time error CSS1039: Token not allowed after unary operator: '-primary_8' (8942,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (8949,24): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8950,32): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8954,24): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8955,32): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8975,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (8978,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (8985,29): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (8991,29): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9001,24): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9002,30): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9009,24): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9076,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (9086,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (9099,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (9100,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9104,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (9108,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (9112,32): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (9118,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (9123,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (9128,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (9157,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (9195,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_6' (9200,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (9208,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_5' (9274,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (9285,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9286,29): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9298,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary_2' (9310,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9311,29): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9318,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9325,21): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (9334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9337,28): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9343,18): run-time error CSS1039: Token not allowed after unary operator: '-footer_height' (9346,18): run-time error CSS1039: Token not allowed after unary operator: '-footer_height' (9353,28): run-time error CSS1039: Token not allowed after unary operator: '-primary_7' (9354,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary_1' (9357,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (9360,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_1' (9364,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9387,28): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9397,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (9402,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9407,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9411,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (9416,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9421,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9426,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9430,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary_1' (9434,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (9439,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9444,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9449,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9454,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9458,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9462,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9467,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9471,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9476,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9481,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9486,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_5' (9490,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9494,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9498,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9502,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9507,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9512,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9517,17): run-time error CSS1039: Token not allowed after unary operator: '-accent_1' (9523,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9528,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9532,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9537,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9543,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_success_1' (9547,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9552,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9556,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9560,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9565,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9570,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9575,17): run-time error CSS1039: Token not allowed after unary operator: '-primary_3' (9580,17): run-time error CSS1039: Token not allowed after unary operator: '-validation_error_1' (9588,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary_4' (9602,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9636,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9641,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9653,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9658,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9670,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9675,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9756,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9761,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9773,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9778,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9891,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9896,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9909,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9914,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9926,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (9931,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (10057,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (10062,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (10074,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' (10079,39): run-time error CSS1039: Token not allowed after unary operator: '-secondary_3' */ /*CHANGE THIS - need to download the font files instead of using google*/ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/ @font-face { font-family: "Open Sans"; src: url(fonts/OpenSans-Regular.ttf); } @font-face { font-family: "Montserrat"; src: url(fonts/Montserrat-Regular.ttf); } /*______________________________COLORS______________________________*/ :root { /*change this to the theme name later on*/ --primary_dark: #1E2A34; --primary_dark1: #2E3E4C; --primary_dark2: #586570; --primary_1: #003946; --primary_2: #005F73; --primary_3: #00708A; --primary_4: #338DA1; --primary_5: #66A9B9; --primary_6: #99C6D0; --primary_65: #ADD1D9; --primary_7: #CCE2E8; --primary_8: #D6E8EC; --primary_9: #EBF4F6; --tertiary_1: #FFCD00; --tertiary_2: #FFEB99; --tertiary_3: #FFF5CC; --accent_1: #EE9B00; --accent_2: #F8D799; --accent_3: #FCEBCC; --secondary_1: #6C757D; --secondary_2: #B3B3B3; --secondary_3: #CCCCCC; --secondary_35: #DEDEDE; --secondary_4: #E6E6E6; --secondary_5: #F2F2F2; --validation_error_1: #D30010; --validation_error_2: #F8A4A7; --validation_error_3: #FBD2D3; --validation_success_01: #145423; --validation_success_1: #28A745; --validation_success_2: #A9DCB5; --validation_success_3: #D4EDDA; --white: white; --footer_height: 75px; --footer_height2: 80px; } /**BOOSTRAP 4 css that is no longer supported in BOOSTRAP 5 has been copied here: https://getbootstrap.com/docs/5.0/migration/*/ /**columns no longer have position relative applied to them, causing issues with previous pilot pages*/ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; } /**jumbotron no longer supported in boostrap 5/*/ .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } /**text info color changed in boostrap 5*/ .text-info { color: #17a2b8 !important; } .change-o-color { color: #EE9B00 !important; } /**change badge default color to black (changed to white in boostrap 5.0)*/ .badge{ color:black; } /**font weight properties are no longer supported*/ .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } /*no-gutters is no longer supported in bootstrap 5 so I copied the styling to the Site.css*/ .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .no-gutters-all { padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; } /*______________________________MARGINS + PADDING______________________________*/ /*changed in bootstrap 5*/ .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding: 0.55rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /**text-align classes were removed in boostrap 5*/ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .vert-center { vertical-align: middle; } .vert-bottom { vertical-align: bottom; } /**float classes were removed in boostrap 5*/ .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .navbar { padding: 0.5rem 1rem; } /*END BOOSTRAP 4 TO 5 MERGE*/ body { /*padding-top: 50px; padding-bottom: 20px;*/ } a { color: var(--primary_3); text-decoration: none; font-weight: bold; font-size: 14px; /*font-family: 'Open Sans' !important;*/ } /*This font family was causing a kendo expander icon to disappear, new style to exclude that*/ a:not(.k-icon) { font-family: 'Open Sans' !important; } /* a:hover { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; }*/ a.list-group-item, button.list-group-item { color: #555; padding: .5em 1.25em; } a.list-group-item:hover, button.list-group-item:hover { background-color: #F5F5F5; } hr { border: 0; border-top: 1px solid #eee; /*width: 100%;*/ } .lessThan4Roles { top: 56px; } .rounded-pill { padding-right: 0.6em; padding-left: 0.6em; } .moreThan4Roles { top: 56px; } /**COPIED FROM OLD BOOTSTRAP*/ /*(did this to keep fonts the same size, bootstrap updated caused font sizes to increase)*/ 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, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .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, .h4, h5, .h5, h6, .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; } /*END COPIED FROM OLD BOOTSTRAP*/ @media (min-width: 768px) { /*MEDIUM*/ .md-absolute { position: absolute; bottom: 0; width: 100%; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 992px) { /*LARGE*/ .lg-absolute { position: absolute; bottom: 0; width: 100%; overflow-y: auto; overflow-x: hidden; } .lessThan4Roles { top: 87px; } } @media (min-width: 1200px) { /*EXTRA LARGE*/ .xl-absolute { /**ABSOLUTE POSITIONING NEEDED ONLY FOR DESKTOP*/ position: absolute; bottom: 0; width: 100%; overflow-y: auto; overflow-x: hidden; } .xl-modal-50 { width: 50% !important; max-width: unset; } .xl-modal-75 { width: 75% !important; max-width: unset; } .gridOverflow { overflow: hidden; } } .room-for-toolbar { padding-top: 50px; padding-bottom: 30px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Set width on the form input elements since they're 100% wide by default */ /*input, select, textarea { max-width: 280px; }*/ .textarea{ min-height:100px; } /* styles for validation helpers */ .field-validation-error { color: var(--validation_error_1); } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid var(--validation_error_1); } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: var(--validation_error_1); } .validation-summary-valid { display: none; } .lrg-panel-header { height: 52px; max-width: 100%; } ol.progtrckr { margin: 0; padding: 0; list-style-type: none; } ol.progtrckr li { display: inline-block; text-align: center; line-height: 3em; } ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; } ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; } ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; } ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; } ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; } ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; } ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; } ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; } ol.progtrckr li.progtrckr-done { color: green; border-bottom: 4px solid green; } ol.progtrckr li.progtrckr-todo { color: silver; border-bottom: 4px solid silver; } ol.progtrckr li:after { content: "\00a0\00a0"; } ol.progtrckr li:before { position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em; } ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: white; background-color: green; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em; } ol.progtrckr li.progtrckr-todo:before { content: "\2713"; color: silver; background-color: silver; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em; } .evp-customer { width: auto; height: 32px; background-size: 32px 32px; background-image: url(icons/NoBkgd/svg/Customer.svg); background-repeat: no-repeat; text-indent: 40px; } .evp-project { width: auto; height: 32px; background-size: 32px 32px; background-image: url(icons/NoBkgd/svg/Office-01.svg); background-repeat: no-repeat; text-indent: 40px; } .evp-purchase-order { width: auto; height: 32px; background-size: 32px 32px; background-image: url(icons/NoBkgd/svg/Purchase-Order.svg); background-repeat: no-repeat; text-indent: 40px; } /*div.container, .container > .row > div { box-sizing: border-box; }*/ /* reset everything to the default box model */ *, :before, :after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* set a border-box model only to elements that need it */ .form-control, /* if this class is applied to a Kendo UI widget, its layout may change */ .container, .container-fluid, .row, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .row-fluid, .span12, .span6 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.maximized { width: 100%; height: 100%; } div.busy { opacity: 0.25; background: #000000; z-index: 10; top: 0; left: 0; position: fixed; } #busyPanel{ position:fixed; } div.disclaimer { color: red; font-weight: bold; font-family: Arial; } div.center { position: absolute; top: 60%; left: 50%; margin-top: -147px; margin-left: -144px; } .GridNoHeader thead.k-grid-header { height: 0; border-bottom-width: 0; visibility: hidden; overflow: hidden; } .GridNoHeader th.k-header { padding: 0; border-width: 0; } .no-margins { margin: 0 !important; } .margin-bottom-hr { margin-top: 0 !important; margin-bottom: 10px !important; } .no-padding { padding: 0 !important; } .small-listitem-padding { padding-top: 2px; padding-right: 2px; padding-left: 3px; padding-bottom: 2px; } .list-group-horizontal .list-group-item { display: inline-block; } .list-group-horizontal .list-group-item { margin-bottom: 0; margin-left: -4px; margin-right: 0; } .list-group-horizontal .list-group-item:first-child { border-top-right-radius: 0; border-bottom-left-radius: 4px; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .curved-div { height: 5em; width: 12em; -moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em; background-color: #bebebe; } .selected-dashboard { background-color: #31708f; } .no-underline { text-decoration: none } .strikethrough { text-decoration: line-through; } .change-order { min-height: 15px; margin-bottom: 15px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); padding: 3px; border-radius: 3px; } .change-order-complete { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); background-repeat: repeat-x; border-color: #b2dba1; } .change-order-in-progress { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); background-repeat: repeat-x; border-color: #f5e79e; } .icon-change-order-in-progress { text-decoration: line-through; color: red; } .icon-change-order-complete { color: green; } .redrowClass { /*background-color: rgba(125, 4, 4, 0.86);*/ background-color: #d79e9e !important; /*color: black;*/ } .warningrowClass { /*background-color: rgba(125, 4, 4, 0.86);*/ background-color: lightgoldenrodyellow !important; /*color: black;*/ } .k-grid-filter.k-state-active { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*border: solid lightgrey;*/ border-width: 1px 1px 1px 0; background: rgb(254,252,234); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(254,252,234,1) 0%, rgba(239,207,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,207,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(239,207,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(239,207,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(239,207,0,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(254,252,234,1) 0%,rgba(239,207,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efcf00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /*.k-icon.k-filter { background: url(icons/filter.gif); }*/ .glyphicon-color-standard { color: #1F5A69; } .tool-button-icon { display: inline-block; /*position: absolute;*/ padding-top: 2px; padding-left: 2px; padding-right: 3px; padding-bottom: 2px; } .shadow { box-shadow: 3px 3px 3px #a9a9a9; -moz-box-shadow: 3px 3px 3px #a9a9a9; -webkit-box-shadow: 3px 3px 3px #a9a9a9; } .shadowNew { box-shadow: 0.2rem 0.2rem 0.1rem rgba(0, 0, 0, .15) !important; } .rounded-corners { border-radius: 0.95rem; } .rounded-corners-2 { border-radius: 0.35rem; } .bottom-shadow { box-shadow: 0 4px 4px -2px #232323; -moz-box-shadow: 0 4px 4px -2px #232323; -webkit-box-shadow: 0 4px 4px -2px #232323; } .display-inline { display: inline; } .header-panel { background-color: #FAFAFA; } a:hover { text-decoration: none; } .k-grid .k-hierarchy-col { width: 15px; } /* Styles for Document List*/ .file-icon { display: inline-block; float: left; width: 48px; height: 48px; margin-left: 10px; margin-top: 13.5px; } .file-icon-small { display: inline-block; float: left; width: 24px; height: 24px; margin-right: 10px; } .img-file { background-image: url(./icons/fileTypes/jpg.png); } .img-file-small { background-image: url(./icons/fileTypes/24/Images.png); } .doc-file { background-image: url(./icons/fileTypes/doc.png); } .doc-file-small { background-image: url(./icons/fileTypes/24/Microsoft-Word); } .pdf-file { background-image: url(./icons/fileTypes/pdf.png); } .pdf-file-small { background-image: url(./icons/fileTypes/24/Adobe-Acrobat.png); } .xls-file { background-image: url(./icons/fileTypes/xls.png); } .xls-file-small { background-image: url(./icons/fileTypes/24/Microsoft-Excel); } .zip-file { background-image: url(./icons/fileTypes/zip.png); } .zip-file-small { background-image: url(./icons/fileTypes/24/File-Format-ZIP.png); } .default-file { background-image: url(./icons/fileTypes/default.png); } .default-file-small { background-image: url(./icons/fileTypes/24/default.png); } #example .file-heading { font-family: Arial; font-size: 1.1em; display: inline-block; float: left; width: 450px; margin: 0 0 0 20px; height: 25px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #example .file-name-heading { font-weight: bold; } #example .file-size-heading { font-weight: normal; font-style: italic; } li.k-file .file-wrapper .k-upload-action { position: absolute; top: 0; right: 0; } li.k-file div.file-wrapper { position: relative; height: 75px; } .modified { font-weight: bold; font-style: italic; } .text-indent { text-indent: 24px; } .extra-small-indent { text-indent: 27px; } .small-indent { text-indent: 30px; } .medium-indent { text-indent: 40px; } .large-indent { text-indent: 56px; } .extra-large-indent { text-indent: 73px; } .text-bold { font-weight: bolder !important; } .text-size-xsm { font-size: .65em; } /*12px*/ .text-size-sm { font-size: .75em; } /*14px*/ .text-size-smnorm { font-size: .875em; } /*16px*/ .text-size-normal { font-size: 1em; } .text-size-md { font-size: 1.25em; } .text-size-lg { font-size: 1.5em; } .text-size-xlg { font-size: 2em; } .text-size-xxlg { font-size: 3em; } .order-line-icon-text { width: auto; height: 18px; background-size: 18px 18px; background-image: url(icons/NoBkgd/svg/Format-Bullets.svg); background-repeat: no-repeat; text-indent: 24px; font-size: 1em; } .alert-normal { color: #31708f; background-color: #fcfcfc; border-color: #E8E8E8; } .alert-normal hr { border-top-color: #E8E8E8; } .alert-normal .alert-link { color: #1b1b1b; } /*slick*/ .slick-slide { outline: none; } .slick-prev:before, .slick-next:before { color: silver !important; } /*Action and Link Slideout*/ #slide-in-share { position: absolute; top: 250px; left: 0; width: 300px; margin-left: -305px; border: solid #d9d9d9; border-width: 1px 1px 1px 0; z-index: 99; background-color: white /*#f5f5f5*/; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 4px 4px 4px #aeaeae; } #slide-in-handle { position: absolute; left: 300px; width: 33px; height: 100px; /*text-indent: -999em;*/ /*background-color: #e9e9e9;*/ background-color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid lightgrey; border-width: 1px 1px 1px 0; box-shadow: 4px 4px 4px #aeaeae; font-size: .75em; } .slide-in-vertical-text { -webkit-transform: rotate(90deg); -webkit-transform-origin: left top; -moz-transform: rotate(90deg); -moz-transform-origin: left top; -ms-transform: rotate(90deg); -ms-transform-origin: left top; -o-transform: rotate(90deg); -o-transform-origin: left top; transform: rotate(90deg); transform-origin: left top; position: absolute; top: 0; left: 80%; white-space: nowrap; } @media (max-width: 1199px) {/**hide document slide for devices under 1199 px (under xl)/*/ #slide-in-folder { display:none; } } @media (min-width: 1200px) {/**show document slide for devices above 1200 px (xl)/*/ #slide-in-folder { display:block; } } #slide-in-folder { position: fixed; top: 250px; bottom: 0px; left: 0; width: 1200px; margin-left: -2300px; /*1220 change this to pull it off the page on load*/ border: solid #d9d9d9; border-width: 1px 0px 0px 0; z-index: 10000; background-color: #F2F2F2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 4px 4px 4px #aeaeae; } #slide-in-folderOut { position: absolute; top: 20px; bottom: 0px; left: 1220px; width: 20px; background-color: inherit; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid #d9d9d9; border-width: 0px 1px 1px 0; box-shadow: 4px 4px 4px #aeaeae; font-size: .75em; cursor: pointer; } #slide-in-folderOut:before, #slide-in-folderOut:after { content: ""; position: absolute; left: 0px; width: 0; height: 0; border-style: solid; } #slide-in-folderOut:before { top: -19px; border-color: transparent transparent transparent #F2F2F2; border-width: 20px; z-index: -1; } #slide-in-folderOut:after { top: -20px; border-color: transparent transparent transparent #d9d9d9; border-width: 20px; z-index: -2; } #slide-in-foldertab { position: absolute; left: 20px; width: 40px; height: 160px; background-color: inherit; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid lightgrey; border-width: 1px 1px 1px 0; box-shadow: 4px 4px 4px #aeaeae; font-size: .75em; color: #8497B0; cursor: pointer; border-radius: 0px 15px 15px 0px; } #slide-in-folder.k-dropzone-hovered, #slide-in-folder .k-dropzone-hovered /*, #slide-in-folder:hover*/ { background-color: white !important; } #slide-in-folder .k-dropzone-hovered:before { border-color: transparent transparent transparent white; } #slide-in-folder #documentArea div { height: 100%; } #slide-in-folder #documentArea .k-grid-header { height: auto !important; } #slide-in-folder #documentArea .k-grid-content { height: 95% !important; } .closeButton { height: 25px; width: 25px; border-radius: 50%; border: 1px solid #4B5A60; background-color: #e85025; font-weight: bold; font-size: 30px; position: absolute; right: 5px; top: 5px; z-index: 5; } .closeButton:after { color: white; display: block; content: "\00d7"; margin-top: -15px; margin-left: -5px; } .closeButton:focus { outline: 0; } .cursor-pointer { cursor: pointer; } .hover-underline:hover{ text-decoration:underline; } .scrollable-vertical { overflow-y: auto !important; overflow-x: hidden !important; } .scrollable-hidden { overflow-y: hidden; overflow-x: hidden; } .documentEntitySelected { background-color: #117490; color: white !important; border-radius: 5px; /*padding-top: 7px; margin-top: -5px;*/ } .edit-row { margin: 2%; } .field-label { font-weight: bold; } .object-state-deleted { text-decoration: line-through !important; } .object-state-changed { font-weight: bold !important; font-style: italic !important; } .btn-tool { position: relative !important; margin: 1px !important; padding-bottom: 1px; padding-left: 3px; padding-top: 1px; padding-right: 3px; display: inline-block; font-size: 8px; } .assigned-unit-removed, .assigned-unit-removed a { text-decoration: line-through; color: red; font-style: italic; font-weight: bold; text-decoration: none; } .assigned-unit-added, .assigned-unit-added a { color: darkblue; font-style: italic; font-weight: bold; text-decoration: none; } .submittal-title span{ font-size:34px !important; } .submittal-subtitle{ font-size:28px; } .submittal-document-removed { text-decoration: line-through; font-style: italic; color: var(--validation_error_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder; } .submittal-document-edited { font-style: italic; color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder !important; } .submittal-document-added { font-style: italic; color: var(--accent_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder !important; } #submittalHistoryListView .submittal-history-item:nth-child(even) { background: #F5F5F5; } .submittal-history-subitem { cursor: pointer; } .submittal-history-subitem:hover { text-decoration: underline; color: #FECA25 !important; font-weight: bold; } .clickable { cursor: pointer; } .validate-container { position: absolute; right: 0px; top: -10px; } .relative { position: relative; } /*COLORS*/ /*regular*/ .evapco_blue_fore { color: #36484F !important; } .evapco_blue_back { background-color: #36484F !important; } .evapco_gray_fore { color: #36484F !important; } .evapco_gray_back { background-color: #36484F !important; } .evapco_red_fore { color: #E85025 !important; } .evapco_red_back { background-color: #E85025 !important; } .evapco_yellow_fore { color: #FECA25 !important; } .evapco_yellow_back { background-color: #FECA25 !important; } .evapco_green_fore { color: #4C7134 !important; } .evapco_green_back { background-color: #4C7134 !important; } /*50*/ .evapco_blue50_fore { color: #117490 !important; } .evapco_blue50_back { background-color: #117490 !important; } .evapco_blue50_circle_back { background: #117490; width: 80px; height: 80px; line-height: 125px; border-radius: 50%; TEXT-ALIGN: center; } .evapco_gray50_fore { color: #78919D !important; } .evapco_gray50_back { background-color: #78919D !important; } .evapco_red50_fore { color: #F9CBBF !important; } .evapco_red50_back { background-color: #F9CBBF !important; } .evapco_yellow50_fore { color: #F9E594 !important; } .evapco_yellow50_back { background-color: #F9E594 !important; } .evapco_green50_fore { color: #D0E7BA !important; } .evapco_green50_back { background-color: #D0E7BA !important; } /*25*/ .evapco_blue25_fore { color: #A4D9E7 !important; } .evapco_blue25_back { background-color: #A4D9E7 !important; } .evapco_gray25_fore { color: #F1F4F5 !important; } .evapco_gray25_back { background-color: #F1F4F5 !important; } .evapco_red25_fore { color: #FCE5DF !important; } .evapco_red25_back { background-color: #FCE5DF !important; } .evapco_yellow25_fore { color: #FCF2C9 !important; } .evapco_yellow25_back { background-color: #FCF2C9 !important; } .evapco_green25_fore { color: #E7F3DC !important; } .evapco_green25_back { background-color: #E7F3DC !important; } .valsuc3_bkgd { background-color: var(--validation_success_3) !important; } .login_blue_back { background-color: #D1E2E6 !important; } .text-italic { font-style: italic; } /*END COLORS*/ /*RESPONSIVE**/ /*ALL Dimensions*/ /*QR/Shipped View*/ .grayContainer { background: #D7E5E9; } .custom-button { font-size: 18px; margin-bottom: 10px; background: #EEEEEE; color: #117490; font-weight: bold; border-radius: 10px; width: 200px; border: 1px solid #117490; } .custom-button:hover { background: #117490; color: white; } .icon { font-size: 30px; display: inline-block; float: left; margin: 0px 10px 0px 0px; } .medium-text { font-size: 24px; margin: 5px 0px 0px 0px; color: #595959; } .page-title { text-align: center; } .white-section { padding: 20px 10px; background: white; } #orderLineUnit-view .label { color: black } .margin-top { margin-top: 2%; } .no-border { border: 0px !important; } .margin-allaround { margin: 5px; } .margin-1-all { margin: 1px; } #accessoryList { border: 0px !important; } #accessoryList .k-header { background: var(--secondary_4) !important; color: var(--primary_5); font-size: 14px; font-family: Montserrat; font-weight: bold; margin: 10px; padding: 10px 10px 10px 10px !important; } #accessoryList th { background: transparent !important; border-width: 0 0 1px 0; /* top right bottom left */ } #accessoryList td { border: 0px !important; } #accessoryList .k-grid-header { background: transparent !important; } #accessoryList tr.k-alt { background: transparent !important; /*border: 0px !important;*/ } /* #accessoryList tr.k-alt:hover { background: var(--primary_5) !important; color: white; }*/ #accessoryList tr:hover { background: var(--primary_5) !important; color: white; } #accessoryList .k-grid tr td { border: 0px !important; } .Barcode { max-width: 200px; } .nav-link { cursor: pointer; } #completedChange { left: 60px; } #inProgressChange { left: 180px; } .CompletedChangeOrderHeader { border-color: #b2dba1; padding: 3px; border: 1px; background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); background-repeat: repeat-x; border-radius: 3px; margin-bottom: 15px; } .InProgressChangeOrderHeader { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); background-repeat: repeat-x; border-color: #f5e79e; padding: 3px; border: 1px; border-radius: 3px; margin-bottom: 15px; } .no-boxshadow { box-shadow: none !important; } .background-white { background-color: white; } .background-transparent { background-color: transparent !important; } .modalShowOnTop { z-index: 5; } .headerShowOnTop { z-index: 4; } .showOnTop { z-index: 3; } .showOnTop2 { z-index: 2; } .showBelow { z-index: 1; } .position-relative { position: relative; } .change-order-complete:hover .dropdown-content { display: block !important; } .change-order-in-progress:hover .dropdown-content { display: block !important; } #headerTemplate { min-height: 20px; padding: 19px; /*margin-bottom: 20px;*/ background-color: #f5f5f5 !important; 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); } #headerTemplateNew { min-height: 20px; padding: 19px; /*margin-bottom: 20px;*/ background-color: white !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } #headerTemplateNew2 { min-height: 20px; /*margin-bottom: 20px;*/ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } #buttonsContainer { padding: 0px; background-color: #f5f5f5 !important; 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); left: 50%; transform: translateX(-50%); height: 85px; } #actionContainer { padding: 0px; /*background-color: #f5f5f5 !important;*/ /*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); left: 50%; transform: translateX(-50%); height: 80px; } #sectionsContainer { top: 0px; bottom: 85px; } #sectionsContainerNew { top: 0px; bottom: 0px; } #actionPanel { min-height: 20px; padding: 19px; background-color: #f5f5f5 !important; border: 1px solid #e3e3e3; border-radius: 4px; } #actionPanel.submittalEmail { /*height: 74px;*/ padding-left: 19px; padding-right: 19px; padding-top: 0px; padding-bottom: 0px; } #actionPanelNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } #actionPanelNew.submittalEmail { /*height: 74px;*/ padding-left: 19px; padding-right: 19px; padding-top: 0px; padding-bottom: 0px; } .icon-color-white { color: white !important; } .icon-color-red { color: red; } .icon-color-orange { color: orange; } .icon-color-evapcoblue { color: #117490 !important; } .icon-color-green { color: greenyellow !important; } .modal-25 { width: 25%; max-width: unset; } .modal-35 { width: 35%; max-width: unset; } .modal-50 { width: 50%; max-width: unset; } .modal-75 { width: 75%; max-width: unset; } .modal-90 { width: 90%; max-width: unset; } .k-panelbar .k-state-focused:hover .text-info { color: #17a2b8 !important; } .mini-button-padding { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .button-padding { padding: 1px 6px; } .top-padding { padding-top: 7px; } @media (min-width: 576px) { /*SMALL*/ } @media (min-width: 768px) { /*MEDIUM*/ .grayContainer { padding: 40px; } .page-title { text-align: left; } .md-side-margin { margin-left: 35px; margin-right: 35px; } } .k-widget.k-tooltip-validation { display: block; text-align: left; } .k-i-warning { margin-top: 3px; } .k-widget.k-tooltip-validation { border-color: transparent; background-color: transparent; } .navigation-Margin { margin-top: 64px; } .sticky-top { top: 0px; /*64*/ } #mainBody { position: absolute; top: 64px; bottom: 50px; overflow-y: auto; overflow-x: hidden; } #footer { position: absolute; bottom: 0px; height: 50px; border-top: 1px solid #eee; } #editOrderLinePricingPerUnitAccessoriesModal .modal-dialog /*, #addOrderLineModal .modal-dialog:first-child*/ { height: 100%; } #editOrderLinePricingPerUnitAccessoriesModal .modal-content /*, #addOrderLineModal .modal-content*/ { height: 90%; } #accessoriesEdit .modal-dialog { height: 100%; } #accessoriesEdit .modal-content { height: 90%; } .h-90 { height: 90%; } .modalBackDrop { display: none; position: absolute; top: 0; left: 0; bottom: 0px; right: 0px; z-index: 1040; background-color: #000; opacity: .5; } .background-gray { background: lightgray !important; } .color-gray { color: lightgray !important; } .background-blue { background: deepskyblue !important; } .color-blue { color: deepskyblue !important; } .foreground-gray { color: #D9D9D9; } .foreground-red { color: lightcoral !important; } .foreground-green { color: green !important; } .foreground-orange { color: orange !important; } .foreground-black { color: black; } .foreground-white { color: white; } .no-scroll { overflow-y: hidden; overflow-x: hidden; } div[disabled] { pointer-events: none; opacity: .5; } /* Dropdown Button */ .dropbtn { color: black; font-size: 14px; border: none; background: white; white-space: nowrap; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background: white; z-index: 3; padding: 10px; } /* Links inside the dropdown */ .dropdown-content a { color: var(--secondary_1); text-decoration: none; display: block; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; top: 33px; right: 0px; left: auto; margin-top: 0; } .no-text-wrap { white-space: nowrap; } .dropdownContainer { /*position: absolute;*/ /*min-height: 63px;*/ border-style: none; vertical-align: top; /*margin-left: -4px;*/ } /*removing the transparent background color because its messing up the in progress/completed btns on the orderline page*/ .dropdownContainer button { border-style: none; } .dropdownContainer button:focus { outline: 0; } .dropdownContainer .k-listview { border-top-width: 0px; } .dropdownContainer:hover .dropdown-content { display: block !important; padding: 5px; } /*______________________________CARDS RESULT LIST______________________________*/ /*Customer Search Results*/ /*Selected*/ #customerSearchResults .k-state-selected { background: var(--primary_7) !important; border-radius: 0.95rem; } .customerSearchResults-fieldmatch { color: forestgreen !important; font-weight: bold; } /*Unselected result*/ .customerSearchResult { font-size: 12px; height: auto; background-color: var(--secondary_5); min-height: 105px; cursor: pointer; border-radius: 0.95rem; } /*Text*/ .customerSearchResult span { color: var(--primary_1); font-size: 14px; font-family: 'Open Sans'; font-weight: normal; } .k-state-selected .customerSearchResult span { color: var(--primary_1); font-size: 14px; font-family: 'Open Sans'; font-weight: normal; } .k-state-selected .customerSearchResult { background-color: var(--primary_7); border-radius: 0.95rem; } .customerSearchResult .address, .customerSearchResult .identifiers { font-size: 12px; } .customerSearchResult .state { color: var(--accent_1); } /*Selected card state font color*/ .k-state-selected .customerSearchResult .state { color: var(--primary_1); } /*.customerSearchResultNew .state { color: #BF9000; }*/ /*Being used in QAR Document List*/ .result-card { background-color: var(--secondary_5); padding: 0px; border-radius: 0.95rem; } .result-card .k-state-selected { background-color: var(--primary_7); } /*______________________________BANNERS______________________________*/ /*Background of any note/info/non-emergency alert*/ .alert-1 { position: relative; padding: .50rem 1rem !important; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } /*Blue background*/ .alert-info-1 { color: var(--primary_1); background-color: var(--primary_6); border-color: transparent; } /*Yellow warning background*/ .alert-warning-1 { color: var(--primary_1); background-color: var(--tertiary_1); border-color: transparent; } /*Red warning background*/ .alert-danger-1 { color: var(--primary_1); background-color: var(--validation_error_1); border-color: transparent; } /*ENDREGION*/ /*______________________________FILE UPLOAD DROPZONES______________________________*/ .dropZonePOElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZonePOElement .k-dropzone-hovered { background-color: white !important; } .dropZonePOElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneElement { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneElementFooter { border-color: transparent; border-width: 1px; border-bottom-style: none; } .dropZoneRootCauseElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneRootCauseElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneAssemblyPrintElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneTaxExemptCertElement { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneTaxExemptCertElement .k-dropzone-hovered { background-color: white !important; } .dropZoneElement .k-dropzone-hovered { background-color: white !important; } .dropZoneRootCauseElement .k-dropzone-hovered { background-color: white !important; } .dropZoneAssemblyPrintElement .k-dropzone-hovered { background-color: white !important; } .dropZoneElementAssemblyPrint { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneElementAssemblyPrint .k-dropzone-hovered { background-color: white !important; } .dropZoneElementOrder { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneElementOrder .k-dropzone-hovered { background-color: white !important; } .dropZoneProductionPrintElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneProductionPrintElement .k-dropzone-hovered { background-color: white !important; } .dropZoneProductionPrintElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneAdjustmentDocumentElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneAdjustmentDocumentElement .k-dropzone-hovered { background-color: white !important; } .dropZoneQualityElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneQualityElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } dropZoneTaxExemptCertElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneQualityElement .k-dropzone-hovered { background-color: white !important; } .dropZoneRootCause { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneRootCause .k-dropzone-hovered { background-color: white !important; } .dropZoneTrainingElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneTrainingElement .k-dropzone-hovered { background-color: white !important; } .dropZoneBOLElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .dropZoneBOLElement .k-dropzone-hovered { background-color: white !important; } .dropZoneBOLElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .dropZoneShippingLabelElementNew { border-style: dashed; border-color: var(--secondary_3); border-width: 2px; border-radius: 0.50rem; } .reviewedDocElement { background-color: #F5F5F5; border-style: solid; border-color: #CCCCCC; border-width: 1px; border-bottom-style: none; } .reviewedDocElement .k-dropzone-hovered { background-color: white !important; } #uploadDocumentModal { z-index: 10001; } .dashed-border { border-style: dashed; border-color: #99AEB2; border-width: 2px; } #orderLineListView, #orderLineListView .k-widget { background-color: transparent !important; } .tag { display: inline-block; position: relative; font-size: 14px; height: 21px; } .tag:after { /*the triangle*/ content: ""; position: absolute; left: 100%; width: 0; height: 0; border-style: solid; top: 1px; border-color: transparent transparent transparent transparent; border-left-color: inherit; border-width: 10.5px; } .tag-left { display: inline-block; position: relative; font-size: 14px; height: 21px; margin-left:.5em; } .tag-left:before { /*the triangle*/ content: ""; position: absolute; right: 100%; width: 0; height: 0; border-style: solid; top: 1px; border-color: transparent transparent transparent transparent; border-right-color: inherit; border-width: 10.5px; } .tag-left:after { border-left-color: transparent !important; } #documentRegion object { min-height: 600px; } .truckTemplate { margin-bottom: 10px; background-color: transparent !important; border: 1px solid var(--secondary_3); border-radius: 0.95rem; } .full-border { background-color: transparent !important; border: 1px solid var(--secondary_3); border-radius: 0.95rem; padding: 10px !important; } .border-new { background-color: transparent !important; border: 1px solid var(--secondary_3); border-radius: 0.95rem; padding-top: 5px; } .border-new2 { background-color: var(--secondary_5) !important; border: 3px solid var(--secondary_3); border-radius: 0.95rem; padding-top: 5px; } .panel-2 { background: white !important; } #billOfLadingEmbeddedPDF { display: none; } .k-tooltip-content #billOfLadingEmbeddedPDF { display: block; } #salesOrderAddress .k-state-selected { background-color: var(--primary_7); border: none; } #qarAddress .k-state-selected { background-color: transparent !important; border: 1px solid var(--secondary_3); border-radius: 0.95rem; } #qarAddress { margin: 5px !important; } .text-red { color: red !important; font-weight: bolder; } .lineSplit-horizontal { border-bottom: 1px solid #117490; } .addFeesBorder { border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae; border-left: 1px solid #aeaeae; } .cell { width: 50px; height: 50px; margin: 5px; border: 1px solid #428bca; } .cell.k-state-selected { background-color: transparent; } .cell.selected { background-color: #428bca !important; } /* .btn-actionPanel, .btn-accept, .btn-reject, .btn-prepare, .btn-sendToCustomer, .btn-acceptAsNoted, .btn-approve { color: white !important; padding-left: 50px; padding-right: 50px; padding-top: 5px; padding-bottom: 5px; font-size: large; border: 0px !important; box-shadow: none !important; border-radius: 5px; font-family: Calibri; font-size: 20px; }*/ .btn-actionPanel, .btn-accept, .btn-reject, .btn-prepare, .btn-sendToCustomer, .btn-acceptAsNoted, .btn-approve { padding: 0.375rem; background: var(--accent_1); color: var(--white); font-family: Montserrat; font-size: 14px; font-weight: bold; border-color: transparent; border-radius: 0.50rem; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-accept { background-color: var(--validation_success_1) !important; } .btn-approve { background-color: var(--validation_success_1) !important; } .btn-acceptAsNoted { background-color: var(--validation_success_1) !important; } .btn-reject { background-color: var(--validation_error_1) !important; } .btn-prepare { background-color: var(--primary_4) !important; } .btn-sendToCustomer { background-color: var(--accent_1) !important; } .btn-sendToCustomerSmall { background-color: var(--accent_1) !important; color: white !important; border: 0px !important; box-shadow: none !important; border-radius: 5px; } .left-padding { padding-left: 25px; } .noBorderNoShadow { border-style: none; box-shadow: none; } .pricingModalAccessoryTemplate { border-style: none; box-shadow: none; font-size: 13px; } .originalAccessoryParentHeaderAmount { font-weight: bold; color: var(--secondary_2); } .originalAccessoryParentHeaderAmountItalic { font-style: italic; font-size: 1rem; color: var(--secondary_2); } .originalAccessoryParentHeaderName { font-weight: bold; color: var(--primary_5); } .originalAccessoryParentHeaderNameItalic { font-size: 1rem; font-style: italic; color: var(--primary_5); } .editableAccessoryParentHeaderName { font-weight: bold; color: var(--secondary_1); } .editableAccessoryAmountItalic { font-size: 1rem; font-style: italic; color: var(--secondary_1); } .lineItemPricingEditModalGray { color: var(--secondary_2); font-size: 14px; } .lineItemPricingEditModalBlue { color: red; } .lineItemPricingEditModalSmallGray { color: var(--secondary_2); font-size: 14px; font-weight: bold; } .lineItemPricingEditModalOverflow { overflow-y: auto; overflow-x: hidden; } .mlrem-4 { margin-left: 4rem !important; } .strikethroughOrigM { text-decoration: line-through; text-decoration-color: #A9A9A9; } .textRed { color: red; } .h32 { height: 32px !important; } .editPricingModalVerticalAlign { margin-top: 7px; } .bottom{ bottom:0px; } .flexVerticalContainer { display: flex; flex-flow: column; height: 100%; } .flexVerticalContainerNew { display: flex; flex-flow: column; height: 100%; } .takeRestOfVerticalSpace{ flex-grow:1; } .flexVerticalContainer .k-tabstrip-wrapper { height: 100%; } .flexVerticalContainer .k-tabstrip { display: flex; flex-flow: column; height: 100%; box-shadow: none; } flexVerticalContainer .k-tabstrip:focus { box-shadow: none; } .flexVerticalContainer .k-content { flex-grow: 1; overflow:hidden } .flexVerticalContainer .k-grid { height: 99%; width: 100%; } .flexVerticalContainerNew .k-grid { height: 99%; width: 98% !important; } .flexVerticalContainer .submittalGrid { height:auto !important; } .requiredBorder { border: 1px solid #ff7d7d !important; } .dangerBorder { border: #b80000 2px solid !important; } .validBorder { border: 1px solid transparent; } .requiredIcon { color: var(--validation_error_1) !important; font-weight: bold !important; } .requiredRed { color: var(--validation_error_1) !important; } .text-align-right{ text-align:right !important; } .text-align-left { text-align: left !important; } .text-align-center { text-align: center !important; } .tagField { display: inline-block; position: relative; font-size: 14px; height: 21px; } .tagField:before { /*the triangle*/ content: ""; position: absolute; right: 100%; width: 0; height: 0; border-style: solid; top: 1px; border-color: transparent transparent transparent transparent; border-right-color: inherit; border-width: 10.5px; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 30px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: var(--accent_1); } input:focus + .slider { box-shadow: 0 0 1px var(--accent_1); } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 20px; } .slider.round:before { border-radius: 50%; } /* Report Page */ .renderReport iframe { /*for the report viewer*/ border: none; padding: 0; margin: 0; width: 100% !important; height: 100% !important; } /**DASHBOARD*/ #dashboardFilter { display: inline-block; } #dashboardFilter .btn-group { float: right; margin-right:20px; } #dashboardContainer #content{ height:100%; text-align:right; } #dashboardContainer .k-tabstrip-wrapper { height: 100%; } #dashboardContainer .k-widget.k-tabstrip { display: flex; flex-flow: column; height: 100%; text-align:left; } #dashboardContainer .k-widget.k-tabstrip .k-content { flex-grow: 1; overflow:hidden; } #dashboardContainer .k-widget.k-grid { height: 100%; text-align:left; } /**END DASHBOARD*/ .verticalLine { border-left: solid 1px #000000; padding-right:1em !important; padding-left: 1em !important; } .bottomLine { border-bottom: solid 1px #000000; padding-right: 1em !important; padding-left: 1em !important; } .text-underline { border-bottom: 1px solid; } .text-underline2 { border-bottom: 2px solid; border-color: var(--secondary_3); } #editPopup { font-size: 22px; font-weight: bold; color: #E85025; display: none; position: fixed; border-style: solid; border-radius: 5px; border-width: 1px; z-index: 5000; background: #f5f5f5; min-width: 400px; padding: 10px; } #editPopup.unSelected { font-weight: normal; color: transparent; font-size: 16px; background: white; border-radius: 0.5rem; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .gridHighlight { color: #495057; background-color: #e9ecef; border-color: #dee2e6; border-width:1px; font-weight:bold; border-radius:5px; } #reportsGrid .k-header { display:none; } #reportsGrid .k-alt { background-color:white; } .AllParametersGivenByDefault input[type=checkbox]{ opacity: .5; } .parameterContainer, .parameterContainer .k-listview, #reportsGrid .k-detail-row { background-color: #f5f5f5; } /*.canceledEntity { position: absolute; top: 0px; bottom: 0px; width: 100%; background-color: black; opacity: .5; z-index: 100; } .canceledEntity > div { font-size: 80px; font-weight: bold; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); }*/ .watermarkText { font-size: 80px; font-weight: bold; color:red; opacity:.5; position: absolute; top: 50%; left: 50%; z-index:1000; -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .disabledBack { background-color: black; opacity: .5; } .scrollable-verticle{ overflow-y:auto; overflow-x:hidden; } .scrollable-none { overflow-y: hidden; overflow-x: hidden; } .workFlowNotComplete { color: #BF8F00; } .workFlowComplete { color: #538135 !important; } .background-inherit{ background-color:inherit; } .foreground-inherit { color: inherit; } .changeOrderBookMark { border: 1px solid #117490; border-width: 0px 0px 1px 0px; font-size: 18px; color: #78919D; font-weight: bold; text-transform: uppercase; } .icon-16:before { font-size: 16px !important; } .icon-gear { margin-top:-5px; display:block; } .search-icon:before { font-size: 100px !important; color: var(--secondary_35); } #advanceFilterListView{ /*display:none;*/ } .advancedSearch-resultItem { background-color: var(--secondary_5); min-height: 200px; padding: 10px; border-radius: 0.95rem; } #advanceSearchFilterContainer { /*border: 1px solid black;*/ border-radius: 10px; background-color: #343a40; color: rgba(255,255,255,0.5); } #advanceSearchFilterContainer .subheading { font-size: 16px; font-weight: bold; } #advanceSearchFilterContainer .sectionborder { border: 1px solid white; border-width: 0px 0px 1px 0px; } #advanceSearch_header_container { } #advanceSearch_header_container .btn, #advanceSearch_header_container .k-button { } .searchResultsButton { background-color: #A4D9E7; color: white; } .sectionHeading { background-color: #b5c5c9 !important; color: black !important; } .document-resultItem { background-color: var(--secondary_5); min-height: 100px; padding: 10px; border-radius: 10px; } .localOverride { --environment_background: #78919d; /*--environment_background: var(--primary_1);*/ /*Change to this soon*/ /*background: linear-gradient(90deg, rgba(0,57,70,1) 0%, rgba(51,113,127,1) 50%, rgba(102,169,185,1) 100%);*/ --environment_color: white; background-color: var(--environment_background) !important; color: var(--environment_color) !important; } .sandboxOverride { background-color: #BC4806 !important; color: white !important; } .ciOverride { background-color: #4C7134 !important; color: white !important; } .qaOverride { background-color: #117490 !important; color: white !important; } .localOverride .override-fore { color: #78919D !important; } .sandboxOverride .override-fore { color: #BC4806 !important; } .ciOverride .override-fore { color: #4C7134 !important; } .qaOverride .override-fore { color: #117490 !important; } /*#SEARCHRESULTS GRID*/ #searchResults.localOverride, #searchResults.sandboxOverride, #searchResults.ciOverride, #searchResults.qaOverride { background-color: white !important; color: black !important; } #searchResults .k-grid-header th.k-header { background-color: var(--secondary_4) !important; color:white !important; } #searchResults .k-grouping-header { background-color: var(--secondary_4) !important; } #searchResults.localOverride .k-grid-header th.k-header { background-color: #78919D !important; color: white !important; } #searchResults.sandboxOverride .k-grid-header th.k-header { background-color: #BC4806 !important; color: white !important; } #searchResults.ciOverride .k-grid-header th.k-header { background-color: #4C7134 !important; color: white !important; } #searchResults.qaOverride .k-grid-header th.k-header { background-color: #117490 !important; color: white !important; } #searchResults .k-grid-content{ max-height:80%; } #searchResults.partSearch .k-grid-content { max-height: 70%; } #controlledDocumentsHomeTabStrip .k-grid-content { max-height: 80%; } #controlledDocumentsHomeTabStrip .k-tabstrip-items { text-align: left; } #trainingResourceHomeTabStrip .k-grid-content { max-height: 70%; } .max-height-500{ max-height:500px; } .w-90 { width: 90% !important; } .localOverride .navbar-nav .nav-link, .sandboxOverride .navbar-nav .nav-link, .ciOverride .navbar-nav .nav-link, .qaOverride .navbar-nav .nav-link { color: white !important; } .localOverride .text-muted, .sandboxOverride .text-muted, .ciOverride .text-muted, .qaOverride .text-muted { color: white !important; } .localOverride .override-button, .localOverride .k-button, .localOverride.searchResultsButton { color: white !important; } .sandboxOverride .override-button, .sandboxOverride .k-button, .sandboxOverride.searchResultsButton { background-color: #4C7134 !important; color: white !important; } .ciOverride .override-button, .ciOverride .k-button, .ciOverride.searchResultsButton { background-color: #FECA25 !important; color: white !important; } .qaOverride .override-button, .qaOverride .k-button, .qaOverride.searchResultsButton { background-color: #A4D9E7 !important; color: white !important; } .sectionItem { cursor: pointer; padding: 10px 15px; border-bottom-width: 1px; border-bottom-style: solid; background-color: #f5f5f5!important; color:black !important; } .sectionItem.k-state-selected { background-color: #343a40 !important; color: white !important; } .sectionItem.k-state-selected.localOverride { background-color: #78919D !important; color: white !important; } .sectionItem.k-state-selected.sandboxOverride { background-color: #BC4806 !important; color: white !important; } .sectionItem.k-state-selected.ciOverride { background-color: #4C7134 !important; color: white !important; } .sectionItem.k-state-selected.qaOverride { background-color: #117490 !important; color: white !important; } .sectionItem:hover span { text-decoration: underline; } .sectionItem span { display: inline-block; text-align: left; font-size: 18px; } .userKeyWordsHeader { font-size: 42px; display: inline-block; vertical-align: middle; padding: 0px; margin: 0px; } #relatedOrderLines .dropdown .dropbtn { background: #A4D9E7; } #relatedOrderLines .dropdown:hover .dropbtn { background: #117490; border-radius: 5px 5px 0px 0px; color: white; } #relatedOrderLines .dropdown .dropdown-content { min-width: 500px; border-radius: 10px 0px 10px 10px; padding: 10px; background: #117490; z-index: auto; } #relatedOrderLines .dropdown-content a { color: #337ab7; display:inline-block; } #relatedOrderLines .dropdown .dropdown-content div { background: white; } .tree-dropdown .isRelated, #orderLineRelationshipsList .isRelated { opacity: 0.5; } #relatedOrderLinesAccessoriesContainer #AccessoryGridContainer, #relatedOrderLinesAccessoriesContainer #treeviewContainer { display: none; } #orderLineComparerContainer { border-style: solid; border-width: 1px; border-radius: 10px; background-color: #F1F4F5; border-color: #78919D; } #orderLineComparerContainer.isRoot { background-color: #E7F3DC; border-color: #4C7134; border-width: 2px; } #orderLineComparerContainer .value{ color: #78919D; } #orderLineComparerContainer.isRoot .value { color: #4C7134; } #salesorderPODetailsDocumentRegion > div, #projectSearchResultsRegion > div, #partSearchResultsRegion > div, #controlledDocumentGridRegion > div, #controlledDocumentGridApprovedRegion > div, #controlledDocumentGridObsoletedRegion > div, #controlledDocumentTypeGridRegion > div, #trainingAdminHomeGridApprovedRegion > div, #trainingAdminHomeGridReferenceRegion > div, #trainingAdminHomeGridRegion > div, #trainingAdminHomeGridCourseRegion > div, #trainingAdminHomeGridCourseTypesRegion > div, #controlledDocumentMediaRegion > div, #trainingAdminHomeGridObsoleteRegion > div, #currentSectionRegion > div, #controlledDocChangeRequestsGridDraftRegion > div, #controlledDocChangeRequestsGridInProcessRegion > div, #controlledDocChangeRequestsGridAssignedToMeRegion > div, #controlledDocChangeRequestsGridInReviewRegion > div, #controlledDocChangeRequestsGridCompletedRegion > div, #controlledDocChangeRequestsGridOnHoldRegion > div, #controlledDocumentGridWaitingCollaborativeReviewRegion > div, #controlledDocumentGridInCollaborativeReviewRegion > div, #controlledDocumentGridAssignedToMeRegion > div, #trainingResouceRegion > div, #trainingLoggingGridRegion > div, #mailingDocumentRegion > div, #paidServiceDocumentRegion > div, #paidServiceDocumentDisplayRegion > div { height: 100% } #searchContainer .k-multiselect { max-height: 75px; overflow-y: auto; } .emptyBorderWrapper { border: 3px solid transparent; border-radius: 10px; padding-top: 2px; } .partKitWrapper { border: 3px solid #F1F4F5 !important; border-radius: 10px; padding-top: 2px; } .partKitWrapper .childElements { background-color: #F1F4F5; } .search-oms-icon { position: absolute; top: 5px; right: 5px; z-index: 100; } #searchNavigationContainer{ width:350px; } #searchNavigationContainer .k-i-arrow-60-down { display: none; } #searchNavigationContainer .k-i-arrow-60-down.k-i-loading { display: inline-block !important; } .navigationSearchItem { cursor: pointer; } #searchNavigationContainer .k-state-hover > .k-select { border-color:white !important; background-color:white !important; } /**Results Grid*/ /**LG and smaller*/ @media (max-width: 1199px) { .resultsGrid .k-grid-content { /*added this to fix mobile scrolling issue with grid*/ height: auto !important; } .documentGrid .k-grid-content { height: auto !important; } .documentGridObsolete .k-grid-content { height: auto !important; } } .resultsGrid { font-size: 14px; height:99.5%; } /*.submittalGrid { height: 99.5% !important; } .submittalGrid .k-grid-content { max-height: 80% !important; }*/ /*Header*/ .resultsGrid .k-grid-header th.k-header { color: var(--primary_5) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; background-color: var(--secondary_4) !important; text-align: left; } .resultsGrid .k-grid-header th.k-header .k-link { color: white; } .resultsGrid .k-grouping-header { background-color: var(--secondary_4) !important; } /*Text inside grid rows*/ .resultsGrid td { text-align: left; padding: 10px 10px 10px 10px !important; } .resultsGrid tr:hover { background-color: var(--primary_6) !important; color: white !important; } .resultsGrid .k-header .k-checkbox, .resultsGrid .k-header .k-checkbox-label { /**hide header checkbox*/ display: none; } .resultsGrid .k-master-row:hover { background-color: var(--primary_6) !important; } .resultsGrid tr.k-state-selected, .resultsGrid td.k-state-selected:hover, .resultsGrid tr.k-state-selected:hover td { background-color: #A4D9E7; color: black; } .resultsGrid tr.k-state-selected { border: 2px solid #117490; } .resultsGrid table { border-collapse: collapse; } .resultsGrid .k-detail-row .k-hierarchy-cell, .resultsGrid .k-detail-row .k-detail-cell { background-color: #F1F4F5; } .resultsGrid .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator { /*alternate row color*/ background-color: #f5f5f5; } .resultsGrid .k-tabstrip-items .k-state-active .k-link { background-color: #117490; color: white; } .resultsGrid .k-tabstrip-items { text-align: left; } .resultsGrid .k-filter-row th, .k-grid-header th.k-header { /*enable word wrapping*/ white-space: normal; } /* .resultsGrid .k-grid-header th.k-header { vertical-align: ; }*/ .resultsGrid .k-grouping-row td { text-align: left; font-size: 16px; } /*Grouping row font inside grids*/ .resultsGrid .k-grouping-row p { margin: 5px; color: var(--primary_1); font-size: 14px; font-family: 'Open Sans'; font-weight: bold !important; } #partSearchGrid .k-grid-content { max-height: 600px !important; } .overrideDelete { text-decoration: line-through; color: #E85025; } #workItemsNavigationItem .dropdown-menu { height:200px; min-width:500px; width:auto; padding:0px; max-height:520px; overflow-y:auto; } .busyElement { min-height:50px; } .busyElementOverlay { opacity: 0.15; background: #000000; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; position: absolute; } #refreshOverlayElement .Overlay { opacity: 0.6; background: #000000; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; position: absolute; } .busyElement .busyElementLoader { position: absolute; top: 50%; left: 50%; margin: -38.5px 0 0 -27px; text-align: center; z-index: 109000; color: var(--accent_1); } #refreshOverlayElement .Icon { position: absolute; top: 50%; left: 50%; margin: -45px 0 0 -40px; text-align: center; z-index: 109000; } #refreshOverlayElement { color: var(--accent_1); min-height:100px; } #refreshOverlayElement .Icon{ color: inherit } #refreshOverlayElement span{ color: inherit; } /*#refreshOverlayElement .Icon span:hover, #refreshOverlayElement .Icon:hover ~ .Text, #refreshOverlayElement .Text:hover, .Text:hover > #refreshOverlayElement { color: var(--accent_2); }*/ #refreshOverlayElement .background:hover ~ .Text, #refreshOverlayElement .background:hover ~ .Icon { color: var(--accent_2); } #refreshOverlayElement button, #refreshOverlayElement button:focus { outline: none !important; } .centered { position: absolute; top: 50%; left: 50%; } .noWorkItems { margin: -9px 0 0 -40px; width: 80px; height: 18px; font-size:12px; } .failedWorkItems { margin: -9px 0 0 -71px; width: 142px; height: 18px; font-size: 12px; } .busyElement .background { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; text-align: center; background: white; z-index: 108000; width: 80px; height: 80px; border-radius: 15px; } .busyElementText{ position: absolute; top: 50%; left: 50%; margin: 15px 0 0 -27px; text-align: center; z-index: 109000; font-size: 14px; } #refreshOverlayElement .Text { position: absolute; top: 50%; left: 50%; margin: 15px 0 0 -27px; text-align: center; z-index: 109000; font-size: 12px; cursor: pointer; } #refreshOverlayElement .background { position: absolute; top: 50%; left: 50%; margin: 15px 0 0 -27px; text-align: center; z-index: 200800; font-size: 12px; cursor: pointer; } .Black { background-image: url(kendo/2019.1.220/Black/loading-image.gif); height: 48px; width: 48px; } .BlueOpal { background-image: url(kendo/2019.1.220/BlueOpal/loading-image.gif); height: 48px; width: 48px; } .Bootstrap { background-image: url(kendo/2019.1.220/Bootstrap/loading-image.gif); height: 20px; width: 56px; } .Default { background-image: url(kendo/2019.1.220/Default/loading-image.gif); height: 48px; width: 48px; } .Fiori { background-image: url(kendo/2019.1.220/Fiori/loading-image.gif); height: 48px; width: 48px; } .Flat { background-image: url(kendo/2019.1.220/Flat/loading-image.gif); height: 48px; width: 48px; } .HighContrast { background-image: url(kendo/2019.1.220/HighContrast/loading-image.gif); height: 32px; width: 32px; } .Material { background-image: url(kendo/2019.1.220/Material/loading-image.gif); height: 48px; width: 48px; } .MaterialBlack { background-image: url(kendo/2019.1.220/MaterialBlack/loading-image.gif); height: 48px; width: 48px; } .Metro { background-image: url(kendo/2019.1.220/Metro/loading-image.gif); height: 48px; width: 48px; } .MetroBlack { background-image: url(kendo/2019.1.220/MetroBlack/loading-image.gif); height: 48px; width: 48px; } .Moonlight { background-image: url(kendo/2019.1.220/Moonlight/loading-image.gif); height: 55px; width: 54px; } .Nova { background-image: url(kendo/2019.1.220/Nova/loading-image.gif); height: 48px; width: 48px; } .Office365 { background-image: url(kendo/2019.1.220/Office365/loading-image.gif); height: 48px; width: 48px; } .Silver { background-image: url(kendo/2019.1.220/Silver/loading-image.gif); height: 48px; width: 48px; } .Uniform { background-image: url(kendo/2019.1.220/Uniform/loading-image.gif); height: 55px; width: 54px; } .user-entity-action-item{ min-height:60px; border:1px solid black; } .user-entity-action-item .message { font-size: 14px; } .user-entity-action-item-createdby { font-style: italic; font-size: 12px; color: #4C7134; } .user-entity-action-item textarea{ resize:none; } .designConditionHeaderRowMinHeight { min-height: 40px; } /*.slide-dropdown button { background: #A4D9E7; } .slide-dropdown:hover button { background: #117490; border-radius: 5px 5px 0px 5px; } .slide-dropdown .slide-dropdown-content { min-width: 500px; border-radius: 10px 0px 10px 10px; padding: 5px; background: #117490; z-index: auto; } .slide-dropdown .slide-dropdown-content div { background: white; }*/ .onHoldTtext { /*color: #f5f5f5;*/ animation-name: onHoldTtext; animation-duration: 2s; animation-iteration-count: infinite; } .onHold { background-color: #E85025; /*animation-name: onHold; animation-duration: 2s; animation-iteration-count: infinite;*/ } .blueHeaderColor { color: #17a2b8; } @keyframes onHoldTtext { 0% { color: #F9CBBF; } 50% { color: #E85025; } 100% { color: #F9CBBF; } } /* Chrome, Safari, Edge, Opera */ .noUpDown::-webkit-outer-spin-button, .noUpDown::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .noUpDown[type=number] { -moz-appearance: textfield; } /*@keyframes onHold { 0% { background-color: #f5f5f5; } 50% { background-color: #E85025; } 100% { background-color: #f5f5f5; } }*/ .cards-container { /*display: flex; flex-wrap: wrap;*/ justify-content: center; } .cards-container [tabindex]:focus { width: 285px; height: 175px; margin: 5%; background-color: #78919D; } .cards-container [tabindex]:focus .resourceStatusText{ color: black; } .squareButton { width: 75px; height: 75px; margin: 0px !important; padding: 0px !important; background-color: #ee9b00; border-radius: 1.2em; } .squareButton .resourceStatusText { color: white; font-size: 18px; font-weight: 500; margin: 0px !important; padding: 0px !important; padding-top: 8px !important; } .squareButton:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .squareButton:hover .resourceStatusText { color: #ee9b00; } .squareButton.selected { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .squareButton.selected .resourceStatusText { color: #ee9b00; } .k-card { width: 285px; height: 175px; margin: 5%; background-color: #0a9396; } .k-card .resourceStatusText { color: white; } .k-card h1 { text-align: center; font-size: 45px; } .k-card:hover { width: 285px; height: 175px; margin: 5%; /*background-color: #78919D;*/ background-color: #94d2bd; cursor: pointer; } .k-card:hover .resourceStatusText{ color:black; } .k-card:focus { width: 285px; height: 175px; margin: 5%; /*background-color: #78919D;*/ background-color: #94d2bd; cursor: pointer; } .k-card.selected { width: 285px; height: 175px; margin: 5%; /*background-color: #78919D;*/ background-color: #94d2bd; cursor: pointer; } .k-card:focus .resourceStatusText { color: black; } .k-card-footer { text-align: center; border: 2px solid white; border-bottom: 0px solid; border-left: 0px; border-right: 0px; } .k-card-mainView { width: 100%; height: 100%; padding: 5px 5px 5px 5px; } .cards-container .btn:focus { outline: none; box-shadow: none; } .headerTrainingIcon:focus { outline: none; box-shadow: none; } .toDoResultsGrid .k-grid-content { min-height: 585px; max-height: 585px; } .inProgressResultGrid .k-grid-content { min-height: 585px; max-height: 585px; } .completedResultGrid .k-grid-content { min-height: 585px; max-height: 585px; } /*.documentGrid .k-grid-content { min-height: 550px; max-height: 550px; }*/ @media (min-width: 768px) { /*MEDIUM*/ .documentGrid .k-grid-content { min-height: 100px; max-height: 100px; } .documentGridObsolete .k-grid-content { min-height: 100px; max-height: 100px; } } @media (min-width: 992px) { /*LARGE*/ .documentGrid .k-grid-content { min-height: 200px; max-height: 200px; } .documentGridObsolete .k-grid-content { min-height: 200px; max-height: 200px; } } @media (min-width: 1200px) { /*EXTRA LARGE*/ .documentGrid .k-grid-content { min-height: 500px; max-height: 500px; } .documentGridObsolete .k-grid-content { min-height: 500px; max-height: 500px; } } .highPriority { background-color: #e60000; } /*#iceCoilsEditSection .k-textbox, #iceCoilsEditSection .textbox, #iceCoilsEditSection .k-widget.k-dropdown { max-width: 89%; } */ #trainingSectionsContainer { top: 0px; bottom: 5px; } .multiSelectEmployee .k-multiselect-wrap { overflow: auto; max-height: 150px; min-height: 150px; } /*TRAINING DASHBOARD*/ .trainingCourseCardHeader { height: 65px; width: 65px; border: 1px; text-align: center; font-size: x-large; color: white; position: absolute; top: -30px; left: 40%; z-index: 10; } .trainingCourseCard { height: 300px; margin-top: 15px; margin-bottom: 15px; background-color: white; } .trainingDashboardBackgroundBlue { background-color: #003946; } .trainingDashboardBlue { color: #003946; } .trainingDashboardMediumBlue { color: #005f73; } .trainingDashboardOrange { color: #ee9b00; } .trainingDashboardOrangeButton { background-color: #ee9b00; color: white; } .trainingDashboardOrangeButton:hover { background-color: #94d2bd; } .trainingDashboardBlueButton { background-color: #003946; } .trainingDashboardBlueButton:hover { background-color: #94d2bd; } .trainingDashboardMediumBlueButton { background-color: #005f73; color: white; } .trainingDashboardMediumBlueButton:hover { background-color: #94d2bd; color: white; } .trainingDashboardBackgroundCreamRounded { background-color: #f4efe1; border-radius: 25px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; } .trainingDashboardBackgroundCreamSquare { background-color: #f4efe1; /*margin-top: 20px;*/ margin-right: 20px; /*margin-bottom: 20px;*/ /*bottom: 0px !important*/ } .trainingDashboardBackgroundWhiteRounded { background-color: white; border-radius: 25px; margin: 20px; min-height: 500px !important; } .ellipseParagraph { display: -webkit-box; /*-webkit-line-clamp: 3;*/ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .ellipseGridCell { display: -webkit-box; /*-webkit-line-clamp: 3;*/ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #trainingGrid .k-tooltip-validation{ display:none !important; } /*use this to set the number of lines displayed on the card*/ @media (max-width: 1369px) { .ellipseParagraph { -webkit-line-clamp: 3; } } @media (min-width: 1369px) { .ellipseParagraph { -webkit-line-clamp: 7; } } @media (max-width: 1369px) { .ellipseGridCell { -webkit-line-clamp: 2; } } @media (min-width: 1369px) { .ellipseGridCell { -webkit-line-clamp: 2; } } /*****************************************************/ /*Training Grid*/ .trainingGrid tr td { border-style: none !important; } .trainingGrid tr:hover { background-color: #e9d8a6 !important; } .trainingGrid tr:nth-child(even) { background: white; border-style: none !important; } .trainingGrid tr:nth-child(odd) { background: rgba(148,210,189, .25); border-style: none !important; } /*Training Grid Header*/ .trainingGrid th { background-color: #003946 !important; color: white !important; } .trainingGrid .k-grid-header .k-link:link { color: white !important; } /*****************************************************/ /*Training Grid - Selectable*/ .trainingGridSelectable tr td { border-bottom-style: solid !important; color: #005f73 !important; background-color: white; } .trainingGridSelectable td:hover, .trainingGridSelectable tr:hover td { background-color: #e9d8a6; } .trainingGridSelectable tr.k-state-selected, .trainingGridSelectable tr.k-state-selected:hover, .trainingGridSelectable tr.k-state-selected td, .trainingGridSelectable tr.k-state-selected:hover td { border-style: none !important; color: #005f73 !important; background-color: rgba(148,210,189, .25); } /*Training Grid Header - Selectable*/ .trainingGridSelectable th { background-color: #003946 !important; color: white !important; } .trainingGridSelectable .k-grid-header .k-link:link { color: white !important; } /*****************************************************/ /*Progress Bar*/ #trainingProgressBar { color: white !important; border-radius: 25px; background-color: white !important; border-color: #35DF91 !important; } #trainingProgressBar .k-state-selected { color: white !important; border-radius: 25px; background-color: #ee9b00 !important; border-color: #ee9b00 !important; } #trainingProgressBar .k-progress-status-wrap { color: black !important; border-radius: 25px; border-color: #ee9b00 !important; } /*Admin BUtton*/ .trainingAdminButton { color: white !important; border-radius: 25px; background-color: #ee9b00 !important; border-color: white !important; width: 285px; height: 50px; margin: 5%; vertical-align:middle !important; } /*END OF TRAINING DASHBOARD*/ .sectionIsDirty{ color:red; font-style:italic; margin-left:10px; } .btn-secondary-newpilottheme { background: var(--accent_1); color: var(--white); } .btn-secondary-newpilottheme:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); border-style: solid; border-width: 1px; } .btn-secondary-newpilottheme:disabled { background: var(--accent_3); color: var(--white); opacity: .7; } .btn-primary-newpilottheme { background: var(--primary_3); color: var(--white); border-radius: 0.25rem; } .btn-primary-newpilottheme:hover { background: var(--primary_6); color: var(--primary_3); border-color: var(--primary_3); border-style: solid; border-width: 1px; } .btn-primary-newpilottheme:disabled { color: var(--white); background: var(--primary_7); opacity: .7; } .btn-misc2-newpilottheme { background: var(--primary_4); color: var(--white); border-radius: 0.25rem; } .btn-misc2-newpilottheme:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); border-style: solid; border-width: 1px; } .btn-misc2-newpilottheme:disabled { color: var(--white); background: var(--primary_8); opacity: .7; } .btn-success-newpilottheme { background: var(--validation_success_1); color: var(--white); border-radius: 0.25rem; } .btn-success-newpilottheme:hover { background: var(--validation_success_2); color: var(--validation_success_1); border-color: var(--validation_success_1); border-style: solid; border-width: 1px; } .btn-success-newpilottheme:disabled { background: var(--validation_success_3); color: var(--white); opacity: .7; } .btn-error-newpilottheme { background: var(--validation_error_1); color: var(--white); border-radius: 0.25rem; } .btn-error-newpilottheme:hover { background: var(--validation_error_2); color: var(--validation_error_1); border-color: var(--validation_error_1); border-style: solid; border-width: 1px; } .btn-error-newpilottheme:disabled { background: var(--validation_error_3); color: var(--white); opacity: .7; } .no-min-height{ min-height:unset !important; } .h1-newpilottheme { color: var(--accent_1); font-size: 28px; font-weight: bold; font-family: Montserrat; } .h2-newpilottheme { color: var(--accent_1); font-size: 20px; font-weight: bold; font-family: Montserrat; } .headercard-newpilottheme { background: var(--white); padding-top: 20px; padding-bottom: 10px; } .h3-newpilottheme { color: var(--primary_2); font-size: 20px; font-weight: bold; font-family: Montserrat; } #evaporator_designConditions .k-dropdown { width: 250px; } #buttonsContainer.orderBetaFooter .k-widget.field-validation-error { display: none !important; /*hide validation error messages in the footer of the order beta page (this page is going to show the error messages in a tooltip instead*/ } #buttonsContainer.orderBetaFooter .evapco-Alert { height:27px;/*did this to make the entire icon clickable*/ width:27px; } .tooltipValidationErrorMessage{ display:inline-block; } .popover { max-width: 100%; /* Max Width of the popover (depending on the container!)----makes the width of the popover stretch to be the length of the text inside */ } #orderCreateSection .popover.show { z-index: 1054; /*make it less than popup modals so that modals still display ok*/ } /*______________________________PILOT THEME______________________________*/ .pilot-theme { /*change this to body later on*/ background-color: var(--secondary_5); font-size: 14px !important; font-family: 'Open Sans' !important; } /*--FOREGROUND COLORS--*/ .white_fore { color: white; } .primary_1_fore { color: var(--primary_1); } .primary_2_fore { color: var(--primary_2); } .primary_3_fore { color: var(--primary_3); } .primary_4_fore { color: var(--primary_4); } .primary_5_fore { color: var(--primary_5) !important; } .primary_6_fore { color: var(--primary_6); } .primary_7_fore { color: var(--primary_7); } .accent_1_fore { color: var(--accent_1) !important; } .accent_2_fore { color: var(--accent_2); } .accent_3_fore { color: var(--accent_3); } .secondary_1_fore { color: var(--secondary_1); } .secondary_2_fore { color: var(--secondary_2); } .secondary_3_fore { color: var(--secondary_3); } .secondary_35_fore { color: var(--secondary_35); } .secondary_4_fore { color: var(--secondary_4); } .secondary_5_fore { color: var(--secondary_5); } .validation_error_1_fore { color: var(--validation_error_1); } .validation_error_2_fore { color: var(--validation_error_2); } .validation_error_3_fore { color: var(--validation_error_3); } .validation_success_1_fore { color: var(--validation_success_1); } .validation_success_2_fore { color: var(--validation_success_2); } .validation_success_3_fore { color: var(--validation_success_3); } .misc_1_fore { color: var(--primary_8); } .misc_2_fore { color: var(--primary_9); } .tertiary_1_fore { color: var(--tertiary_1); } /*--BACKGROUND COLORS--*/ .primary_1_back { background-color: var(--primary_1); } .primary_2_back { background-color: var(--primary_2); } .primary_3_back { background-color: var(--primary_3); } .primary_4_back { background-color: var(--primary_4); } .primary_5_back { background-color: var(--primary_5); } .primary_6_back { background-color: var(--primary_6); } .primary_7_back { background-color: var(--primary_7); } .accent_1_back { background-color: var(--accent_1); } .accent_2_back { background-color: var(--accent_2); } .accent_3_back { background-color: var(--accent_3); } .secondary_1_back { background-color: var(--secondary_1); } .secondary_2_back { background-color: var(--secondary_2); } .secondary_3_back { background-color: var(--secondary_3); } .secondary_4_back { background-color: var(--secondary_4); } .secondary_5_back { background-color: var(--secondary_5); } .validation_error_1_back { background-color: var(--validation_error_1); } .validation_error_2_back { background-color: var(--validation_error_2); } .validation_error_3_back { background-color: var(--validation_error_3); } .validation_success_1_back { background-color: var(--validation_success_1); } .validation_success_2_back { background-color: var(--validation_success_2); padding: 0.25rem; border-radius: 0.50rem; } .validation_success_3_back { background-color: var(--validation_success_3); } .validation_success_01_back { background-color: var(--validation_success_01); } .misc_1_back { background-color: var(--primary_8); } .misc_2_back { background-color: var(--primary_9); } .pilot-theme .section { background: var(--white); margin: 15px 15px; padding: 0px; border-radius: 0.95rem; } .pilot-theme .section2 { background: var(--white); border-radius: 0.95rem; } .section-card { background: var(--white); margin: 15px 15px; padding: 0px; border-radius: 0.95rem; } .padding { margin: 0px 0px; padding: 10px 10px 10px 10px !important; } .pilot-theme .pad-5-all { margin: 0px 0px; padding: 0.5rem 0.5rem 0.5rem 0.5rem !important; } .pilot-theme .pad-2-sym-btn { margin: 0px 0px; padding: 0rem 0.2rem 0rem 0.2rem !important; } .lnpadding { margin: 0 8px; padding: 0px !important; } .pilot-theme .hdpadding { margin: 10px 15px; padding: 0px !important; } .pilot-theme .section .icon { float:none; margin:0px; } .pilot-theme .section .icon:before { font-size:15px; } .pilot-theme .section .detail span { display: inline-block; color: var(--primary_1); font-size: 14px ; font-family: 'Open Sans' ; font-weight: normal ; } .pilot-theme .section .detail .header { color: var(--primary_5); font-size: 16px; font-weight: bolder; padding:0px; } /*.pilot-theme .section .detail a span { color: #337ab7; cursor: pointer; }*/ /*.pilot-theme .section .detail a span { cursor: pointer; color: var(--primary_3) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .pilot-theme .section .detail a span:hover { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } */ .pilot-theme .section .detail a span:hover { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } /*commenting out for now--this is applying lines between some rows*/ /*.pilot-theme .section .detail .detail-body .row:not(:first-child) { border-top: 1px solid var(--secondary_5); }*/ .pilot-theme .section .detail .detail-body .row div, .pilot-theme .section .detail .detail-body .row div div, .pilot-theme .section .detail .detail-body .row div div div { border-top: none !important; } .pilot-theme h1 { color: var(--accent_1); font-size: 28px; font-weight:bold; font-family: Montserrat; } .pilot-theme h3 { color: var(--primary_1); font-size: 16px; font-weight: bold; } .pilot-theme h1, .pilot-theme h2, .pilot-theme h3, .pilot-theme h4, .pilot-theme h5, .pilot-theme h6 { display: inline-block; vertical-align: middle; margin:0px; } .pilot-theme .evapco-Pencil { display: inline-block; padding-right: .25rem !important; } .pilot-theme .dropdownContainer { position: static; /*min-height: 63px;*/ /*border-style: none; vertical-align: top;*/ /*margin-left: -4px;*/ } .pilot-theme .dropdownContainer:hover .dropdown-content { display: block !important; padding: 5px; } .pilot-theme .dropdown-content { position: absolute !important; color: var(--secondary_1) !important; border-radius: 0.5rem; max-height: 300px; overflow-y: auto; white-space: nowrap; overflow-x: hidden; } /*Prevents dropdown content from falling off of screen*/ #engineeringDetailHeaderRegion #completedChange .dropdown-content { right: 1px; } #engineeringDetailHeaderRegion #inProgressChange .dropdown-content { right: 1px; } .pilot-theme .dropdown-content.alternating .k-listview > div:nth-child(even) { padding: 3px; /* background-color: var(--primary_7);*//*#fcf4c7;*/ } .pilot-theme .dropdown-content .k-listview > div:nth-child(odd) { padding: 3px; /*border-bottom: 2px none lightgray; border-top: 2px solid lightgray;*/ } .pilot-theme .change-o-list .dropdown-content.alternating .k-listview { color: var(--accent_1) !important; font-size: 24px; } .pilot-theme ol.progtrckr li.progtrckr-done { color: var(--validation_success_1); border-bottom: 4px none var(--validation_success_1); border-top: 4px solid var(--validation_success_1); font-size: 16px; } .pilot-theme ol.progtrckr li.progtrckr-todo { color: silver; border-bottom: 4px none silver; border-top: 4px solid silver; font-size: 16px; } .pilot-theme ol.progtrckr li:after { content: "\00a0\00a0"; } .pilot-theme ol.progtrckr li:before { position: relative; top: -.75em; float: left; left: 50%; line-height: 1em; } .pilot-theme ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: white; background-color: var(--validation_success_1); height: 1.4em; width: 1.4em; line-height: 1.4em; border: none; border-radius: 1.4em; font-size:20px; } .pilot-theme ol.progtrckr li.progtrckr-todo:before { content: "\2713"; color: silver; background-color: silver; height: 1.4em; width: 1.4em; line-height: 1.4em; border: none; border-radius: 1.4em; font-size: 20px; } .pilot-theme ol.progtrckr .displayText{ font-size:12px; margin-left:10px; font-weight:bold; } .pilot-theme .btn { padding: 0.375rem; } .pilot-theme #sideNavigation, .pilot-theme #sideNavigation .offcanvas, .pilot-theme .toolbarNavigation { background-color: var(--primary_5); color: var(--white); z-index: 10000; } .pilot-theme #sideNavigation .container-fluid{ padding:0px; } .pilot-theme #sideNavigation .navbar { padding: 5px; } .pilot-theme #buttonsContainer { padding: 10px; background-color: transparent !important; width:auto; position:fixed; bottom:0px; right:0px; border:none; left:unset; transform:unset; height:auto; z-index:1000; } .pilot-theme #buttonsContainerControls { padding: 10px; background-color: transparent !important; width: auto; position: fixed; bottom: 0px; right: 0px; border: none; left: unset; transform: unset; height: auto; z-index: 1000; } .pilot-theme #mainBody { position: absolute; top: 64px; bottom: var(--footer_height); overflow-y: auto; overflow-x: hidden; } .pilot-theme #footer { position: absolute; bottom: 0px; background-color: var(--white); height: var(--footer_height); } .pilot-theme .orderUnitPage #shippingTermsRegion .dropdown-content { left: 0px; } .pilot-theme .relatedEntities a{ cursor:pointer; } .pilot-theme .relatedEntities .entity1 { color: var(--accent_1); font-weight:bold; } .pilot-theme .relatedEntities a.entity1:hover { color: var(--accent_2); } .pilot-theme .relatedEntities a.entity2 { color: var(--primary_3); } .pilot-theme .relatedEntities a.entity2:hover { color: var(--primary_5); } .pilot-theme .relatedEntities .entity3 { color: var(--accent_1); font-style: italic; } /*.pilot-theme #slide-in-folder { left: -100px; }*/ .pilot-theme .closeButton:after { color: white; display: block; content: "\00d7"; margin-top: -13px; margin-left: -3px; } .pilot-theme .offcanvas-start{ top:64px; } .pilot-theme #sideNavigation a { color:unset; } .pilot-theme #sideNavigation .navbar { padding: 0px; } .pilot-theme #sideNavigation .sidebar-item, .pilot-theme #sideNavigation .sidebar-text-item, .pilot-theme .toolbarNavigation .sidebar-item { padding: 10px; cursor: pointer; } .pilot-theme #sideNavigation .sidebar-item{ min-height: 55px; } .pilot-theme .toolbarNavigation .sidebar-item { padding: 8px; cursor: pointer; /*min-height: 35px;*/ } .pilot-theme .sidebar-item:hover, .pilot-theme .sidebar-text-item:hover, .pilot-theme #sideNavigation .navbar-toggler:hover, .pilot-theme .toolbarNavigation .sidebar-item.selected { background-color: var(--primary_3); } .pilot-theme #sideNavigation .offcanvas-start { width:unset; min-width:300px; } .pilot-theme #sideNavigation .navbar-toggler:focus { outline: none !important; box-shadow:none; } .pilot-theme #sideNavigation .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /*Sidebar icons*/ .pilot-theme #sideNavigation .evapco-File { margin-left: -5px; margin-top: 5px; } .pilot-theme #sideNavigation .evapco-Toolbox { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Transport-Van { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Purchase-Order { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Paid-Invoice { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Documents { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Settings-02 { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Office-01 { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Sales-Order { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Format-Bullets { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Commission { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Passivation { margin-top: 10px; } .pilot-theme #sideNavigation .evapco-Flash { margin-top: 10px; } /*End Sidebar icons*/ /*______________________________FONT/TEXT______________________________*/ /*--PAGE HEADERS TEXT--*/ .page-head { color: var(--accent_1) !important; font-size: 28px !important; font-weight: bolder !important; font-family: Montserrat !important; } .page-head-2 { color: var(--primary_1) !important; font-size: 28px !important; font-weight: bolder !important; font-family: Montserrat !important; } .page-head-link { color: var(--accent_1) !important; font-size: 28px !important; font-weight: bold !important; font-family: Montserrat !important; cursor: pointer; } .page-head-link:hover { color: var(--accent_2) !important; font-size: 28px !important; font-weight: bold !important; font-family: Montserrat !important; } .page-head-italic { color: var(--accent_1) !important; font-size: 28px !important; font-weight: bold !important; font-family: Montserrat !important; font-style: italic !important; } .page-head-warning { color: var(--validation_error_1) !important; font-size: 28px !important; font-weight: bold !important; font-family: Montserrat !important; } /*--HEADERS--*/ .header { color: var(--primary_5) !important; font-size: 16px !important; font-family: Montserrat !important; font-weight: bolder !important; } .head-link { color: var(--accent_1) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: bold !important; cursor: pointer; } .head-link:hover { color: var(--accent_2) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .head-link-2 { color: var(--primary_3) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: bold !important; cursor: pointer; } .head-link-2:hover { color: var(--primary_5) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .cardheaderorange { color: var(--accent_1) !important; font-size: 16px !important; font-family: Montserrat !important; font-weight: bolder !important; } .head-accent { color: var(--accent_1) !important; font-size: 16px !important; font-family: Montserrat !important; font-weight: bolder !important; } .head-2 { color: white !important; font-size: 16px !important; font-family: Montserrat !important; font-weight: bolder !important; } .head-italic { color: var(--accent_1) !important; font-size: 16px !important; font-family: Montserrat !important; font-weight: normal !important; font-style: italic !important; } /*--------------------------------RESTYLE THESE--------------------------------*/ .page-head-sm { color: var(--primary_1) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .page-head-sm-bold { color: var(--primary_1) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .page-head-md-italic { color: var(--accent_1) !important; font-size: 18px !important; font-family: 'Open Sans' !important; font-weight: normal !important; font-style: italic !important; } .page-head-sm-italic { color: var(--accent_1) !important; font-size: 16px !important; font-family: 'Open Sans' !important; font-weight: normal !important; font-style: italic !important; } /*--SUBHEADERS--*/ .sub-head { color: var(--primary_5) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; } .sub-head-italic { color: var(--primary_5) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; font-style: italic !important; } .sub-head-italic-1 { color: var(--accent_1) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; font-style: italic !important; } .sub-head-accent { color: var(--accent_1) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; } .sub-head-2 { color: var(--primary_3) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; } /*--MODAL TEXT--*/ .modal-head { color: var(--primary_1); font-size: 20px; font-family: Montserrat; font-weight: bolder; } .modal-head-italic { color: var(--primary_1); font-size: 20px; font-family: Montserrat; font-weight: bold; font-style: italic !important; } .modal-head-accent { color: var(--accent_1); font-size: 20px; font-family: Montserrat; font-weight: bolder; } /*--LABELS--*/ .label { color: var(--primary_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .label-link { color: var(--accent_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; cursor: pointer; } .label-link:hover { color: var(--accent_2) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .label-link-2 { color: var(--primary_3) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; cursor: pointer; } .label-link-2:hover { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .label-bold { color: var(--primary_1); font-size: 14px; font-family: 'Open Sans'; font-weight: bold !important; } .label-italic { color: var(--accent_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; font-style: italic !important; } .label-italic-2 { color: var(--primary_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; font-style: italic !important; } .label-accent { color: var(--accent_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .label-accentbold { color: var(--accent_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder !important; } .label-warning { color: var(--validation_error_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .label-warningbold { color: var(--validation_error_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder !important; } .label-1 { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .label-1bold { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder !important; } .label-2 { color: white !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .label-2bold { color: white !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bolder !important; } .label-grey { color: var(--secondary_2); font-size: 14px; font-family: 'Open Sans'; font-weight: normal !important; } .label-greybold { color: var(--secondary_2); font-size: 14px; font-family: 'Open Sans'; font-weight: bold !important; } /*--SMALL LABELS--*/ .label-link-2-sm { color: var(--primary_3) !important; font-size: 12px !important; font-family: 'Open Sans' !important; font-weight: bold !important; cursor: pointer; } .label-link-2-sm:hover { color: var(--primary_5) !important; font-size: 12px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .handedness-label { color: var(--primary_1) !important; font-size: 12px !important; font-weight: bold !important; } /*--------------------------------RESTYLE THESE--------------------------------*/ .cardlabelno { font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal; } /*Change order icons*/ .text-icon-accent { color: var(--accent_1) !important; } /*Pill tags*/ .pill_tags { border-radius: 5px; background-color: var(--secondary_5); color: var(--primary_1); font-size: 12px; font-weight: bold; padding: 0.25rem; } .pill_tags_success { border-radius: 5px; background-color: var(--validation_success_1); color: white; font-size: 12px; font-weight: bold; padding: 0.25rem; } .pill_tags_error { border-radius: 5px; background-color: var(--validation_error_1); color: white; font-size: 12px; font-weight: bold; padding: 0.25rem; } .pilot-theme hr { color: var(--secondary_3); height: 2px; } .pilot-theme hr.lines { color: var(--secondary_3); height: 2px; } .btncmnt { background-color: var(--primary_3); } .btncmnt:hover { background-color: var(--primary_6); border: var(--primary_3); } /*card labels targeting spans*/ .pilot-theme .detail-body span { color: var(--primary_1); font-size: 14px; font-family: 'Open Sans'; font-weight: normal; } .pilot-theme subheadbkrd { background: var(--secondary_4); } .pilot-theme .dropdown-header { color: var(--primary_5) !important; font-size: 16px !important; font-family: Montserrat !important; font-weight: bolder !important; } .pilot-theme #editPopup, .pilot-theme #editPopup.unSelected { background: white; } .pilot-theme .busyElementOverlay { z-index: 1150; } /*For any buttons*/ .pilot-theme .btnfont { font-family: Montserrat; font-size: 14px; font-weight: bolder; } .pilot-theme .dropdown-style { background: var(--accent_1) !important; min-width: 150px !important; color: turquoise !important; } /*END PILOT THEME*/ /* On mouse-over, add a grey background color */ .container:hover input ~ .checkmark { background-color: #ccc; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*GLOBAL CHECKBOX*/ input[type=checkbox] { content: " "; border-radius: 3px !important; border-width: 2px !important; border-style: solid; border-color: var(--secondary_5) !important; height: 20px !important; width: 20px !important; background-color: white !important; } input[type=checkbox]:after { content: " "; border-radius: 3px !important; height: 20px !important; width: 20px !important; background-color: var(--accent_1) !important; } input[type=checkbox]:checked:after { content: "\2714" ; outline-color: white; text-decoration-color: white; box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.15); border-radius: 3px !important; height: 20px !important; display: block; width: 20px !important; text-align: center; font-size: 13px; color: white !important; font-family: 'Open Sans' !important; } /*RADIO*/ /*[type=radio]:checked::before { content: ""; width: 10px; height: 10px; background-color: var(--accent_1); position: absolute; border-radius: 50%; } [type=radio] { content: ""; width: 10px; height: 10px; position: absolute; border-radius: 50%; } */ /*______________________________BUTTONS______________________________*/ /*BTN-PRIMARY*/ .btn-primary { background: var(--primary_3); color: var(--white); border-color: transparent; font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; border-color: transparent; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-primary:hover { background: var(--primary_6); color: var(--primary_3); border-color: var(--primary_3); border-style: solid; border-width: 1px; /*font-size: .875em;*/ } .btn-primary:disabled { color: var(--white); background: var(--primary_7); opacity: .8; border-color: transparent; font-size: .875em; } /*BTN-SECONDARY*/ .btn-secondary { background: var(--accent_1); color: var(--white); font-family: Montserrat; font-size: 14px; font-weight: bold; border-color: transparent; border-radius: 0.50rem; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .icon-secondary { color: var(--accent_1); cursor: pointer; font-family: Montserrat; font-size: 14px; font-weight: bold; } .btn-secondary:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); border-style: solid; border-width: 1px; } .btn-secondary:disabled { background: var(--accent_3); color: var(--white); opacity: .8; border-color: transparent; } /*BTN-MISC*/ .btn-misc { background: var(--primary_6); color: var(--white) !important; font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-misc:hover { background: var(--primary_8); color: var(--primary_6) !important; border-color: var(--primary_6); border-style: solid; border-width: 1px; } .btn-misc:disabled { background: var(--primary_9); color: var(--white) !important; opacity: .8; border-color: transparent; } /*BTN-MISC2*/ .btn-misc2 { background: var(--primary_4); color: var(--white) !important; border-color: transparent; font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; border-color: transparent; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-misc2:hover { background: var(--primary_65); color: var(--primary_4) !important; border-color: var(--primary_4); border-style: solid; border-width: 1px; } .btn-misc2:disabled { background: var(--primary_8); color: var(--white) !important; opacity: .8; border-color: transparent; font-size: .875em; } /*BTN-SUCCESS*/ .btn-success { background: var(--validation_success_1); color: var(--white); font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; border-color: transparent; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-success:hover { background: var(--validation_success_2); color: var(--validation_success_1); border-color: var(--validation_success_1); border-style: solid; border-width: 1px; } .btn-success:disabled { background: var(--validation_success_3); color: var(--white); opacity: .8; border-color: transparent; } /*BTN-ERROR*/ .btn-error { background: var(--validation_error_1); color: var(--white); font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; border-color: transparent; text-align: center; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-error:hover { background: var(--validation_error_2); color: var(--validation_error_1); border-color: var(--validation_error_1); border-style: solid; border-width: 1px; } .btn-error:disabled { background: var(--validation_error_3); color: var(--white); opacity: .8; border-color: transparent; } /*BTN-CANCEL*/ .btn-cancel { background: var(--secondary_3); color: var(--secondary_1) !important; font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; border-color: transparent; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-cancel:hover { background: var(--secondary_4); color: var(--secondary_2) !important; border-color: var(--secondary_3); border-style: solid; border-width: 1px; } .btn-cancel:disabled { background: var(--secondary_5); color: var(--white); opacity: .8; border-color: transparent; } /*BTN-TERTIARY*/ .btn-tertiary { background: var(--tertiary_1); color: var(--primary_1) !important; font-family: Montserrat; font-size: 14px; font-weight: bold; border-radius: 0.50rem; border-color: transparent; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-tertiary:hover { background: var(--tertiary_2); color: var(--tertiary_1) !important; border-color: var(--tertiary_1); border-style: solid; border-width: 1px; } .btn-tertiary:disabled { background: var(--tertiary_3); color: var(--white); opacity: .8; border-color: transparent; } /*BTN-EDIT*/ .btn-edit { background: var(--primary_3); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-edit:hover { background: var(--primary_6); color: var(--primary_3); border-color: var(--primary_3); } .btn-edit:disabled, btn-edit.disabled { color: var(--white); background: var(--primary_7); border-color: transparent; } /*BTN-EDIT-HOLD*/ .btn-edit-hold { background: var(--primary_3); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-edit-hold:hover { background: var(--primary_6); color: var(--primary_3); border-color: var(--primary_3); } .btn-edit-hold:disabled, btn-edit-hold.disabled { color: var(--white); background: var(--primary_7); border-color: transparent; } /*BTN-COMMENT*/ .btn-comment { background: var(--primary_3); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-comment:hover { background: var(--primary_6); color: var(--primary_3); border-color: var(--primary_3); } .btn-comment:disabled, .btn-comment.disabled { color: var(--white); background: var(--primary_7); border-color: transparent; } /*BTN-REPLACE*/ .btn-replace { background: var(--primary_3); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-replace:hover { background: var(--primary_6); color: var(--primary_3); border-color: var(--primary_3); } .btn-replace:disabled, btn-replace.disabled { color: var(--white); background: var(--primary_7); border-color: transparent; } /*BTN-ADD*/ .btn-add { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-add:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-add:disabled, btn-add.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-SEARCH*/ .btn-search { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-search:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-search:disabled, btn-search.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-CREATE*/ .btn-create { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-create:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-create:disabled, btn-create.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-ADD-FILE*/ .btn-add-file { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-add-file:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-add-file:disabled, btn-add-file.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-EMAIL-CS*/ .btn-email-cs { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-email-cs:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-email-cs:disabled, .btn-email-cs.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-ARROW-DOWN*/ .btn-arrow-down { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-arrow-down:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-arrow-down:disabled, .btn-arrow-down.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-INSERT-BEFORE*/ .btn-insert-before { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-insert-before:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-insert-before:disabled, btn-insert-before.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-INSERT-AFTER*/ .btn-insert-after { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-insert-after:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-insert-after:disabled, btn-insert-after.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-INSERT-CHILD*/ .btn-insert-child { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-insert-child:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-insert-child:disabled, btn-insert-child.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-SPLIT*/ .btn-split { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-split:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-split:disabled, btn-split.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-MERGE*/ .btn-merge { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-merge:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-merge:disabled, btn-merge.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-INSERT-DOWN*/ .btn-insert-down { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-insert-down:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-insert-down:disabled, btn-insert-down.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-INSERT-UP*/ .btn-insert-up { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-insert-up:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-insert-up:disabled, btn-insert-up.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-CALENDAR*/ .btn-calendar { background: var(--accent_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; text-align: center; vertical-align: middle; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-calendar:hover { background: var(--accent_2); color: var(--accent_1); border-color: var(--accent_1); } .btn-calendar:disabled, btn-calendar.disabled { color: var(--white); background: var(--accent_3); border-color: transparent; } /*BTN-REDO*/ .btn-redo { color: var(--white); background: var(--primary_6); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-redo:hover { color: var(--primary_6); background: var(--primary_8); border-color: var(--primary_6); } .btn-redo:disabled, .btn-redo.disabled { color: var(--white); background-color: var(--primary_9); border-color: transparent; } /*BTN-UNDO*/ .btn-undo { color: var(--white); background: var(--primary_6); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-undo:hover { color: var(--primary_6); background: var(--primary_8); border-color: var(--primary_6); } .btn-undo:disabled, .btn-undo.disabled { color: var(--white); background-color: var(--primary_9); border-color: transparent; } /*BTN-COMPARE*/ .btn-compare { color: var(--white); background: var(--primary_6); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-compare:hover { color: var(--primary_6); background: var(--primary_8); border-color: var(--primary_6); } .btn-compare:disabled, .btn-compare.disabled { color: var(--white); background-color: var(--primary_9); border-color: transparent; } /*BTN-CHANGEO*/ .btn-changeo { color: var(--white); background: var(--accent_1); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-changeo:hover { color: var(--accent_1); background: var(--accent_2); border-color: var(--accent_1); } .btn-changeo:disabled, .btn-changeo.disabled { color: var(--white); background-color: var(--primary_9); border-color: transparent; } /*BTN-TRASH*/ .btn-trash { background: var(--validation_error_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-trash:hover { background: var(--validation_error_2); color: var(--validation_error_1); border-color: var(--validation_error_1); } .btn-trash:disabled, btn-trash.disabled { color: var(--white); background: var(--validation_error_3); border-color: transparent; } /*BTN-DELETE*/ .btn-delete { background: var(--validation_error_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-delete:hover { background: var(--validation_error_2); color: var(--validation_error_1); border-color: var(--validation_error_1); } .btn-delete:disabled, btn-delete.disabled { color: var(--white); background: var(--validation_error_3); border-color: transparent; } /*BTN-REJECT-HAND*/ .btn-reject-hand { background: var(--validation_error_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-reject-hand:hover { background: var(--validation_error_2); color: var(--validation_error_1); border-color: var(--validation_error_1); } .btn-reject-hand:disabled, btn-reject-hand.disabled { color: var(--white); background: var(--validation_error_3); border-color: transparent; } /*BTN-CHECK*/ .btn-check-1 { background: var(--validation_success_1); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-check-1:hover { background: var(--validation_success_2); color: var(--validation_success_1); border-color: var(--validation_success_1); } .btn-check-1:disabled, btn-check.disabled { color: var(--white); background: var(--validation_success_3); border-color: transparent; } /*BTN-NEW-WNDOW*/ .btn-new-window { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-new-window:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-new-window:disabled, .btn-new-window.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-FILE*/ .btn-file { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-file:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-file:disabled, .btn-file.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-FILE-MAG*/ .btn-file-mag { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-file-mag:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-file-mag:disabled, .btn-file-mag.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-CERT*/ .btn-cert { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-cert:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-cert:disabled, .btn-cert.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-SALES-ORDER*/ .btn-sales-order { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-sales-order:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-sales-order:disabled, .btn-sales-order.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-BULLETS-2*/ .btn-bullets-2 { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-bullets-2:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-bullets-2:disabled, .btn-bullets-2.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-BULLETS*/ .btn-bullets { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-bullets:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-bullets:disabled, .btn-bullets.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-HISTORY*/ .btn-history { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-history:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-history:disabled, .btn-history.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-VIEW-HISTORY*/ .btn-view-pricing { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-view-pricing:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-view-pricing:disabled, .btn-view-pricing.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*BTN-INFO*/ .btn-info2 { background: var(--primary_4); color: var(--white); border-color: transparent; border-radius: 0.50rem; border-color: transparent; cursor: pointer; height: 35px; width: 35px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-info2:hover { background: var(--primary_65); color: var(--primary_4); border-color: var(--primary_4); } .btn-info2:disabled, .btn-info2.disabled { color: var(--white); background: var(--primary_8); border-color: transparent; } /*END REGION*/ /*______________________________BOOTSTRAP STYLES OVERRIDE______________________________*/ /*hover on list item in dropdown*/ .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-listbox .k-item:hover:not(.k-state-disabled), .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover { background-color: var(--secondary_4) !important; border-color: transparent !important; } .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused { background-color: #ebebeb !important; background-image: none !important; background-position: 50% 50% !important; border-color: var(--accent_1) !important; box-shadow: 0 0 1px 0 var(--accent_1) !important; } .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap { border-color: var(--accent_1) !important; box-shadow: 0 0 1px 0 var(--accent_1) !important } .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: inset 0 0 10px 3px #66a9b9 !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } /*Unselected row item - this gets rid of that blue to transparent box shadow when */ .k-popup .k-list .k-state-focused { border-radius: 4px; box-shadow: inset 0 0 2px 0 transparent, inset 0 0 7px 0 transparent !important; } /*create part order*/ .k-autocomplete .k-input, .k-combobox .k-state-default .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-progress-status-wrap, .k-slider-selection, .k-slider-track { outline-color: var(--secondary_2) !important; outline-width: 1px !important; outline-style: solid !important; color: var(--primary_1) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } /* create part order hover*/ .k-autocomplete:hover .k-input:hover, .k-combobox:hover .k-state-default:hover .k-input:hover, .k-multiselect-wrap:hover, .k-numeric-wrap.k-state-default:hover .k-input:hover, .k-picker-wrap.k-state-default:hover .k-input:hover, .k-progress-status-wrap:hover, .k-slider-selection:hover, .k-slider-track:hover { outline-color: var(--accent_1) !important; outline-width: 1px !important; outline-style: solid !important; } /* create part order focus*/ .k-autocomplete:focus .k-input:focus, .k-combobox:focus .k-state-default:focus .k-input:focus, .k-multiselect-wrap:focus, .k-numeric-wrap.k-state-default:focus .k-input:focus, .k-picker-wrap.k-state-default:focus .k-input:focus, .k-progress-status-wrap:focus, .k-slider-selection:focus, .k-slider-track:focus { outline-color: var(--accent_1) !important; outline-width: 1px !important; outline-style: solid !important; } /*Focused textboxes*/ .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus { background-color: white !important; background-image: none !important; background-position: 50% 50% !important; border-color: var(--accent_1) !important; box-shadow: 0 0 0 0 var(--accent_1) !important; } /*hover state on textboxes*/ .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover { background-color: #ebebeb !important; background-image: none !important; background-position: 50% 50% !important; border-color: var(--accent_1) !important; } .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover { background: 0 0; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover { background-color: #fff; color: #333; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } .k-input[readonly] { background-color: #fff; color: #333; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: normal !important; } /*WIDGETS*/ .k-widget.k-tooltip-validation { color: white !important; } .k-widget { box-shadow: none !important; } .k-block, .k-widget { background-color: transparent !important; } /*listview widget in QAR modal was white and falling off modal- changing to be transparent*/ .trans { background-color: transparent !important; } /*TABSTRIPS*/ /*before hover text*/ .k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link { color: #66a9b9 } /*after hover text*/ .k-panelbar > li.k-state-default > .k-link.k-state-hover, .k-panelbar > li.k-state-hover > .k-link, .k-tabstrip-items .k-state-hover .k-link { color: white } .k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link { color: #66a9b9 } /*after hover text*/ .k-panelbar > li.k-state-default > .k-link.k-state-hover, .k-panelbar > li.k-state-hover > .k-link, .k-tabstrip-items .k-state-hover .k-link { color: white } /*Header in search grids*/ .k-grid-header th.k-header { color: var(--primary_5) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; } /*Headers in div grids*/ .k-grid-header th.k-header > .k-link { display: block; min-height: 18px; color: var(--primary_5) !important; font-size: 14px !important; font-family: Montserrat !important; font-weight: bolder !important; line-height: 18px; margin: -0.5em -0.6em -0.4em 0; padding: 0.5em 0.6em 0.4em 0; overflow: hidden; text-overflow: ellipsis; } /*Header backgrounds in div grids*/ .k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content { background-position: 50% 50%; background-color: var(--secondary_4); border-color: var(--secondary_3); } .k-grid-header { background-color: var(--secondary_4) !important; } .k-grid-header-wrap.k-auto-scrollable { background-color: var(--secondary_4) !important; } .gridHov tr:hover { background-color: var(--primary_6) !important; color: white !important; } /*Hover on a selected row inside grid*/ .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { background-color: var(--primary_6) !important; color: white !important; } /*Expanders inside grid*/ .k-grid .k-hierarchy-cell .k-icon, .k-scheduler-table .k-icon, .k-treeview .k-icon { color: var(--primary_1) !important; } /*Filter icon color override on grid*/ .k-header > .k-grid-filter, .k-header > .k-header-column-menu { color: var(--primary_1) !important; } /*_____________MAIN NAVIGATION MENU DROPDOWN_____________*/ /*Overwriting bootstrap style dropdown-item*/ .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item-new { display: block; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item-new:hover, .dropdown-item-new:focus { color: #1e2125; background-color: var(--secondary_4); } .dropdown-item-new.active, .dropdown-item-new:active { color: white; text-decoration: none; background-color: #66a9b9; } .dropdown-item-new.disabled, .dropdown-item-new:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu-new { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } /*_______________TABSTRIPS_______________*/ /*Selected tabstrip border override*/ .k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active { border-color: transparent !important; background-color: var(--primary_6) !important; } /*Tabstrip Font override*/ .k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link { color: var(--primary_1) !important; font-weight: bold !important; font-size: 14px !important; font-family: Montserrat !important; } /*Background color so that card sections stand out*/ .k-tabstrip .k-content.k-state-active { background-color: var(--secondary_5) !important; } /*Blue shadow around clicked buttons*/ .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: none !important; } .list-group-item { border: none !important; } /*______________________________ENDREGION______________________________*/ .pad-2-sym-btn2 { margin: 0px 0px; padding: 0rem 0.2rem 0rem 0.2rem !important; } /*this goes on both col header and col data to keep data from running into eachother*/ .marg-col-left { margin: 0px 0px 0px 10px; } /*New modal footer style*/ .modal-footer-new { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer-new > * { margin: 0.25rem; } /*overriding boostrap border radius for modals*/ .modal-content { border-radius: 0.95rem; } .modal-no-scroll { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden !important; outline: 0; } textarea { width: 100%; height: 150px; box-sizing: border-box !important; border: 1px solid; border-radius: 4px; border-color: var(--secondary_2); background-color: white; resize: none; text-indent: 0.8em; } textarea:hover, textarea:focus, textarea:active, textarea:focus-within { width: 100%; height: 150px; box-sizing: border-box !important; border: 1px solid; border-radius: 4px; border-color: var(--accent_1); outline-color: var(--accent_1); outline-width: 1px; background-color: white; resize: none; } .textarea75 { width: 100%; height: 75px; box-sizing: border-box !important; border: 1px solid; border-radius: 4px; border-color: var(--secondary_2); background-color: white; resize: none; text-indent: 0.8em; } .textarea75:hover, .textarea75:focus, .textarea75:active, .textarea75:focus-within { width: 100%; height: 75px; box-sizing: border-box !important; border: 1px solid; border-radius: 4px; border-color: var(--accent_1); outline-color: var(--accent_1); outline-width: 1px; background-color: white; resize: none; } #customerNameStyle .pilot-theme .section .detail a span { color: var(--primary_3) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } #customerNameStyle .pilot-theme .section .detail a span:hover { color: var(--primary_5) !important; font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: bold !important; } .mini-small17-icon:before { font-size: 17px !important; } .rownew { --bs-gutter-x: 0rem !important; } .bg-red { background-color: var(--validation_error_1); } /*--SUBMITTAL--*/ .submittalButtonRegion { height: var(--footer_height); } .engineeringButtonRegion { height: var(--footer_height); } .pilot-theme .k-listview .submittal-history-item { cursor: pointer; } .pilot-theme .k-listview .isSelected { background-color: var(--primary_7) !important; color: var(--secondary_1) !important; } .pilot-theme .k-listview .isSelected span { color: var(--primary_1) !important; } .pilot-theme .k-listview .name { color: var(--primary_1) !important; font-weight: bold; } .pilot-theme .k-listview .secondary { color: var(--accent_1) !important; } /*END SUBMITTAL*/ /*Style to apply same modal border radius to other things*/ .br5 { border-radius: 0.5rem; } .filter-search-icon { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: white; text-align: center; white-space: nowrap; background-color: var(--accent_1); border-radius: .25rem; } /*______________________________ICONS______________________________*/ .check-icon:before { color: var(--validation_success_1); font-size: 18px !important; } .removex-icon:before { color: var(--validation_error_1); font-size: 14px !important; } .warningred-icon:before { color: var(--validation_error_1); font-size: 20px !important; } .warningylw-icon:before { color: var(--tertiary_1); font-size: 20px !important; } .save-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .save-l-icon:before { color: var(--primary_3); font-size: 60px !important; } .info-s-icon:before { color: var(--validation_error_1); font-size: 14px !important; } .info-s2-icon:before { color: var(--tertiary_1); font-size: 14px !important; } .info-s3-icon:before { color: var(--primary_5); font-size: 14px !important; } .expand-arrow-icon:before { color: var(--primary_3); font-size: 12px !important; } .changeorder-icon:before { color: var(--accent_1); font-size: 17px !important; } .mapmarker-s-icon:before { color: var(--primary_3); font-size: 17px !important; } .customer-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .customer-warn-s-icon:before { color: var(--validation_error_1); font-size: 20px !important; } .order-s-icon:before { color: var(--primary_3); font-size: 14px !important; } .office01-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .office-s-icon:before { color: var(--primary_3); font-size: 14px !important; } .product-s-icon:before { color: var(--primary_3); font-size: 17px !important; } .saleso-s-icon:before { color: var(--primary_3); font-size: 22px !important; } .questionsign-s-icon:before { color: var(--primary_5); font-size: 12px !important; } .circle-arrow-s-icon:before { color: var(--primary_3); font-size: 18px !important; } .truckred-s-icon:before { color: var(--validation_error_1); font-size: 20px !important; } .freight-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .document-s-icon:before { color: var(--primary_3); font-size: 14px !important; } .gearred-s-icon:before { color: var(--validation_error_1); font-size: 14px !important; } .toolboxred-s-icon:before { color: var(--validation_error_1); font-size: 17px !important; } .duplicate-s-icon:before { color: var(--accent_1); font-size: 14px !important; cursor: pointer; } .duplicatered-s-icon:before { color: var(--validation_error_1); font-size: 14px !important; } .qargear-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .rmatools-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .bullets-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .thumbsup-s-icon:before { color: var(--validation_success_1); font-size: 17px !important; } .thumbsdwn-s-icon:before { color: var(--validation_error_1); font-size: 17px !important; } .employee-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .rating-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .submittal-s-icon:before { color: var(--primary_3); font-size: 22px !important; } .fire-s-icon:before { color: var(--validation_error_1); font-size: 20px !important; } .creditcard-s-icon:before { color: var(--primary_3); font-size: 20px !important; } .comment-s-icon:before { color: var(--primary_3); font-size: 14px !important; } .eyeclose-s-icon:before { color: var(--validation_error_1); font-size: 17px !important; } /*--END REGION--*/ /*All subheader backgrounds*/ .sub-hd-bkgd { background-color: var(--secondary_4); margin: 0px 0px; padding: 10px 10px 10px 10px !important; } .lnpadding { margin: 0 8px; padding: 0px !important; } #documentReviewRegion { background-color: white !important; } .laborAndExpenseDetailTemplate { border-bottom: 1px solid var(--secondary_3); min-height: 40px; } .legend-item{ width:15px; height:15px; } .projectPage .dropdown-content { position: relative; min-width: 600px; max-height: 200px; overflow-y: auto; } .projectPage .dropdown-content #changeOrderList > ul > li:nth-child(even) { padding: 2px; border-bottom: 2px dashed gray; background-color: #fcf4c7; } .projectPage .dropdown-content #changeOrderList > ul > li:nth-child(odd) { padding: 2px; border-bottom: 2px dashed gray; } .orderLinePage .dropdown-content { position: relative; min-width: 600px; max-height: 200px; overflow-y: auto; } .orderLinePage .dropdown-content #changeOrderList > ul > li:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } .orderLinePage .dropdown-content #changeOrderList > ul > li:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #orderLineHeaderRegion #completedChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #orderLineHeaderRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #orderLineHeaderRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #orderLineHeaderRegion #inProgressChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #orderLineHeaderRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #orderLineHeaderRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } /*Size Medium Screen*/ @media (min-width: 768px) { .orderLinePage #lineItemPricingRegion .dropdown-content { right: 30px; position: relative; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .orderLinePage #lineItemPricingRegion .dropdown-content { position: relative; min-width: 420px; } } /*Size Medium Screen*/ @media (min-width: 768px) { .orderLinePage .ElectricTotalRegion .dropdown-content { right: 30px; position: relative; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .orderLinePage .ElectricTotalRegion .dropdown-content { position: relative; min-width: 600px; } } /*Size Medium Screen*/ @media (min-width: 768px) { .orderLinePage #shippingTermsRegion .dropdown-content { right: 30px; position: relative; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .orderLinePage #shippingTermsRegion .dropdown-content { position: relative; min-width: 550px; } } .orderUnitPage .dropdown-content { position: relative; min-width: 600px; max-height: 200px; overflow-y: auto; } .orderUnitPage .dropdown-content #changeOrderList > ul > li:nth-child(even) { padding: 2px; border-bottom: 2px solid lightgray; } .orderUnitPage .dropdown-content #changeOrderList > ul > li:nth-child(odd) { padding: 2px; border-bottom: 2px solid lightgray; } #headerRegion #completedChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #headerRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #headerRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #headerRegion #inProgressChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #headerRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #headerRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } /*Size Medium Screen*/ @media (min-width: 768px) { .orderUnitPage #lineItemPricingRegion .dropdown-content { right: 30px; position: absolute; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .orderUnitPage #lineItemPricingRegion .dropdown-content { position: relative; min-width: 420px; } } /*Size Medium Screen*/ @media (min-width: 768px) { .orderUnitPage .ElectricTotalRegion .dropdown-content { right: 30px; position: absolute; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .orderUnitPage .ElectricTotalRegion .dropdown-content { position: relative; min-width: 600px; } } /*Size Medium Screen*/ @media (min-width: 768px) { .orderUnitPage #shippingTermsRegion .dropdown-content { right: 30px; position: absolute; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .orderUnitPage #shippingTermsRegion .dropdown-content { position: relative; min-width: 600px; } } #omsSubmittalResultsGrid .k-grid-content { min-height: 170px; max-height: 500px; } #submittalDocHeader .btn:focus, #submittalDocHeader .btn:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) } #omsParentSubmittalResultsGrid .k-grid-content { min-height: 170px; max-height: 500px; } #parentSubmittalDocHeader .btn:focus, #parentSubmittalDocHeader .btn:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) } #omsOtherResultsGrid .k-grid-content { min-height: 170px; max-height: 500px; } #otherDocHeader .btn:focus, #otherDocHeader .btn:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) } #omsAdditionalDetailAccessoryGrid .k-grid-content { min-height: 170px; max-height: 500px; } .headerContentSize { width: 48px; height: 48px; } .collapseHeader { color: #212529; font-size: 20px; } .card-header { padding: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); } .productionOrder .dropdown-content { /*position: relative;*/ min-width: 600px; max-height: 200px; overflow-y: auto; } .productionOrder .dropdown-content #changeOrderList > ul > li:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } .productionOrder .dropdown-content #changeOrderList > ul > li:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } .productionOrder #headerRegion #completedChange .dropdown-content { /*right: 430px;*/ min-width: 480px; max-height: 200px; overflow-y: auto; } .productionOrder #headerRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } .productionOrder #headerRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } .productionOrder #headerRegion #inProgressChange .dropdown-content { /*right: 430px;*/ min-width: 480px; max-height: 200px; overflow-y: auto; } .productionOrder #headerRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } .productionOrder #headerRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #slide-in-param-folder { position: fixed; top: 60px; bottom: 0px; left: 0; width: 700px; margin-left: -720px; border: solid #d9d9d9; border-width: 1px 0px 0px 0; z-index: 10000; background-color: #F2F2F2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 4px 4px 4px #aeaeae; } #slide-in-param-folder .k-block, .k-draghandle, .k-inline-block, .k-widget { border-style: none !important; -webkit-appearance: none; } #slide-in-param-folder.k-dropzone-hovered, #slide-in-param-folder .k-dropzone-hovered /*, #slide-in-folder:hover*/ { background-color: white !important; } #slide-in-param-folder.k-dropzone-hovered:before { border-color: transparent transparent transparent white; } #slide-in-param-folder #documentArea div { background-color: white; max-height: 90%; overflow-y: auto; overflow-x: hidden; overflow-y: auto; } #slide-in-param-folder #documentArea .k-grid-header { height: auto !important; } #slide-in-param-folder #documentArea .k-grid-content { height: 95% !important; } #slide-in-folderOut { position: absolute; top: 60px; bottom: 0px; left: 220px; width: 20px; background-color: inherit; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid #d9d9d9; border-width: 0px 1px 1px 0; box-shadow: 4px 4px 4px #aeaeae; font-size: .75em; cursor: pointer; } #slide-in-folderOut:before, #slide-in-folderOut:after { content: ""; position: absolute; left: 0px; width: 0; height: 0; border-style: solid; } #slide-in-folderOut:before { top: -19px; border-color: transparent transparent transparent #F2F2F2; border-width: 20px; z-index: -1; } #slide-in-folderOut:after { top: -20px; border-color: transparent transparent transparent #d9d9d9; border-width: 20px; z-index: -2; } iframe { position: absolute; width: 95%; height: 95%; padding: 5px; } .partOrderPage .dropdown-content { position: relative; min-width: 600px; max-height: 200px; overflow-y: auto; } .partOrderPage .dropdown-content #changeOrderList > ul > li:nth-child(even) { padding: 2px; border-bottom: 2px solid lightgray; background-color: #fcf4c7; } .partOrderPage .dropdown-content #changeOrderList > ul > li:nth-child(odd) { padding: 2px; border-bottom: 2px solid lightgray; } #partOrderDetailHeaderRegion #completedChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #partOrderDetailHeaderRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #partOrderDetailHeaderRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #partOrderDetailHeaderRegion #inProgressChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #partOrderDetailHeaderRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #partOrderDetailHeaderRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid var(--secondary_3); } #partOrderFulfillmentDetailHeaderRegion #completedChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #partOrderFulfillmentDetailHeaderRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid lightgray; background-color: #fcf4c7; } #partOrderFulfillmentDetailHeaderRegion #completedChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid lightgray; } #partOrderFulfillmentDetailHeaderRegion #inProgressChange .dropdown-content { right: 1px; min-width: 480px; max-height: 200px; overflow-y: auto; } #partOrderFulfillmentDetailHeaderRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(even) { padding: 2px; border-bottom: 2px solid lightgray; background-color: #fcf4c7; } #partOrderFulfillmentDetailHeaderRegion #inProgressChange .dropdown-content .changeOrderHeaderListView > div:nth-child(odd) { padding: 2px; border-bottom: 2px solid lightgray; } /*Size Medium Screen*/ @media (min-width: 768px) { .partOrderPage #partOrderDetailWarrantyRegion .dropdown-content { right: 30px; position: absolute; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .partOrderPage #partOrderDetailWarrantyRegion .dropdown-content { /*commenting out because this moves the change order around when hovered over*/ /*position: relative;*/ min-width: 600px; } } /*Size Medium Screen*/ @media (min-width: 768px) { .partOrderPage #partOrderDetailPartOrderLinesRegion .dropdown-content { right: 30px; position: absolute; min-width: 420px; } } /*Size Large Screen*/ @media (min-width: 992px) { .partOrderPage #partOrderDetailPartOrderLinesRegion .dropdown-content { position: relative; min-width: 600px; right: 550px; bottom: 105px; } }