/* Minification failed. Returning unminified contents. (419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (466,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (515,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger' (519,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-4' (523,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (529,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (539,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (803,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (807,28): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor' (811,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (815,28): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor' (819,28): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor-2' (823,28): run-time error CSS1039: Token not allowed after unary operator: '-quintaryColor' (827,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-10' (830,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow' (838,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (842,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-2' (846,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-6' (850,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (854,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (858,17): run-time error CSS1039: Token not allowed after unary operator: '-color-porReportar' (926,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-10' (930,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-10' (1003,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (1106,36): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1107,25): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1113,48): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1127,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1137,28): run-time error CSS1039: Token not allowed after unary operator: '-color-semaforo' (1145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1375,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-size' (1376,18): run-time error CSS1039: Token not allowed after unary operator: '-scroll-size' (1382,22): run-time error CSS1039: Token not allowed after unary operator: '-thumb-color' (1383,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-radius' (1392,26): run-time error CSS1039: Token not allowed after unary operator: '-thumb-color-hover' (1398,22): run-time error CSS1039: Token not allowed after unary operator: '-track-color' (1399,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-radius' (1414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1431,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1442,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1467,33): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1484,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (1495,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-4' (1524,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1525,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (1529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1536,39): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (1543,22): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1544,21): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1545,35): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (1548,20): run-time error CSS1039: Token not allowed after unary operator: '-leftBefore' (1549,19): run-time error CSS1039: Token not allowed after unary operator: '-topBefore' (1556,27): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1557,26): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1560,24): run-time error CSS1039: Token not allowed after unary operator: '-topBefore' (1561,25): run-time error CSS1039: Token not allowed after unary operator: '-leftBefore' (1562,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (1577,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1588,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1608,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1673,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (1674,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (1683,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (1715,42): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (1720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1731,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1732,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1749,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1750,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1751,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (1773,23): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1774,22): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore' (1906,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1907,24): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1912,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (1913,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (1936,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1937,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1948,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1949,24): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1954,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1960,40): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1998,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2002,17): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (2031,22): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2078,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-4' (2109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2115,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2129,18): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2130,16): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2154,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2180,20): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2188,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2199,18): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2278,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (2279,24): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2284,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (2285,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (2308,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2309,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2360,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2376,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2381,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-3' (2387,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-3' (2394,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2407,26): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (2417,50): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2417,74): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (2581,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2604,26): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2645,26): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor' (2647,15): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2662,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2685,15): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2702,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (2787,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor-2' (2796,28): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor-2' (2806,28): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor-3' (2816,28): run-time error CSS1039: Token not allowed after unary operator: '-quintaryColor-2' (2831,26): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-2' (2884,26): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-3' (2890,26): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-4' (2894,26): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-3' (2918,26): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-4' (3065,28): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (3111,16): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (3118,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (3136,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3144,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3153,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3160,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3191,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3197,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3207,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3284,28): run-time error CSS1039: Token not allowed after unary operator: '-color-0-19' (3294,28): run-time error CSS1039: Token not allowed after unary operator: '-color-0-19' (3298,28): run-time error CSS1039: Token not allowed after unary operator: '-color-20-39' (3302,28): run-time error CSS1039: Token not allowed after unary operator: '-color-40-59' (3306,28): run-time error CSS1039: Token not allowed after unary operator: '-color-60-79' (3310,28): run-time error CSS1039: Token not allowed after unary operator: '-color-80-99' (3314,28): run-time error CSS1039: Token not allowed after unary operator: '-color-100' (3547,36): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3579,25): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3614,31): run-time error CSS1038: Expected hex color, found '#0003' (3630,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3639,25): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3646,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3675,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3681,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (3688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3689,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn' (3690,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn' (3703,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn' (3704,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn' (3719,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3754,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3775,15): run-time error CSS1039: Token not allowed after unary operator: '-position-check-X' (3776,16): run-time error CSS1039: Token not allowed after unary operator: '-position-check-Y' (3780,20): run-time error CSS1039: Token not allowed after unary operator: '-position-check-X' (3781,21): run-time error CSS1039: Token not allowed after unary operator: '-position-check-Y' (3795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3809,20): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3816,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3826,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3856,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (3909,28): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (3962,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3971,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4019,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (4042,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (4063,35): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4067,24): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4084,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (4099,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4107,38): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (4122,21): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4133,36): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (4134,25): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4140,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4147,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (4159,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-2' (4195,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4209,25): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4275,40): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4300,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4321,33): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4333,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4338,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4343,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (4366,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4391,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4405,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4417,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4423,35): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (4428,35): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (4437,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4446,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (4455,31): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (4464,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4492,21): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4501,36): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (4502,25): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4508,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4562,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4569,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (4578,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4610,35): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (4662,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4674,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0' (4675,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4687,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (4692,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4697,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (4705,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (4713,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4718,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4733,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (4734,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (4736,21): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (4741,23): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (4748,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (4749,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (4763,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (4796,55): run-time error CSS1030: Expected identifier, found ',' (4796,103): run-time error CSS1031: Expected selector, found ')' (4796,103): run-time error CSS1025: Expected comma or open brace, found ')' (4825,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (4833,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-2' (4840,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0' (4864,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4895,18): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (4923,25): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (4937,40): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4946,34): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (4962,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0' (5031,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-7' (5105,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (5117,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (5187,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (5226,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (5231,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (5254,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (5276,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (5278,41): run-time error CSS1046: Expect comma, found '0' (5278,45): run-time error CSS1046: Expect comma, found '/' (5282,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (5291,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-8' (5300,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (5338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5342,41): run-time error CSS1039: Token not allowed after unary operator: '-columnsNumber' (5347,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5351,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5355,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5359,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5363,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5367,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5371,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5375,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5379,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5383,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5387,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5391,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5395,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5399,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5403,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5407,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5415,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5419,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5423,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5427,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5431,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5435,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5439,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5443,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5447,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5451,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5455,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5459,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5475,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (5476,37): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (5480,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (5481,37): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' */ @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-Bold.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-BoldObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-BoldObl.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Book'; src: url('fonts/FuturaPT/FuturaPT-Book.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Cond Book'; src: url('fonts/FuturaPT/FuturaPTCond-BookObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-BookObl.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Cond'; src: url('fonts/FuturaPT/FuturaPTCond-BoldObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-BoldObl.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Cond Book'; src: url('fonts/FuturaPT/FuturaPTCond-Book.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Book'; src: url('fonts/FuturaPT/FuturaPT-BookObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-BookObl.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('fonts/FuturaPT/FuturaPTCond-ExtraBold.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Cond'; src: url('fonts/FuturaPT/FuturaPTCond-Bold.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Cond'; src: url('fonts/FuturaPT/FuturaPTCond-MediumObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-MediumObl.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('fonts/FuturaPT/FuturaPTCond-ExtraBoldObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-ExtraBoldObl.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Cond'; src: url('fonts/FuturaPT/FuturaPTCond-Medium.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPTCond-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Demi'; src: url('fonts/FuturaPT/FuturaPT-DemiObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-DemiObl.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Demi'; src: url('fonts/FuturaPT/FuturaPT-Demi.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-Demi.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Extra'; src: url('fonts/FuturaPT/FuturaPT-ExtraBoldObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-ExtraBoldObl.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT Extra'; src: url('fonts/FuturaPT/FuturaPT-ExtraBold.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-Heavy.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-Light.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-Medium.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-HeavyObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-HeavyObl.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-LightObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-LightObl.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('fonts/FuturaPT/FuturaPT-MediumObl.woff2') format('woff2'), url('fonts/FuturaPT/FuturaPT-MediumObl.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Bold.woff2') format('woff2'), url('fonts/Raleway/Raleway-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-BlackItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-ExtraBold.woff2') format('woff2'), url('fonts/Raleway/Raleway-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-BoldItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Black.woff2') format('woff2'), url('fonts/Raleway/Raleway-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-ExtraLightItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-ExtraLight.woff2') format('woff2'), url('fonts/Raleway/Raleway-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-ExtraBoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Italic.woff2') format('woff2'), url('fonts/Raleway/Raleway-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-LightItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-MediumItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Medium.woff2') format('woff2'), url('fonts/Raleway/Raleway-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Light.woff2') format('woff2'), url('fonts/Raleway/Raleway-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Regular.woff2') format('woff2'), url('fonts/Raleway/Raleway-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-Thin.woff2') format('woff2'), url('fonts/Raleway/Raleway-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-SemiBold.woff2') format('woff2'), url('fonts/Raleway/Raleway-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-SemiBoldItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('fonts/Raleway/Raleway-ThinItalic.woff2') format('woff2'), url('fonts/Raleway/Raleway-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @keyframes animatedDown { from { opacity: 0; transform: translateY(-15%); } to { opacity: 1; transform: translateY(0); } } @keyframes animatedOpacity { from { opacity: 0; } to { opacity: 1; } } @keyframes animatedExpand { from { transform: scale(0); } 80% { transform: scale(1.2); } to { transform: scale(1); } } .animatedDown { animation-duration: 0.6s; animation-name: animatedDown; } .animatedOpacity { animation-duration: 0.6s; animation-name: animatedOpacity; } .animatedOpacity-3 { animation-duration: 0.3s; animation-name: animatedOpacity; } .animatedExpand { animation-duration: 0.6s; animation-name: animatedExpand; } :root { --mainColor: #222651; --mainColor-2: #184285; --mainColor-3: #0479b8; --mainColor-4: #0096c9; --mainColor-5: #03b4d8; --mainColor-6: #54c1dd; --mainColor-7: #97d4e6; --mainColor-8: #3366CC; /* #164284;*/ --mainColor-11: #333; /* #164284;*/ --mainColor-9: #0578b7; --mainColor-10: #4064ad; --secondaryColor: #51baad; --secondaryColor-2: #5fc0b4; --tertiaryColor: #6ab356; --tertiaryColor-2: #81bc6c; --quaternaryColor: #f7dc3f; --quaternaryColor-2: #f3db4e; --quaternaryColor-3: #ffeb72; --quintaryColor: #fab95f; --quintaryColor-2: #fac17c; --fontColor: #1e1e1e; --grayColor-1: #474747; --grayColor-2: #484747; --grayColor-3: #706f6e; --grayColor-4: #999999; --grayColor-5: #efefef; --grayColor-6: #484848; --grayColor-7: #d1d1d1; --grayColor-8: #eaeaea; --grayColor-0: #eeeeee; --grayColor-10: #f6f8f9; --whiteColor-1: #fff; --color-success: #6ab355; --color-danger: #ff0000; --color-warning: #f7dc3e; --color-porReportar: #FF8243; --box-shadow: -5px 5px 10px 0px rgb(206 206 206 / 50%); } /* * { outline: 0.1px solid red; } */ body { font-family: "Work Sans", 'Raleway', 'Helvetica Neue', sans-serif; font-size: 15px; line-height: 20px; color: var(--fontColor); position: relative; display: flex; min-height: 100vh; flex-direction: column; } main, .main { flex: 1 0 auto; } .d-block { display: block; } .d-flex { display: flex; } .align-items-center { align-items: center; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center !important; } .justify-content-left { justify-content: left !important; } .justify-content-end { justify-content: end !important; } .flex-direction-column { flex-direction: column; } .flex-wrap-wrap { flex-wrap: wrap; } .color-danger { color: var(--color-danger); } .color-grayColor-4 { color: var(--grayColor-4); } a { color: var(--mainColor-8); text-decoration: none; } a:hover, a:focus { color: var(--mainColor); } p { margin-bottom: 1em; } .fontColor, a.fontColor:hover, a.fontColor:focus { color: var(--fontColor); } .p-0 { padding: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .pl-0 { padding-left: 0 !important; } .pt-0 { padding-top: 0 !important; } .pt-3em { padding-top: 3em; } .py-05em { padding-top: 0.5em !important; padding-bottom: 0.5em !important; } .pb-3em { padding-bottom: 3em; } .px-1em { padding-left: 1em; padding-right: 1em; } .px-5em { padding-right: 5em; padding-left: 5em; } .m-0 { margin: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-auto { margin-left: auto; margin-right: auto; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-05em { margin-left: 0.5em !important; margin-right: 0.5em !important; } .mx-1em { margin-left: 1em !important; margin-right: 1em !important; } .ml-05em { margin-left: 0.5em; } .ml-08em { margin-left: 0.8em; } .ml-2-5em { margin-left: 2.5em; } .mr-08em { margin-right: 0.8em; } .mr-1em { margin-right: 1em !important; } .mr-2-4em { margin-right: 2.4em; } .mr-2-2em { margin-right: 2.2em; } .ml-20-2em { margin-top: -12.2em; margin-right: 15em; } .mb-10px { margin-bottom: 10px !important; } .mb-0 { margin-bottom: 0 !important; } .mb-05em { margin-bottom: 0.5em !important; } .mb-1-6em { margin-bottom: 1.6em; } .mb-1em { margin-bottom: 1em !important; } .mb-2em { margin-bottom: 2em !important; } .mt-1em { margin-top: 1em !important; } .mt-2em { margin-top: 2em; } .mt-4em { margin-top: 4em; } .mt-5em { margin-top: 5em; } .mb-3em { margin-bottom: 3em; } .mb-4em { margin-bottom: 4em; } .mx-2em { margin-left: 2em; margin-right: 2em; } .mx-3em { margin-left: 3em; margin-right: 3em; } .mx-5em { margin-right: 5em; } .mx-13em { margin-right: 13em; margin-top: -3.1em; } .mx-25em { margin-left: -3em; } .my-1em { margin-top: 1em !important; margin-bottom: 1em !important; } .my-2em { margin-top: 2em !important; margin-bottom: 2em !important; } .ml-auto { margin-left: auto; } .max-w-100 { max-width: 100% !important; } .container { max-width: 100vw; } .mx-form { margin-left: 3em; margin-right: 1em; } .mx-form .modal-content--hr:not(.no-mr) { margin-right: 5em; } .img-fluid { max-width: 100%; height: auto; } .font-weight-bold { font-weight: bold; } .font-weight-normal { font-weight: normal; } .font-weight-500 { font-weight: 500; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-right { position: absolute; right: 0; } input { outline: none !important; } .fs-12px { font-size: 12px; } .fs-13px { font-size: 13px; } .h-30px { height: 30px; } .h-1-5em { height: 1.5em; } .h-3-5em { height: 3.5em; } .min-h-42px { min-height: 42px; } .bg-mainColor { background-color: var(--mainColor); } .bg-secondaryColor { background-color: var(--secondaryColor); } .bg-tertiaryColor { background-color: var(--tertiaryColor); } .bg-quaternaryColor { background-color: var(--quaternaryColor); } .bg-quaternaryColor-2 { background-color: var(--quaternaryColor-2); } .bg-quintaryColor { background-color: var(--quintaryColor); } .bg-grayColor-5 { background-color: var(--grayColor-10); padding: 30px 30px; border-radius: 5px; box-shadow: var(--box-shadow); } .text-white { color: #fff; } .color-mainColor { color: var(--mainColor); } .color-mainColor-2 { color: var(--mainColor-2); } .color-mainColor-6 { color: var(--mainColor-6); } .color-mainColor-8 { color: var(--mainColor-8); } .color-tertiaryColor { color: var(--tertiaryColor); } .color-porReportar { color: var(--color-porReportar); } .futuraPT { font-family: 'Futura PT'; font-weight: 900; } .flex-center { display: flex; align-items: center; justify-content: center; } td .flex-center { text-align: center; } .uppercase { text-transform: uppercase; } .w-1-2em { width: 1.2em; } .w-1-7em { width: 1.7em; } .w-8em { width: 8em; } .w-16em { width: 16em; } .w-20em { width: 20em; } .min-w-8em { min-width: 8em; } .w-100 { width: 100%; min-height: 34em; } .w-22p { width: 22% !important; } .w-100p { width: 100% !important; } .flex-grow-1 { flex-grow: 1; } .aside-dnp { display: flex; align-items: center; padding-left: 4.5em; font-size: 8px; color: var(--mainColor-10); } .aside-dnp a { color: var(--mainColor-10); } .aside-dnp--img { width: 194px; } .aside-dnp--container { flex-grow: 1; background-color: #e3ecf9; display: flex; align-items: center; justify-content: space-between; padding: 0 4.5em 0 0.5em; } .aside-dnp--link { font-weight: 600; font-size: 10.5px; } .aside-dnp--link-dnp { display: flex; align-items: center; } .line-1-2-m-0, .aside-dnp--link-dnp > p { margin-bottom: 0; line-height: 1.2; } .aside-dnp--container--link { display: inline-flex; height: 2em; padding: 12px 2em; align-items: center; transition: all 0.3s; margin-right: 0; } .aside-dnp--container--link:hover, .aside-dnp--container--link:active { background-color: #6f91cb; color: #fff; text-decoration: none; } .aside-dnp--container--link:not(:nth-child(3)) { border-right: solid 1px; } .aside-dnp--container--link--dnp { margin-right: 1em; } .header-logo { height: 9.5em; width: 234px; } .header-logo--container { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; } .header-logo--login { margin-left: auto; } .user-information { color: var(--tertiaryColor); display: flex; flex-direction: column; } .user-information--hr { border-top: 1px solid; margin: 0.3em 0 0.4em; } .user-information--rol { margin-bottom: 0.5em; } .user-information--changePassword { margin-top: 0.5rem; font-weight: 700; font-size: 12px; font-style: italic; } .return-container { text-align: right; margin-top: 2.5em; } .h-1 { min-height: 18.5em; } .min-w-16em { min-width: 16em; } .modal-dialog { height: fit-content; } .modal-lg { max-width: calc(100vw - 20px); } .modal.fade.in { display: flex !important; } .modal-content { padding: 0 2em; } .modal-sm .modal-content { padding: 2em; } .modal-content--padding { padding: 0 3em; } .modal-close { opacity: 1; position: absolute; right: 0.25em; top: 0.2em; } .modal-close--icon { height: 39px; } .video-16-9 { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-16-9 > img, .video-16-9 > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn-tooltip { cursor: pointer; } .btn-tooltip + .tooltip, .btn-table-tooltip + .tooltip { opacity: 1; } .btn-tooltip + .tooltip > .tooltip-arrow, .btn-table-tooltip + .tooltip > .tooltip-arrow { border-color: transparent; font-family: 'Raleway'; font-weight: normal; } .btn-tooltip + .tooltip > .tooltip-inner, .btn-table-tooltip + .tooltip > .tooltip-inner { background-color: var(--grayColor-5); color: var(--fontColor); border-radius: 1em; padding: 1em; font-size: 10px; font-family: 'Raleway'; font-weight: normal; box-shadow: 4px 4px 10px -4px var(--fontColor); line-height: 1.1; text-align: left; text-align: center; } .table-sisconpes .btn-tooltip + .tooltip, .table-sisconpes .btn-tooltip + .tooltip > .tooltip-inner { font-size: 1em; } .box-gray { display: block; padding: 0.5em 1.5em; background-color: var(--grayColor-5); } .semaforo { display: inline-block; height: 0.8rem; width: 0.8rem; border-radius: 50%; margin-right: 0.5rem; margin-left: 0.4rem; background-color: var(--color-semaforo); } .border-radius-1-5em { border-radius: 1.5em; } .semaforo--success { --color-semaforo: var(--color-success); } .semaforo--danger { --color-semaforo: var(--color-danger); } .semaforo--warning { --color-semaforo: var(--color-warning); } .grid-center { display: grid; align-content: center; height: calc(100% - 60px); } @media screen and (min-width: 768px) { .modal-sm { width: 26em; } .mr-md-72px { margin-right: 72px; } .mx-md-2em { margin-left: 2em; margin-right: 2em; } .mx-md-3em { margin-left: 3em; margin-right: 3em; } .modal-content--padding-2 { padding: 1em 5em; } } @media screen and (max-width: 767px) { .alter-order-responsive { display: flex; flex-direction: column; margin: 0; } .order-1 { order: 1; padding: 0; } .order-2 { order: 2; } .aside-dnp { padding-left: 0; margin-top: 0.5em; } .aside-dnp--img { width: 14em; } .aside-dnp--container { flex-direction: column; padding: 0; } .aside-dnp--container--link { font-size: 8px; padding: 0 8px; } .header-logo--container { grid-template-columns: 1fr; } .header-logo--login { margin: 0 auto 2em; } .mx-form { margin: 0; } .user-information--changePassword { margin-bottom: 1em; } .sm-flex-wrap { flex-wrap: wrap; } .sm-justify-content-center { justify-content: center; } .text-input-file { margin: 1em 0 !important; } .grid-center { width: 100%; } .modal { max-width: calc(100vw - 8px); } } @media screen and (min-width: 769px) { .mt-sm-n2em { margin-top: -2em; } .mt-sm-n3-2em { margin-top: -3.2em; } .mx-md-2em { margin-left: 2em; margin-right: 2em; } .mx-md-3-5em { margin-left: 3.6em; margin-right: 3.6em; } .return-container { margin-bottom: -4.5em; } .mx-md-12em { margin-left: 12em; margin-right: 12em; } } @media (min-width: 1000px) { .container { width: 998px; } .modal-lg { width: 90vw; } .modal-sm { width: 26em; margin: auto; } .new-container { width: 93% !important; } .max-100-9 { max-width: calc(100% - 9em) !important; } .max-100-6 { max-width: calc(100% - 6em) !important; } } @media screen and (max-width: 395px) { .m-btn-aceptar { margin: 0 -3em; } .my-sm-1em { margin-top: 1em; margin-bottom: 1em; } .btn-participantes svg { transform: rotate(90deg); } } @media screen and (max-width: 759px) { .flex-direction-sm-row { flex-direction: row; } .flex-direction-sm-column { flex-direction: column; } .radio.radio--sm { margin-bottom: 1em; margin-left: 0 !important; } } @media screen and (max-width: 365px) { .aside-dnp { flex-direction: column; font-size: 9px; } .aside-dnp--img { width: auto; margin: 0; } .aside-dnp--container { width: 100%; } .modal-dialog .btn:not(first-child) { margin-top: 0.8em; } } :root { --thumb-color: #acacac; --thumb-color-hover: #acacac; --track-color: #f4f4f4; --scroll-size: 10px; --scroll-radius: calc(var(--scroll-size) / 2); } html::-webkit-scrollbar, [class*="scroll"]::-webkit-scrollbar, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar { width: var(--scroll-size); height: var(--scroll-size); } html::-webkit-scrollbar-thumb, [class*="scroll"]::-webkit-scrollbar-thumb, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb { background: var(--thumb-color); border-radius: var(--scroll-radius); } html::-webkit-scrollbar-thumb:hover, [class*="scroll"]::-webkit-scrollbar-thumb:hove, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:active, [class*="scroll"]::-webkit-scrollbar-thumb:active, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active { background: var(--thumb-color-hover); } html::-webkit-scrollbar-track, [class*="scroll"]::-webkit-scrollbar-track, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track { background: var(--track-color); border-radius: var(--scroll-radius); } /* html .row, [class*="scroll"] .row, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv .row { margin-left: 0; margin-right: 0; } */ [class*="scroll"] { overflow: auto; } .scroll-mainColor { --thumb-color: var(--mainColor); --thumb-color-hover: var(--mainColor); --track-color: #e8e8e8; } .sector-select--label { font-family: 'Raleway'; font-weight: bold; font-size: 12px; } .sector-select + .select2 { width: 100% !important; max-width: calc(100% - 2.2em); } .sector-select + .select2-container--default .select2-selection--single { background-color: var(--grayColor-5); border: none; border-radius: 0; } .sector-select + .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.7em; font-size: 1em; } .sector-select + .select2-container--default .select2-selection--single { background-color: var(--grayColor-5); height: 26px; } .bg-grayColor-5 .sector-select + .select2-container--default .select2-selection--single { background-color: #fff; } .sector-select + .select2 .select2-selection__arrow b { border: none; } .sector-select + .select2 .select2-selection__arrow { background-image: url(icons/boton_selecy.svg); background-size: cover; background-repeat: no-repeat; height: 26px; width: 34px; /* background-color: var(--mainColor-8); */ border-left: solid 6px #fff; box-sizing: content-box; top: 0; } .bg-grayColor-5 .sector-select + .select2 .select2-selection__arrow { border-left: solid 6px var(--grayColor-5); } .sector-select + .select2.select2-container--open .select2-selection__arrow { transform: rotate(180deg); border-left: none; border-right: solid 6px #fff; } .select-table-font-size + .select2 { width: 16em !important; text-align: left; border-radius: 0.3em; overflow: hidden; } .select-table-font-size + .select2-container--default .select2-selection--single { background-color: var(--mainColor-8); height: 30px; } .select-table-font-size + .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; font-size: 14px; } .select-table-font-size + .select2 .select2-selection__arrow { background-image: url(icons/boton_seleca-pf.svg); background-color: var(--mainColor-4); height: 30px; width: 40px; background-size: contain; background-position: center; border: none; top: 0; right: 0; } .select-table-font-size + .select2.select2-container--open .select2-selection__arrow { border-right: none; } .select-table-font-size + .select2 .select2-selection__rendered { color: transparent; } .select-table-font-size + .select2 .select2-selection__rendered::before { content: "Aumentar tama\00F1o de la letra "; color: #fff; } .btn-select, .btn-select.btn-link, .select2-results__option { font-family: 'Raleway'; font-weight: normal; font-size: 13px; color: var(--fontColor); border-bottom: solid 0.25px var(--mainColor-5); min-height: 33px; position: relative; padding-left: 3em; --anchoBefore: 20px; --leftBefore: 0.5em; --topBefore: 5px; } .btn-select:first-child { border-top: solid 0.25px var(--mainColor-5); } .btn-select::before, .select2-results__option::before { content: ''; display: block; height: var(--anchoBefore); width: var(--anchoBefore); border: solid 0.25px var(--mainColor-5); border-radius: 50%; position: absolute; left: var(--leftBefore); top: var(--topBefore); } .btn-select::after, .select2-results__option::after { content: ''; display: block; height: calc(var(--anchoBefore) - 6px); width: calc(var(--anchoBefore) - 6px); border-radius: 50%; position: absolute; top: calc(var(--topBefore) + 3px); left: calc(var(--leftBefore) + 3px); background-color: var(--mainColor-5); transform: scale(0); } .btn-select:hover::after, .btn-select.active::after, .select2-results__option--highlighted::after { animation-duration: 0.3s; animation-name: animatedExpand; animation-fill-mode: forwards; /* animation-timing-function: ease-in-out; */ } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: var(--fontColor); font-weight: bold; } .select2-container--default .select2-results__option[aria-selected='true'] { background-color: transparent; } .sector-select + .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #edf9fc; font-weight: bold; color: var(--fontColor); } .sector-select + .select2-container--default .select2-results__option { border-bottom: 1px solid #00b3d7; } .select2-container--open .select2-dropdown--above { padding: 1.5em 1em 2em; border-radius: 12px; border: none; box-shadow: 8px 8px 20px -6px; } .sector-select[multiple] + .select2-container--default { width: calc(100% - 5em) !important; margin-right: 2.7em; } .sector-select[multiple] + .select2-container--default .select2-selection--multiple { background-color: var(--grayColor-5); min-height: 26px; border: none; border-radius: 0; position: relative; } .sector-select[multiple] + .select2-container--default .select2-selection--multiple::after { content: ''; display: block; position: absolute; right: -2.7em; top: 0; width: 34px; height: 26px; background-image: url('icons/boton_selecy.svg'); background-size: 34px; background-repeat: no-repeat; box-sizing: content-box; background-position: right top; cursor: pointer; } .select2-hidden-accessible { width: 0; } .sector-select[multiple].con-comentarios + .select2-container--default { width: calc(100% - 7em) !important; } [aria-multiselectable='true'] .select2-selection__rendered { max-height: 100%; max-width: calc(100% - 3em); } [aria-multiselectable='true'] .select2-results__option::before { border-radius: 0; } [aria-multiselectable='true'] .select2-results__option--highlighted::after { animation: none; } [aria-multiselectable='true'] .select2-results__option::after { background-image: url(../Content/icons/selected.svg); background-color: transparent; background-size: contain; border-radius: 0; height: 1.2em; width: 1.2em; background-repeat: no-repeat; top: 0.55em; left: 0.7em; } [aria-multiselectable='true'] .select2-results__option[aria-selected='true']::after { animation-duration: 0.3s; animation-name: animatedExpand; animation-fill-mode: forwards; } .sector-select[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__choice { display: flex; flex-direction: row-reverse; background-color: var(--grayColor-7); color: var(--grayColor-6); border-radius: 0; border: none; align-items: center; } .sector-select[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left: 0.5em; margin-right: 0; background-color: var(--grayColor-6); color: #fff; width: 0.8em; height: 0.8em; color: transparent; position: relative; } .sector-select[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-image: url(../Content/icons/delete-select.svg); background-size: contain; } .btn-select, .sideModalTR .btn-select { width: 100%; text-align: left; border-radius: 0; white-space: normal; } .btn-select:hover, .btn-select.active { text-decoration: none; border-bottom: solid 0.25px var(--mainColor-5); font-weight: 700; } .checkmark--container { --anchoBefore: 20px; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: var(--anchoBefore); width: var(--anchoBefore); margin-bottom: 0; margin-left: 1rem; } .checkmark--container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: var(--anchoBefore); width: var(--anchoBefore); border: solid 1px var(--mainColor-5); } .table-sisconpes th .checkmark { border: solid 1px #fff; } .checkmark:after { content: ''; position: absolute; display: none; } .checkmark--container input:checked ~ .checkmark:after { display: block; } .checkmark--container .checkmark:after { background-image: url(../Content/icons/selected.svg); background-color: transparent; background-size: contain; border-radius: 0; height: calc(var(--anchoBefore) - 6px); width: calc(var(--anchoBefore) - 6px); background-repeat: no-repeat; top: 2px; left: 2px; animation-duration: 0.3s; animation-name: animatedExpand; animation-fill-mode: forwards; } .table-sisconpes th .checkmark--container .checkmark:after { background-image: url(../icons/selected-blanco.svg); } .select2-container--default .select2-results__option .select2-results__option { padding-left: 3em; } .select2-container--default .select2-results__option[role='group']::before { content: none; } /* .select2-container--default .select2-results__group { padding-left: 3.5em; } */ .input-datepicker, .input-datepicker-year, .input-datepicker-hour { background-image: url(../Content/icons/datepicker-blue.svg); background-repeat: no-repeat; background-position: right; background-size: 35px; border-right-width: 10px; cursor: pointer; } .datepicker-dropdown:before { content: none; } .datepicker.dropdown-menu { background-color: #ffffff; font-family: 'Raleway', 'Helvetica Neue', sans-serif; border: none; box-shadow: 6px 6px 12px 0 #aaa; border-radius: 1em; padding: 0.5em 1.5em; color: #000; } .datepicker table tr td.day:hover, .datepicker table tr td.focused, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { background-color: #00b4d7; border-color: #00b4d7; color: #fff; font-weight: 700; border-radius: 0; transition: all 0.3s; } .datepicker table tr td.today { background-color: #00b3d710; border-color: #00b3d710; border-radius: 0; transition: all 0.3s; } .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover { color: #fff; background-color: #009dbd; border-color: #00b4d7; } .datepicker table > thead > tr:first-child { border-bottom: solid 1px #00b4d7; } .datepicker table > thead > tr:first-child .prev, .datepicker table > thead > tr:first-child .next { color: transparent; background-image: url('icons/prev-datapicker.svg'); background-size: 1.5em; background-repeat: no-repeat; background-position: center; } .datepicker table > thead > tr:first-child .next { transform: rotate(180deg); } .select2-container .select2-search--inline, .select2-container--default .select2-search--inline .select2-search__field { width: 100% !important; } @media screen and (max-width: 768px) { .select2-container--default .select2-selection--multiple .select2-selection__rendered { overflow: auto; } .select-table-font-size + .select2 { width: 18em !important; } } .btn { border-radius: 30px; font-size: 15px; } .btn:focus, .btn:active:focus, .btn:focus-visible { outline: 0; } .btn-primary { background-color: var(--grayColor-1); border-color: var(--grayColor-1); font-weight: 600; } .btn-primary:hover { background-color: var(--mainColor-11); border-color: var(--mainColor-11); } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary:focus, .btn-primary.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: var(--grayColor-1); border-color: var(--grayColor-1); } .btn:active, .btn.active { box-shadow: none; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-color: var(--grayColor-1); border-color: var(--grayColor-1); } .btn-icon { --color-content: #fff; border: solid 1px var(--grayColor-1); padding: 0; margin-bottom: 4px; display: inline-flex; align-items: stretch; /* overflow: hidden; */ box-shadow: 5px 5px 15px -2px var(--grayColor-1); border-radius: 4px; } .btn-icon:focus { outline: none !important; } .btn-icon--tertiaryColor { --mainColor-8: var(--tertiaryColor); box-shadow: none; } .btn-icon--naranja { --mainColor-8: #ef7f48; box-shadow: none; } .btn-icon--mainColor-4 { --mainColor-8: var(--mainColor-4); } .btn-icon--icon { width: 3em; height: 2em; padding: 0.2em 0.5em; margin-top: auto; margin-bottom: auto; } .btn-icon--text-028em { padding: 0.28em 0.8em 0.28em 0.2em; } .btn-icon--text { position: relative; display: flex; align-items: center; background-color: var(--grayColor-1); width: 100%; text-align: center; padding: 0 0.4em; color: var(--whiteColor-1); transition: all 0.4s; border-radius: 0 3px 3px 0; } .btn-icon:not(:disabled):hover > .btn-icon--text, .btn-icon:not(:disabled):focus > .btn-icon--text, .btn-icon:not(:disabled):active > .btn-icon--text { color: #fff; } .btn-icon--text > span { z-index: 10; margin: auto; white-space: pre-wrap; } table .btn-icon--text > span { max-width: 11em; } .btn-icon--text::before { content: ''; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: var(--grayColor-1); transform: scaleX(0); transform-origin: left; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .btn-icon:not(:disabled):hover > .btn-icon--text::before, .btn-icon:not(:disabled):focus > .btn-icon--text::before, .btn-icon:not(:disabled):active > .btn-icon--text:before { transform: scaleX(1); } .btn-icon--shadow-0 { box-shadow: none; } .btn-icon--13px { font-size: 13px; } .btn-table-tooltip { border-radius: 0; font-weight: bold; padding: 0.5em; border: none; font-size: 12px; } .btn-table-tooltip:focus, .btn-table-tooltip:active:focus, .btn-table-tooltip.active:focus, .btn-table-tooltip.focus, .btn-table-tooltip:active.focus, .btn-table-tooltip.active.focus { outline: none !important; } .btn-table-tooltip--grid { display: grid; grid-template-columns: repeat(5, 34px); grid-column-gap: 0.4em; grid-row-gap: 0.4em; } .btn-table-tooltip:hover { background-color: var(--mainColor-4); } .btn-icon.alert, .btn-border--fill.alert { position: relative; } .btn-icon.alert::before, .btn-border--fill.alert::before { content: ''; display: block; height: 1rem; width: 1rem; border-radius: 50%; background-color: #ff0000; border: solid 1px #fff; position: absolute; left: -0.6rem; top: 50%; transform: translateY(-50%); } .btn-border--fill.alert::before { left: auto; right: -0.6rem; top: 52%; border: none; } .btn-cargar-archivo { --mainColor-8: #ff8243; } .btn-border, .btn-border[disabled] { background-color: #fff; color: var(--mainColor-8); border: solid 2px; display: flex; align-items: center; padding: 0 0.8em 0 0.2em; font-weight: 600; transition: all 0.3s; } table .btn-border { margin: auto; } .btn-border .color-icon { stroke: var(--mainColor-8); fill: var(--mainColor-8); transition: all 0.3s; } .btn-border:not([disabled]):hover { color: #fff; } .btn-border[disabled]:hover, .btn-border[disabled]:focus { background-color: #fff; } .btn-border:not([disabled]):hover .color-icon, .btn-border:not([disabled]):focus .color-icon, .btn-border:not([disabled]):active .color-icon { stroke: #fff; fill: #fff; } .btn-border--fill, .btn-border--fill[disabled] { width: 2.8em; background-color: #fff; color: var(--mainColor-8); border: solid 1px; display: flex; align-items: center; justify-content: center; padding: 0.4em 0.2em; font-weight: 600; transition: all 0.3s; } .btn-border--fill:not(:last-child) { /* .btn-border--fill { */ margin-bottom: 0.5em; } /* table .btn-border--fill { margin-left: auto; margin-right: auto; } */ .btn-border--fill svg { width: 1.8em; height: 1.6em; } .btn-border--fill .color-icon { fill: var(--mainColor-8); transition: all 0.3s; } .btn-border--fill:not([disabled]):hover, .btn-border--fill:not([disabled]):focus, .btn-border--fill:not([disabled]):active { color: #fff; background-color: var(--mainColor-8); } .btn-border--fill:not([disabled]):hover .color-icon, .btn-border--fill:not([disabled]):focus .color-icon, .btn-border--fill:not([disabled]):active .color-icon { fill: #fff; } .btn-border--fill--stroke .color-icon { fill: none; stroke: var(--mainColor-8); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.7px; } .btn-border--fill--stroke:not([disabled]):hover .color-icon, .btn-border--fill--stroke:not([disabled]):focus .color-icon, .btn-border--fill--stroke:not([disabled]):active .color-icon { fill: none; stroke: #fff; } .btn-border--fill--2em { padding: 0; height: 2.5em; } .btn-border--fill--2em svg { height: 2em; width: 2em } .btn-border--2 .color-icon { stroke-miterlimit: 10; stroke-width: 0.25px; } .icon-check { position: relative; margin-right: .5em; } .icon-check::after { content: ''; background-image: url(../Content/icons/Check.svg); background-repeat: no-repeat; background-position: center; display: block; height: 1.5em; width: 1.5em; position: absolute; left: calc(100% - 0.2em); top: calc(50% - 0.7em); margin-left: 0.4em; } .after-cerrar::after { content: ''; background-image: url(../Content/icons/Cerrar.svg); background-repeat: no-repeat; background-position: center; display: block; height: 1.2em; width: 1.2em; margin-left: 0.4em; } .btn-padding-2 { /* padding: 0.2em 1em;*/ padding: 0.535em 2em; white-space: pre-line; border: 1.5px solid; } .ayuda-inline { padding: 0; background-color: transparent; } .btn-padding { /*padding: 0.2em 1.8em;*/ padding: 0.535em 2em; white-space: pre-line; border: 1.5px solid; } .btn-secondary { background-color: var(--whiteColor-1); border-color: var(--mainColor-8); font-weight: 600; } .btn-secondary:hover { background-color: var(--mainColor-11); border-color: var(--mainColor-11); } .btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: var(--mainColor-8); border-color: var(--mainColor-8); } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; z-index: 1000; } } .navbar { margin-bottom: 0; } .navbar-brand { padding: 0.4em; } .navbar-brand img { height: 2em; } .navbar-default { background-color: #ffcc02; /*var(--grayColor-10);*/ border: none; min-height: auto; } .navbar-default .navbar-nav > li > a { white-space: nowrap; color: #333; font-family: "Work Sans", sans-serif; font-weight: 500; text-align: left; /*font-size: 12.5px;*/ /*padding: 4.92px 1em;*/ /*display: flex;*/ /*align-items: center;*/ transition: all 0.3s; display: block; line-height: 1.3; font-size: 1.2rem; padding: 8px 20px; } .navbar-default .navbar-nav > li > .navbar-authenticated--anchor { background-color: var(--grayColor-1); color: #fff; } .navbar-default .navbar-nav > .navbar-authenticated--sub-menu { display: none; } .navbar-default .navbar-nav > li > a > img { height: 2.4em; margin-right: 0.4em; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: var(--grayColor-1); } .navbar-default .navbar-nav > li > .navbar-authenticated--anchor:hover, .navbar-default .navbar-nav > li > .navbar-authenticated--anchor:active { background-color: var(--grayColor-3); } .navbar-default .navbar-nav > .active > .navbar-authenticated--anchor, .navbar-default .navbar-nav > .active > .navbar-authenticated--anchor:hover, .navbar-default .navbar-nav > .active > .navbar-authenticated--anchor:focus { background-color: var(--grayColor-3); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: var(--grayColor-1); } .navbar-default .navbar-toggle { border: none; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: var(--mainColor); } .navbar-default > .container-fluid, .navbar-collapse.collapse { padding: 0; } @media (min-width: 1030px) { .navbar-default.navbar-authenticated { background: linear-gradient( 90deg, var(--mainColor-8) 70%, var(--tertiaryColor) 70% ); } } @media (min-width: 767px) { /* .navbar-default { display: flex; align-items: center; } */ .navbar-toggle { display: none; } .navbar-collapse.collapse { display: flex !important; justify-content: center; } /* .navbar-nav > li { border-left: solid 1px #fff; } .navbar-nav > li:last-child { border-right: solid 1px #fff; } */ .navbar-nav > li { position: relative; } .navbar-nav > li::before, .navbar-nav > li::after { border-left: solid 1px #fff; height: calc(100% - 6px); display: block; position: absolute; top: 3px; z-index: 10; } .navbar-nav > li::before { content: ""; left: -0.5px; } .navbar-nav > li:last-child::after { content: ""; right: -0.5px; } .navbar-brand { display: none; } } @media (max-width: 767px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0; margin-right: 0; } .navbar-nav { margin: 0; } .navbar-default .navbar-nav > li:not(:last-child) > a { position: relative; } .navbar-default .navbar-nav > li:not(:last-child) > a::after { content: ""; position: absolute; display: block; height: 1px; background-color: #fff; width: 90%; left: auto; right: 5%; top: 100%; z-index: 1; } li.navbar-nav--d-sm-none { display: none; } .navbar-default .navbar-nav > .navbar-authenticated--sub-menu { display: block; } .navbar-default .navbar-nav > .navbar-authenticated--sub-menu > a { font-weight: 500; padding-left: 4em; } .navbar-default .navbar-nav > li.navbar-authenticated--sub-menu > a::after { width: calc(90% - 2.5em); } } .icono-home { filter: hue-rotate(90deg); } .banner { margin-bottom: 1em; } .banner .carousel-control { width: 5em; } .banner .carousel-control.left, .banner .carousel-control.right { background: none; } .banner .carousel-control .glyphicon-chevron-left, .banner .carousel-control .glyphicon-chevron-right, .banner .carousel-control .icon-prev, .banner .carousel-control .icon-next { width: 0.8em; height: 1.5em; margin: 0; transform: translateY(-50%); } .banner .carousel-control .icon-prev::before, .banner .carousel-control .icon-next::before { content: ""; display: block; width: 100%; height: 100%; background-image: url(./icons/banner/banner-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .banner-arrow-gris .carousel-control .icon-prev::before, .banner-arrow-gris .carousel-control .icon-next::before { background-image: url(./icons/banner/banner-arrow-gris.svg); } .banner-informativos .carousel-control .icon-prev::before, .banner-informativos .carousel-control .icon-next::before { background-image: url(./icons/boton_carrusel_anterior.svg); } .banner .carousel-control .icon-next::before { transform: rotate(180deg); } .carousel-indicators li { width: 14px; height: 14px; position: relative; margin-left: 0.2em; } .banner-informativos .carousel-indicators li { border-color: var(--mainColor-8); } .banner .carousel-indicators .active { margin: 1px; width: 14px; height: 14px; background-color: transparent; } .banner .carousel-indicators .active::before { content: ""; background-color: #f58450; border-radius: 50%; height: 10px; width: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .banner-informativos .carousel-indicators .active::before { background-color: var(--mainColor-8); } @media screen and (min-width: 768px) { .banner .carousel-indicators { bottom: 6px; } .banner-informativos .carousel-indicators { bottom: auto; top: 9em; } } .banner--container { padding-left: 8em; padding-right: 4em; padding-top: 4em; display: flex; align-items: center; justify-content: center; } .banner--container-text--1 { max-width: 30em; } .banner--container-text--2 { max-width: 40.5em; } .banner--container-text--3 { max-width: 34.5em; } .banner--container-text--4 { max-width: 34.5em; padding-top: 2em; } .banner--title { background-color: var(--quaternaryColor); font-weight: bold; color: var(--mainColor-8); padding: 0.5em; font-size: 19px; line-height: 1.2; margin-top: 0; margin-bottom: 0.5em; font-weight: bold; } .banner--title--1 { padding: 0.7em 0.9em 0.4em; border-radius: 0 0 1.3em 0; } .banner--title--3 { color: var(--mainColor-8); background-color: #fff; font-size: 30px; padding: 0 0.4em; margin-bottom: 0.2em; display: inline-block; font-family: "Montserrat","Futura PT", "Helvetica Neue", sans-serif } .banner--sub-title { font-weight: bold; font-size: 19px; color: #ffffff; margin: 0; } .banner--sub-title--2 { font-size: 30px; margin-bottom: 0.1em; font-family: "Montserrat","Futura PT", "Helvetica Neue", sans-serif; } .banner--sub-title--3 { color: var(--mainColor-8); margin-bottom: 0.2em; } .banner--sub-title--4 { font-family: "Montserrat","Futura PT", "Helvetica Neue", sans-serif; font-size: 30px; } .banner--text { color: #ffffff; margin-bottom: 0.4em; font-weight: 500; font-size: 17px; } .banner--text--3 { color: var(--grayColor-6); } .banner--hr { margin-top: 0; border-top: solid 3px #fff; } @media screen and (max-width: 768px) { .banner .item > .row { min-height: 616px; } .banner--container-img > img { width: 100%; height: 12em; object-fit: cover; } .banner--container { padding: 1em 0; } .banner .carousel-control.left, .banner .carousel-control.right { display: none; } .banner--title { text-align: center; padding: 0.5em; border-radius: 0; margin-bottom: 1.5em; } .banner--sub-title, .banner--text { text-align: center; margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; } .banner--text { text-align: left; margin-left: 2em; margin-right: 2em; } .banner--hr { margin-left: 2em; margin-right: 2em; } .banner-informativos-container { margin-top: 3em; } .banner-informativos .carousel-indicators { bottom: auto; top: 9em; } } @media screen and (min-width: 768px) { .banner--container-img { height: 325px; position: relative; } .banner--container-img::before { content: ""; height: 100%; width: 100%; display: block; position: absolute; } .banner--container-img > img { height: 100%; width: 100%; object-fit: cover; } .banner--container-img--1::before { background-color: var(--tertiaryColor-2); clip-path: polygon(18% 0, 100% 0, 100% 100%, 14% 100%, 0 33%); } .banner--container-img--1 > img { clip-path: polygon(34% 0, 100% 0, 100% 100%, 16% 100%, 0 14%); } .banner--container-img--2::before { background-color: var(--secondaryColor-2); clip-path: polygon(8% 16%, 60% 0, 100% 100%, 8% 100%); } .banner--container-img--2 > img { clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); /* object-position: -7em; */ } .banner--container-img--3::before { background-color: var(--quaternaryColor-3); clip-path: polygon(0 22%, 100% 0, 100% 100%, 10% 100%); } .banner--container-img--3 > img { clip-path: polygon(4% 10%, 100% -12%, 100% 100%, 16% 100%); /* object-position: -2.5em; */ } .banner--container-img--4::before { background-color: var(--quintaryColor-2); clip-path: polygon(0 0, 100% 0, 100% 92%, 10% 95%); } .banner--container-img--4 > img { clip-path: polygon(0 0, 100% 0, 100% 85%, 20% 100%); /* object-position: -2.5em; */ } .banner-informativos-container { margin: 3em 6em 0; } } .footer { color: #fff; background-color: var(--grayColor-2); font-size: 11px; padding: 4em 0; } .footer--title { font-weight: bold; font-size: 16px; margin-bottom: 1.1em; } .footer--contact-information a, .footer--contact-information a:hover, .footer--contact-information a:focus { color: #fff; } .footer--links { display: flex; flex-direction: column; justify-content: space-between; /* min-height: 182px; */ padding: 0; } .footer--img-gov { width: 185px; margin: 0.5em auto; } .footer--social-media { display: flex; justify-content: space-around; font-size: 10.5px; font-family: "Raleway"; font-weight: 600; padding: 2em 0 3.2em; } .footer--social-media-btn, .footer--social-media-btn:hover, .footer--social-media-btn:focus { color: #fff; text-decoration: none; display: flex; align-items: center; } .footer--social-media-btn img { border-radius: 50%; width: 2.5em; height: 2.5em; margin-right: 0.5em; background-color: var(--grayColor-3); transition: all 0.3s; } .footer--social-media-btn:hover img, .footer--social-media-btn:focus img { background-color: var(--grayColor-4); } .footer--links-bg { background-color: var(--grayColor-3); display: flex; padding: 0 0.5em; } .footer--links-bg a { color: #fff; text-align: center; font-size: 10.5px; font-family: "Raleway"; font-weight: 600; display: inline-flex; height: 28px; padding: 0 0.6em; align-items: center; position: relative; align-items: center; justify-content: center; flex-grow: 1; transition: all 0.3s; } .footer--links-bg a:hover, .footer--links-bg a:active { background-color: var(--grayColor-4); text-decoration: none; } .footer--links-bg a:not(:first-child)::before { content: ""; left: -0.5px; border-left: solid 1px #fff; height: calc(100% - 1.5em); display: block; position: absolute; top: 0.75em; z-index: 10; } @media screen and (max-width: 768px) { .footer--social-media { flex-wrap: wrap; margin-left: 1.5em; margin-right: 1.5em; } .footer--social-media-btn { margin-bottom: 0.5em; } .footer--links-bg { flex-wrap: wrap; } } @media screen and (min-width: 326px) and (max-width: 457px) { .footer--links-bg a:last-child::before { content: none; } } @media screen and (max-width: 326px) { .footer--links-bg a:nth-child(2)::before { content: none; } } /* .table-sisconpes .ui-jqgrid, .table-sisconpes .ui-jqgrid>.ui-jqgrid-view, .table-sisconpes .ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv, .table-sisconpes .ui-jqgrid .ui-jqgrid-bdiv, .table-sisconpes .ui-jqgrid>.ui-jqgrid-pager { width: 100% !important; } */ /* .table-sisconpes { display: flex; justify-content: center; padding-bottom: 2em; } .table-sisconpes .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr, .table-sisconpes .ui-th-ltr { background-color: var(--fontColor); color: #fff; font-weight: 600; font-size: 12px; } .table-sisconpes .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:not(:first-child), .table-sisconpes .ui-th-ltr:not(:first-child) { border-left: solid 1px; } .table-sisconpes .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div { margin: 0.8em; } .table-sisconpes .ui-jqgrid .ui-jqgrid-labels > .ui-th-column > .ui-jqgrid-resize { display: none; } .table-sisconpes .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { font-size: 10px; color: var(--grayColor-6); padding: 0.96em; } .table-sisconpes .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td:first-child { border-left-width: 1px; border-left-style: solid; font-weight: 600; } .table-sisconpes .ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgfirstrow > td { padding: 0; } /* .table-sisconpes .ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv { margin-bottom: -2em; } */ /* .table-sisconpes .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar { position: relative; transform: translateY(-27px); } .table-sisconpes .table-sisconpes .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { font-family: "Raleway"; font-weight: normal; font-family: 10px; color: var(--grayColor-6); } */ .min-table-paragraph { min-width: 21em; } .vertical-align-initial { vertical-align: initial; } .table-sisconpes.scroll { padding-right: 1px; } .pr-table-iconValid, .table-sisconpes.pr-table-iconValid { padding-right: 2.1em; } .table-sisconpes table { width: 100%; margin-bottom: 1em; border: solid 1px; line-height: 1.4; } .table-sisconpes table:last-child { margin-bottom: 1em; } .table-sisconpes th, .table-sisconpes .th { background-color: var(--fontColor); color: #fff; font-weight: 600; font-size: 16px; text-align: center; padding: 0.25px 1em; border-bottom: solid 0.5px; line-height: 1.2; } .table-sisconpes td.th { padding: 0.8em 1em; } .table-sisconpes th .flex-center, .table-sisconpes .th .flex-center { min-height: 3em; } .table-sisconpes th:not(:first-child) { border-left: solid 0.5px; } .table-sisconpes th:not(:last-child) { border-right: solid 0.5px; } .table-sisconpes--btn-buscar { background-color: transparent; padding: 0.2em; margin-left: 0.2em; height: 2em; width: 2em; } .table-sisconpes--btn-buscar > img, .table-sisconpes--btn-buscar > svg { height: 1.5em; } .table-sisconpes--calendar--th path { fill: #fff; transition: all 0.3s; } .table-sisconpes--calendar--th:hover path { fill: var(--color-success); } .table-sisconpes td { font-family: 'Montserrat','Raleway'; font-weight: normal; font-size: 16px; color: var(--grayColor-6); border: solid 0.5px; padding: 0.8em 1em; background-color: #fff; } .bucador-container { display: flex; justify-content: space-between; margin-bottom: 0.5em; align-items: end; } .number-elements, .table-finder { font-family: 'Montserrat','Raleway'; font-weight: 500; font-size: 10px; color: var(--mainColor-8); } .number-elements--select + .select2 { width: 4em; } .number-elements--select + .select2 { color: var(--mainColor-8); width: 5em !important; } .number-elements--select + .select2 .select2-selection { border: none; } .number-elements--select + .select2 .select2-selection__rendered { color: var(--mainColor-8); border-bottom: solid 1px; font-family: 'Montserrat','Raleway'; font-weight: 500; } .number-elements--select + .select2 .select2-selection__arrow b { border-color: var(--mainColor-8) transparent transparent transparent; border-width: 1em 0.6em 0 0.6em; } .table-finder--btn { background-color: transparent; padding: 0; margin-left: 0.2em; border: none; } .table-finder--btn > img { height: 3.2em; } .table-finder, .table-finder input { font-family: 'Montserrat','Raleway'; font-weight: 300; } .table-finder--label { line-height: 1; margin-bottom: 0; margin-left: 1em; font-weight: 500; } .table-finder input { font-style: italic; text-align: center; color: var(--mainColor-8); width: 18em; border: solid 1px; } .table-finder--input::placeholder { color: var(--mainColor-8); } .table-finder--contain { display: flex; align-items: end; margin-top: -1em; } .table-paging { color: var(--mainColor-8); display: flex; justify-content: center; margin-bottom: 2em; } .table-paging--btn { background-color: transparent; font-size: 10px; padding: 0; margin-left: 0.2em; border: none; } .table-paging--btn > img { height: 2em; } .table-paging--btn--previous > img { transform: rotate(180deg); } .table-paging--number { font-size: 10px; border: none; background-color: transparent; padding: 0; } .table-paging--btn, .table-paging--number { opacity: 0.8; transition: all 0.3s; } .table-paging--btn:hover, .table-paging--btn:focus, .table-paging--number:hover, .table-paging--number:focus, .table-paging--number.active { opacity: 1; } .table-sisconpes .btn-icon, .JQGrid-sisconpes .btn-icon { margin-bottom: 0.5em; font-size: 1.23077rem !important; width: 100%; max-width: 14.5em; margin-left: auto; margin-right: auto; display: flex; min-width: max-content; } .table-progress-bar { display: inline-block; border: solid 1px; width: 3.8rem; height: 1.4rem; box-sizing: content-box; margin: auto; overflow: hidden; } table .table-progress-bar { display: block; } .table-progress-bar--line { --color-0-19: #99d5e5; --color-20-39: #56c1dd; --color-40-59: #0db4d8; --color-60-79: #0879b8; --color-80-99: #164284; --color-100: #212751; display: block; background-color: var(--color-0-19); height: 1.5em; min-width: 2px; } .table-progress-bar--line:not(.table-progress-bar--line--100) { max-width: calc(100% - 1px); } .table-progress-bar--line--0-19 { background-color: var(--color-0-19); } .table-progress-bar--line--20-39 { background-color: var(--color-20-39); } .table-progress-bar--line--40-59 { background-color: var(--color-40-59); } .table-progress-bar--line--60-79 { background-color: var(--color-60-79); } .table-progress-bar--line--80-99 { background-color: var(--color-80-99); } .table-progress-bar--line--100 { background-color: var(--color-100); } .td-header td { background-color: #e7e6e6; } .td-header--container { min-height: 6em; margin: -0.5em -1em; padding: 0.5em 1em 0.5em 2.5em; position: relative; display: flex; align-items: center; } .td-header--info { background-color: #808080; color: #fff; width: 6em; height: 2.2em; display: flex; align-items: center; transform: rotate(-90deg) translate(-30%, -85%); font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; justify-content: center; transform-origin: center; } .td-header--info--dark { background-color: #353535; } .table-sisconpes .no-thead { background-color: #fff; border: solid; } .rotate-90deg { transform: rotate(-90deg); min-height: 6em; width: 1em; display: flex; justify-content: center; align-items: center; } /* JQGrid */ .JQGrid-sisconpes { margin-top: 1em; } .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv, .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-legacy-subgrid > thead { background-color: #f6f8f9; color: #004884; } .JQGrid-sisconpes .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f6f8f9; } .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv { overflow: initial; } .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { font-size: 16px; color: #484848; padding: 0.96em; border: solid 2px #E5EEFB; transition: all 0.1s; } .JQGrid-sisconpes .clearsearchclass { color: #fff; border: none; background-color: transparent; } .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar input { font-family: 'Montserrat','Raleway'; font-weight: 600; font-size: 16px; margin: 2px 0; border: none; border-radius: 0; height: 1.5em; } .table-responsive, .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap { border: none; } .JQGrid-sisconpes .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-radius: 0; } .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div { font-family: 'Montserrat','Raleway'; font-weight: 600; font-size: 16px; display: flex; justify-content: center; align-items: center; } .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div::after { /* content: url(https://sisconpes.ivolucion.com/Fuentes/icons/boton_consultar.svg); */ display: inline-block; height: 1.5em; width: 1.5em; object-position: center; background-repeat: no-repeat; margin-left: 2px; cursor: pointer; } .JQGrid-sisconpes .progress-bar-right { border: solid 1px #484848; padding: 0; height: 16px; width: 40px; margin-top: 0.2em; } .JQGrid-sisconpes .progress { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; padding: 0; height: auto; margin-top: 0.2em; } .JQGrid-sisconpes .progress:not(:first-child) { margin-top: 1em; } .JQGrid-sisconpes .progress-bar { min-width: 2px; height: 14px; } .JQGrid-sisconpes .progress-bar-label { padding-top: 0; } .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-btable { border-collapse: collapse; } .JQGrid-sisconpes .jqgrow.ui-row-ltr.success.active, .JQGrid-sisconpes .ui-jqgrid tr.jqgrow.ui-row-ltr.success td, .JQGrid-sisconpes .table-hover > tbody > tr > td.active:hover, .JQGrid-sisconpes .table-hover > tbody > tr > th.active:hover, .JQGrid-sisconpes .table-hover > tbody > tr.active:hover > td, .JQGrid-sisconpes .table-hover > tbody > tr:hover > .active, .JQGrid-sisconpes .table-hover > tbody > tr.active:hover > th { background-color: transparent !important; } .JQGrid-sisconpes .btn-default:active:hover, .JQGrid-sisconpes .btn-default.active:hover, .JQGrid-sisconpes .open > .dropdown-toggle.btn-default:hover, .JQGrid-sisconpes .btn-default:active:focus, .JQGrid-sisconpes .btn-default.active:focus, .JQGrid-sisconpes .open > .dropdown-toggle.btn-default:focus, .JQGrid-sisconpes .btn-default:active.focus, .JQGrid-sisconpes .btn-default.active.focus, .JQGrid-sisconpes .open > .dropdown-toggle.btn-default.focus { background-color: transparent; border-color: transparent; color: #fff; } .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .btn, .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .btn { font-size: 16px; } .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .btn { min-height: 26px; min-width: 22px; } .JQGrid-sisconpes .table > caption + thead > tr:first-child > th, .JQGrid-sisconpes .table > colgroup + thead > tr:first-child > th, .JQGrid-sisconpes .table > thead:first-child > tr:first-child > th, .JQGrid-sisconpes .table > caption + thead > tr:first-child > td, .JQGrid-sisconpes .table > colgroup + thead > tr:first-child > td, .JQGrid-sisconpes .table > thead:first-child > tr:first-child > td { padding: 0.8em 0.4em; } .JQGrid-sisconpes .ui-jqgrid > .ui-jqgrid-pager, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-pager .ui-pager-control, .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .JQGrid-sisconpes .ui-jqgrid .ui-pg-table { position: static; } .JQGrid-sisconpes .ui-pg-table .ui-pg-button[title='Buscar informaci�n'] { position: absolute; top: 0; right: 0; padding: 0; margin: 0; transition: all 0.3s; } .JQGrid-sisconpes .ui-pg-table .ui-pg-button[title='Buscar informaci�n'].active:hover { border: none; background-color: var(--mainColor-8); } .JQGrid-sisconpes .ui-pg-table .ui-pg-button[title='Buscar informaci�n'] .glyphicon { height: 2em; width: 2em; } .JQGrid-sisconpes .glyphicon-search:before { content: url(icons/boton_consultar-table.svg); transition: all 0.3s; /* background-image: url(../icons/boton_consultar-table.svg); */ } .JQGrid-sisconpes .ui-pg-button[title='Buscar informaci�n'].active:hover .glyphicon-search:before { content: url(../icons/boton_consultar_estadisticas.svg); } .JQGrid-sisconpes .ui-pg-table [title='Registros por p�gina'], .JQGrid-sisconpes .ui-pg-table [title='Registros por p�gina'] + .select2 { position: absolute; top: 1px; left: 0; padding: 0; margin: 0; } .JQGrid-sisconpes .ui-jqgrid { padding-top: 0; } .JQGrid-sisconpes .ui-jqgrid .ui-pg-button span.glyphicon { color: var(--mainColor-8); } .JQGrid-sisconpes .glyphicon-forward:before { content: url(icons/boton_boton_tabla_siguiente.svg); display: block; margin-top: -2px; } .JQGrid-sisconpes .ui-pg-button:hover .glyphicon-forward:before { margin-top: -1px; } .JQGrid-sisconpes .glyphicon-backward:before { content: url(icons/boton_boton_tabla_anterior.svg); display: block; margin-top: -2px; } .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover, .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div, .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div, .JQGrid-sisconpes .ui-jqgrid .ui-pg-button.ui-state-hover, .JQGrid-sisconpes .ui-jqgrid .ui-pg-button, .JQGrid-sisconpes .ui-jqgrid .ui-pg-button { transition: all 0.3s; } .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover, .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div:focus, .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div:hover, .JQGrid-sisconpes .ui-jqgrid .ui-pg-button.ui-state-hover, .JQGrid-sisconpes .ui-jqgrid .ui-pg-button:focus, .JQGrid-sisconpes .ui-jqgrid .ui-pg-button:hover { border-color: transparent; background-color: #0003; } .JQGrid-sisconpes .panel-footer { background-color: #fff; } .JQGrid-sisconpes .ui-jqgrid .jqgfirstrow td { padding: 0 !important; } .JQGrid-sisconpes .ui-pg-table [title='Registros por p�gina'] + .select2 .select2-selection { width: 8em; } .JQGrid-sisconpes .select2 { color: var(--mainColor-8); /* width: 5em !important; */ } .JQGrid-sisconpes .select2 .select2-selection { border: none; } .JQGrid-sisconpes .select2 .select2-selection__rendered { color: var(--mainColor-8); /*border-bottom: solid 1px;*/ font-family: 'Montserrat','Raleway'; font-weight: 500; } .JQGrid-sisconpes .select2 .select2-selection__arrow b { border-color: var(--mainColor-8) transparent transparent transparent; border-width: 1em 0.6em 0 0.6em; } /* jqgrid modal */ .ui-jqgrid-bootstrap.modal { width: calc(100vw - 9.5em) !important; } .ui-jqgrid-bootstrap .modal-content { background-color: transparent; border: none; box-shadow: none; } .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar, .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-caption { background-color: #fff; border: none; height: auto; text-align: center; padding: 1em; text-transform: uppercase; } .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar .ui-jqdialog-title, .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-errorbar .ui-jqgrid-error, .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-titlebar .ui-jqgrid-title { color: var(--mainColor-8); font-size: 24px; margin: 0; font-family: 'Montserrat','Futura PT'; font-weight: 900; border-bottom: solid 2px; border-color: var(--mainColor-5); padding: 0 0.2em 8px; } .ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close { padding: 0; margin: 0; --anchoBtn: 39px; height: var(--anchoBtn); width: var(--anchoBtn); top: 2px; } .ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close:hover { background: transparent; border: none; } .ui-jqgrid-bootstrap .glyphicon-remove-circle, .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close > span.glyphicon { padding: 0; margin: 0; height: var(--anchoBtn); width: var(--anchoBtn); } .ui-jqgrid-bootstrap .glyphicon-remove-circle:before { content: url(../icons/boton_cerrar_popup.svg); } .ui-jqgrid-bootstrap .searchFilter > .form-inline { width: 40em; margin: auto; } .ui-jqdialog .fm-button, .ui-jqdialog .fm-button:hover, .ui-jqdialog .fm-button:active { background: var(--mainColor-8); color: #fff; border: none; outline: none; } .select2-container--open .select2-dropdown--below { min-width: 16em; } .font-10 .table-sisconpes td { font-size: 10px; } .font-12 .table-sisconpes td { font-size: 16px; } .font-14 .table-sisconpes td { font-size: 16px; } .font-16 .table-sisconpes td { font-size: 16px; } .vertical-align-baseline { vertical-align: baseline; } .select-file-options { margin: 0.5em auto; } .select-file-options--item { border: solid 1px var(--mainColor-8); width: 50%; padding: 0.4em; font-weight: 500; } .select-file-options--img { width: 1.5em; height: 1.5em; } .table-sisconpes .radio input + span { --position-check-X: -1px; --position-check-Y: 8px; } .table-sisconpes .radio.radioOnly input + span { --position-check-X: -10px; } .table-sisconpes .radio input + span:before { top: var(--position-check-X); left: var(--position-check-Y); } .table-sisconpes .radio input + span:after { top: calc(var(--position-check-X) + 3px); left: calc(var(--position-check-Y) + 3px); } .table-sisconpes .radio + .radio, .table-sisconpes .checkbox + .checkbox { margin-top: auto; } .w-190, .btn-icon.w-190 { width: 190px; } .radio.mainColor-4 input + span { --mainColor-8: var(--mainColor-4); } .btn-outline-primary { background-color: #fff; padding: 0.3em; transition: all 0.3s; } .btn-outline-primary > svg { height: 2em; } .btn-outline-primary .a { fill: var(--mainColor-8); transition: all 0.3s; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background-color: var(--mainColor-8); } .btn-outline-primary:hover .a, .btn-outline-primary:focus .a, .btn-outline-primary:active .a { fill: #fff; } .btn-outline-primary.btn-outline-orange { --mainColor-8: #ff8243; } .btn-outline-primary.mensaje { padding: 0.1em; } .btn-outline-primary.mensaje > svg { height: 1.8; } .table-sisconpes .form-control { font-size: 1em; } .form-control.textarea-40em { width: 38em; min-width: 38em; /* max-width: 38em; */ width: 100% !important; height: 6.5em; min-height: 6.5em; max-height: 6.5em; } .mensaje-container { width: 32.78px; } .panel-group-subpanel .panel-default > .panel-heading { background-color: var(--mainColor); } .panel-group-subpanel .panel-title, .panel-group-subpanel .panel-title > a:hover { color: #fff; } .table-sisconpes th .required-icon, .table-sisconpes .th .required-icon { margin: -0.1em 0 0 0.1em; } .btn-participantes { background-color: transparent; border: solid 2px #ff8243; border-radius: 0.5em; width: 3em; height: 2.5em; padding: 0; display: flex; justify-content: center; align-items: center; margin: 0.2em; transition: all 0.3s; } .btn-participantes svg { width: 100%; } .btn-participantes svg .a { fill: #ff8243; transition: all 0.3s; } .btn-participantes:hover { background-color: #ff8243; } .btn-participantes:hover svg .a { fill: #fff; } /* .btn-participantes img { height: 3em; } */ /* .btn-participantes .a { fill: #ff8243; } */ .div-busqueda { background-color: var(--fontColor); display: flex; align-items: center; padding: 5px 8px; } .div-busqueda--lupa { height: 2em; margin-right: 0.5em; } .div-busqueda--form-control { background-color: #eeeeee; height: 21em; } @media screen and (min-width: 760px) { .grid-busqueda-participantes { display: grid; grid-template-columns: 1fr 68px 1fr; } } .grid-busqueda-participantes optgroup { border-bottom: 1px solid #fff; color: #1e1e1e; padding: 0.5em 0.8em 0.8em 1.5em; white-space: nowrap; position: relative; } .grid-busqueda-participantes option { color: #464646; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .grid-busqueda-participantes option::before { content: none; } .grid-busqueda-participantes optgroup option::before { content: ''; display: block; position: absolute; top: 9px; left: 0px; border-radius: 50%; margin-right: 5px; width: 16px; height: 16px; border: 1px solid var(--mainColor-8); background: #fff; } .grid-busqueda-participantes optgroup option::after { content: ''; display: block; width: 10px; height: 10px; background: var(--mainColor-8); position: absolute; border-radius: 50%; top: 16px; left: 3px; opacity: 0; transform: scale(0, 0); transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53); } .grid-busqueda-participantes optgroup option:checked::after { opacity: 1; transform: scale(1, 1); } .grid-busqueda-participantes optgroup option:checked { background-color: transparent; } .textoPagerSelect { top: 1em; left: 0em; padding: 0; margin: 0; width: auto; position: absolute; } .modal.ui-jqgrid-bootstrap.ui-jqdialog { top: 8em !important; left: 4em !important; } .btnSearch { position: absolute; top: 0; right: 0; padding: 0; margin: 0; transition: all 0.3s; } @media screen and (max-width: 440px) { .bucador-container:not(.no-column) { flex-direction: column; } } .what-is { background-color: var(--whiteColor-1); overflow: hidden; } .what-is--grid { display: grid; grid-template-columns: 20em 1fr; padding-bottom: 10px; } .what-is--img { width: 100%; height: 100%; object-fit: cover; } .title { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: var(--mainColor-11); padding: 2.4em 1em 0; margin-bottom: 1.5em; } .title img { height: 2.5em; margin-bottom: 0.5em; } .title h1, .title h2 { font-size: 24px; margin: 0; font-family: 'Montserrat'; font-weight: 600; border-bottom: solid 2px; padding: 0 0 8px; } .title--8 h2 { border-bottom: solid 2px var(--mainColor-8); } .title--modal h2 { border-color: var(--grayColor-1); } .title--modal__border-0 { margin-bottom: 0.5em; } .title--modal__border-0 h1, .title--modal__border-0 h2 { border: none; } .title p { font-family: 'Futura PT Book'; font-weight: normal; font-size: 18px; margin-top: 0.2em; color: var(--grayColor-6); } .text-texto-intormativo { font-size: 1.2em; max-width: 41.8em; margin-left: auto; margin-right: auto; font-weight: 500; } .subtitle { font-family: 'Futura PT'; font-weight: 900; font-size: 22px; color: var(--grayColor-1); } .subtitle--white { color: #fff; } .what-is--nav-tabs { border-bottom: 0.25px solid var(--grayColor-6); display: flex; justify-content: center; align-items: end; } .what-is--nav-tabs > li:not(:last-child) { margin-right: 0.5em; } .what-is--nav-tabs > li > a { font-size: 16px; line-height: 1.2; border: none !important; border-radius: 4px; color: var(--fontColor); background-color: #fff; padding: 5px 0.8em; text-align: center; font-family: 'Futura PT'; font-weight: 900; transition: all 0.3s; } .what-is--nav-tabs > li > a:hover, .what-is--nav-tabs > li > a:focus { background-color: var(--grayColor-7); color: var(--fontColor); } .what-is--nav-tabs > li.active > a, .what-is--nav-tabs > li.active > a:hover, .what-is--nav-tabs > li.active > a:focus { background-color: var(--grayColor-1); color: #fff; font-weight: 600; } .what-is--nav-tabs--documents > li > a { /* border-radius: 0; */ background-color: var(--grayColor-7); font-family: 'Raleway'; font-weight: bold; font-size: 15px; } .what-is--nav-tabs--documents > li > a.w-10em { width: 10em; } .what-is--nav-tabs--documents > li > a:hover, .what-is--nav-tabs--documents > li > a:focus { background-color: var(--grayColor-2); color: #fff; } .what-is--text { line-height: 20px; padding: 1em 3em; position: relative; } .what-is--text--py { padding: 3em 3em 0; } .what-is--text--py-0 { padding-top: 0; padding-bottom: 0; } .what-is--text--py-0:first-child { padding-top: 3em; } .what-is--text-img { position: absolute; transform: translateX(-1.4em); height: 1.2em; } .what-is--margin { margin: 0 5em 3em; } .what-is--list-title { font-family: 'Futura PT', 'Helvetica Neue', sans-serif; font-weight: 900; color: var(--grayColor-1); } .what-is--list { padding-left: 1em; } .what-is--list > li { margin-bottom: 0.5em; } .what-is--list > li::marker { font-family: 'Futura PT'; font-weight: 900; color: var(--mainColor-8); } .help { display: flex; align-items: center; justify-content: center; margin-bottom: 0.5em; line-height: 1; margin: 2em auto; font-family: 'Raleway'; font-weight: 600; font-size: 13px; padding: 0 0.5em; max-width: 68em; } .help--btn { border: none; background-color: transparent; padding: 0; } .help--btn--close { margin-right: 1em; margin-bottom: 0.2em; } .help--btn--close:focus { outline: none !important; } .help--btn--form-inline { position: absolute; top: -2em; right: 1em; } .help--btn--form-inline .help--close-img { height: 2em; } .help--img { height: 25px; } .help--hide { margin-top: -2em; animation-duration: 0.6s; animation-name: animatedDown; } .help--close-img { height: 21px; } .help--width-container { max-width: 776px; margin: auto; } .help--text { background-color: #f2f2f2; border-radius: 8px; font-size: 12px; line-height: 14.4px; box-shadow: 3px 2px 10px -8px var(--grayColor-1); padding: 1em 2em; margin-bottom: 2em; font-weight: 500; } .help--left { justify-content: left; margin: 0.8em 0; padding: 0; } .help--label { margin: 0 0 0.6em 0.6em; } .help--icon { height: 1.5em; width: 2.5em; margin-right: 0.8em; } .help--icon--bg { height: 2em; background-color: #fff; border: solid 1px var(--mainColor-8); border-radius: 0.5em; padding: 0.2em 0.6em; margin-right: 0.8em; } .help--max-w { max-width: 48em; margin: auto; } .options-button { display: flex; justify-content: center; padding: 2em 0 4.2em; flex-wrap: wrap; } .options-button--btn { border: none; background-color: transparent; border-left: 1px solid var(--mainColor-8); display: flex; flex-direction: column; align-items: center; justify-content: start; font-family: 'Futura PT Demi'; font-weight: 600; font-size: 14px; line-height: 1.2; padding: 1em 2.5em; width: 12em; text-align: center; color: var(--grayColor-1); transition: all 0.3s; } .options-button--btn:last-child { border-right: 1px solid var(--mainColor-8); } .options-button--btn:hover, .options-button--btn:active { background-color: var(--grayColor-5); text-decoration: none; cursor: pointer; } .bg-grayColor-5 .options-button--btn:hover, .bg-grayColor-5 .options-button--btn:active { background-color: rgba(255, 255, 255, 0.8); } .options-button--img { height: 5em; margin-bottom: 0.5em; } /* .options-button--content { } */ .options-button--title { font-family: 'Futura PT'; font-weight: 900; font-size: 24px; color: var(--mainColor-8); } .options-button--text { line-height: 20px; } .seguimiento-graficas { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; } .seguimiento-graficas--bg { background-image: url('../images/home/estadisticas.jpg'); display: flex; align-items: center; clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); } .seguimiento-graficas--h2 { font-family: 'Futura PT Demi'; font-weight: 600; font-style: normal; font-size: 28px; line-height: 26px; color: var(--fontColor); margin: 0; background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 0.5em 1em; } .seguimiento-graficas--section { text-align: center; padding: 0 1.5em; margin: 3.5em 0 4.5em; } .seguimiento-graficas--section:not(:last-child) { border-right: solid 1px var(--mainColor-8); } .seguimiento-graficas--icon { height: 4.5em; } .seguimiento-graficas--text { font-family: 'Futura PT'; font-weight: normal; font-size: 15px; line-height: 20px; color: var(--mainColor-8); min-height: 60px; } .modal-content--hr { margin: 0.7em 0 0.8em; border-top: solid 0.25px var(--grayColor-6); } .modal-content--hr--long { margin: 0.7em 0 0.8em; border-top: solid 0.25px var(--grayColor-6); margin-right: -1em; margin-left: -3em; } .modal-content--title { font-size: 14px; font-family: 'Futura PT'; font-weight: 900; color: var(--mainColor-8); } .modal-content--text { font-size: 13px; line-height: 18px; } .pas-hora { background-color: var(--mainColor); color: #fff; padding: 5.5px 1em; font-size: 13px; display: inline-block; } .card-section { display: flex; border: solid 0.25px var(--grayColor-6); background-color: #fff; border-radius: 0.6em 0 0 0.6em; align-items: center; } .card-section--icon { min-width: 80px; height: 80px; background-color: var(--mainColor-8); display: flex; justify-content: center; align-items: center; border-radius: 0.5em; } .card-section--icon-img { height: 4em; width: 4em; } .card-section--text { flex-grow: 1; margin: 0; padding: 0.5em 3em; } .card-section--link { color: #000; text-decoration: underline; } .what-is--nav-tabs--informativos { border-bottom: solid 1px #c7c7c7; } .what-is--nav-tabs--informativos > li > a { color: var(--fontColor); background-color: rgb(255, 255, 255); font-family: 'Raleway'; font-weight: bold; font-size: 15px; } .what-is--nav-tabs--informativos > li > a:hover, .what-is--nav-tabs--informativos > li > a:focus { background-color: var(--grayColor-7); color: var(--fontColor); } .what-is--nav-tabs--informativos .what-is--nav-tabs > li.active > a, .what-is--nav-tabs--informativos > li.active > a:hover, .what-is--nav-tabs--informativos > li.active > a:focus { background-color: var(--grayColor-1); } .preguntas-frecuentes { background-color: #ef7f48; padding: 1em 2em; display: flex; justify-content: center; align-items: center; } .preguntas-frecuentes .subtitle { margin: 0 0.5em; } .banner-informativos--img, .carousel-inner > .item > .banner-informativos--img { height: 113px; width: 100%; object-fit: cover; object-position: center; } .carousel-balance-cualitativo { position: relative; } .carousel-balance-cualitativo .carousel-control { height: 2em; width: 1.5em; opacity: 1; } .carousel-balance-cualitativo .carousel-control.left, .carousel-balance-cualitativo .carousel-control.right { background: none; } .carousel-balance-cualitativo .glyphicon-chevron-left:before, .carousel-balance-cualitativo .glyphicon-chevron-right:before { height: 1em; width: 1em; display: block; } .carousel-balance-cualitativo .glyphicon-chevron-left:before { content: url(../Content/icons/boton_boton_tabla_anterior.svg); } .carousel-balance-cualitativo .glyphicon-chevron-right:before { content: url(../Content/icons/boton_boton_tabla_siguiente.svg); } .panel-pf { color: var(--fontColor); background-color: transparent; border: none; } .panel-pf > .panel-heading { padding: 8px 1em 6.62px; background-color: var(--grayColor-7); border: none; } .panel-pf--title > a, .panel-pf--title > small, .panel-pf--title > .small, .panel-pf--title > small > a, .panel-pf--title > .small > a { color: var(--fontColor); font-size: 14px; font-family: 'Raleway'; text-decoration: none !important; font-weight: 500; display: block; position: relative; } .panel-pf--title > a::after { content: ''; display: block; width: 2em; height: 2em; background-image: url(../Content/icons/boton_seleca-pf.svg); position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); transition: transform 0.3s; } .panel-pf--title > a.collapsed::after { transform: translateY(-50%); } .panel-pf--title--center a { text-align: center; font-weight: bold; } .panel-pf .panel-heading + .panel-collapse > .panel-body { border-bottom: 1px solid var(--fontColor); line-height: 1.2; margin-bottom: 2em; text-align: left; } .p-ver-depalle { margin-bottom: 0.2em; } .p-ver-depalle .table-progress-bar { margin-bottom: -3px; } .before-circle::before { content: ''; display: inline-block; height: 0.8em; width: 0.8em; border-radius: 50%; margin-right: 0.3em; background-color: #397ea3; } .before-circle--red::before { background-color: #952d1d; } .after-circle::after { content: ''; display: inline-block; height: 0.8em; width: 0.8em; min-width: 0.8em; border-radius: 50%; margin-left: 0.3em; background-color: #397ea3; } .after-circle--green::after { background-color: #6AB155; } .after-circle--red::after { background-color: #EC1C23; } .numberSteps--title { border: none; background: none; display: inline-flex; align-items: center; color: var(--grayColor-1); font-weight: 700; font-family: 'Futura PT'; font-size: 1.3em; } .numberSteps--title > img { width: 0.8em; margin-right: 0.5em; } .numberSteps--btn { background-color: var(--grayColor-0); color: var(--grayColor-1); border: none; border-radius: 50%; width: 1.5em; height: 1.5em; line-height: 1; font-weight: 600; font-family: 'Futura PT'; padding: 0; } .numberSteps--btn--complete { background-color: var(--tertiaryColor); color: #fff; } .numberSteps--btn--active { background-color: var(--grayColor-1); color: #fff; } .section-title { color: var(--mainColor); font-weight: 700; font-family: 'Futura PT'; font-size: 1.4em; margin: 0; } .section-subtitle { color: var(--tertiaryColor); font-weight: 700; font-family: 'Futura PT'; font-size: 1.4em; margin: 0; } .section-subtitle.main-color { color: var(--mainColor-8); } .characterCounter { display: block; background-color: var(--grayColor-1); margin-left: 6px; color: #fff; height: 26px; width: 36px; min-width: 34px; text-align: center; font-weight: 600; line-height: 25px; font-size: 0.85em; } .icon-valid--container { --anchoIcon: 22px; display: block; height: var(--anchoIcon); width: var(--anchoIcon); margin-left: 0.8em; min-width: var(--anchoIcon); } .icon-valid--container--table { position: absolute; right: calc((var(--anchoIcon) * -1) - 20px); top: 4px; } .icon-valid { background-color: #68b892; display: block; height: var(--anchoIcon); width: var(--anchoIcon); border-radius: 50%; } .form-sisconpes { margin-bottom: 2em; } .form-sisconpes--label { margin-left: 0.8em; margin-bottom: 0.1em; } .form-sisconpes--input { background-color: var(--whiteColor-1); background-clip: padding-box; height: 40px; padding: 0.375rem 0.75rem 16px 16px; box-shadow: none; min-width: 8em; display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; border: 1px solid #ced4da; border-radius: 1px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-sisconpes--input::placeholder { font-style: normal; } .select2-search__field::placeholder, .select2-selection__placeholder { font-style: italic; color: #a6a6a6; font-size: 14px; } label + .form-sisconpes--input { margin-left: 0.5em; } .form-sisconpes--input[disabled], .form-sisconpes--input[readonly]:not(.input-datepicker, .input-datepicker-year, .input-datepicker-hour), fieldset[disabled] .form-sisconpes--input { background-color: var(--whiteColor-1); } .form-sisconpes--input:focus { /* border: none; box-shadow: none;*/ } textarea.form-sisconpes--input { max-width: 100%; min-height: 68px; } .form-sisconpes--input-no-counter { margin-right: 3em; } .form-sisconpes--input--transparent { background-color: transparent; text-align: center; min-width: 7em; } .form-control.form-sisconpes--textarea { min-height: 6em; background-color: var(--whiteColor-1); border: 1px solid #ced4da; border-radius: 1px; padding: 10px 16px 10px 16px; border-radius: 5px; } .form-sisconpes--help { color: var(--mainColor-2); font-weight: 500; font-style: italic; padding-right: 2em; } .form-sisconpes--quill { background-color: var(--grayColor-0); flex-grow: 1; max-width: calc(100% - 5em); } .form-sisconpes--quill > .ql-toolbar.ql-snow { border: none; padding: 0.1em; } .form-sisconpes--quill .ql-container { font-family: 'Raleway'; } .form-sisconpes--quill > .ql-container.ql-snow { border: none; } .form-sisconpes--quill .ql-editor { padding: 0 0.7em 1em; min-height: 3.9em; } .form-sisconpes--quill .ql-snow .ql-stroke { stroke: var(--mainColor-8); } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: var(--tertiaryColor); } .form-sisconpes--quill .ql-editor.ql-blank::before { color: #a6a6a6; font-size: italic; } .radio { display: inline-block; cursor: pointer; user-select: none; text-align: left; margin: 0; } .radio + .radio { margin-left: 1em; } .radio input { display: none; } .radio input + span { display: inline-block; position: relative; padding-left: 30px; color: var(--grayColor-1); font-weight: 500; } .radio input + span:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; border-radius: 50%; margin-right: 5px; width: 16px; height: 16px; border: 1px solid var(--mainColor-8); background: #fff; } .radio input + span:after { content: ''; display: block; width: 10px; height: 10px; background: var(--mainColor-8); position: absolute; border-radius: 50%; top: 3px; left: 3px; opacity: 0; transform: scale(0, 0); transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53); } .radio input:checked + span:after { opacity: 1; transform: scale(1, 1); } .chat-comentarios { background-color: var(--grayColor-0); min-height: 16em; padding: 1em 2em; display: flex; flex-direction: column; justify-content: end; margin-bottom: 2em; margin-top: 3em; } .chat-comentarios--form { background-color: #fff; display: flex; align-items: center; border-radius: 1em; padding: 1em 2em; } .chat-comentarios--textarea { flex-grow: 1; border: none; margin-right: 1em; height: 5em; min-height: 5em; max-height: 5em; } .chat-comentarios--textarea::placeholder { font-style: italic; font-size: 0.8em; } .chat-comentarios--textarea:focus { outline: none; } .chat-comentarios--btn { padding: 0.3em 1.5em; border-radius: 0.6em; } .chat-comentarios--fecha { text-align: center; font-weight: 700; } .chat-comentarios--container { width: fit-content; text-align: right; margin-bottom: 1em; } .chat-comentarios--container-enviado { margin-left: auto; } .chat-comentarios--mensaje { background-color: #fff; border-radius: 1em; margin-bottom: 0; display: flex; width: fit-content; padding: 0.2em 1em 0.8em 1.4em; flex-direction: column; text-align: left; font-size: 0.8em; } .chat-comentarios--container-enviado .chat-comentarios--mensaje { background-color: var(--mainColor-7); } .chat-comentarios--hora { font-weight: 700; font-size: 0.8em; } .icons-form-edit { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 3em 6em 1em; } .icons-form-edit--btn { border: none; background: none; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; /* margin-bottom: 2em; */ position: relative; } .icons-form-edit--btn:focus-visible { outline: none; } .icons-form-edit--btn:disabled { opacity: 0.7; } .icons-form-edit--btn--active { padding-top: 2.8em; } .icons-form-edit--info-active { color: #fff; background-color: #ff8243; position: absolute; bottom: 80%; width: 13em; padding: 0.2em 0.4em; font-weight: 500; line-height: 1.2; animation-duration: 0.3s; animation-name: animatedExpand; } .icons-form-edit--info-active::after { content: ''; display: block; width: 0; height: 0; border-top: 0.5em solid #ff8243; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .icons-form-edit--icon { width: 4em; margin-bottom: 0.4em; } .icons-form-edit--number { font-family: 'Futura PT'; color: #fff; background-color: var(--mainColor-8); display: block; font-size: 1.5em; height: 1.2em; width: 1.2em; line-height: 1.2em; margin-top: 0.1em; text-align: center; font-weight: 700; } .icons-form-edit--number--complete { background-color: var(--tertiaryColor); } .icons-form-edit--icon-ayuda { height: 2em; margin-bottom: 0.8em; } .required-icon { font-size: 1.8em; height: 0.4em; line-height: 0.4; transform: translateY(0.38em); display: inline-block; font-weight: 700; } .palabras-clave-required { position: relative; } .palabras-clave-required::after { content: '*'; font-size: 1.8em; display: block; font-weight: 700; position: absolute; top: 0.4em; right: 1.5em; } .modal-content--border-radius { border-radius: 1.5em; } .padding-modal { padding: 4em 1em 2em; } /* .fileinputs { position: relative; } .modal-file { } */ @media screen and (min-width: 769px) and (max-width: 1000px) { .icons-form-edit { margin-left: 0; margin-right: 0; } } .what-is--img { object-position: 36% center; clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); } .what-is--nav-tabs--margin { margin: 0 4em; } .icons-form-edit--btn:not(:first-child)::before { content: ''; display: block; position: absolute; right: 5.6em; bottom: 0.9em; width: calc(19vw - 4em); height: 2px; background-color: var(--tertiaryColor); } .icons-form-edit--btn:not(:first-child)::after { content: ''; display: block; height: 1.6em; width: 1.6em; background-image: url('icons/flecha-verde.svg'); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0.2em; right: 5em; } .sideModalTR { position: absolute; width: 40em; max-width: 100%; z-index: 100; top: 2.3em; background-color: #fff; padding: 1.5em; border-radius: 1em; box-shadow: 10px 5px 20px -10px #000; animation-duration: 0.6s; animation-name: animatedDown; } .panel-group { margin-bottom: 0; } .panel-default { border: none; } .panel-default > .panel-heading { background-color: var(--grayColor-7); } .panel-title { font-weight: 700; color: var(--grayColor-1); } .panel-title > a { width: 100%; display: flex; justify-content: space-between; font-size: 14px; text-align: center; align-items: center; } .panel-title > a:focus { color: #333; text-decoration: none; } .panel-group-subpanel .panel-title > a:focus { color: #fff; text-decoration: none; } .panel-title > a:hover { color: var(--grayColor-1); text-decoration: none !important; } .panel-title > a::after { content: url(../Content/icons/cerrar_acordeon.svg); height: 1em; width: 1em; display: block; transform: rotate(180deg); transition: transform 0.3s; } .panel-title > a.collapsed::after { transform: rotate(0deg); } .sideModalTR .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; } .help-form { background-color: var(--grayColor-5); border-radius: 1em; box-shadow: 4px 6px 10px -2px rgb(0 0 0 / 50%); padding: 2em; font-size: 0.8em; margin-bottom: 1.5em; color: var(--grayColor-1); } .help-form ul { padding-left: 1.2em; line-height: 1.4; } .informationInsideForm { background-color: var(--grayColor-8); padding: 0.4em 0.8em; margin-bottom: 2em; } .informationInsideForm--p { font-weight: 700; padding: 0.5em 0; margin: 0; color: var(--fontColor); } .informationInsideForm--p:not(:last-child) { border-bottom: solid 1px #464646; } .panel-title--grid { width: calc(100% - 2em); display: grid; grid-template-columns: 1fr 2fr 3em 10em; align-items: center; justify-content: center; grid-gap: 1.5em; } .panel-title--p { line-height: 1.2; font-size: 0.9em; font-weight: 600; text-align: justify; } .grid-lineaTiempo { display: grid; grid-template-rows: repeat(4, auto); grid-template-columns: repeat(2, 1fr); grid-gap: 0.5em 5em; grid-auto-flow: column; margin-bottom: 3em; } @media screen and (min-width: 769px) { .help-form--container { width: calc(100% - 5.2em); } .list-names { --columnsNumber: 1; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 2em; grid-template-rows: repeat(var(--columnsNumber), 1fr); grid-auto-flow: column; } [data-columns='2'] { --columnsNumber: 2; } [data-columns='3'] { --columnsNumber: 3; } [data-columns='4'] { --columnsNumber: 4; } [data-columns='5'] { --columnsNumber: 5; } [data-columns='6'] { --columnsNumber: 6; } [data-columns='7'] { --columnsNumber: 7; } [data-columns='8'] { --columnsNumber: 8; } [data-columns='9'] { --columnsNumber: 9; } [data-columns='10'] { --columnsNumber: 10; } [data-columns='11'] { --columnsNumber: 11; } [data-columns='12'] { --columnsNumber: 12; } [data-columns='13'] { --columnsNumber: 13; } [data-columns='14'] { --columnsNumber: 14; } [data-columns='15'] { --columnsNumber: 15; } [data-columns='16'] { --columnsNumber: 16; } [data-columns='17'] { --columnsNumber: 17; } [data-columns='18'] { --columnsNumber: 18; } [data-columns='19'] { --columnsNumber: 19; } [data-columns='20'] { --columnsNumber: 20; } [data-columns='21'] { --columnsNumber: 21; } [data-columns='22'] { --columnsNumber: 22; } [data-columns='23'] { --columnsNumber: 23; } [data-columns='24'] { --columnsNumber: 24; } [data-columns='25'] { --columnsNumber: 25; } [data-columns='26'] { --columnsNumber: 26; } [data-columns='27'] { --columnsNumber: 27; } [data-columns='28'] { --columnsNumber: 28; } [data-columns='29'] { --columnsNumber: 29; } [data-columns='30'] { --columnsNumber: 30; } } @media screen and (max-width: 768px) { .what-is--grid, .seguimiento-graficas { grid-template-columns: 1fr; } .seguimiento-graficas--bg { clip-path: none; padding: 3em 0; } .seguimiento-graficas--section { border-right: solid 1px var(--mainColor-8); border-left: solid 1px var(--mainColor-8); } .options-button--btn { border-right: solid 1px var(--mainColor-8); border-left: solid 1px var(--mainColor-8); } .card-section { flex-direction: column; border-radius: 0.6em 0.6em 0 0; } .card-section--icon { width: 100%; } .carousel-balance-cualitativo .carousel-control.left { right: calc(100% - 1em); left: auto; } .carousel-balance-cualitativo .carousel-control.right { right: auto; left: calc(100% - 1em); } .icons-form-edit { margin: 3em 0; } .chat-comentarios--form { flex-direction: column; } .chat-comentarios--textarea { margin: 0; } .help-form--container { margin-top: 2.5em; } } @media screen and (max-width: 706px) { .numberSteps-container { flex-direction: column; } .numberSteps { margin-top: 0.5em; } } @media screen and (max-width: 566px) { .icons-form-edit--btn { font-size: 0.8em; } .icons-form-edit--info-active { max-width: calc(100% + 3em); } .help--long span { line-height: 1.2; margin: 0.5em 0; font-size: 0.8em; } .panel-title--grid { grid-template-columns: auto; } .grid-lineaTiempo { grid-template-columns: auto; grid-template-rows: repeat(8, auto); } .grid-lineaTiempo *:nth-child(4n) { margin-bottom: 2em; } } @media screen and (max-width: 440px) { .what-is--nav-tabs > li > a { min-height: 3em; display: flex; align-items: center; justify-content: center; } .what-is--nav-tabs--documents > li > a { min-height: auto; } .what-is--nav-tabs--informativos > li > a { min-height: 4.5em; } .what-is--nav-tabs--margin > li > a { font-size: 0.82em; } .icons-form-edit--btn { font-size: 0.6em; } /* .icons-form-edit--btn:not(:first-child)::before { width: calc(19vw - 4em); } */ .title--row h2 { font-size: 1.3em; } .text-texto-intormativo { padding: 0 0.4em; } /* .p-ver-depalle { text-align: justify; } */ } @media screen and (max-width: 327px) { .what-is--nav-tabs--margin > li > a { font-size: 0.6em; } .icons-form-edit--btn { font-size: 0.55em; } .title--row h2 { font-size: 1.1em; } .form-sisconpes--quill .ql-editor.ql-blank::before { position: relative } } @media screen and (min-width: 842px) { .icons-form-edit--btn:not(:first-child)::before { width: calc(19vw - 6em); } .title--row { flex-direction: row; width: fit-content; margin-left: auto; margin-right: auto; border-bottom: solid 2px; } .title--row > img { margin-right: 0.5em; } .title--row h2 { border-bottom: none; } }