/* Minification failed. Returning unminified contents. (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (22,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (32,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (34,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (78,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-menu' (95,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (101,18): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-width' (126,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (131,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (143,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-width' (144,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-border' (145,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd_logo-margin_left' (160,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bgfooter' (162,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-textFooter' (172,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-textFooter' (177,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-textFooter' (209,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-mainlogin' (217,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (222,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (224,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (243,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (251,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (255,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-third' (296,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (319,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-header' (320,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (351,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-info' (356,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-info' (360,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-info' (361,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-info' (370,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (375,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-error' (379,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-error' (380,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-error' (395,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-info' (396,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-info' (407,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-info' (423,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (427,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-info' (455,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (465,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary-dark' (467,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (469,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (475,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (476,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (481,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (488,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (489,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (493,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (517,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (518,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (523,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (534,29): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (544,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (547,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (569,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-borderTable' (577,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (584,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey2' (585,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey5' (610,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (620,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary-dark' (642,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-red' (649,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-header' (655,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-header' (658,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (666,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (667,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (673,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (689,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-toogleNav' (694,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (704,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-header-breadcrumb' (705,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (724,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (725,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (734,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (744,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (753,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (766,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (767,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (771,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey' (775,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (831,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (842,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (848,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (853,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (862,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (863,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (865,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (866,25): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (913,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (914,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (916,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-primary' (919,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (928,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (946,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-hover-primary' (947,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary-hover' (948,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-hover-primary' (962,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (963,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (966,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-primary' (976,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (992,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (997,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-hover-primary' (998,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (999,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-hover-primary' (1008,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-disabled' (1009,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (1018,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-disabled' (1022,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-disabled' (1039,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (1055,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-secondary' (1056,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-secondary' (1057,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-secondary' (1075,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-hover-secondary' (1092,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-secondary' (1100,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (1101,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (1136,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons' (1156,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons-hover' (1171,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons' (1177,16): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (1185,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-icons-hover' (1211,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (1222,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1242,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1251,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1260,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1282,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-error' (1290,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-error' (1300,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (1308,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-text-error' (1317,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey' (1329,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1338,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1339,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1348,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1355,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1359,25): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1366,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1375,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1384,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1393,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1419,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1427,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bg-menu' (1428,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1435,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-orange' (1440,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1441,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-yellow' (1445,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-valida' (1449,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey7' (1464,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1476,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1478,24): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1491,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1502,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1513,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-red' (1519,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1520,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey1' (1526,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1533,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1538,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1539,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey1' (1559,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1561,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1571,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey4' (1583,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1594,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1607,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1611,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (1612,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-black' (1626,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1637,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1647,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1659,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1708,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1712,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (1716,22): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (1723,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1727,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-secondary' (1728,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-secondary' (1729,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-secondary' (1733,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-primary' (1734,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (1735,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-border-primary' (1782,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-grey6' (1828,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (1917,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary-dark' (1922,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (1925,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (1933,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (1940,35): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1941,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-bkg-hover-secondary' (1949,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (1953,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (1979,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-border-error' (1985,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (1989,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-secondary' (1995,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-border-error' (2005,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-primary' (2011,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (2015,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (2021,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (2024,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary-dark' (2029,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-text-disabled' (2044,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-btn-text-primary' (2048,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' (2049,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (2077,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2115,36): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary-dark' (2210,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2211,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (2212,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (2225,38): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (2230,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (2231,28): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2235,38): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2235,84): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-bkgHover' (2239,38): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-primary' (2254,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (2261,17): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-alert-background-icon-error' (2296,23): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-secondary' (2357,32): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-secondary' (2359,21): run-time error CSS1039: Token not allowed after unary operator: '-cfd-color-white' (2361,27): run-time error CSS1039: Token not allowed after unary operator: '-cfd-font-primary' */ /*---------------------------------------------------------- variables globales se definen en personalizacion.css dependiendo ----------------------------------------------------------*/ @charset "UTF-8"; :root { --cfd-font-primary: "Outfit", sans-serif; --cfd-font-secondary: "Instrument Sans", sans-serif; } * { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .outfit { font-family: var(--cfd-font-primary); font-optical-sizing: auto; } .instrument-sans { font-family: var(--cfd-font-secondary); font-optical-sizing: auto; } html, body { height: 100%; } body { background: var(--cfd-color-white); font-optical-sizing: auto; font-family: var(--cfd-font-secondary); margin: 0; padding: 0; overflow-y: scroll; overflow-x: scroll; } img, p, button, a { transition: all 0.5s ease-out; } .mt-1 { margin-top: 0.5rem; } .mr-1 { margin-right: 0.5rem; } .mr-2 { margin-right: 1rem; } .mr-3 { margin-right: 1.5rem !important; } .mb-1 { margin-bottom: 0.5rem; } .mb-2 { margin-bottom: 1rem; } .ml-1 { margin-left: 0.5rem; } #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); } #logo img { display: block; position: relative; width: var(--cfd_logo-width); padding: 0.5rem; } .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; max-height: 105px; right: 40px; } .logoSat { position: absolute; right: 40px; top: 0; bottom: 0; display: flex; align-self: center; vertical-align: middle; } .mainlogin { position: relative; display: block; width: 98%; padding: 0 1% 150px 1%; 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); text-decoration: none; } p { font-family: var(--cfd-font-secondary); font-size: 14px; color: var(--cfd-color-text-primary); line-height: normal; margin-bottom: 0; } /* TÍTULOS ----------------------------------------------------------*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--cfd-font-primary); 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; }*/ .pegaso-header#header { display: block; } #header { display: flex; position: relative; background: var(--cfd-color-bg-header); color: var(--cfd-color-primary); height: auto; justify-content: space-between; align-items: center; } #contenido { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 4px; } /*---------------------------- ESTILOS ALERTS ----------------------------*/ .alert { display: inline-grid; grid-gap: 0.5rem; grid-template-columns: auto auto; padding: 1rem; border-radius: 4px; font-family: "Instrument Sans", sans-serif; margin-top: 1rem; --bs-alert-border: none; } .alert button { background-color: transparent !important; height: 29px !important; border: none !important; } .alert-info span.material-symbols-outlined { color: var(--cfd-color-alert-background-icon-info); margin-right: 0.5rem; } .alert-info button span.material-symbols-outlined { color: var(--cfd-color-alert-text-info) !important; } .alert-info { background-color: var(--cfd-color-alert-background-info); color: var(--cfd-color-alert-text-info); } #main > div.alert.alert-info > h2 { margin: 0; font-size: 1.2rem; } .alert-error span.material-symbols-outlined { color: var(--cfd-color-alert-background-icon-error); margin-right: 0.5rem; } .alert-error button span.material-symbols-outlined { color: var(--cfd-color-alert-text-error) !important; } .alert-error { background-color: var(--cfd-color-alert-background-error); color: var(--cfd-color-alert-text-error); } .colAlert { display: flex; flex-direction: column; } .alert-info p { grid-column: 2 / 3; grid-row: 2 / 3; margin-bottom: 0; } .alert-info { background-color: var(--cfd-color-alert-background-info); color: var(--cfd-color-alert-text-info); } .alert-info::before { display: flex; align-items: center; justify-content: center; grid-column: 1; grid-row: 1 / 3; font-family: "Material Symbols Outlined"; content: "\e88e"; color: var(--cfd-color-alert-background-icon-info); font-size: 22px; font-weight: 400; } .alert div button.close { position: absolute; right: 0; top: 0; } .alert div button.close span { margin-right: 0; } .alert-link { color: var(--cfd-color-primary); } .alert-link:hover { color: var(--cfd-color-alert-text-info) !important; } /*#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: var(--cfd-font-primary); 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); } .k-list-item.k-selected{ background-color: var(--cfd-color-primary) !important; } /* 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: var(--cfd-font-primary); } .campoCaptura, input[type="text"].camposInput, input { height: 24px; border: 1px solid var(--cfd-color-grey6) !important; border-radius: 4px; padding: 0 5px; } input#txtMonto { width: 100%; } 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: var(--cfd-font-secondary); } /* 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: var(--cfd-font-secondary); 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 .subTituloHeader { color: var(--cfd-color-text-header); font-size: 16px !important; margin: 0; font-family: var(--cfd-font-primary); } div#title .subVersion { font-size: 9px; } div#title .etiquetaCampos { color: var(--cfd-color-primary); font-family: var(--cfd-font-primary); 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: var(--cfd-font-primary); } .logindisplay { font-size: 12px; display: block; text-align: right; margin: 0px; padding: 5px 10px; color: var(--cfd-color-text-header-breadcrumb); font-family: var(--cfd-font-secondary); /*AQUI LINKS SUP Y TEXTO*/ /*var(--cfd-color-grey1);*/ } .logindisplay ul li { margin: 0 0.3rem; } .logindisplay ul li:nth-child(4) { margin: 0 0 0 0.3rem; } .logindisplay ul li a { text-decoration: none; } .logindisplay ul li a:hover { color: var(--cfd-color-primary); background-color: var(--cfd-color-bkgHover); text-decoration: underline; } /*#datosGeneralesContainer label~span { border: none !important; }*/ #datosGeneralesContainer label[for=txtMonto]~span { border: 1px solid var(--cfd-color-grey6) !important; } #datosGeneralesContainer label~span input { border-radius: 4px 0 0 4px; border: none !important; background-color: transparent; } input#txtFechaFinal, input#txtFechaInicial { border: 1px solid var(--cfd-color-grey6) !important; } .modal-header { justify-content: end; } .modal-header button.close, .modal-header button.close:hover, .modal-header button.close:active, .modal-header button.close:focus, .modal-header button.close:focus-visible { background-color: transparent !important; color: var(--cfd-color-primary); height: auto !important; padding: 0; font-size: 0; border: none; outline: none; } #areaTrabajo { margin: 1rem; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--cfd-color-primary); font-family: var(--cfd-font-secondary); } .nav-link { color: var(--cfd-color-grey); } .nav-link:hover { color: var(--cfd-color-primary); } /* 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: var(--cfd-font-primary); 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); } .btn:focus-visible { outline: none; } /*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: var(--cfd-font-secondary); } .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, #LimpiarConsulta, #Limpiar, .cancelar { 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, #LimpiarConsulta:hover, #Limpiar:hover, .cancelar: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, #LimpiarConsulta:focus, #Limpiar:focus, .cancelar: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 { background-color: transparent; padding: 5px; margin: 0; } .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 { 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: 400; font-size: 14px; color: var(--cfd-color-text-primary); line-height: 16.8px; } .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(/Content/themes/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(/Content/themes/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: var(--cfd-font-primary); } 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, #txtFechaInicialEmision, #txtFechaFinalEmision, #txtFechaInicial1, 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: transparent; box-shadow: none; height: 24.5px; opacity: 1; } /*label#ddlEstatus_label~span input~span.k-clear-value:hover { background-color: var(--cfd-color-btn-bkg-hover-primary); }*/ label#ddlEstatus_label~span input~span.k-clear-value span.k-icon.k-svg-icon, .k-icon.k-svg-icon.k-svg-i-caret-alt-down.k-button-icon { color: #a5a7af !important; } .form-select { background-image: none !important; } 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; background-color: initial; } 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: var(--cfd-font-secondary); 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; } .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: var(--cfd-font-secondary); 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: var(--cfd-font-primary); 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 { width: 40px; height: 40px; margin: 0 0.5rem 0 0; padding: 0; background-repeat: no-repeat; background-size: 40px; } .contentDocuments#verAdjuntos{ height: auto; } .contentDocuments#xmlImage { background-image: url(/../Content/Images/xml64.png); } .contentDocuments#pdfImage { background-image: url(/../Content/Images/pdf64.png); } .contentDocuments#pdfImageCopia { background-image: url(/../Content/Images/pdf64gray.png); } .contentDocuments#emailImage { background-image: url(/../Content/Images/email64.png); } .contentDocuments#reemitirImage { background-image: url(/../Content/Images/document-xxl.png); } .contentDocuments#verAdjuntos::before { content: "\e226"; font-family: "Material Symbols Outlined"; font-size: 40px; font-weight: 400; } .contentDocuments#verAdjuntosCfdi { background-image: url(/Content/Images/attach-document.png); } .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; } .checkbox { display: flex; justify-content: left; align-items: center; } .checkbox input { height: auto; margin-right: 0.5rem; width: auto; } .colFlexCol{ display: flex; flex-direction: column; font-family: var(--cfd-font-secondary); } .colFlexCol .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: var(--cfd-font-primary); 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 { 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; } }