/* Minification failed. Returning unminified contents. (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (111,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (116,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-2' (120,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-2' (125,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-3' (129,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-3' (134,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-4' (138,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-4' (143,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (147,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5' (152,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-6' (156,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-6' (161,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-7' (165,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-7' (170,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (174,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (179,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-9' (183,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-9' (188,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-10' (192,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-10' (197,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (201,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (754,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (819,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger' (823,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-4' (827,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (833,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (843,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1144,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (1148,28): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor' (1152,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (1156,28): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor' (1160,28): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor-2' (1164,28): run-time error CSS1039: Token not allowed after unary operator: '-quintaryColor' (1168,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-10' (1173,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-10' (1181,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (1185,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-2' (1189,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-6' (1193,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (1197,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (1201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-porReportar' (1269,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-10' (1273,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-10' (1412,36): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1413,25): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1419,48): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (1433,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (1443,28): run-time error CSS1039: Token not allowed after unary operator: '-color-semaforo' (1455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1758,22): run-time error CSS1039: Token not allowed after unary operator: '-color-sisconpes-blue' (1759,24): run-time error CSS1039: Token not allowed after unary operator: '-color-sisconpes-blue' (1769,17): run-time error CSS1039: Token not allowed after unary operator: '-color-sisconpes-blue' (1834,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (1915,40): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (1940,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (1958,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (1980,35): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (1984,24): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2016,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2024,38): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (2039,21): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2050,36): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (2051,25): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2057,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2064,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (2076,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-2' (2112,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2126,25): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2141,33): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2153,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2158,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2163,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (2186,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2212,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2226,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2238,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2244,35): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (2249,35): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (2258,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2267,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (2276,31): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6' (2285,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2313,21): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2322,36): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (2323,25): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2329,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2383,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2390,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (2399,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2431,35): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (2483,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2495,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0' (2496,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2508,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (2513,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2518,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (2526,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (2534,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2539,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2554,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (2555,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (2557,21): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (2562,23): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (2569,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (2570,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoIcon' (2584,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (2617,55): run-time error CSS1030: Expected identifier, found ',' (2617,103): run-time error CSS1031: Expected selector, found ')' (2617,103): run-time error CSS1025: Expected comma or open brace, found ')' (2646,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1' (2654,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-2' (2661,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0' (2685,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2716,18): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (2744,25): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (2758,40): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2767,34): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2783,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0' (2852,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-7' (2926,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (2938,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (3008,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor' (3047,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7' (3052,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (3075,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (3097,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5' (3099,41): run-time error CSS1046: Expect comma, found '0' (3099,45): run-time error CSS1046: Expect comma, found '/' (3103,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1' (3112,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-8' (3121,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (3159,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3163,41): run-time error CSS1039: Token not allowed after unary operator: '-columnsNumber' (3168,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3172,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3176,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3180,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3184,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3188,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3192,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3196,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3208,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3212,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3220,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3264,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3268,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3276,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3280,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3296,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3297,37): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3301,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3302,37): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3481,21): run-time error CSS1039: Token not allowed after unary operator: '-fontColor' (3485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3486,22): run-time error CSS1039: Token not allowed after unary operator: '-colorBanner-bg' (3549,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' (3562,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8' (3670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3680,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-size' (3681,18): run-time error CSS1039: Token not allowed after unary operator: '-scroll-size' (3687,22): run-time error CSS1039: Token not allowed after unary operator: '-thumb-color' (3688,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-radius' (3697,26): run-time error CSS1039: Token not allowed after unary operator: '-thumb-color-hover' (3703,22): run-time error CSS1039: Token not allowed after unary operator: '-track-color' (3704,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-radius' (3719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3732,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11' */ @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%); --color-sisconpes-blue: rgb(23,66,131); --color-sisconpes-light-blue: rgb(51, 102, 204); } /* Main Color */ .bg-maincolor { background-color: var(--mainColor); } .text-maincolor { color: var(--mainColor); } /* Main Color 2 */ .bg-maincolor-2 { background-color: var(--mainColor-2); } .text-maincolor-2 { color: var(--mainColor-2); } /* Main Color 3 */ .bg-maincolor-3 { background-color: var(--mainColor-3); } .text-maincolor-3 { color: var(--mainColor-3); } /* Main Color 4 */ .bg-maincolor-4 { background-color: var(--mainColor-4); } .text-maincolor-4 { color: var(--mainColor-4); } /* Main Color 5 */ .bg-maincolor-5 { background-color: var(--mainColor-5); } .text-maincolor-5 { color: var(--mainColor-5); } /* Main Color 6 */ .bg-maincolor-6 { background-color: var(--mainColor-6); } .text-maincolor-6 { color: var(--mainColor-6); } /* Main Color 7 */ .bg-maincolor-7 { background-color: var(--mainColor-7); } .text-maincolor- { color: var(--mainColor-7); } /* Main Color 8 */ .bg-maincolor-8 { background-color: var(--mainColor-8); } .text-maincolor- { color: var(--mainColor-8); } /* Main Color 9 */ .bg-maincolor-9 { background-color: var(--mainColor-9); } .text-maincolor- { color: var(--mainColor-9); } /* Main Color 10 */ .bg-maincolor-10 { background-color: var(--mainColor-10); } .text-maincolor-10 { color: var(--mainColor-10); } /* Main Color 11 */ .bg-maincolor-11 { background-color: var(--mainColor-11); } .text-maincolor-11 { color: var(--mainColor-11); } .container { max-width: 100vw; width: 100%; padding: 0 1rem; } .container-sm { max-width: 100vw; width: 100%; padding: 0 1rem; } .container-md { max-width: 100vw; width: 100%; padding: 0 1rem; } .container-lg { max-width: 100vw; width: 100%; padding: 0 1rem; } .container-xl { max-width: 100vw; width: 100%; padding: 0 1rem; } .container-logged { padding: 0 1.5em; max-width: 1440px; margin: auto; } @media (min-width: 576px) { .container-sm { max-width: 540px; } .container-md { width: 100%; } .container-lg { width: 100%; } .container-xl { width: 100%; } } @media (min-width: 768px) { .container { max-width: 700px; } .container-sm { max-width: 720px; } .container-md { max-width: 720px; } .container-lg { width: 100%; } .container-xl { width: 100%; } } @media (min-width: 992px) { .container { max-width: 900px; } .container-sm { max-width: 960px; } .container-md { max-width: 960px; } .container-lg { max-width: 960px; } .container-xl { width: 100%; } } @media (min-width: 1200px) { .container { max-width: 1100px; } .container-sm { max-width: 1140px; } .container-md { max-width: 1140px; } .container-lg { max-width: 1140px; } .container-xl { max-width: 1140px; } } @media (min-width: 1440px) { .container { max-width: 1400px; } } /* Futura */ @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Bold.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Bold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-BoldObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Book.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-BookObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-BoldObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-Book.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-BookObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-ExtraBold.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-Bold.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-MediumObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-ExtraBoldObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPTCond-Medium.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-DemiObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Demi.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-ExtraBoldObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-ExtraBold.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-ExtraBold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Heavy.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Heavy.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Light.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Light.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Medium.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-HeavyObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-HeavyObl.woff) format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-LightObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-LightObl.woff) format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-MediumObl.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/FuturaPT/FuturaPT-MediumObl.woff) format('woff'); font-weight: 500; font-style: italic; font-display: swap; } /* Raleway */ @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Bold.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Bold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-BlackItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-BlackItalic.woff) format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraBold.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraBold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-BoldItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-BoldItalic.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Black.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Black.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraLightItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraLightItalic.woff) format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraLight.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraLight.woff) format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraBoldItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ExtraBoldItalic.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Italic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Italic.woff) format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-LightItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-LightItalic.woff) format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-MediumItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-MediumItalic.woff) format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Medium.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Light.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Light.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Regular.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Regular.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Thin.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-Thin.woff) format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-SemiBold.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-SemiBold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-SemiBoldItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-SemiBoldItalic.woff) format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ThinItalic.woff2) format('woff2'), url(/SisCONPESWeb/Content/fonts/Raleway/Raleway-ThinItalic.woff) format('woff'); font-weight: 100; font-style: italic; font-display: swap; } /* Montserrat */ @font-face { font-family: 'Montserrat'; src: url(/SisCONPESWeb/Content/fonts/Montserrat/Montserrat-Bold.ttf) format('truetype'); font-weight: 800; } @font-face { font-family: 'Montserrat'; src: url(/SisCONPESWeb/Content/fonts/Montserrat/Montserrat-SemiBold.ttf) format('truetype'); font-weight: 700; } @font-face { font-family: 'Montserrat'; src: url(/SisCONPESWeb/Content/fonts/Montserrat/Montserrat-Medium.ttf) format('truetype'); font-weight: 600; } @font-face { font-family: 'Montserrat'; src: url(/SisCONPESWeb/Content/fonts/Montserrat/Montserrat-MediumItalic.ttf) format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url(/SisCONPESWeb/Content/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype'); font-weight: 400; } /* WorkSans*/ @font-face { font-family: 'Work Sans'; src: url(/SisCONPESWeb/Content/fonts/WorkSans/WorkSans-Regular.ttf) format('truetype'); font-weight: 400; } @font-face { font-family: 'Work Sans'; src: url(/SisCONPESWeb/Content/fonts/WorkSans/WorkSans-Medium.ttf) format('truetype'); font-weight: 600; } @font-face { font-family: "Work Sans"; src: url(/SisCONPESWeb/Content/fonts/WorkSans/WorkSans-SemiBold.ttf) format('truetype'); font-weight: 700; } @font-face { font-family: 'Work Sans'; src: url(/SisCONPESWeb/Content/fonts/WorkSans/WorkSans-Bold.ttf) format('truetype'); font-weight: 800; } /* * { outline: 0.1px solid red; } */ /* Cambia Html rem = 10px Bootstrap */ html { font-size: 100%; } body { font-family: "Work Sans", 'Raleway', 'Helvetica Neue', sans-serif; font-size: 1rem; line-height: 20px; color: var(--fontColor); position: relative; display: flex; min-height: 100vh; flex-direction: column; } main, .main { flex: 1 0 auto; } .p-content { padding: 30px; } .d-block { display: block; } .d-flex { display: flex; } .d-grid { display: grid; } .d-flex-gap-1 { gap: 1rem; } .align-items-center { align-items: center; } .align-self-center { align-self: center; } .align-content-center { align-content: 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; } .p-3em { padding: 3em; } .p-2em { padding: 2em; } .p-1em { padding: 1em; } .p-5em { padding: 5em; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .pl-0 { padding-left: 0 !important; } .pl-1 { padding-left: 1em; } .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-05em { padding-left: 0.5em; padding-right: 0.5em; } .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; } .mx-4em { margin-left: 4em !important; margin-right: 4em !important; } .ml-05em { margin-left: 0.5em; } .ml-08em { margin-left: 0.8em; } .ml-2-5em { margin-left: 2.5em; } .mr-0em { margin-right: 0; } .mr-05em { margin-right: 0.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; } .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; } .fs-1-5rem { font-size: 1.5rem; } .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; } .bg-grayColor { background-color: var(--grayColor-10); } .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; } .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; } .border-radius-0-5em { border-radius: 0.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; } } .text-align-center { text-align: center; } .text-align-justify { text-align: justify; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .nborder { border-bottom: none!important; } .color-white { color: #fff; } @media (min-width: 1000px) { .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; } } /* Style Guide */ .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } @media (max-width: 767.98px) { #dnp-logo-container img { height: 70px; width: 50px; } .header-logo { height: 5.5em; } } @media (max-width: 767.98px) { #logoutForm { margin: auto; } } body { overflow-x: hidden; /* Evita el scroll horizontal */ } #main { transition: margin-left 0.3s; padding: 15px; } .no-shadow { box-shadow: none!important; } .mt-1 { margin-top: 0.5rem } .h-100 { height: 100%; } .pagination > .page-item > button.page-link { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); margin-left: -1px; } .pagination > .active > button, .pagination > .active > span, .pagination > .active > button:hover, .pagination > .active > span:hover, .pagination > .active > button:focus, .pagination > .active > span:focus { background: var(--color-sisconpes-blue) !important; border-color: var(--color-sisconpes-blue) !important; color: white; } .pagination > li > button, .pagination > li > span, .pagination > li > button:focus, .pagination > li > button:hover, .pagination > li > span:focus { color: var(--color-sisconpes-blue); } .pagination > .disabled > button, .pagination > .disabled > button:hover { color: #A8A8A8; background-color: #f2f2f2; border-color: #dddddd; cursor: not-allowed; } .documento-detalle { margin: 2rem; } .documento-detalle--buttons button { width: 100%; margin-top: 0.5rem; text-wrap: auto; } .documento-detalle--buttons a { width: 100%; margin-top: 0.5rem; text-wrap: auto; } .document-actions--button { cursor: pointer; font-size: 1rem; } .f-1-2rem { font-size: 1rem; } @media (min-width: 992px) { .document-actions--button { display: none; } .document-actions { display: block!important; } .f-1-2rem { font-size: 1.2rem; } } @media (max-width: 992px) { .document-actions { display: none; } } .m-auto { margin: auto; } .mr-0 { margin-right: 0; } .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; } .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; } .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; } /* New Guide style */ /*.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); } .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; text-align: justify; } .seguimiento-graficas { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; } .seguimiento-graficas--bg { background-image: url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/Content/icons/boton_boton_tabla_anterior.svg); } .carousel-balance-cualitativo .glyphicon-chevron-right:before { content: url(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/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(/SisCONPESWeb/Content/styleGuide/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(/SisCONPESWeb/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; } } /* New EL CONPES layout*/ .elconpes-menu { grid-area: nav; } .elconpes-menu--tabs li { list-style: none; background: transparent; cursor: pointer; border: 1px solid rgba(204, 204, 204, 0.5); border-radius: 10px; margin-bottom: 5px; } .elconpes-menu--tabs li a { width: 100%; display: block; line-height: 3.5rem; padding-left: 1rem; color: var(--fontColor); } .elconpes-menu--tabs > li.active { --colorBanner-bg: rgb(23,66,131); background: var(--colorBanner-bg); } .elconpes-menu--tabs > li.active a { color: white; } .elconpes-menu--tabs > li:hover { background: rgb(7, 67, 98); } .elconpes-menu--tabs > li:hover a{ color: white; } .elconpes-menu--tabs li a{ text-decoration: none; /*color: white;*/ } .elconpes { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-areas: "nav content content"; column-gap: 1rem; margin: 2rem auto; } .elconpes-detail { grid-area: content; margin-top: auto; margin-bottom: auto; margin-left: 1rem; } @media (max-width: 575.98px) { .elconpes { grid-template-columns: repeat(1, 1fr); grid-template-areas: "nav" "content"; row-gap: 1rem; } .elconpes-menu--tabs { margin-right: 2.4rem; } } .sisconpes-icon { width: 30px; height: 30px; display: inline-flex; vertical-align: middle; margin: 0.5em; } .sisconpes--title-icon { height: 40px; width: 40px; margin: 0.5em; } .sisconpes--title-icon--background { background: var(--mainColor-11); } .sisconpes-max-width-icon { width: 100%; height: 80px; } .sisconpes-max-height-icon { height: 80px; width: 80px; } .sisconpes-icon-bg-blue { background-color: var(--mainColor-8); } .sisconpes-icon-bg-black { background-color: black; } .sisconpes-external-max-size { font-size: 1.5rem; } .i-calendar-blue { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/icono_calendario_activo.svg); mask-image: url(/SisCONPESWeb/Content/icons/icono_calendario_activo.svg); } .i-conpes { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/elconpes.svg); mask-image: url(/SisCONPESWeb/Content/icons/elconpes.svg); } .i-sisconpes-color { background-image: url(/SisCONPESWeb/Content/logo/Sisconpes-color.svg); background-size: cover; } .i-conpes-color { background-image: url(/SisCONPESWeb/Content/images/icono-sisconpes-color.png); background-size: cover; width: 80px; height: 80px; } .i-estadistica { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/estadisticas.svg); mask-image: url(/SisCONPESWeb/Content/icons/estadisticas.svg); } .i-informativo { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/informativos.svg); mask-image: url(/SisCONPESWeb/Content/icons/informativos.svg); } .i-preguntas-frecuentes { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/preguntas.svg); mask-image: url(/SisCONPESWeb/Content/icons/preguntas.svg); } .i-descargar { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/banner/descargar-home.svg); mask-image: url(/SisCONPESWeb/Content/icons/banner/descargar-home.svg); } .i-video-tutorial { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/videos-tutoriales.svg); mask-image: url(/SisCONPESWeb/Content/icons/videos-tutoriales.svg); } .i-formato-soporte { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/formatos-soporte.svg); mask-image: url(/SisCONPESWeb/Content/icons/formatos-soporte.svg); } .i-biblioteca { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/biblioteca.svg); mask-image: url(/SisCONPESWeb/Content/icons/biblioteca.svg); } .i-ayuda-linea { -webkit-mask-image: url(/SisCONPESWeb/Content/icons/menu/soyconpes.svg); mask-image: url(/SisCONPESWeb/Content/icons/menu/soyconpes.svg); } .i-video-tutoriales { background-image: url(/SisCONPESWeb/Content/icons/videos-tutoriales.svg); background-size: cover; } .i-buscar { background-image: url(/SisCONPESWeb/Content/icons/boton_consultar-nuevo-instructivo.svg); mask-image: url(/SisCONPESWeb/Content/icons/boton_consultar-nuevo-instructivo.svg); } .i-login { background-image: url(/SisCONPESWeb/Content/icons/ingresar.svg); mask-image: url(/SisCONPESWeb/Content/icons/ingresar.svg); } .i-documento4080 { mask-image: url(/SisCONPESWeb/Content/icons/documentos/iconodocumento4080.svg); } .i-documento4114 { mask-image: url(/SisCONPESWeb/Content/icons/documentos/iconodocumento4114.svg); } .i-documento1418 { mask-image: url(/SisCONPESWeb/Content/icons/documentos/iconodocumento1418.svg); } .i-documento4118 { mask-image: url(/SisCONPESWeb/Content/icons/documentos/iconodocumento4118.svg); } .i-documento4129 { mask-image: url(/SisCONPESWeb/Content/icons/documentos/iconodocumento4129.svg); } :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; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat"; font-weight: 700; color: var(--mainColor-11); margin-top: 0; } h1 { font-size: 1.875rem; line-height: 2rem; } h2 { font-size: 1.5rem; line-height: 2rem; border-bottom: 2px solid; } h3 { font-size: 1.125rem; line-height: 1.875rem; } h4 { font-size: 1rem; line-height: 1.5rem; } h5 { font-size: 0.875rem; line-height: 1.688rem; } h6 { font-size: 0.5rem; line-height: 1.5rem; } /* Enlaces */ a { font-family: "Work Sans"; font-size: 0.875rem; font-weight: 600; color: #3366CC; line-height: 1.375rem; } a:hover { color: #004884; } a:focus-visible { outline: max(0.125rem, 0.125rem) solid #707070; outline-offset: max(0.313rem, 0.313rem); } a:visited { } a[aria-disabled="true"] { color: #737373; pointer-events: none; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { h1 { font-size: 2.5rem; line-height: 3rem; } h2 { font-size: 1.8rem; line-height: 2rem; border-bottom: 2px solid; } h3 { font-size: 1.5rem; line-height: 2.25rem; } h4 { font-size: 1.25rem; line-height: 1.5rem; } h5 { font-size: 1.125rem; line-height: 1.688rem; } h6 { font-size: 1rem; line-height: 1.5rem; } a { font-size: 1rem; } p.banner-content { font-size: 1.25rem; font-weight: 500; } } @media (min-width: 1200px) { } @media (min-width: 1400px) { }