/* Minification failed. Returning unminified contents. (49,17): run-time error CSS1039: Token not allowed after unary operator: '-dim-gray' (96,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (139,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-link' (152,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-link' (157,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-link' (236,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (240,28): run-time error CSS1039: Token not allowed after unary operator: '-lighter-gray97' (254,17): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (260,17): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (277,28): run-time error CSS1039: Token not allowed after unary operator: '-pretty-green' (338,21): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (380,21): run-time error CSS1039: Token not allowed after unary operator: '-deep-green' (532,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green-3' (577,28): run-time error CSS1039: Token not allowed after unary operator: '-green-tea' (609,36): run-time error CSS1039: Token not allowed after unary operator: '-bright-green' (620,25): run-time error CSS1039: Token not allowed after unary operator: '-bright-green' (625,25): run-time error CSS1039: Token not allowed after unary operator: '-bright-green' (637,25): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (647,37): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (650,38): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (653,39): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (678,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (684,28): run-time error CSS1039: Token not allowed after unary operator: '-very-light-green' (741,35): run-time error CSS1039: Token not allowed after unary operator: '-very-deep-green' (742,17): run-time error CSS1039: Token not allowed after unary operator: '-very-deep-green' (746,21): run-time error CSS1039: Token not allowed after unary operator: '-very-deep-green' (761,32): run-time error CSS1039: Token not allowed after unary operator: '-forest-green' (799,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (804,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (816,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (821,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (839,28): run-time error CSS1039: Token not allowed after unary operator: '-other-light-gray' (845,17): run-time error CSS1039: Token not allowed after unary operator: '-dim-gray' (849,32): run-time error CSS1039: Token not allowed after unary operator: '-very-deep-green' (857,28): run-time error CSS1039: Token not allowed after unary operator: '-table-gray' (863,32): run-time error CSS1039: Token not allowed after unary operator: '-table-gray' (869,32): run-time error CSS1039: Token not allowed after unary operator: '-table-gray' (870,32): run-time error CSS1039: Token not allowed after unary operator: '-table-gray' (917,28): run-time error CSS1039: Token not allowed after unary operator: '-pale-pink' (919,17): run-time error CSS1039: Token not allowed after unary operator: '-pale-pink' (930,28): run-time error CSS1039: Token not allowed after unary operator: '-pale-pink' (936,17): run-time error CSS1039: Token not allowed after unary operator: '-pale-pink' (942,28): run-time error CSS1039: Token not allowed after unary operator: '-light-pink' (983,17): run-time error CSS1039: Token not allowed after unary operator: '-green-tea' (1067,32): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (1071,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (1077,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (1089,28): run-time error CSS1039: Token not allowed after unary operator: '-green-tea' (1112,21): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1128,29): run-time error CSS1039: Token not allowed after unary operator: '-limon-green' (1156,28): run-time error CSS1039: Token not allowed after unary operator: '-mouse-gray' (1168,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (1169,28): run-time error CSS1039: Token not allowed after unary operator: '-mouse-gray' (1192,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1199,32): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1381,32): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1430,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1516,32): run-time error CSS1039: Token not allowed after unary operator: '-deep-gray' (1533,32): run-time error CSS1039: Token not allowed after unary operator: '-gray80' (1575,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1589,32): run-time error CSS1039: Token not allowed after unary operator: '-gray92' (1619,28): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1629,32): run-time error CSS1039: Token not allowed after unary operator: '-gray92' (1636,36): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1641,36): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (1646,36): run-time error CSS1039: Token not allowed after unary operator: '-grayB9' (1651,36): run-time error CSS1039: Token not allowed after unary operator: '-grayB9' (1656,36): run-time error CSS1039: Token not allowed after unary operator: '-grayB9' (1696,28): run-time error CSS1039: Token not allowed after unary operator: '-gray80' (1700,28): run-time error CSS1039: Token not allowed after unary operator: '-limon-green' (1705,28): run-time error CSS1039: Token not allowed after unary operator: '-gray80' (1709,28): run-time error CSS1039: Token not allowed after unary operator: '-limon-green' (1744,32): run-time error CSS1039: Token not allowed after unary operator: '-grayE2' (1748,32): run-time error CSS1039: Token not allowed after unary operator: '-grayE2' (1784,32): run-time error CSS1039: Token not allowed after unary operator: '-dim-gray' (1803,21): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (1814,21): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (1825,21): run-time error CSS1039: Token not allowed after unary operator: '-se-green-2' (1901,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-link' (1909,28): run-time error CSS1039: Token not allowed after unary operator: '-limon-green-2' (1945,17): run-time error CSS1039: Token not allowed after unary operator: '-limon-green' (1951,17): run-time error CSS1039: Token not allowed after unary operator: '-limon-green' (1981,24): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (1994,24): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (2147,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (2222,25): run-time error CSS1030: Expected identifier, found '>' (2222,171): run-time error CSS1031: Expected selector, found ')' (2222,171): run-time error CSS1025: Expected comma or open brace, found ')' (2318,28): run-time error CSS1039: Token not allowed after unary operator: '-limon-green-2' (2391,28): run-time error CSS1039: Token not allowed after unary operator: '-lighter-gray97' (2399,17): run-time error CSS1039: Token not allowed after unary operator: '-forest-green' (2471,26): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (2485,30): run-time error CSS1039: Token not allowed after unary operator: '-se-green' (3488,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (3589,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (3748,17): run-time error CSS1039: Token not allowed after unary operator: '-forest-green' (3840,25): run-time error CSS1038: Expected hex color, found '#fff0' (3901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3911,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon' (3989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4053,40): run-time error CSS1039: Token not allowed after unary operator: '-gray-even-lighter-than-light' (4054,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-even-lighter-than-light' (4083,40): run-time error CSS1039: Token not allowed after unary operator: '-green-schneider' (4084,44): run-time error CSS1039: Token not allowed after unary operator: '-green-schneider' (4090,50): run-time error CSS1039: Token not allowed after unary operator: '-green-schneider' (4091,48): run-time error CSS1039: Token not allowed after unary operator: '-green-schneider' (4096,40): run-time error CSS1039: Token not allowed after unary operator: '-green-schneider' (4105,37): run-time error CSS1039: Token not allowed after unary operator: '-gray-light' (4107,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (4132,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-even-lighter' (4134,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (4159,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-light' (4160,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4174,37): run-time error CSS1039: Token not allowed after unary operator: '-gray-light' (4175,37): run-time error CSS1039: Token not allowed after unary operator: '-gray-light' (4203,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-even-lighter-than-light' (4222,40): run-time error CSS1039: Token not allowed after unary operator: '-green-tea' (4250,21): run-time error CSS1039: Token not allowed after unary operator: '-green-tea' (4256,21): run-time error CSS1039: Token not allowed after unary operator: '-green-tea' (4261,1): run-time error CSS1019: Unexpected token, found '@import' (4261,9): run-time error CSS1019: Unexpected token, found ''./colors.css'' (4270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ @import 'css/colors.css'; @import 'css/font.css'; @import 'css/bootstrapcustom.css'; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } .block-with-ellipsis-one-line { width: auto; height: 1.6em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .block-with-ellipsis-four-line { width: auto; height: 76px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding: 0 .6em !important } .tooltipDiv { text-align: left; white-space: nowrap; } /* Couleur SE : #4fa600 */ /*---------------------------------------------------------- The base color for this template is #5c87b2. If you'd like to use a different color start by replacing all instances of #5c87b2 with your new color. ----------------------------------------------------------*/ body { background-color: white; font-size: .75em !important; font-family: Arial, Verdana, Helvetica, Sans-Serif !important; color: var(--dim-gray); padding: 1em; } label { display: block; } .alignRight { text-align: right; } .float { float: left; } .floatR { float: right; } .margin5 { margin: 5px; } .marginTop5 { margin-top: 5px; } .padding20 { padding: 20px; } .overflow { overflow: auto; } .title-sm { font-size: 20px; font-weight: bold; } .panel-heading label:hover { cursor: pointer; color: black; } .color-heading:hover { background-color: var(--se-green) !important; } .nocolor-heading:hover { background-color: lightgrey !important; } .mb-s { margin-bottom: 3%; } .mb-xs { margin-bottom: 1%; } .mt-s { margin-top: 3%; } .mt-xs { margin-top: 2%; } .ml { margin-left: 3%; } .mr { margin-right: 1%; } .padding-l { padding-left: 0px !important; } hr { height: 1px; padding: 0; background-color: darkgrey; border: 0; } a { color: var(--blue-link); } a:link { /*color: #4fa600;*/ text-decoration: none; } a:visited { text-decoration: none; } a:hover { color: var(--light-blue-link); text-decoration: none; } a:active { color: var(--blue-link); } p { margin-bottom: 20px; line-height: 1.6em; } ul { margin-bottom: 20px; /*line-height: 2.5em;*/ } /* HEADINGS ----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: black; font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; } h2 { padding: 0 0 10px 0; font-size: 13pt; font-weight: bold; } h3 { font-size: 1.2em; font-weight: lighter; margin: 4px; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } /* this rule styles

tags that are the first child of the left and right table columns */ .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; } /* PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------*/ /* you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. */ .page { width: 90%; margin-left: auto; margin-right: auto; } @media all and (min-width: 531px) { .page { min-width: 326px; } } .main { background-color: #fff; _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ } .blocMain { margin: 5px 0px 5px 0px; overflow: auto; padding: 5px 0px 5px 0px; border: solid 1px var(--light-green); border-radius: 5px; /*float:left;*/ min-width: 100px; background-color: var(--lighter-gray97); } .blocMainNoBorder { margin: 0px; overflow: auto; padding: 0px; /*float:left;*/ min-width: 100px; } .blocMain h1, .blocMain h2, .blocMain h3 { font-size: 1.1em; font-weight: lighter; color: var(--se-green-2); } .blocMain h2 { font-size: 13pt; font-weight: bold; color: var(--se-green-2); } .blocMainContent { margin: 10px; background-color: transparent; } .bgWhite { background-color: white; } .blocAction { margin: 5px 0px 5px 0px; overflow: auto; padding: 5px 0px 0px 0px; min-width: 100px; background-color: var(--pretty-green); } .blocAction .barreActionsFront { max-width: 100%; background-color: white; } .blocAction .blocContent { text-align: right; } .blocAction .blocContent #Operations { margin-right: 3em; width: auto } .blocAction .blocContent .totalInfo { display: inline-block; } .barreActionFront { padding-bottom: 10px; padding-right: 15px; padding-left: 15px; } .gridSelectionCount { margin-bottom: 5px; margin-left: 5px; } #scopeTitle { height: auto; overflow: auto; } #scopeTitle h2 { float: left; margin-right: 0.4em; } #scopeTitle h3 { margin: auto; } /* Home */ .home_equipements { overflow: auto; margin-top: 10px; } .home_equipement { float: left; width: 33%; text-align: center; } .home_equipement .home_equipement_title { font-size: 1.2em; font-weight: bold; color: var(--se-green); } .home_equipement img { float: left; width: 100%; max-width: 300px; } /* Header */ #header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 32px !important; } .header { position: relative; margin-top: 5px; margin-bottom: 0px; padding: 0; width: 100%; overflow: auto; } .header .logo { float: left; } .header .logo img { float: left; height: 40px; margin: 2px; } .header .loguedUserName { color: var(--deep-green); } .header .headerMenuLinks { margin-top: 8px; } .header .headerMenu { min-width: 400px; /*padding-bottom:5px;*/ } .header .headerMenuItem { padding: 2px 10px 0px 10px; /*margin:2px;*/ margin-bottom: 0px; } .header .headerMenuItem span { margin-top: 3px; display: inline; } .header .headerLinkLeftBorder { border-left: solid; border-left-color: #ccc; border-left-width: 1px; } .headerMenuItemIdentificationTitle { cursor: pointer; width: 75px; padding-right: 30px; background-image: url(images/down.png); background-position: right center; background-repeat: no-repeat; } /* Identity */ #formIdentityLogin .formActions { text-align: right; margin-top: 7px; } .identityMySEBlocMain div div, .identityMySEBlocMain h2 { margin-left: 5px; margin-right: 5px; } .identityEnFrSection { padding-top: 15px; margin-top: 10px; border-top: solid 1px lightgray; } .identityLoguedBloc { margin: auto; margin-top: 5%; } .identityLoguedForm { width: 80%; margin: auto; } .identityLoguedFormList { margin-left: auto; margin-right: 0; vertical-align: top; margin-top: 20px; } .identityLoguedFormBouton { text-align: right; margin-top: 20px; } /*Step process*/ .stepwizard-step p { margin-top: 10px; } .stepwizard-row { display: table-row; } .stepwizard { display: table; width: 100%; position: relative; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; } .visible-xs .stepwizard-step { margin-left: 9%; } .media-left { background-image: url("images/bar.png"); background-repeat: repeat-y; background-position: center; } .media-body { width: 100%; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } .border-jalon { border: 1px solid #ccc; border-radius: 6px; padding: 6px; } .border-jalon span.k-datepicker, .lots span.k-datepicker { width: 100%; } .lots { padding: 1px !important; } .color-heading { background-color: var(--se-green-3) !important; } .panel-heading label { font-weight: normal; } /*SearchOptions ----------------------------------------------------------*/ #SearchOptions { width: auto; height: auto; } /* Catégories */ .categoryNavigation_level1 { font-size: 1.4em; margin: 10px 10px 10px 0px; } .categoryNavigation_level1:hover { cursor: pointer; } .categoryNavigation_level2 { font-size: 1.2em; margin-bottom: 5px; margin-left: 10px; } /* TAB MENU ----------------------------------------------------------*/ ul#menu { /*border-bottom: 1px #FFFFFF solid;*/ padding: 0; position: relative; margin: 0; text-align: left; width: 100%; /*background-color:#009B3E;*/ z-index: 100; /*height:44px;*/ border-bottom: solid 1px white; margin-bottom: 0px; background-color: var(--green-tea); /*background-image: linear-gradient(top, #08742C 25%, #2CA22E 100%); background-image: linear-gradient(top, #08742C 50%, #2CA22E 50%);*/ } ul#menu ul { margin-bottom: 0px; } ul#menu li { /*margin-top:10px; margin-left:10px;*/ float: left; list-style: none; min-width: 125px; border: 1px; margin: 10px 5px 0px 5px; } ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; } ul#menu li a { display: block; padding: 0; text-decoration: none; line-height: 2.1em; background-color: var(--bright-green); color: white; width: auto; padding-left: 5px; padding-right: 5px; border-radius: 5px 5px 0px 0px; cursor: pointer; } ul#menu li.headerMenuItemSelected a { background-color: white; color: var(--bright-green); } ul#menu li a:hover { background-color: white; color: var(--bright-green); } ul#menu li ul li a { display: block; padding: 0; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: white; /*color: #034af3;*/ width: 250px; color: var(--se-green-2); border-radius: 0px; } ul#menu li ul { position: absolute; width: 250px; display: none; border-collapse: collapse; margin-top: 2.8em; border-left-color: var(--se-green-2); border-left-style: solid; border-left-width: 1px; border-right-color: var(--se-green-2); border-right-style: solid; border-right-width: 1px; border-bottom-color: var(--se-green-2); border-bottom-style: solid; border-bottom-width: 1px; margin-left: -21em; top: -5px; background-color: White; /*margin-left:-50px;*/ } #menu li ul li { /*border: 1px solid; margin-top:3px;*/ display: block; margin-left: 0px; } #menu li:hover ul { display: table; } #menu li:hover ul li { float: none; } ul#menu li ul li a:hover { background-color: var(--se-green-2); text-decoration: none; color: white; } ul#menu li a:active { background-color: var(--very-light-green); text-decoration: none; } ul#menu li.selected a { background-color: #fff; color: black; } .subMenu { min-height: 20px; padding: 5px; font-size: 1.1em; background-color: white; padding-top: 5px; border-bottom: solid 1px darkgray; padding-left: 30px; margin-top: 10px; margin-bottom: 15px; padding-bottom: 2px; padding-bottom: 3px\9; /* Correction IE8 */ } .subMenu a { color: black; } .subMenuItemRightBorder { border-right: solid 1px white; } .subMenuItemRightBorder a { margin-right: 10px; } .subMenu div span a { border-bottom: solid 2px white; color: darkgray; padding-bottom: 2px; margin-right: 30px; margin-left: 5px; display: inline-block; margin-bottom: 4px; } .subMenu div span a:hover { border-bottom: solid 2px white; color: black; padding-bottom: 2px; margin-right: 30px; margin-left: 5px; display: inline-block; margin-bottom: 4px; transition: 0.5s; } .subMenu .active a { border-bottom: solid 2px var(--very-deep-green); color: var(--very-deep-green); } .subMenu .active a:hover { color: var(--very-deep-green); } #menucontain { height: 3em; margin-top: 1em; } #menucontain span { border-bottom: 1px white solid; padding: 0; position: relative; margin: 0; text-align: center; width: 100%; background-color: var(--forest-green); height: 100%; color: White; } #menucontainer { position: relative; } /*Main Page */ /* FORM LAYOUT ELEMENTS ----------------------------------------------------------*/ fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; } fieldset p { margin: 2px 12px 10px 10px; } legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; } input[type="text"] { border: 1px solid #CCC !important; margin-left: 0px !important; /*border-radius: 5px !important;*/ background-color: white !important; } input[type="text"]:hover { border: 1px solid var(--light-green); margin-left: 0px; } input[type="text"]:focus { border: 1px solid var(--light-green); /*box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;*/ margin-left: 0px; } input[type="password"] { /*width: 200px;*/ border: 1px solid #CCC; /*border-radius: 5px;*/ } input[type="password"]:hover { border: 1px solid var(--light-green); margin-left: 0px; } input[type="password"]:focus { border: 1px solid var(--light-green); margin-left: 0px; } input.input-validation-error { border-color: red; } input[disabled] { background-color: transparent; } input[disabled]:hover { background-color: transparent; border: 1px solid #CCC !important; } .btnAction, input[type="submit"], input[type="button"] { background-color: var(--other-light-gray); /*padding:3px 7px 3px 7px; min-width:150px;*/ border: solid 1px darkgray; border-radius: 5px; cursor: pointer; color: var(--dim-gray); } .btnAction:hover, input[type="submit"]:hover, input[type="button"]:hover { background-color: var(--very-deep-green); color: white; } /* TABLE ----------------------------------------------------------*/ table { border: solid 1px var(--table-gray); border-collapse: collapse; } table td { padding: 5px; border: solid 1px var(--table-gray); } table th { padding: 6px 5px; text-align: left; background-color: var(--table-gray); border: solid 1px var(--table-gray); } /* MISC ----------------------------------------------------------*/ .clear { clear: both; } .error { font-size: 0.8em; color: red; } div#title { display: block; float: left; text-align: left; } #logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: Black; float: right; } #logindisplay a:link { color: Black; text-decoration: underline; } #logindisplay a:visited { color: Purple; text-decoration: underline; } #logindisplay a:hover { color: Red; text-decoration: none; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { border: 1px solid var(--pale-pink); padding: 5px; color: var(--pale-pink); border-radius: 5px; background-color: #ffeeee; display: block; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid var(--pale-pink); background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: var(--pale-pink); border: solid 1px red; margin-right: 14px; margin-top: 10px; padding: 10px; border-radius: 5px; background-color: var(--light-pink); } .validation-summary-errors ul li { list-style: none; } .validation-summary-valid { display: none; } /* Styles for editor and display helpers ----------------------------------------------------------*/ .display-label, .editor-label, .display-field, .editor-field { margin: 0.5em 0; } /*.text-box { width: 30em; } .text-box.multi-line { height: 6.5em; }*/ .tri-state { width: 6em; } /* Page de connexion */ .loginPanel { padding: 5px; margin: 5px; } .headerLinkNameBorder { color: var(--green-tea); } /* Gestion de formulaires (entrée / valeur) */ .formLine { overflow: auto; margin-bottom: 5px; display: flex; align-items: center; } .formLine .formTitle { float: left; text-align: right; min-width: 230px; } .formLine .formTitle span { min-width: 230px; text-align: right; float: left; margin: 3px; } .formDisabled .formLine .formValue { color: darkgray; } .formLine .formValue { min-width: 300px; float: left; text-align: left; } .formLine .formHelp { width: 20px; float: left; text-align: left; } .formLine .formHelp img { margin-left: 5px; margin-top: 5px; cursor: help; } .formLine .formValid { margin-left: 5px; min-width: 160px; max-width: 300px; float: left; text-align: left; padding-top: 4px\9; /* padding-bottom:6px;*/ } .formLine .formValue input { width: 100%; /*float:left;*/ /*margin:3px;*/ } .formLine .formValue input[type=checkbox] { width: inherit; } .formLine .formButtons { min-width: 100px; float: left; margin-left: 4px; } /* Panels sur page de recherche */ .lineSearchBlocs { overflow: auto; } .searchScreenCriterias { float: left; margin: 5px 0px 5px 5px; min-width: 300px; } .searchScreenCriterias .portle .portle-header { background-color: var(--se-green-2); color: White; padding: 5px; font-size: 1.2em; border: solid 1px var(--light-green); } .searchScreenCriterias .portle .portle-content { background-color: white; padding: 5px; border: solid 1px var(--light-green); overflow: auto; } .searchScreenCriterias .portle .largePortle { min-width: 830px; } /* fil d'ariane */ .filArianePageTitle { font-size: 1.2em; color: white; background-color: var(--green-tea); padding: 10px; /*background-image:url(images/LogoAppT.png);*/ background-repeat: no-repeat; background-position: left center; padding-left: 25px; /*A l'origine il était à 80*/ font-weight: bold; } .filAriane { display: inline-block; text-align: left; padding: 5px; background-image: url("images/big_green_arrow.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin-bottom: 5px; margin-top: 5px; } .filAriane .filArianeTitle { font-weight: bold; color: var(--se-green); margin-right: 10px; } .filAriane span { font-size: 0.9em; margin-right: 2px; margin-left: 2px; } .filAriane span a { color: #666; text-decoration: none; } .filAriane span a:hover { color: var(--limon-green); } .filAriane span a:visited { color: #666; } /* Barre d'actions */ .barreActionSeparator { border-left: solid 1px Gray; margin-left: 2px; } .blocSavequery { margin-top: 10px; padding: 5px; } /* HomePage */ .iFrameHome { width: 100%; min-height: 500px; } /* Loader */ .loader { position: fixed; z-index: 2000; background-color: var(--mouse-gray); width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.5; } .loaderImage { z-index: 2001; padding: 5px; font-size: 1.5em; border: solid 1px var(--se-green-2); background-color: var(--mouse-gray); position: fixed; padding-left: 40px; padding-right: 10px; height: 32px; padding-top: 5px; text-align: center; width: 100%; top: 45%; left: 0px; } .hide { display: none; } table.adminContent { width: 100%; } /* Progress Bar configuration*/ #barAdvanced { padding: 2px; border: solid 1px var(--se-green); border-radius: 5px; margin-top: 5px; } #barAdvanced #barAdvancedContent { width: 0%; background-color: var(--se-green); border-radius: 5px; } /* Formulaires */ .form .formLine { overflow: auto; margin-bottom: 15px; min-height: 30px; } .form .formLineError { overflow: auto; margin-bottom: 3px; color: red; } .form .formActions { overflow: auto; margin-bottom: 3px; text-align: left; } .form .formLine .formLabel { float: left; width: 200px; margin-bottom: 5px; } .form .formLine .formValue { float: left; /*max-width:230px;*/ } .form .formLine .formValue .text-box { /*float:left;*/ /*width:100%;*/ } /* Form popin */ .formPopin { width: 450px; } .formPopin .formPopinLine { overflow: auto; margin-bottom: 3px; min-height: 30px; } .formPopin .formPopinLineError { overflow: auto; margin-bottom: 3px; color: red; } .formPopin .formPopinActions { overflow: auto; margin-bottom: 3px; text-align: center; } .formPopin .formPopinLine .formPopinLabel { float: left; width: 200px; } .formPopin .formPopinLine .formPopinValue { float: left; width: 230px; } /* Recherche projets */ .projectInformationListFilterLabel { min-width: 195px; margin-right: 5px; margin-top: 5px; float: left; } .projectGridDeleteButton .k-icon { background-color: transparent; background-image: url(images/corbeilleGrid.png); } .projectInformationListFilterLabel #requiredSymbol { color: red; } .projectInformationListFilterValue { min-width: 160px; margin-right: 5px; margin-top: 5px; float: left; } #projects-grid .k-status-text { display: none; } /* Login */ .identityMySEBlocMain { width: 49%; float: left; margin-right: 10px; background-color: transparent; } .identitySEBlocMain { width: 49%; float: left; background-color: transparent; } .widthSelected7681024 { display: none; } .widthSelected481767 { display: none; } .widthSelected321480 { display: none; } .widthSelectedmax320 { display: none; } .configurationBigColDroite { width: 100%; float: left; } .configurationSmallColGauche { float: right; padding: 0 29px 24px 0; position: relative; } .basketActionsBloc { text-align: center; } .basketActionsBloc .basketActionsBlocTitle { text-align: left; } .basketActionsBloc .basketActionsBlocItems img { height: 30px; } .blocNotifications { text-align: center; background-image: url(images/informationBg.png); background-position: left center; background-repeat: no-repeat; } .blocNotifications #notificationsAction { margin-top: 5px; } .blocDedicatedNotifications { text-align: center; background-image: url(images/informationBg.png); background-position: left center; background-repeat: no-repeat; } .blocMainProjectStartNewBloc { text-align: center; } /* Informations projet */ .informationsProjetGroup { max-width: 820px; margin-left: auto; margin-right: auto; overflow: auto; border-top: solid 1px var(--se-green); margin-top: 20px; padding-top: 5px; } .informationsProjetGroupTitle { max-width: 820px; margin-left: auto; margin-right: auto; overflow: auto; margin-top: 20px; font-size: 1.2em; padding-top: 5px; } .informationsProjetGroupTitle #informationsProjetGroupTitle { color: red; } .informationsProjetGroupActions { max-width: 820px; margin-left: auto; margin-right: auto; overflow: auto; margin-top: 20px; padding-top: 5px; text-align: right; } .informationsProjetGroup .informationsProjetItem { max-width: 405px; float: left; } .informationsProjetGroup .informationsProjetItem .projectInformationListFilterLabel { width: 150px; } .informationsProjetGroup .informationsProjetItem .projectInformationListFilterValue { width: 200px; } /* Liste des offres par catégorie */ .configurationBasketItem { /*width:150px;*/ float: left; text-align: center; margin: 10px; border-radius: 5px; border: solid 1px var(--se-green); width: 155px; } .configurationBasketItemTitle { font-size: 1.2em; margin: 10px; } .configurationBasketItem .configurationBasketItemActionBar { text-align: right; } .configurationBasketItem .configurationBasketItemActionBar img { height: 30px; margin: 5px; } .configurationBasketItem .configurationBasketItemActionBar img:hover { cursor: pointer; } .configurationBasketItem .configurationBasketItemImage { width: 150px; height: 150px; margin: 3px; } .configurationBasketItemAdd .configurationBasketItemImage { width: 150px; height: 150px; margin: 3px; } .configurationBasketItem .configurationBasketItemLabel { background-image: url(images/transparentGray.png); background-repeat: repeat; font-size: 1.2em; } .categoryLabelTitle { font-size: 1.3em; margin: 10px; } .configurationAddBasketItem { /*width:150px;*/ float: left; text-align: center; margin: 10px; } .configurationAddBasketItem .configurationAddBasketItemImage { height: 150px; } .configurationAddBasketItem .configurationAddBasketItemImageAddLogo { position: absolute; height: 50px; width: 50px; border-radius: 5px; background-image: url(images/addIcoCoin.png); background-repeat: no-repeat; background-position: left top; } .configurationAddBasketItem .configurationAddBasketItemLabel { background-image: url(images/transparentGray.png); background-repeat: repeat; font-size: 1.2em; } /*Chiffrage*/ .blocContent #configurationRow { text-align: center; } .chiffragePrice { text-align: right; } /* Barres d'actions */ .barreActionsFront { text-align: right; padding-top: 5px; max-width: 100%; margin-top: 20px; border-top: solid 1px var(--deep-gray); } .barreActionsTopFront { text-align: right; padding-top: 5px; max-width: 100%; margin-top: 10px; margin-bottom: 10px; } .navigationBasket { overflow: auto; text-align: center; } .navigationBasket .navigationBasketItemLink { background-color: var(--gray80); text-decoration: none; } .navigationBasket .basketActions { text-align: right; margin-left: 10px; overflow: auto; } .navigationBasket .navigationBasketNavContentLeft { text-align: center; width: 950px; float: left; margin-bottom: 10px; } .navigationBasket .navigationBasketNavContentRight { text-align: center; width: 50px; float: right; } .navigationBasket .basketActions .basketActionsLink { text-align: center; overflow: auto; } .navigationBasket .basketActions .basketActionsLink .basketActionsImage { float: left; } .navigationBasket .basketActions .basketActionsLink .basketActionsImage img { height: 30px; } .navigationBasket .basketActions .basketActionsLink .basketActionsLabel { width: 60px; float: left; } .configurationReponsesGroupTitle { border: solid 1px var(--se-green); border-radius: 5px; padding: 5px; font-size: 1.2em; margin-top: 5px; background-color: white; } .configurationReponsesItem { padding: 5px; border: solid 1px transparent; } .configurationReponsesItem:hover { border: solid 1px var(--gray92); border-radius: 5px; cursor: pointer; background-color: #E5E5E5; } .navigationBasketItemContentWithoutLink { opacity: 0.4; color: gray; } .configurationReponsesItem .configurationReponsesQuestionLabel { color: black; margin-left: 5px; } .configurationReponsesItem .configurationReponsesAnswerLabel { color: gray; font-size: 1.2em; margin-left: 30px; margin-top: 5px; } /* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5 ----------------------------------------------------------------------------------------------------*/ #mainNav { width: 740px; margin-left: auto; margin-right: 75px; margin-bottom: 0px; border: solid 1px var(--se-green); border-radius: 5px; overflow: auto; } #mainNav li { list-style: none; padding-right: 20px; float: left; width: 165px; background-color: var(--gray92); background-image: url(images/navBtn.png); background-repeat: no-repeat; background-position: right center; } #mainNav li.current { background-color: var(--se-green); background-image: url(images/navCurrentBtn.png); } #mainNav li.currentWithNextDone { background-color: var(--se-green); background-image: url(images/navCurrentBtnWithNextDone.png); } #mainNav li.lastDone { background-color: var(--grayB9); background-image: url(images/navLastDoneBtn.png); } #mainNav li.done { background-color: var(--grayB9); background-image: url(images/navDoneBtn.png); } #mainNav li.doneWithNotNextDone { background-color: var(--grayB9); background-image: url(images/navDoneBtnWithNotNextDone.png); } #mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active { color: #ccc; } #mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active { color: #fff; } #mainNav li.done a:hover, #mainNav li.lastDone a:hover { color: #FFFF99; cursor: pointer; } #mainNav li a em { display: block; margin: 6px 0 0 10px; font-style: normal; font-weight: bold; } #mainNav li a span { width: 140px; display: block; margin-left: 10px; font-weight: normal; } #mainNav li.mainNavNoBg { background-image: none; } #mainNav li a { display: block; } .navigationBasket .navigationBasketItemLinkFirst { background-color: var(--gray80); } ul#navigationBasket li.navigationBasketItemLinkFirst:hover { background-color: var(--limon-green); color: white; } .navigationBasket .navigationBasketItemLinkLast { background-color: var(--gray80); } ul#navigationBasket li.navigationBasketItemLinkLast:hover { background-color: var(--limon-green); color: white; } .resultChiffrage { text-align: right; overflow: auto; border-top: solid 1px; margin-top: 10px; width: 100%; } .resultChiffrage .resultChiffrageLine { text-align: right; overflow: auto; margin-top: 5px; } .resultChiffrage .resultChiffrageLine .resultChiffrageLineLabel { min-width: 150px; float: right; } .resultChiffrage .resultChiffrageLine .resultChiffrageLineValue { width: 150px; float: right; } .chiffrage_tab { width: 100%; border-spacing: 0px; border-collapse: collapse; } .chiffrage_tab thead tr { background-color: var(--grayE2); } .chiffrage_tab .altChiffrageBackground { background-color: var(--grayE2); } .chiffrage_tab td { margin: 0; /* 'cellpadding' equivalent */ } .chiffrage_tab .chiffrage_colQte { width: 35px; } .chiffrage_tab .chiffrage_colRef { /*empty*/ } .chiffrage_tab .chiffrage_colDesignation { /*empty*/ } .chiffrage_tab .chiffrage_colDelais { width: 40px; } .chiffrage_tab .chiffrage_colPu { width: 175px; } .chiffrage_tab .chiffrage_colPT { width: 175px; } .chiffrage_tab .chiffrageDesignation input { width: 95%; } .chiffrage_tab .chiffrageHeadBackground { background-color: var(--dim-gray); color: white; font-weight: bold; } .ssTotalChiffrage { text-align: right; } /* Blocs de Finalisation */ .blocsFinalisationPlantType { overflow: auto; margin-top: 10px; } .blocsFinalisationPlantType h2 { font-size: 13pt; font-weight: bold; color: var(--se-green-2); } .blocsFinalisationConfirmation { overflow: auto; margin-top: 10px; } .blocsFinalisationConfirmation h2 { font-size: 13pt; font-weight: bold; color: var(--se-green-2); } .blocsFinalisationAction { overflow: auto; margin-top: 10px; } .blocsFinalisationAction h2 { font-size: 13pt; font-weight: bold; color: var(--se-green-2); } .blocsFinalisationActionContent { overflow: auto; } .blocGenerationWord { background-image: url(images/iconesExport/word.png); background-position: right center; background-repeat: no-repeat; } .blocGenerationExcel { background-image: url(images/iconesExport/excel.png); background-position: right center; background-repeat: no-repeat; } .blocGenerationPdf { background-image: url(images/iconesExport/pdf.png); background-position: right center; background-repeat: no-repeat; } .blocGenerationSol { background-image: url(images/iconesExport/xml.png); background-position: right center; background-repeat: no-repeat; } .blocConfirmationChiffrage { background-image: url(images/iconesExport/outlook.png); background-position: right center; background-repeat: no-repeat; } .blocContent_docx { background-image: url(images/iconesExport/word.png); background-position: right center; background-repeat: no-repeat; } .blocContent_xlsx { background-image: url(images/iconesExport/excel.png); background-position: right center; background-repeat: no-repeat; } .blocContent_xml { background-image: url(images/iconesExport/xml.png); background-position: right center; background-repeat: no-repeat; } .blocContent_pdf { background-image: url(images/iconesExport/pdf.png); background-position: right center; background-repeat: no-repeat; } .blocFinalisationAction { float: left; width: 23%; margin-right: 5px; min-height: 75px; padding: 5px; } .blocFinalisationAction div div { font-size: 1.3em; padding-right: 35px; } .blocFinalisationAction:hover { cursor: pointer; color: var(--blue-link); } .treeview-item { padding: 2px; } .treeview-item-highlight { background-color: var(--limon-green-2); color: white; } .treeview-image { vertical-align: bottom; } .treeview-image-highlight { filter: invert(100%); -webkit-filter: invert(100%); } /* DEBUT - Correction bug IE8, le texte des inputs des tableaux est visible (en noir) derrière le text formaté */ .k-numerictextbox > .k-input[type="text"]:focus { color: black !important; } .k-numerictextbox > .k-formatted-value { color: black !important; } .k-numerictextbox > .k-input[type="text"] { color: white !important; } /* FIN - Correction bug IE8, le texte des inputs des tableaux est visible (en noir) derrière le text formaté */ /*set the default active state style of the k-grid-filter*/ .k-grid-filter.k-state-active { background-color: transparent; color: var(--limon-green); } /*set the default active state style of the k-grid-filter*/ .k-grid-filter.k-active { background-color: transparent; color: var(--limon-green); } /*set the default button style*/ .k-button { border-radius: 5px; background-color: #EFEFEF; color: #494949; border-color: #dadada; } .barreActionFront .floatR .k-button { margin-right: 1em; } /*set the border color for button-solid-primary to black*/ .k-button-solid-primary:hover { border-color: black; } /*indent the button in the bfo cleaning page*/ .check-button-bfo-cleaning { margin-left: 5px; } /*set the default hover button style*/ .k-button:hover { background-image: none; color: black; background-color: #C1C1C1; border-color: var(--light-green); } /*set the default focus button style*/ .k-button:active:focus { background-image: none; color: white; background-color: #7A7A7A; box-shadow: none; } /*set the default hover button-solid-base style*/ .k-button-solid-base:hover { border-color: var(--light-green); } /*set the color of the button in pickers*/ .k-input > .k-button { color: inherit; background-color: transparent; } /*set the color of the button in pickers when hovering*/ .k-input > .k-button:hover { color: black; background-color: transparent; } /*set the color of the button in pickers*/ .k-input-inner > .k-button { color: #787878; background-color: transparent; } /*set the color of the button in pickers when hovering*/ .k-input-inner > .k-button:hover { color: black; background-color: transparent; } /* Supprime les icones dans les boutons de la grid telerik */ .k-edit, .k-update, .k-delete, .k-cancel { background-image: none; } .k-grid-edit .k-icon { display: none; } .k-grid-delete .k-icon { display: none; } .k-grid-update .k-icon { display: none; } .k-grid-cancel .k-icon { display: none; } .k-splitbar .k-resize-handle { background-color: white; } /*delete the green background on the datepicker*/ .k-datepicker > button { background-color: transparent; } /*set the z index of the input inner elements contained in datepickers to 0*/ .k-datepicker > .k-input-inner { z-index: 0; } /*set the datepicker border color to the same color as in the old version for the dashboard*/ .k-datepicker:hover { border-color: #dbdbdb; } /*set the input border color to the same color as in the old version for the dashboard*/ .k-input:hover { border-color: #dbdbdb; } /*set the z index of the input inner elements contained in k-input to 0*/ .k-input > .k-input-inner { z-index: 0; color: #787878; } /*make the color of input-value-text adaptative for all texts displayed in pickers*/ .k-input-inner > .k-input-value-text { color: inherit; } /*make the color of input-value-text adaptative for all texts displayed in pickers*/ .k-input-inner > .k-input-value-text:hover { color: inherit; } /*set the text color of the pickers to the same one as for the old version of telerik*/ .k-picker { color: #787878; } /*set the text color of pickers when hovering to white*/ .k-picker:hover { color: white; border-color: #dbdbdb; } /*set the color of the input inner to the same one as the picker*/ .k-picker > .k-input-inner { color: inherit; background-color: inherit; } /*set the color of the input inner to the same one as the picker*/ .k-picker > .k-input-inner:hover { color: inherit; background-color: inherit; } /*adjustement of the font size to remove the telerik modification*/ .k-dropdown, .k-filter-help-text, .k-dropdownlist, .k-input, .k-list-item, .k-button, .k-treeview-leaf { font-size: 12px !important; } /*remove the background color of buttons in dropdownlists*/ .k-dropdownlist > .k-button { color: inherit !important; background-color: transparent !important; } /*remove the background color of buttons in dropdownlists when hovering*/ .k-dropdownlist > .k-button:hover { color: inherit !important; background-color: transparent !important; } /*set the border color of dropdownlist to white when it is in active state*/ .k-dropdownlist > .k-button.k-state-active { border-color: white; } /*set the background and border color to the same color as the ones of the old telerik version*/ .k-input { background-color: white; color: #787878; } /*set the background and border color to the same color as the ones of the old telerik version*/ .k-input:hover { background-color: white; } /*set the color of the input inner to the default color for inputs*/ .k-textbox { background-color: white; color: #787878; } /*set the color of the input inner to the default color for inputs*/ .k-textbox:hover { background-color: white; border-color: var(--light-green); } /*set the color of the input inner to the default color for inputs*/ .k-textbox:focus { background-color: white; border-color: #787878; } /*removal of outlines on tabstrips*/ .k-tabstrip .k-content:focus { outline-color: white !important; } /*set the color of the input inner to the default color for inputs*/ .k-input-inner:hover { background-color: white; border-color: #787878; } /*set the color of the calendar to black when hovering for the dashboard*/ .k-i-calendar :hover { background-color: transparent; color: inherit; } /*set white background for calendar*/ .k-i-calendar { color: #787878; background-color: transparent; } /*set the background of the buttons contained in comboboxes to white*/ .k-combobox > button { background-color: white; } /*remove the white background from select buttons*/ .editor-field > .k-widget { background-color: transparent; border: none; } /*remove the white background from select buttons*/ .formValue > .k-widget { background-color: transparent; border: none; } /*bring the page number to the same z index as the other UI elements*/ .k-pager-numbers { z-index: 0; } /*set the z index of the page nav hover to the same z index as the other UI elements*/ .k-pager-nav:hover { z-index: 0; } /*set the z index of the page refresh button hover to the same z index as the other UI elements*/ .k-pager-refresh:hover { z-index: 0; } /*removal of the border color around the refresh button when it is in focus mode*/ .k-pager-wrap .k-link:focus { box-shadow: none !important; } /*set the z index of the filter buttons to the same z index as the other UI elements*/ .k-filterable > .k-grid-filter { z-index: 0; } /*add of a minimal size for buttons except for buttons included in pickers*/ .k-button:not(.k-picker > .k-button, .k-datepicker > .k-button, .k-input > .k-button, .rightButtons > .k-button, .filterWrapper > .k-button, .buttonsContainer > .k-button) { min-width: 78px; } /*custom class to disable min width on buttons without text inside*/ .noMinWidthButton { min-width: 0px !important; } /*adjustement of the margin for the buttons of the filter menu*/ .k-filter-menu .k-action-buttons .k-button { margin-top: 0.5em; margin-right: 0; } /*adjustement of the margin for the picker of the filter menu*/ .k-input, .k-picker { margin-top: 0.19em; } /*adjustement of the margin for the buttons of the filter menu*/ .k-action-buttons { margin-top: 0 !important; } /*removal of the shadow on focus selected elements*/ .k-focus.k-selected { box-shadow: none !important; } /*remove green color when hovering on site list item*/ tr.k-master-row:hover { color: inherit; background: white; } /*remove green color when hovering on site list item*/ tr.k-alt:hover { background: #f5f5f5 !important; } /*remove green color when hovering on site list item detail*/ tr.k-detail-row:hover { background: white; } /*set the text color into the grid to the good color*/ .k-grid tr:hover { color: #787878; } /*removal of the black border around dropdownlists*/ .k-grid tr:hover .k-focus { box-shadow: none; } .k-grid { overflow-x: auto; } /*remove gray background of spinner button in attachement*/ .k-spinner-increase { background: transparent; color: inherit; } /*remove gray background of spinner button in attachement*/ .k-spinner-increase:hover { background: transparent; color: inherit; } /*remove gray background of spinner button in attachement*/ .k-spinner-decrease { background: transparent; color: inherit; } /*remove gray background of spinner button in attachement*/ .k-spinner-decrease:hover { background: transparent; color: inherit; } /*set the z index of the picker of the number of items displayed per page to the same value of other UI elements*/ .k-picker > .k-input-inner { z-index: 0; } /*change border color of export button in the detail of temporary sites*/ .export-button-style { border-color: #dadada; } /*correction of the export-button-style*/ .export-button-style:hover { border-color: var(--limon-green-2); } /*remove border for "select file" buttons in import pages*/ .ReportImportFormUpload > .k-widget { border: none; } .k-dropdown, .k-combobox { width: 100%; } .k-header { background-color: none; } .informationsPropertiesView .barreActionsFront { border: none; max-width: 820px; margin-left: auto; margin-right: auto; } .configurationBasket .barreActionsTopFront { border: none; border-bottom: 1px solid gray; padding-bottom: 5px; } /*behavior:url(PIE.htc)*/ /* FOOTER */ .footer { position: fixed; width: 100%; background-color: #e3e3e3; display: block; float: none; clear: both; height: 35px; bottom: 0; left: 0; z-index: 7000; } p span.gauche { float: left; padding-left: 15px; font-size: 10px; padding-top: 0.8em; } p span.droite { float: right; padding-right: 15px; font-size: 10px; padding-top: 0.8em; } /* nameAppli */ .nameAppli { float: left; font-size: 21px; padding-left: 20px; padding-bottom: 0; color: #009530; } /* Imports */ .Imports { background-color: var(--lighter-gray97); } .Date { font-style: italic; } .DateLastUpload { color: var(--forest-green); margin-left: 5px; } /* gestion des notifications */ /*.k-animation-container{ padding:25px; }*/ /* Gestion des colonnes contenants des boutons */ .gridColActions { width: 190px; width: 220px\9; } .gridColActions .k-button { min-width: 60px; margin-left: 10px; margin-right: 10px; } .gridColActionsSmall { width: 90px; } /* Page d'accueil */ .homeBlocMain { text-align: center; min-height: 250px; } .tooltipIMG { text-align: center; } .ModernisationPlan { text-align: center; } /* Textes de la page d'accueil : */ .homeBlue { color: dodgerblue; } .homeBlack { color: black; } .homeRed { color: red; } /* -------------------- Menu responsive ------------------- */ /* Common styles of menus */ .dl-menuwrapper { width: 100%; z-index: 9999; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: var(--se-green); border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: var(--se-green); } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 100; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon', Arial, Verdana, Helvetica, Sans-Serif; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; } .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 0% { /*empty*/ } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 0% { /*empty*/ } 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 0% { /*empty*/ } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 0% { /*empty*/ } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 0% { /*empty*/ } 100% { -webkit-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { /*empty*/ } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 0% { /*empty*/ } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 0% { /*empty*/ } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 0% { /*empty*/ } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 0% { /*empty*/ } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Colors for demos */ /* Demo 4 */ #menuResponsive { display: none; background-image: url(images/clickhere.png); background-position: right center; background-repeat: no-repeat; } /* Resp /* Responsive */ @media only screen and (min-width : 780px) and (max-width : 1024px) { .page { width: 95%; } .header .logo { /*empty*/ } .header .headerMenu { min-width: 250px; } .navigationBasket .navigationBasketNavContentLeft { width: 80%; } .navigationBasket .navigationBasketNavContentRight { width: 20%; } #mainNav { width: 520px; margin-right: 25px; } #mainNav li { width: 120px; padding-right: 10px; } #mainNav li a span { margin-left: 0px; width: 110px; } .widthSelected7681024 { display: block; } .widthSelected481767 { display: none; } .widthSelected321480 { display: none; } .widthSelectedmax320 { display: none; } .blocFinalisationAction { width: 22%; } } @media only screen and (min-width : 481px) and (max-width : 779px) { .page { width: 95%; } .header .logo { float: none; } .navigationBasket .navigationBasketNavContentLeft { width: 100%; float: none; } .navigationBasket .navigationBasketNavContentRight { width: 100%; float: none; } #mainNav { width: 520px; margin-right: auto; } #mainNav li { width: 120px; padding-right: 10px; } #mainNav li a span { margin-left: 0px; width: 110px; } .identityMySEBlocMain { width: 100%; float: none; } .identitySEBlocMain { width: 100%; float: none; } .configurationColDroite { width: 100%; float: none; } .configurationColGauche { width: 100%; float: none; } .header .headerMenu { /*min-width:250px;*/ float: none; } .widthSelected7681024 { display: none; } .widthSelected481767 { display: block; } .widthSelected321480 { display: none; } .widthSelectedmax320 { display: none; } .blocFinalisationAction { width: 20%; } .formLine .formValue { width: 100%; min-width: 40px; } input.k-textbox { margin-bottom: 3% !important; } } @media only screen and (min-width : 321px) and (max-width : 530px) { #menuResponsive { display: flex; } #menuFull { display: none; } .page { width: 100%; } body { padding: 2px; } .header .logo { float: none; } .navigationBasket .navigationBasketNavContentLeft { width: 100%; float: none; } .navigationBasket .navigationBasketNavContentRight { width: 100%; float: none; } #mainNav { width: 520px; margin-right: auto; } #mainNav li { width: 120px; padding-right: 10px; } #mainNav li a span { margin-left: 0px; width: 110px; } .alignRight { text-align: left } .header .headerMenu { min-width: 250px; float: none; padding: 5px; border: solid 1px var(--light-green); border-radius: 5px; margin-bottom: 3px; } .headerMenuLinks { margin-top: 0px; } .identityMySEBlocMain { width: 100%; float: none; } .configurationColDroite { width: 100%; float: none; } .configurationColGauche { width: 100%; float: none; } .widthSelected7681024 { display: none; } .widthSelected481767 { display: none; } .widthSelected321480 { display: block; } .widthSelectedmax320 { display: none; } .blocFinalisationAction { float: none; width: 100%; } .formLine .formValue { width: 100%; min-width: 40px; } input.k-textbox { margin-bottom: 3% !important; } } @media only screen and (max-width:530px) { .header .headerLinkLeftBorder { border: none; } .alignRight { text-align: left } .header .headerLinkLeftBorder a { float: right; font-weight: bold; padding: 0px 7px 0 7px; } .header .headerMenuItem { padding: 0; } } /* Smartphones */ @media only screen and (max-width:320px) { input.k-textbox { margin-bottom: 3% !important; } #menuResponsive { display: block; } #menuFull { display: none; } .page { width: 95%; } .header .logo { float: none; } .header .headerMenu { width: 100%; min-width: 200px; float: none; padding: 5px; border: solid 1px var(--light-green); border-radius: 5px; margin-bottom: 3px; } .headerMenuLinks { margin-top: 0px; } .identityMySEBlocMain { width: 100%; float: none; } .identitySEBlocMain { width: 100%; float: none; } .configurationColDroite { width: 100%; float: none; } .configurationColGauche { width: 100%; float: none; } .widthSelected7681024 { display: none; } .widthSelected481767 { display: none; } .widhSelected321480 { display: none; } .widthSelectedmax320 { display: block; } .blocFinalisationAction { float: none; width: 100%; } .formLine .formValue { width: 100%; min-width: 40px; } } @media (max-width:530px) { .responsive-form .col-xs-6 { width: 100% !important; } .header .logo img { margin: 0 auto !important; display: block; float: none; } .nameAppli { text-align: center !important; float: none; } } /* Country */ .hideButton { display: none; } .k-virtual-item.k-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .TempSiteConfirmPopupBlockButton { margin: auto; } .TableChartContainer { width: 100%; } .TableFilterColumn { width: 20%; vertical-align: middle; } .ChartRefreshButton { display: block; text-align: center; } .CharBlock { height: 500px; } .col-reports { width: 50%; float: left; } .reportName { overflow-wrap: anywhere; padding: 1px; } .reportImage { width: 30px; height: 28px; transition-duration: 0.25s } .reportImage:hover { width: 35px; height: 32px; transition-duration: 0.25s } .Reports-import-row { border: solid; border-width: 1px; border-color: #dadada; width: 50%; height: 50px; margin-bottom: 8px; margin-top: 8px; transition-duration: 0.25s } .Reports-import-row:hover { background-color: #f5f5f5; transition-duration: 0.25s } .Reports-import-row-container { margin-left: 15px; margin-right: 15px; height: 29px; margin-top: 11px; } .Reports-import-label { margin-left: 5px; color: #787878; cursor: pointer; } .Reports-import-date-label { margin-left: 5px; color: var(--forest-green); cursor: pointer; } .Reports-import-centeredLabel { display: table-cell; height: 28px; line-height: 28px; float: left; } .Reports-import-image { width: 30px; height: 28px; } .Reports-import-imagecontainer { width: 30px; height: 28px; float: left; } .Reports-import-delete { width: 16px; height: 20px; float: right; background-image: url(images/trash-close.svg); cursor: pointer; margin-top: 5px; transition-duration: 0.25s } .Reports-import-delete:hover { background-image: url(images/trash-open.svg); height: 23px; margin-top: 3px; transition-duration: 0.25s } .thumbnail-import-Image { display: block; background-size: contain; background-repeat: no-repeat; background-position: center; } .form-import-report-link { margin-top: 8px; margin-bottom: 8px; margin-left: 16px; } .ReportImportFormContainer { border: solid; border-width: 1px; border-color: #dadada; width: 50%; padding-top: 15px; margin-top: 8px; } .ReportImportForm { margin: 5px; } .ReportFormDisplayNone { display: none; } .ReportsImportsDropDownContainer { margin-left: 0.8em; } .PreReportItem { float: left; margin-right: 10px; } .pdfDownloadImage { height: 35px; width: 35px; } .Delete-PreReport-Container { margin-top: 5px !important; } .addReportLink { cursor: pointer; } .CustomLoader { border: .25em solid #fff0; border-top: .25em solid #3dcd58; border-right: .25em solid #3dcd58; border-bottom: .25em solid #3dcd58; border-radius: 50%; width: 1.5rem; height: 1.5rem; animation: spin 0.75s linear infinite; display: block; margin-left: auto; margin-right: auto } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .syncStatusImage { height: 22px; width: 22px; } .syncStatusImage3 { animation: bounce 0.7s ease infinite; } @keyframes bounce { from { transform: translateY(4px); } 50% { transform: translateY(-0px); } to { transform: translateY(4px); } } #ErrorMessage { color: red; background-color: #ff000036; padding: .75rem 1.25rem; border: 1px solid #f5c6cb; } .dropdown-toggle::after { opacity: 100 !important; position: relative !important; } .treeview-container-collapser { color: black; display: block; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .treeview-container-collapser::after { transition-duration: 0.2s; display: flex; float: right; content: " "; width: 15px; height: 15px; background-image: var(--bs-accordion-btn-icon); transform: rotate(deg); } .treeview-container-collapser:not(.collapsed)::after { transform: rotate(180deg); } .treeview-container-collapser:hover { color: black; } /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 100; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } :root { --white: #FFFFFF; --black: #000; --dim-gray: #696969; --gray60: #999999; --gray80: #cccccc; --lighter-gray97: #F7F7F7; --se-green: #4fa600; --se-green-2: #4CBA4F; --se-green-3: #5cb85c; --deep-green: #6baa47; --light-green: #98CB4F; --bright-green: #5ABA17; --pretty-green: #339900; --blue-link: #40AEE3; --light-blue-link: #67C7E8; --green-tea: #2CA22E; --very-light-green: #a6e2a6; --very-deep-green: #009534; --forest-green: #009B3E; --other-light-gray: #EAEAEA; --table-gray: #e8eef4; --pale-pink: #ff0000; --light-pink: #FFEFF1; --limon-green: #87d300; --limon-green-2: #8ebc00; --mouse-gray: #E2DFD5; --deep-gray: #A5A5A5; --gray92: #EBEBEB; --grayB9: #b9b9b9; --pale-yellow: #ffff90; --grayE2: #E2E2E2; /* For Timeline */ --gray-light: #555; --gray-lighter: #777; --gray-even-lighter: #bbb; --gray-even-lighter-than-light: #d4d9df; --green-schneider: #28a745; --blue-schneider: #42b4e6; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } /*#region Horizontal Timeline*/ .timelineH { list-style: none; position: relative; padding: 20px 0px 20px 0px; display: inline-block; width: inherit; height: 100%; overflow-x: auto; } /* Horizontal main line*/ .timelineH:before { content: ''; position: absolute; top: 90%; border-top: 3px solid var(--gray-even-lighter-than-light); background: var(--gray-even-lighter-than-light); width: 100%; transform: translateY(-90%); z-index: 1; opacity: 0.5; height: 3px; margin-bottom: 20px; } /*#endregion*/ /*#region Timeline Item */ .timelineH-item { display: table-cell; width: auto; float: none !important; padding-right: 20px; vertical-align: bottom; opacity: 1; } /*#region Timeline item state */ .active { opacity: 1; z-index: 6000; } .active > .timelineH-panel { border: 2px solid var(--green-schneider); box-shadow: 0 1px 6px var(--green-schneider); opacity: 1; } .active > .timelineH-panel::before { border-top: 16px solid transparent; border-left: 16px solid var(--green-schneider); border-right: 0 solid var(--green-schneider); border-bottom: 16px solid transparent; } .active > .timelineH-badge > .dot { border: solid 3px var(--green-schneider); opacity: 1; } .active > .timelineH-badge > .dot > img { opacity: 1; } .future > .timelineH-panel { border: 1px dashed var(--gray-light); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); background: var(--white); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); opacity: 0.5; } /*#endregion Timeline item state */ /*#endregion Timeline Item */ /*#region Timeline > Item > Badge */ .timelineH-badge { position: absolute; bottom: 0px; margin-left: 25px; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } /* Circle aroung image */ .timelineH-badge > .dot { float: left; height: 45px; width: 45px; border: solid 3px var(--gray-even-lighter); border-radius: 50%; background-color: var(--white); display: flex; align-items: center; justify-content: center; position: relative; z-index: 5000; } .timelineH-badge > .dot > img { width: 30px; opacity: 0.5; } /*#endregion Timeline > Item > Badge */ /*#region Timeline > item > Panel (on top of the badge) */ .timelineH-panel { position: relative; top: auto; bottom: 20px; display: inline-block; float: none !important; left: 0 !important; width: 100%; margin-bottom: 20px; border: 1px solid var(--gray-light); background: var(--white); border-radius: 2px; padding: 20px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); opacity: 0.5; } .timelineH-panel:before { position: absolute; top: auto; display: inline-block; bottom: -16px; left: 28px !important; right: auto; border-right: 16px solid transparent !important; border-top: 16px solid var(--gray-light) !important; border-bottom: 0 solid var(--gray-light) !important; border-left: 16px solid transparent !important; content: " "; } /*#region Panel heading */ .timelineH-heading > .timelineH-title { margin-bottom: 10px; color: inherit; } .timelineH-heading > p { margin: 0; } /*#endregion Panel heading */ /*#endregion Timeline > item > Panel (on top of the badge) */ /*#region Vertical timeline */ ul.timeline-vertical { list-style-type: none; position: relative; } ul.timeline-vertical:before { content: ' '; background: var(--gray-even-lighter-than-light); display: inline-block; position: absolute; left: 29px; width: 2px; height: 100%; z-index: 400; } ul.timeline-vertical > li { margin: 20px 0; padding-left: 20px; } ul.timeline-vertical > li:before { content: ' '; background: white; display: inline-block; position: absolute; border: 3px solid var(--green-tea); left: 20px; width: 20px; height: 20px; z-index: 400; } ul.timeline-vertical > li > .timeline-vertical-item { width: 100%; } /*#endregion Vertical timeline */ /*#region Vertical timeline item */ /*#region Vertical timeline item types */ .timeline-Synchro-item:before { border-radius: 50%; } .timeline-Import-item:before { border-radius: 25%; } /*#endregion Vertical timeline item types */ .timeline-vertical-item > a { color: var(--green-tea); opacity: .7; text-decoration: none; } .timeline-vertical-item > .timeline-title { color: var(--green-tea) !important; } /*#endregion Vertical timeline item */ @import './colors.css'; /* Document dedicated to ovveride the styles of bootstrap Every !important designate overrited values */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text: #0a58ca; --bs-secondary-text: #6c757d; --bs-success-text: #146c43; --bs-info-text: #087990; --bs-warning-text: #997404; --bs-danger-text: #b02a37; --bs-light-text: #6c757d; --bs-dark-text: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #f8f9fa; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #e9ecef; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #98cb4f !important; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075); --bs-emphasis-color: #000; --bs-form-control-bg: var(--bs-body-bg); --bs-form-control-disabled-bg: var(--bs-secondary-bg); --bs-highlight-bg: #fff3cd; --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px } [data-bs-theme=dark] { --bs-body-color: #adb5bd; --bs-body-color-rgb: 173, 181, 189; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #f8f9fa; --bs-emphasis-color-rgb: 248, 249, 250; --bs-secondary-color: rgba(173, 181, 189, 0.75); --bs-secondary-color-rgb: 173, 181, 189; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(173, 181, 189, 0.5); --bs-tertiary-color-rgb: 173, 181, 189; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-emphasis-color: #fff; --bs-primary-text: #6ea8fe; --bs-secondary-text: #dee2e6; --bs-success-text: #75b798; --bs-info-text: #6edff6; --bs-warning-text: #ffda6a; --bs-danger-text: #ea868f; --bs-light-text: #f8f9fa; --bs-dark-text: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #212529; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #495057; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #055160; --bs-warning-border-subtle: #664d03; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: #fff; --bs-link-color: #6ea8fe; --bs-link-hover-color: #9ec5fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 158, 197, 254; --bs-code-color: #e685b5; --bs-border-color: #98cb4f!important; --bs-border-color-translucent: rgba(255, 255, 255, 0.15) } .accordion { --bs-accordion-color: var(--black) !important; --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--lighter-gray97) !important; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important; --bs-accordion-btn-focus-border-color: #98cb4f !important; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.0rem rgba(152, 203, 79, 0.25) !important; --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--black) !important; --bs-accordion-active-bg: var(--lighter-gray97) !important; }