/* Minification failed. Returning unminified contents. (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,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 '-' (63,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 '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,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 '-' (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 '-' (92,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 '-' (120,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (137,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-menu' (154,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (164,18): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-width' (189,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (194,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (206,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-width' (207,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-border' (208,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-margin_left' (223,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bgfooter' (225,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-textFooter' (235,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-textFooter' (240,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-textFooter' (264,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-mainlogin' (272,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (280,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (306,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (310,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-third' (351,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (372,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-header' (373,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (410,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (420,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary-dark' (422,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (430,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (431,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (436,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (443,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (444,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (468,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (474,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (481,29): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (491,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (517,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-borderTable' (532,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey2' (533,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey5' (558,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (568,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary-dark' (590,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-red' (597,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-header' (607,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-header' (618,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (625,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (641,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-toogleNav' (656,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-header-breadcrumb' (663,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (668,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (669,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (726,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (737,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (743,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (748,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (757,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (758,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (760,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (761,25): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (808,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (809,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (811,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-primary' (823,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (841,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-hover-primary' (842,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary-hover' (843,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-hover-primary' (847,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (853,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (854,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (857,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-primary' (867,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (888,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-hover-primary' (889,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (890,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-hover-primary' (899,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-disabled' (900,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (909,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-disabled' (913,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-disabled' (930,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (943,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-secondary' (944,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-secondary' (945,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-secondary' (960,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-hover-secondary' (974,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-secondary' (982,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (983,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (1020,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons' (1040,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons-hover' (1056,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons' (1062,16): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (1070,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons-hover' (1096,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (1107,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1127,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1136,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1145,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1167,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-error' (1175,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-error' (1185,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (1193,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-error' (1202,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey' (1214,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1223,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1224,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1233,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1240,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1244,25): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1251,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1260,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1269,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1278,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1304,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1312,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-menu' (1313,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1320,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-orange' (1325,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1326,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-yellow' (1330,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-valida' (1334,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey7' (1349,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1361,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1363,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1376,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1387,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1398,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-red' (1404,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1405,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey1' (1411,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1418,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1423,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1424,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey1' (1444,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1446,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1456,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey4' (1468,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1479,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1492,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1496,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (1497,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1511,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1522,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1532,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1544,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1593,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1601,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (1608,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1612,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-secondary' (1613,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-secondary' (1614,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-secondary' (1618,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (1619,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (1620,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-primary' (1671,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (1679,31): run-time error CSS1046: Expect comma, found '227' (1679,38): run-time error CSS1046: Expect comma, found ')' (1702,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (1746,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons' (1791,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary-dark' (1796,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1807,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1814,35): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1815,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-hover-secondary' (1823,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1828,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1833,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1859,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-border-error' (1865,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (1869,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (1875,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-border-error' (1885,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1891,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (1895,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1904,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary-dark' (1909,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (1924,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (1929,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1957,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1995,36): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary-dark' (2084,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2085,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2086,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (2099,38): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (2104,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (2105,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2109,38): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2109,84): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (2113,38): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2128,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (2135,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (2209,32): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (2211,21): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' */ /*---------------------------------------------------------- El color base de esta plantilla es #00b5cc. Si desea usar otro color, empiece por reemplazar todas las instancias de #00b5cc con el nuevo color. CFD ----------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&display=swap'); :root { /*------------------INICIO COLORES PERSONALIZADOS POR CLIENTE------------------*/ --cfd-color-bg-header: #F2F2F2; --cfd-color-text-header: #292929; --cfd-color-text-header-breadcrumb: #23418A; --cfd-color-primary: #3a6be3; --cfd-color-primary-dark:#28458c; --cfd-color-secondary: #23418A; --cfd-color-secondary-dark: #1c3164; --cfd-color-third: #23418A; --cfd-color-bkgHover: rgba(82, 108, 172, 0.1); --cfd-color-bgfooter: #2E3436; --cfd-color-textFooter: #BBBBBB; --cfd-color-toogleNav: #23418A; --cfd-color-text-primary:#151A30; --cfd-color-text-secondary:#23418A; --cfd-color-icons:#3a6be3; --cfd-color-icons-hover:#686868; --cfd-color-btn-border-primary: #526cac; --cfd-color-btn-bkg-primary: #526cac; --cfd-color-btn-border-hover-primary: #23418A; --cfd-color-btn-bkg-hover-primary: #23418A; --cfd-color-btn-border-secondary: #23418A; --cfd-color-btn-bkg-secondary: #ffffff; --cfd-color-btn-border-hover-secondary: #23418A; --cfd-color-btn-bkg-hover-secondary: rgba(82, 108, 172, 0.1); --cfd-color-btn-text-primary: #ffffff; --cfd-color-btn-text-primary-hover: #ffffff; --cfd-color-btn-text-secondary: #23418A; --cfd-color-btn-text-secondary-hover: #23418A; /*------------------FINAL COLORES PERSONALIZADOS POR CLIENTE------------------*/ --cfd-color-bg-disabled: rgba(21, 26, 48, 0.12); --cfd-color-text-disabled: rgba(21, 26, 48, 0.38); --cfd-color-bg-menu: #EDF1F7; --cfd-color-border-error: #dc3545; --cfd-color-alert-text-error: #5F2120; /*Alert text error*/ --cfd-color-alert-background-icon-error: #FF3845; /*Alert error icon*/ --cfd-color-alert-background-error: #FDEDED; /*Alert error background*/ --cfd-color-alert-text-warning: #663C00; /*Alert text warning*/ --cfd-color-alert-background-icon-warning: #FFAF05; /*Alert warning icon*/ --cfd-color-alert-background-warning: #FFF4E5; /*Alert warning background*/ --cfd-color-alert-text-info: #014361; /*Alert text info*/ --cfd-color-alert-background-icon-info: #05A3FF; /*Alert info icon*/ --cfd-color-alert-background-info: #E5F6FD; /*Alert info background*/ --cfd-color-alert-text-succes: #1E4620; /*Alert text succes*/ --cfd-color-alert-background-icon-succes: #1EA843; /*Alert succes icon*/ --cfd-color-alert-background-succes: #EDF7ED; /*Alert succes background*/ --cfd-color-black: #000000; --cfd-color-white: #ffffff; --cfd-color-grey: #808080; --cfd-color-grey1: #cccccc; --cfd-color-grey2: #EEEEEE; --cfd-color-grey3: #AAAAAA; --cfd-color-grey4: #BBBBBB; --cfd-color-grey5: #DDDDDD; --cfd-color-grey6: #777777; --cfd-color-grey7: #EFEFEF; --cfd-color-grey8: #666666; --cfd-color-grey9: #555555; --cfd-color-red: #FF3845; --cfd-color-borderTable: #e8eef4; --cfd-color-valida: #FEE5CA; --cfd-color-orange: #ffa500; --cfd-color-yellow: #ffff00; --cfd-color-bg-mainlogin: transparent; --cfd_logo-width: 133px; /*135px*/ --cfd_logo-border: 0px; /*0px*/ --cfd_logo-margin_left: 2px; /*0px*/ } * { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .outfit { font-family: "Outfit", sans-serif; font-optical-sizing: auto; } .instrument-sans { font-family: "Instrument Sans", sans-serif; font-optical-sizing: auto; } html, body { height: 100%; } body { background: var(--cfd-color-white); font-optical-sizing: auto; font-family: "Instrument Sans", sans-serif; margin: 0; padding: 0; overflow-y: scroll; overflow-x: scroll; } img, p, button, a { transition: all 0.5s ease-out; } #main-menu { background-color: var(--cfd-color-bg-menu); } img.logoCentralIndex { max-width: 100%; } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-size: 1.2rem; } .rojo { color: var(--cfd-color-alert-background-icon-error); } .pegaso-header#header { display: block; } #logo img { display: block; position: relative; width: var(--cfd_logo-width); padding: 2.5px 0; } .ContentLogoInt { display: flex; vertical-align: middle; align-items: center; justify-content: space-between; } .contentPestanas { display: flex; position: relative; width: 100%; align-items: center; justify-content: space-between; } .contentPestanas span.etiquetaCampos { display: block; position: relative; line-height: 11px; text-align: right; font-size: smaller; color: var(--cfd-color-white); margin-right: 10px; } #main-menu h2 { color: var(--cfd-color-primary) !important; font-family: "Instrument Sans"; font-size: 12px; font-style: normal; font-weight: 500 !important; line-height: 200%; letter-spacing: 1px; text-transform: uppercase; margin: 15px 0 0 7px; } .logo { width: var(--cfd_logo-width); border-width: var(--cfd_logo-border); margin-left: var(--cfd_logo-margin_left); } .footer { left: 0; bottom: 0; width: 100%; position: fixed; z-index: 888888; } .footer-content { display: flex; justify-content: space-evenly; align-items: center; background-color: var(--cfd-color-bgfooter); width: 100%; color: var(--cfd-color-textFooter); padding: 10px 0; text-align: center; margin: 0; font-size: 11px; } .footer-content div p { margin-bottom: 0; line-height: normal; color: var(--cfd-color-textFooter); font-size: 11px; } .footer-content div p a { color: var(--cfd-color-textFooter); } .footer-content div img.logo-foot { width: 160px; height: auto; margin: 0 0 0.5rem 0; } .footer-content img.Prov { display: flex; position: absolute; max-height: 105px; right: 40px; } .mainlogin { position: relative; display: block; width: 96%; padding: 0 2% 150px 2%; top: 0; bottom: 0; height: auto; background: var(--cfd-color-bg-mainlogin) !important; } a:link { text-decoration: none; } a:hover { color: var(--cfd-color-primary) !important; text-decoration: none; } p { margin-bottom: 10px; line-height: normal; font-family: "Instrument Sans", sans-serif; color: var(--cfd-color-text-primary); font-size: 14px; } /* TÍTULOS ----------------------------------------------------------*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Outfit", sans-serif; font-weight: normal !important; } h1 {font-size: 35px; padding: 0; margin: 1rem 0; line-height: 39px; color: var(--cfd-color-text-primary) !important; } h2, h3, h4, h5, h6{ color: var(--cfd-color-third) !important; } h2 { font-size: 25px; padding: 0; margin: 1rem 0; line-height: 29px; } h3 { font-size: 20px; line-height: 24px; } h4 { font-size: 18px; line-height: 22px; } h5, h6 { font-size: 14px; line-height: 18px; } /* esta regla crea etiquetas

que son el primer elemento secundario de las columnas de tabla izquierda y derecha */ .rightColumn>h1, .rightColumn>h2, .leftColumn>h1, .leftColumn>h2 { margin-top: 0; } /* ELEMENTOS DE DISEÑO PRIMARIO ----------------------------------------------------------*/ /* puede especificar un porcentaje mayor o menor para el ancho de página. O bien puede especificar un ancho de píxel exacto. */ .page { background-color: var(--cfd-color-white); min-height: 100%; margin-left: auto; margin-right: auto; margin-bottom: -171px; } .page:after { content: ""; display: block; } /*.footer, .page:after { height: 130px; }*/ #header { display: flex; position: relative; justify-content: space-between; align-items: center; background: var(--cfd-color-bg-header); color: var(--cfd-color-primary); height: auto; } #contenido { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 4px; } /*#main { _height: 1px; /* solo IE6 aplica las propiedades de CSS con un carácter de subrayado inicial border: 2px solid var(--cfd-color-white); padding-right: 20px; padding-left: 20px; padding-bottom: 30px; }*/ /* MENÚ TABULADOR ----------------------------------------------------------*/ ul#menu { padding: 0; position: relative; margin: 0; } ul#menu li { display: inline; list-style: none; } ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.79em; color: var(--cfd-color-white); } ul#menu li a { display: inline-flex; height: 31px; padding: 10px; justify-content: center; align-items: center; border-radius: 5px 5px 0px 0px; background-color: var(--cfd-color-primary-dark); text-decoration: none; color: var(--cfd-color-white); font-weight: 500; font-family: "Outfit", sans-serif; font-size: 14px; cursor: pointer; } ul#menu li a:hover { background-color: var(--cfd-color-primary); color: var(--cfd-color-white) !important; text-decoration: none; } ul#menu li a:active { background-color: var(--cfd-color-primary); /*AQUI PESTAÑAS*/ /*#00b5cc*/ text-decoration: none; } ul#menu li.selected a { background-color: var(--cfd-color-white); color: var(--cfd-color-text-primary); } /* ELEMENTOS DE DISEÑO DE FORMULARIOS ----------------------------------------------------------*/ fieldset { display: block; position: relative; border: none; padding: 0; min-width: 100%; } fieldset p { margin: 2px 12px 10px 10px; } p.lblInformacionCuenta { display: flex; position: relative; font-size: 15px; text-wrap: nowrap; margin-right: 0.5rem; color: var(--cfd-color-secondary); font-family: "Outfit", sans-serif; } .campoCaptura, input[type="text"].camposInput { height: 24px; border: 1px solid var(--cfd-color-text-secondary) !important; border-radius: 4px; padding: 0 5px; } input:focus-visible, .campoCaptura, textarea:focus-visible { outline-offset: 0px; outline: 0px solid var(--cfd-color-text-secondary); } /*input:focus-visible { outline-color:var(--cfd-color-text-secondary); outline-style: auto; outline-width: 1px; }*/ label { color: var(--cfd-color-text-primary); font-size: 14px; font-weight: 400; font-family: "Instrument Sans", sans-serif; } /* input[type="password"] { width: 200px; border: 1px solid #CCC; } input, select { margin: -0.2em 0; } input, select, option { -moz-border-radius: 4px; border-radius: 4px; }*/ /* TABLA ----------------------------------------------------------*/ table { border: solid 0px var(--cfd-color-borderTable); border-collapse: collapse; border: hidden; } table td, table th { padding: 5px; font-family: "Instrument Sans", sans-serif; font-size: 14px; } table th { padding: 6px 5px; text-align: center; background-color: var(--cfd-color-grey2); border: solid 0px var(--cfd-color-grey5); } table.tablePre { display: flex; width: 100%; justify-content: center; margin: 0 auto 20px auto; } td.camposInput { padding: 0 0 10px 0; width: 250px; } td.padCero { padding: 0; } tbody.k-table-tbody tr.k-table-row.k-master-row td.k-table-td a span { font-size: 1.2rem; } tbody.k-table-tbody tr.k-table-row.k-master-row td.k-table-td a:hover { background-color: var(--cfd-color-bkgHover); } tbody.k-table-tbody tr.k-table-row.k-master-row td.k-table-td a.k-button.k-button-sm.k-rounded-md.k-button-solid.k-button-solid-base.btnIcon, .k-button.k-button-sm.k-rounded-md.k-button-solid.k-button-solid-base.btnIcon#btnCancelar { background-color: transparent; border-color: transparent; } tbody.k-table-tbody tr.k-table-row.k-master-row td.k-table-td a.k-button.k-button-sm.k-rounded-md.k-button-solid.k-button-solid-base.btnIcon#hover { color: var(--cfd-color-secondary-dark); } tbody.k-table-tbody tr.k-table-row.k-master-row td.k-table-td a.k-button.k-button-sm.k-rounded-md.k-button-solid.k-button-solid-base.btnIcon:active { height: 24px; } a.k-button { border-width: 0 !important; } .k-link { justify-content: center; } /* VARIOS ----------------------------------------------------------*/ .clear { clear: both; } .error { color: var(--cfd-color-red); } div#title { display: flex; flex-direction: column; text-align: right; color: var(--cfd-color-text-header); font-size: 20px !important; padding: 0px 10px; } div#title div { height: 25px; } div#title .subTituloHeader { color: var(--cfd-color-text-header); font-size: 20px !important; margin: 0; font-family: "Outfit", sans-serif; } div#title .subVersion { font-size: 9px; } div#title .etiquetaCampos { color: var(--cfd-color-primary); font-family: "Outfit", sans-serif; font-size: 11px; } #title h1 { margin: 0; color: var(--cfd-color-primary); /*AQUI TITULO*/ border: none; line-height: normal; font-size: 20px !important; vertical-align: middle; padding: 0; } span.nav-toggle>span.icon-bar { display: block; width: 20px; height: 2px; border-radius: 1px; box-sizing: border-box; margin: 3px 1px; background-color: var(--cfd-color-toogleNav); cursor: pointer; } span.subTituloHeader~span { font-family: "Outfit", sans-serif; } #logindisplay { font-size: 12px; display: block; text-align: right; margin: 0px; padding: 5px 10px; color: var(--cfd-color-text-header-breadcrumb); font-family: "Instrument Sans", sans-serif; /*AQUI LINKS SUP Y TEXTO*/ /*var(--cfd-color-grey1);*/ } #logindisplay a { color: var(--cfd-color-primary); text-decoration: none; } #logindisplay a:hover { color: var(--cfd-color-primary); background-color: var(--cfd-color-bkgHover); text-decoration: none; } /* Estilos para aplicaciones auxiliares de validación -----------------------------------------------------------*/ .field-validation-valid { display: none; } .validation-summary-valid { display: none; } /* Estilos para aplicaciones auxiliares de editor y visualización ----------------------------------------------------------*/ .display-label, .editor-label, .display-field, .editor-field { margin: 0.5em 0; } .text-box { width: 30em; } .text-box.multi-line { height: 6.5em; } .tri-state { width: 6em; } .listaDesplegable { width: 250px; } .campos { border-style: hidden; } .contentButtons { margin-top: 1rem; } .contentButtons td input { margin-right: 10px; } /* Estilos legados ----------------------------------------------------------*/ a.enlace:link { text-decoration: none; color: var(--cfd-color-text-primary); font-family: "Instrument Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 143%; letter-spacing: 0.17px; } a.enlace:active { text-decoration: none; color: var(--cfd-color-primary); /*#00b5cc*/ } a.enlace:visited { text-decoration: none; color: var(--cfd-color-black); } a.enlace:hover { text-decoration: none; color: var(--cfd-color-primary); } .clstablatrabajo { width: 775px; border: 0; } .clstabla { border-right: var(--cfd-color-black) thin; border-top: var(--cfd-color-black) thin; background-image: none; border-left: var(--cfd-color-black) thin; border-bottom: var(--cfd-color-black) thin; position: relative; background-color: transparent; } .btn, a.btn, input[type="button"], button[type="button"], #btnsubir, #btnNuevo, .k-button-solid-base, #btnCargar, #ClickGenerarArchivo, #VerVentanaConsulta, #bntConsulta, #btnEnviarCorreo, #btnExportar, .btn:focus, a.btn:focus, input[type="button"]:focus, button[type="button"]:focus, #btnsubir:focus, #btnNuevo:focus, .k-button-solid-base:focus, #btnCargar:focus, #ClickGenerarArchivo:focus, #VerVentanaConsulta:focus, #bntConsulta:focus, #btnEnviarCorreo:focus, #btnExportar:focus, .btn:active, a.btn:active, input[type="button"]:active, button[type="button"]:active, #btnsubir:active, #btnNuevo:active, .k-button-solid-base:active, #btnCargar:active, #ClickGenerarArchivo:active, #VerVentanaConsulta:focus, #bntConsulta:active, #btnEnviarCorreo:active, #btnExportar:active{ font-size: 14px; font-weight: 400; height: 36px; color: var(--cfd-color-btn-text-primary); background-color: var(--cfd-color-btn-bkg-primary); position: relative; border: 1px solid var(--cfd-color-btn-border-primary); border-radius: 4px; cursor: pointer; font-family: "Outfit", sans-serif; transition: all 0.5s ease-out; box-shadow: none; padding: 5px; white-space: nowrap; width: auto; } .form-control:focus { border-color: var(--cfd-color-grey6) !important; outline: 0 !important; box-shadow: none !important; } .btn:hover, a.btn:hover, input[type="button"]:hover, button[type="button"]:hover, #btnsubir:hover, #btnNuevo:hover, .k-button-solid-base:hover, #btnCargar:hover, #ClickGenerarArchivo:hover, #VerVentanaConsulta:hover, #bntConsulta:hover, #btnEnviarCorreo:hover, #btnExportar:hover { background-color: var(--cfd-color-btn-bkg-hover-primary); color: var(--cfd-color-btn-text-primary-hover); border: 1px solid var(--cfd-color-btn-border-hover-primary); } button.k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base span.k-icon.k-svg-icon { color: var(--cfd-color-white) !important; } .input-group span.input-group-addon span.btn { border-radius: 4px; margin-left: 5px; color: var(--cfd-color-btn-text-primary); background-color: var(--cfd-color-btn-bkg-primary); padding: 0 5px; height: 24px; border: 1px solid var(--cfd-color-btn-border-primary); } input.k-textbox, .k-input-md, .k-rounded-md, .k-valid{ font-size: 14px !important; line-height: 24px !important; height: 24px; border: 1px solid var(--cfd-color-grey6); border-radius: 4px; } .input-group span.input-group-addon span.btn span.material-symbols-outlined { font-size: 14px !important; line-height: 24px !important; height: 24px; border-radius: 4px; } .divrow.divConceptoRow1 { display: flex; align-items: end; font-size: 14px; font-weight: normal; font-family: "Instrument Sans", sans-serif; } .input-group span.input-group-addon span.btn:hover { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.20), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: var(--cfd-color-btn-border-hover-primary); color: var(--cfd-color-white); border: 1px solid var(--cfd-color-btn-border-hover-primary); } button:disabled, button[disabled], button[type=button]:disabled, input.form-control:disabled, button.form-control:disabled, a.form-control:disabled { background-color: var(--cfd-color-bg-disabled); color: var(--cfd-color-text-disabled); box-shadow: none; cursor: auto; border: none; text-wrap: nowrap; border-radius: 4px; } input.btnDeshabilido:disabled~button { background-color: var(--cfd-color-bg-disabled); } .k-numerictextbox.k-input.k-input-sm.k-rounded-sm.k-input-solid.k-input-md.k-rounded-md.k-disabled span.k-input-spinner.k-spin-button button { background-color: var(--cfd-color-bg-disabled); border-radius: 0px; } .k-spinner-increase.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button, .k-spinner-decrease.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button { border-radius: 0px; padding: 0.1rem 0.3rem; } .k-pager-nav.k-button.k-button-flat.k-button-flat-base.k-icon-button.k-pager-first.k-button-md.k-disabled, .k-pager-nav.k-button.k-button-flat.k-button-flat-base.k-icon-button.k-button-md.k-disabled, .k-pager-nav.k-button.k-button-flat.k-button-flat-base.k-icon-button.k-pager-first.k-button-md.k-disabled span, .k-pager-nav.k-button.k-button-flat.k-button-flat-base.k-icon-button.k-button-md.k-disabled span, button[type=button]:not(:disabled) span.k-icon.k-svg-icon, a#btnEditar:disabled { background-color: transparent !important; color: var(--cfd-color-text-disabled) !important; } #Cancelar, #CancelarConsulta, #btnCancelar, #Cerrar, #btnCancelarActTipoCambio, #btnCerrar, #cancelar, #btnCancelarAnual, #CancelarDetalle, #CancelarEnvioMasivo { border: 1px solid var(--cfd-color-btn-border-secondary); background-color: var(--cfd-color-btn-bkg-secondary); color: var(--cfd-color-btn-text-secondary); pointer-events: auto; cursor: pointer; } #Cancelar:hover, #CancelarConsulta:hover, #btnCancelar:hover, #Cerrar:hover, #btnCancelarActTipoCambio:hover, #btnCerrar:hover, #cancelar:hover, #btnCancelarAnual:hover, #CancelarDetalle:hover, #CancelarEnvioMasivo:hover { background-color: var(--cfd-color-btn-bkg-hover-secondary); box-shadow: none; } #Cancelar:focus, #CancelarConsulta:focus, #btnCancelar:focus, #Cerrar:focus, #btnCancelarActTipoCambio:focus, #btnCerrar:focus, #cancelar:focus, #btnCancelarAnual:focus, #CancelarDetalle:focus, #CancelarEnvioMasivo:focus { border: 1px solid var(--cfd-color-btn-border-secondary) !important; } .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { color: var(--cfd-color-btn-text-primary) !important; background-color: var(--cfd-color-btn-bkg-primary) !important; border-color: transparent !important; } .iconEditarMaterial.k-grid-.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button, .iconDeleteMaterial.k-grid-Eliminar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base, .iconEditarMaterial.k-grid-edit-command.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary.k-icon-button, .iconDeleteMaterial.k-grid-eliminar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button, .iconCopyMaterial.k-grid-.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button, .iconDeleteMaterial.k-grid-Borrar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base, .iconArchivoMaterial.k-grid-XML.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base, .iconDeleteMaterial.k-grid-delete.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base, .iconEditarMaterial.k-grid-details.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base { background-color: transparent; padding: 5px; margin: 0; border: none; } .iconEditarMaterial.k-grid-.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button:hover, .iconDeleteMaterial.k-grid-Eliminar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover, .iconEditarMaterial.k-grid-edit-command.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary.k-icon-button:hover, .iconDeleteMaterial.k-grid-eliminar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button:hover, .iconCopyMaterial.k-grid-.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button:hover, .iconDeleteMaterial.k-grid-Borrar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover, .iconArchivoMaterial.k-grid-XML.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover, .iconDeleteMaterial.k-grid-delete.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover { box-shadow: none; } .iconEditarMaterial span::before, .iconDeleteMaterial span::before, .iconCopyMaterial span::before, .iconArchivoMaterial span::before { font-family: "Material Symbols Outlined"; font-size: 1.2rem; font-weight: 400; color: var(--cfd-color-icons); } .iconEditarMaterial span:before { content: "\e3c9"; } .iconDeleteMaterial span::before { content: "\e872"; } .iconCopyMaterial span::before { content: "\e173"; } .iconArchivoMaterial span::before { content: "\e873"; } span.k-icon:hover::before { color: var(--cfd-color-icons-hover); } .iconEditarMaterial span svg, .iconDeleteMaterial span svg, .iconDeleteMaterial.k-grid-Eliminar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base span.k-button-text, .iconDeleteMaterial.k-grid-Borrar.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base span.k-button-text, .iconArchivoMaterial.k-grid-XML.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base span.k-button-text, .iconDeleteMaterial.k-grid-delete.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base span.k-button-text, .iconEditarMaterial.k-grid-details.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base span.k-button-text { display: none; } a.k-grid-filter-menu.k-grid-header-menu, span.k-icon.k-svg-icon.k-svg-i-filter, .btnIcon>span.material-symbols-outlined { color: var(--cfd-color-icons); transition: all 0.5s ease-out; cursor: pointer; } .k-disabled, .k-widget[disabled], .k-disabled span, .k-widget[disabled] span { color:var(--cfd-color-text-disabled) !important; opacity: 1 !important; border-color: transparent !important; } a.k-grid-filter-menu.k-grid-header-menu, span.k-icon.k-svg-icon.k-svg-i-filter:hover, a.btnIcon>span.material-symbols-outlined:hover { color: var(--cfd-color-icons-hover); } a.btnIcon:hover { box-shadow: none; border: none; background-color: transparent !important; } .clsboton { width: 100px; } .clsbotonW100 { width: 100%; } .k-grid a { display: flex; justify-content: center; align-items: center; padding: 5px; } .k-grid a span, .k-grid a label { color: var(--cfd-color-btn-text-primary); cursor: pointer; } .k-grid a span { font-size: 12px; } .etiquetasAutenticacion { font-weight: bold; font-size: 14px; color: var(--cfd-color-black); padding: 0; } .k-datepicker.k-input.k-input-solid.k-input-md.k-rounded-md { border: none; } .k-datepicker.k-input.k-input-solid.k-input-md.k-rounded-md input, #fechaEmision, #txtFechaInicial, #txtFechaFinal { height: 24px; border-radius: 4px 0 0 4px; /*border: 1px solid var(--cfd-color-text-secondary) !important;*/ border: none !important; } .descripcionOpcionMenu { text-transform: inherit; color: var(--cfd-color-primary); cursor: pointer; padding: 7px 5px; } .titulo { font-weight: bold; font-size: 14px; text-transform: uppercase; color: var(--cfd-color-black); text-align: center; vertical-align: super; } .subTitulo { font-weight: bold; font-size: 12px; text-transform: uppercase; color: var(--cfd-color-black); text-align: left; vertical-align: super; } .msgError { font-size: 12px; padding: 10px 0; } .msgError ul { margin-bottom: 0; padding: 0; list-style: none; } .msgError ul li { line-height: 16px; } .msgError div.validation-summary-errors { font-weight: 600; color: var(--cfd-color-alert-text-error); font-size: 12px; } .validation-summary-errors { display: flex; justify-content: center; align-items: center; background-color: var(--cfd-color-alert-background-error); border-radius: 4px; padding: 6px; width: fit-content; margin-bottom: 0.5rem; } .validation-summary-errors::before { font-family: "Material Symbols Outlined"; content: "\e000"; color: var(--cfd-color-alert-background-icon-error); font-size: 22px; font-weight: 400; margin-right: 3px; } .validation-summary-errors ul { font-weight: 600; color: var(--cfd-color-alert-text-error); font-size: 12px; margin: 0; list-style: none; padding: 0; } #pie { clear: both; color: var(--cfd-color-grey); text-align: right; margin: 10px 10px 0px 10px; padding-bottom: 10px; font-size: 10px; } #DescripcionLink { width: 50%; height: 4em; filter: alpha(opacity=0); -moz-opacity: 0; color: var(--cfd-color-black); font-size: 10px; text-align: justify; font-weight: bold; } .margen { width: 775px; height: 770px; border-top: var(--cfd-color-white) 1px solid; border-left: var(--cfd-color-white) 1px solid; position: absolute; left: 10px; top: 0px; } .etiquetaCampos { font-weight: 400; font-size: 14px; color: var(--cfd-color-text-primary); line-height: 16.8px; } .etiquetaLeyenda { font-weight: bold; font-size: 18px; color: var(--cfd-color-black); } .linea { border-bottom: var(--cfd-color-black) 1px solid; } .tituloperfil { font-weight: normal; font-size: 12px; text-transform: inherit; color: var(--cfd-color-secondary); text-align: center; vertical-align: super; } .tituloperfil1 { font-weight: normal; font-size: 10px; text-transform: inherit; color: var(--cfd-color-black); text-align: left; vertical-align: super; } .tituloperfil2 { font-weight: bolder; font-size: 10px; text-transform: inherit; color: var(--cfd-color-black); text-align: left; vertical-align: super; } .tituloperfilreloj { font-weight: bolder; font-size: 10px; text-transform: inherit; color: var(--cfd-color-black); text-align: left; vertical-align: super; } .tabla { background-color: transparent; border-right: none; border-top: none; border-left: none; border-bottom: none; } .clsdiv { border-right: none; border-top: none; border-left: none; border-bottom: none; vertical-align: top; height: 300px; width: 900px; } #menu div.barraMenu, #menu div.barraMenu a.botonMenu { font-size: 8pt; color: var(--cfd-color-white); } #menu div.barraMenu { text-align: center; } #menu div.barraMenu a.botonMenu { background-color: var(--cfd-color-bg-menu); color: var(--cfd-color-white); cursor: pointer; padding: 4px 6px 2px 5px; text-decoration: underline; } #menu div.barraMenu a.botonMenu:hover { background-color: var(--cfd-color-orange); border-bottom-style: groove; } #menu div.barraMenu a.botonMenu:active { background-color: var(--cfd-color-black); color: var(--cfd-color-yellow); } .validatorCalloutHighlight { background-color: var(--cfd-color-valida); } .accordionHeader { background-color: var(--cfd-color-grey7); padding: 4px; border: dashed 1px; font-weight: bold; font-size: 12px; } .accordionContent { border: dashed 1px; } .titulo2 { font-weight: bold; font-size: 14px; text-transform: inherit; color: var(--cfd-color-black); text-align: left; vertical-align: super; } .modalBackground { background-color: Transparent; filter: alpha(opacity=70); opacity: 0.7; } .modalPopup { background-color: var(--cfd-color-white); border-style: solid; border-color: var(--cfd-color-black); border-width: 1px; padding: 3px; } /*#696969 gris fuerte #FF3700 naranja #C5BCA4 gris */ /*CAMBIAR POR THEMA*/ .MENU_TITULO { font-size: 1em; padding: 3px; color: var(--cfd-color-white); font-weight: bold; text-align: center; background: url('Imagenes/titulomenu.gif'); height: 30px; /*background-color:#EE7C19 ; color de fondo menu*/ } .PANTALLA_TITULO { font-size: 1em; padding: 3px; color: var(--cfd-color-white); font-weight: bold; text-align: left; text-transform: uppercase; font-size: 12px; vertical-align: middle; background: url('Imagenes/titulopantalla.gif'); height: 25px; } .TITULO_MENU { background-color: var(--cfd-color-red); -ms-filter: alpha(opacity=70); -ms-opacity: 0.7; } .cal_Theme1 .ajax__calendar_container { background-color: var(--cfd-color-white); border: solid 1px var(--cfd-color-grey1); width: 200px; height: 195px; } .cal_Theme1 .ajax__calendar_header { background-color: var(--cfd-color-white); margin-bottom: 4px; } .cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev { color: var(--cfd-color-secondary); padding-top: 3px; } .cal_Theme1 .ajax__calendar_body { background-color: var(--cfd-color-white); border: solid 1px var(--cfd-color-grey1); width: 200px; height: 153px; } .cal_Theme1 .ajax__calendar_dayname { text-align: center; font-weight: bold; margin-bottom: 4px; margin-top: 2px; } .cal_Theme1 .ajax__calendar_day { text-align: center; } .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active { color: var(--cfd-color-secondary); font-weight: bold; background-color: var(--cfd-color-white); } .cal_Theme1 .ajax__calendar_today { font-weight: bold; } .cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title { color: var(--cfd-color-grey4); } .k-pager-numbers .k-state-selected { border-style: solid; border-width: 1px; text-align: center; border-radius: 1.0833em; line-height: 2em; } .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-selected { color: var(--cfd-color-primary) !important; border-radius: 100px; width: 37px; height: 37px; } .k-button.k-selected::before { opacity: 1 !important; } .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-selected>span.k-button-text { color: var(--cfd-color-white); opacity: 1; z-index: 7; } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc(1.5em + 0.75rem + 2px); border-radius: 100px; width: 37px; height: 37px; } .k-button.k-button-md.k-button-flat.k-button-flat-primary>span.k-button-text { color: var(--cfd-color-black); } .k-picker-solid { border: 1px solid var(--cfd-color-grey6) !important; color: var(--cfd-color-black) !important; background-color: transparent !important; } .ContentTitles { display: block; position: relative; } .ContentTitles h2, #contentLoginMobile h2 { font-size: 35px; padding: 0 0 0px 0; margin: 2rem 0; color: var(--cfd-color-text-primary); } .ContentTitlesInt { display: block; position: relative; width: 100%; margin-bottom: 1.5rem; } p#lblUseFormulario { color: var(--cfd-color-secondary); font-size: 14px; margin-bottom: 2rem; } .ContentTitles h4, #contentLoginMobile h4 { font-size: 34px; padding: 0 0 0px 0; margin: 2rem 0 0.5rem 0; color: var(--cfd-color-text-primary); font-weight: 400; } .ContentTitlesInt { display: block; position: relative; width: 100%; margin-bottom: 1.5rem; } p#lblUseFormulario { color: var(--cfd-color-secondary); font-size: 14px; margin-bottom: 2rem; } .k-button-solid-light { border-color: rgba(255, 255, 255, .4); background-color: rgba(255, 255, 255, .4) !important; } /*modifica altura de la clase -md*/ .k-input-md, .k-picker-md .k-textbox-md { font-size: 0.875rem !important; line-height: 1.4285714286 !important; } .k-input-md, .k-picker-md { font-size: 0.875rem !important; line-height: 1.4285714286 !important; } .k-input-md, .k-rounded-md, k-valid { font-size: 0.875rem !important; line-height: 1.4285714286 !important; } .k-grid .k-table, .k-grid .k-button { font-size: 14px; } #loginForm div.form-group { display: flex; flex-direction: column; max-width: 200px; } a.lblNoRecuerdoContrasena { display: block; width: fit-content; font-size: 14px; font-weight: normal; margin-top: 0.5rem; color: var(--cfd-color-primary); text-decoration: none; padding: 8px 5px 8px 0; text-align: center; font-family: "Outfit", sans-serif; } a.lblNoRecuerdoContrasena:hover { background: var(--cfd-color-bkgHover); border-radius: 4px; } .infoCliente, .lblInformacionACliente { font-weight: 500; color: var(--cfd-color-text-primary) !important; } .sweet-alert button.cancel { background-color: var(--cfd-color-btn-bkg-secondary) !important; color: var(--cfd-color-btn-text-secondary) !important; border: 1px solid var(--cfd-color-btn-border-secondary) !important; } .sweet-alert button { background-color: var(--cfd-color-btn-bkg-primary) !important; color: var(--cfd-color-btn-text-primary) !important; border: 1px solid var(--cfd-color-btn-border-primary) !important; box-shadow:none !important; } /*Emisor btn*/ .ContentChangeEmisor, .btnCambiarEmisor { display: none !important; } .k-datepicker.k-input.k-combobox.k-input-sm.k-picker-sm.k-input-solid.k-input-md.k-rounded-md, .k-datetimepicker.k-input.k-input-solid.k-input-md.k-rounded-md, label#ddlMetodoPago_label~span, label#ddlDivisa_label~span, label#multSucursal_label~span, label#ddlEstatus_label~span, label#ddlConfirmacion_label~span, label#tipo-cadena-pago_label~span, label#TipoRelacion_label~span { align-items: center; border-color: transparent; } .k-datepicker.k-input.k-combobox.k-input-sm.k-picker-sm.k-input-solid.k-input-md.k-rounded-md>input, #txtFechaInicialCancelacion, #txtFechaFinalCancelacion, label#ddlMetodoPago_label~span input, label#ddlDivisa_label~span input, #txtFechaInicialEmision, #txtFechaFinalEmision, #txtFechaInicial1, label#ddlDivisa_label~span input, label#multSucursal_label~span input, label#ddlEstatus_label~span input, label#ddlConfirmacion_label~span input, #txtFechaGlobalInicial, #txtFechaGlobalFinal, #txtFechaPrecomprobanteInicial, #txtFechaPrecomprobanteFinal, #fecha-pago, label#tipo-cadena-pago_label~span input, label#TipoRelacion_label~span input, .k-input-solid, input#txtFechaInicialPago, input#txtFechaFinalPago, #txtFechaInicialProceso, #txtFechaFinalProceso, input.inputSpecial { height: 24px; border-radius: 4px 0 0 4px !important; border: 1px solid var(--cfd-color-grey6)!important; } .k-rounded-md { border-radius: 4px !important; } label#ddlEstatus_label~span input~span.k-clear-value { background-color: rgb(227 227 230); box-shadow: none; height: 24.5px; } input#RFC { border-radius: 4px !important; } .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base { border-radius: 0 4px 4px 0; border: none; width: auto; height: 24px; } span.k-datetimepicker>input~button { border-radius: 0px !important; height: 24px; } .card-header, .card-footer { background-color: var(--cfd-color-bkgHover) !important; } .GrupoBotones, .GrupoBotonesCorreoMasivo { display: flex; position: relative; flex-direction: row; justify-content: end; width: 100%; margin: 2rem 0 !important; align-items: center; } .GrupoBotonesLeft { display: flex; position: relative; flex-direction: row; justify-content: start; width: 100%; margin: 2rem 0 !important; align-items: center; } .GrupoBotonesTitle { display: flex; position: relative; flex-direction: row; justify-content: end; width: 100%; margin: 0 !important; align-items: center; } .GrupoBotones button, .GrupoBotones input, .GrupoBotonesCorreoMasivo button, .GrupoBotonesCorreoMasivo input, .GrupoBotonesTitle input, .GrupoBotonesTitle button { margin-left: 10px; } .GrupoBotonesLeft button, .GrupoBotonesLeft input { margin-right: 10px; } span.k-icon.k-svg-icon { color: var(--cfd-color-icons) !important; } #ClickNuevo, #btnNuevo { margin-right: 10px; } .form-label { margin-bottom: 0 !important; } .k-datepicker button { width: auto; } #contenedorAnual { margin-top: 20px; } #filtros { margin-left: 2%; margin-right: 2%; } .mr-2 { margin-right: 0.5rem; } .sa-button-container button { pointer-events: auto; } .boxButtons { display: flex; } .boxButtons button { margin-right: 0.5rem; } legend.CLegend { float: none; padding: 0.1rem 1rem; width: auto; background-color: var(--cfd-color-primary-dark); border-radius: 4px; } legend span.spanFileset { color: var(--cfd-color-white); font-weight: normal; margin-bottom: 0.2em; font-family: "Instrument Sans", sans-serif; font-size: 14px; } .divcell { display: table-cell; padding: 5px; font-weight: normal; color: var(--cfd-color-secondary); word-break: break-all; } .divConceptoRowHeader { width: 100%; margin: 20px 0 10px 0; border-bottom: 1px solid var(--cfd-color-primary); background-color: var(--cfd-color-btn-bkg-hover-secondary); font-size: 1.1em; } .k-link, .k-input, .k-picker { font-family: "Instrument Sans", sans-serif !important; color: var(--cfd-color-text-primary) !important; } span.btn.btn-link { font-family: "Instrument Sans", sans-serif !important; color: var(--cfd-color-text-primary) !important; font-size: 14px !important; } .k-listview { color: var(--cfd-color-primary) !important; border-color: transparent !important; background-color: transparent !important; } .k-input-inner { padding-block: 0rem !important; padding-inline: 0.5rem !important; } textarea, .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-radius: 4px !important; } .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty, input[type="text"].k-invalid, .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty, .k-invalid { border: 1px solid var(--cfd-color-border-error) !important; height: 24px !important; } .k-input.k-combobox.k-textbox-sm.k-input-sm.k-combobox-clearable.k-input-solid.k-input-md.k-rounded-md { height: 24px; border: 1px solid var(--cfd-color-text-secondary); } .k-input-solid:focus-within { color: var(--cfd-color-text-secondary) !important; box-shadow: none !important; } p.campoObligatorio { font-size: 12px; color: var(--cfd-color-border-error); margin: 0 0 2em 0; } .input-group { flex-wrap: nowrap !important; height: 24px; } .form-check-input[type=checkbox] { border: 1px solid var(--cfd-color-text-primary); border-radius: 4px !important; margin: 0 0.3rem 0 0; } div#ConceptosInformacionAdicionalContainer>div.conceptoTabstrip { background-color: var(--cfd-color-bkgHover) !important; } li#tabImpuestos { color: var(--cfd-color-white); font-weight: normal; padding-top: 0.2em; padding-bottom: 0.3em; padding-right: 0.6em; padding-left: 0.6em; font-family: "Instrument Sans", sans-serif; font-size: 14px; border-radius: 4px 4px 0 0; background-color: var(--cfd-color-primary-dark); margin-top: 0.5rem; } .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md.k-disabled span.k-icon.k-svg-icon { color: var(--cfd-color-text-disabled) !important; } .btnNew { align-self: center; margin-right: 1rem; } input#ivaExento { width: 12px; height: 12px; margin-right: 0.5rem; } a#ClickNuevo { color: var(--cfd-color-btn-text-primary) !important; } span.k-window-title { font-family: "Outfit", sans-serif; color: var(--cfd-color-secondary); font-size: 16px; font-weight: normal; padding: 0; line-height: 20px; } #GridConfiguracionInstanciaWc, #GridConfiguracionInstanciabd, #GridConfiguracionEmisor { width: 100%; } p.pSerieLegend { margin: 0 0 0.5rem 0; } /*#gridArchivosLog .k-grid-container .k-grid-content.k-auto-scrollable table tbody.k-table-tbody td { display: table; justify-content: center; align-items: center; vertical-align: middle; height: 60px; }*/ #gridArchivosLog .k-grid-container .k-grid-content.k-auto-scrollable table tbody.k-table-tbody td button.btnIcon { border: none; background-color: transparent; display: inline-flex; padding: 0 0 0 5px; color: var(--cfd-color-primary); } .contentIconActions { display: flex; justify-content: center; align-items: center; } .contentIconActions span { font-size: 1.2rem; } .ColBtnDelete { display: flex; justify-content: center; align-self: center; } .ColBtnDelete button#eliminarImpuestoButton { display: flex; justify-content: center; align-items: center; height: 24px; } button#eliminarImpuestoButton span{ font-size: 16px; } #DetallesContainer { margin-bottom: 1.5rem; } .VisualizarDocs>div { display: flex; justify-content: space-between; padding: 0.5rem; border-bottom: 1px dashed var(--cfd-color-secondary-dark); } .VisualizarDocs>div>div { display: flex; align-items: center; } .VisualizarDocs>div.inputLast>div { justify-content: end; } .VisualizarDocs>div>div.btnDescargaDocs { justify-content: end; } .contentDocuments img { width: 40px; height: 40px; margin: 0 0.5rem 0 0; padding: 0; background-repeat: no-repeat; background-size: 40px; } .VisualizarDocs>div.tableAdjuntos { display: inline-block; border-bottom: 0; } /*/.contentDocuments#xmlImage { background-image: url('/../Imagenes/xml64.png'); } .contentDocuments#pdfImage { background-image: url('/../Imagenes/pdf64.png'); } .contentDocuments#pdfImageCopia { background-image: url('/../Imagenes/pdf64gray.png'); } .contentDocuments#emailImage { background-image: url('/../Imagenes/email64.png'); } .contentDocuments#reemitirImage { background-image: url('/../Imagenes/document-xxl.png'); }*/ #correoMasivoContainer { margin-top: 2rem; } .k-grid-toolbar.k-toolbar.k-toolbar-resizable.k-toolbar-md { overflow-x: auto; width: 100%; } .cellSpecial { display: flex !important; margin: 0 auto; justify-content: center; align-items: center; } .cellSpecial button { padding: 0 !important; } .k-datetimepicker.k-input.btnInput.k-input-solid.k-input-md.k-rounded-md.k-input-inner, .k-datetimepicker.k-input.k-input-solid.k-input-md.k-rounded-md.k-input-inner { padding-inline: 0 !important; } .k-pager-numbers-wrap select.k-dropdown.k-picker.k-picker-solid.k-dropdown-list.k-rounded-md.k-picker-md { height: inherit !important; align-items: center; } .col-W { display: flex; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; } .col-W>div { flex-shrink: 0; max-width: 100%; padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); margin-top: var(--bs-gutter-y); } .k-grid .k-command-cell > .k-button { margin: 0.5rem; } #ErroresWindow div div.divrow div div.form-group { display: flex; justify-content: end; } .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link, .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-focus .k-link { box-shadow: inset 0 0 0 2px var(--cfd-color-bkgHover) !important; } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { border-color: transparent !important; color: var(--cfd-color-white) !important; background-color: var(--cfd-color-primary) !important; } .k-calendar .k-calendar-view .k-today.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today.k-focus .k-link { box-shadow: inset 0 0 0 1px var(--cfd-color-primary), inset 0 0 0 0.25rem var(--cfd-color-bkgHover) !important; } .k-calendar .k-calendar-view .k-today .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today .k-link { box-shadow: inset 0 0 0 1px var(--cfd-color-primary) !important; } .form-check .form-check-input { float: left; margin-left: 0 !important; } .inputCont { z-index: 777777; } .k-tooltip { position: relative !important; background-color: transparent !important; color: var(--cfd-color-alert-background-icon-error) !important; border-color: transparent !important; align-items: center !important; font-size: 0.75rem !important; } .k-form-error, .k-text-error, .k-form-field-error .k-label { color: var(--cfd-color-alert-background-icon-error) !important; } .k-tooltip span.material-symbols-outlined { font-size: 14px; } .colCheck { flex-direction: column; align-items: baseline !important; } .colCheck div:nth-child(2) { margin-top: 0.5rem; } .colCheck div input[type=checkbox] { margin-left: 0.5rem; } /*----------------------- ESTILOS MOBILE ----------------------------------*/ @media (max-width: 1024px) { .ContentChangeEmisor { display: block !important; } } @media (max-width: 900px) { title h1, div#title { font-size: 15px !important; } .footer-content div p { text-align: left; padding: 0 10px; } .footer-content img.Prov { position: relative; right: unset; } } @media (max-width: 768px) { .footer-content img.Prov { padding: 0 10px 0 0; } } @media (max-width: 767px) { .contentPestanas .colD { width: 100%; } .contentPestanas span.etiquetaCampos { margin-bottom: 5px; } } @media (max-width: 766px) { .btnCambiarEmisor { display: block !important; } .btnCambiarEmisor a { display: flex; height: 31px; padding: 10px; justify-content: center; align-items: center; border-radius: 5px 5px 0px 0px; background-color: var(--cfd-color-secondary); text-decoration: none; color: var(--cfd-color-white); font-weight: 500; font-family: "Outfit", sans-serif; font-size: 14px; cursor: pointer; width: max-content; } .ContentChangeEmisor table tbody tr td { padding: 5px 0 0 5px; } ul#menu { display: none; } } @media (max-width: 580px) { #header { flex-direction: column; height: auto; } .ContentLogoInt { flex-direction: column; } div#logo { height: auto; } div#title { width: 98%; padding: 0 1% 10px 1%; } div#title div { height: 25px; text-align: center; } div#title .etiquetaCampos { height: 25px; text-align: center; } div#title h1 { padding: 0px; text-align: center; } #logindisplay { text-align: center; } #loginForm div.form-group { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } #loginButton { display: flex; justify-content: center; flex-direction: column; align-items: center; margin: 0 auto; } a.lblNoRecuerdoContrasena { display: flex; margin: 0.5rem auto 0 auto; } .footer-content>div { display: block; text-align: left; } .footer-content div img.logo-foot { width: 100px; height: auto; margin: 0; } .footer-content div p { text-align: left; padding: 0 10px; font-size: 8px; } .footer-content img.Prov { width: 40px; } .ContentTitles h2, #contentLoginMobile h2 { margin: 1rem 0 0.5rem 0; text-align: center; } p#lblUseFormulario { text-align: center; } table.campos { text-align: center; margin: 0 auto; } .contentButtons td input#cleanButton { margin-right: 0; } .validation-summary-errors { width: auto; } .GrupoBotones, .GrupoBotonesCorreoMasivo, .GrupoBotonesLeft, .GrupoBotonesTitle { flex-direction: column; } .GrupoBotones button, .GrupoBotones input, .GrupoBotonesCorreoMasivo button, .GrupoBotonesCorreoMasivo input, .GrupoBotonesLeft button, .GrupoBotonesLeft input, .GrupoBotonesTitle input { margin-left: 0; margin-right: 0; margin-bottom: 1rem; width: 100% !important; } legend.CLegend { padding: 0.1rem 0.5rem; border-radius: 4px; float: left; display: block; width: 100%; text-align: center; } h1, h2 { margin: 0.5 0 rem; } } @media (max-width: 576px) { .btnFirmaManifiesto, .GrupoBotonesTitle div button { margin-bottom: 0.5rem; } } @media (max-width: 575px) { .contentButtonsActions { display: flex; justify-content: center; } #cancelar { margin-top: 1rem; } .btnFirmaManifiesto { margin-bottom: 0.5rem; } } @media (max-width: 520px) { div#title div { height: auto; } } @media (max-width: 320px) { #logo img { width: 250px; height: auto; } }