/* Error de minimización. Devolviendo el contenido no minimizado. (8,1): run-time error CSS1019: Unexpected token, found '@import' (8,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900&subset=latin-ext')' (9,1): run-time error CSS1019: Unexpected token, found '@import' (9,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Courgette&display=swap')' (10,1): run-time error CSS1019: Unexpected token, found '@import' (10,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap')' (11,1): run-time error CSS1019: Unexpected token, found '@import' (11,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Lato&display=swap')' (12,1): run-time error CSS1019: Unexpected token, found '@import' (12,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Alice|Great+Vibes&display=swap')' (13,1): run-time error CSS1019: Unexpected token, found '@import' (13,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Cookie&display=swap')' (14,1): run-time error CSS1019: Unexpected token, found '@import' (14,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Petit+Formal+Script&display=swap')' (15,1): run-time error CSS1019: Unexpected token, found '@import' (15,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap')' (16,1): run-time error CSS1019: Unexpected token, found '@import' (16,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Bad+Script|Parisienne&display=swap')' (17,1): run-time error CSS1019: Unexpected token, found '@import' (17,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Calligraffitti&display=swap')' (18,1): run-time error CSS1019: Unexpected token, found '@import' (18,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Satisfy&display=swap')' (8937,25): run-time error CSS1038: Expected hex color, found '#FFFF' (9035,12): run-time error CSS1038: Expected hex color, found '#FFFF' (9044,16): run-time error CSS1038: Expected hex color, found '#FFFF' (9056,12): run-time error CSS1038: Expected hex color, found '#FFFF' (9083,12): run-time error CSS1038: Expected hex color, found '#FFFF' (9088,31): run-time error CSS1034: Expected closing parenthesis, found ',' (9088,31): run-time error CSS1042: Expected function, found ',' (9088,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (9125,17): run-time error CSS1038: Expected hex color, found '#FFFF' (9140,12): run-time error CSS1038: Expected hex color, found '#FFFF' (9151,16): run-time error CSS1038: Expected hex color, found '#FFFF' (9164,31): run-time error CSS1034: Expected closing parenthesis, found ',' (9164,31): run-time error CSS1042: Expected function, found ',' (9164,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13979,16): run-time error CSS1038: Expected hex color, found '#FFFF' (13990,16): run-time error CSS1038: Expected hex color, found '#FFFF' (14010,12): run-time error CSS1038: Expected hex color, found '#FFFF' (14033,12): run-time error CSS1038: Expected hex color, found '#FFFF' (14101,22): run-time error CSS1039: Token not allowed after unary operator: '-FcMain' (14136,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (14151,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (14159,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14174,22): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14175,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (14210,22): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14213,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (14224,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (14227,41): run-time error CSS1046: Expect comma, found '0' (14227,45): run-time error CSS1046: Expect comma, found '/' (14230,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (14241,28): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14256,22): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14259,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (14276,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (14304,21): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14314,17): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (14497,32): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (14498,42): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (14521,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (14525,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (14527,28): run-time error CSS1039: Token not allowed after unary operator: '-ConMenuHover' (14664,16): run-time error CSS1038: Expected hex color, found '#FFFF' (14674,16): run-time error CSS1038: Expected hex color, found '#FFFF' (14688,16): run-time error CSS1038: Expected hex color, found '#FFFF' (15492,16): run-time error CSS1038: Expected hex color, found '#FFFF' (15502,16): run-time error CSS1038: Expected hex color, found '#FFFF' (15544,16): run-time error CSS1038: Expected hex color, found '#FFFF' (15663,21): run-time error CSS1038: Expected hex color, found '#FFFF' (15969,16): run-time error CSS1038: Expected hex color, found '#FFFF' (15985,16): run-time error CSS1038: Expected hex color, found '#FFFF' (16003,40): run-time error CSS1046: Expect comma, found '0' (16003,44): run-time error CSS1046: Expect comma, found '/' (16662,21): run-time error CSS1038: Expected hex color, found '#FFFF' (16999,40): run-time error CSS1046: Expect comma, found '0' (16999,44): run-time error CSS1046: Expect comma, found '/' (18819,21): run-time error CSS1038: Expected hex color, found '#FFFF' (20712,16): run-time error CSS1038: Expected hex color, found '#FFFF' (20770,21): run-time error CSS1038: Expected hex color, found '#FFFF' (20823,16): run-time error CSS1038: Expected hex color, found '#FFFF' (20861,16): run-time error CSS1038: Expected hex color, found '#FFFF' (21999,21): run-time error CSS1038: Expected hex color, found '#FFFF' (22030,16): run-time error CSS1038: Expected hex color, found '#FFFF' (23906,16): run-time error CSS1038: Expected hex color, found '#FFFF' (23984,21): run-time error CSS1038: Expected hex color, found '#FFFF' (24452,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (24871,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (25675,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25689,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25703,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25717,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25731,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25745,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25755,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25812,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25822,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25832,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25842,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25856,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25866,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25878,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25903,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25919,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25934,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25947,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25961,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25971,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25983,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25995,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26007,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26035,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26036,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26046,1): run-time error CSS1019: Unexpected token, found '}' (26061,1): run-time error CSS1019: Unexpected token, found '}' (26077,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26078,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26088,1): run-time error CSS1019: Unexpected token, found '}' (26106,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26107,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26116,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26117,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26128,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26129,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26139,1): run-time error CSS1019: Unexpected token, found '}' (26157,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26158,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26166,1): run-time error CSS1019: Unexpected token, found '}' (26184,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26194,5): run-time error CSS1019: Unexpected token, found '@keyframes' (26195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26205,1): run-time error CSS1019: Unexpected token, found '}' (26207,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (26208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26235,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26338,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (26357,26): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (26362,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (26371,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (26450,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (26471,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (26484,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (26495,33): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlue1' (26504,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (26518,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (26537,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (26563,22): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (26565,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (26590,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (27135,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<' (27264,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (27680,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (28293,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (28718,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (28819,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (28828,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (28899,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (29049,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (29113,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (29131,1): run-time error CSS1019: Unexpected token, found '}' (29157,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (29237,39): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (29259,30): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (31506,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (31605,22): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (32544,39): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (32565,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (33508,47): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (34031,39): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (34751,43): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (34996,39): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (35294,43): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (36558,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (36889,43): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (37035,42): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (37036,37): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (38051,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (39376,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (39757,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (39926,5): run-time error CSS1035: Expected colon, found '}' (40408,43): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (41667,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42366,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42445,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42569,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42588,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (42593,32): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42597,32): run-time error CSS1039: Token not allowed after unary operator: '-ColorRed' (42614,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (42620,32): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42624,32): run-time error CSS1039: Token not allowed after unary operator: '-ColorRed' (42639,22): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42640,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (42649,30): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (42662,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (42666,32): run-time error CSS1039: Token not allowed after unary operator: '-ColorRed' (42689,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (42694,32): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42700,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42717,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (42743,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (42759,21): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42769,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver4' (42778,26): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42792,26): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42854,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42865,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (42904,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlue1' (42907,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (43030,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (43036,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (43118,34): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (43119,29): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (43126,38): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver1' (43133,46): run-time error CSS1039: Token not allowed after unary operator: '-borde-tablas' (43222,44): run-time error CSS1039: Token not allowed after unary operator: '-franjatablas' (43230,46): run-time error CSS1039: Token not allowed after unary operator: '-borde-tablas' (43261,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (43302,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorRed' (43351,34): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver3' (43414,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (43435,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (43448,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (43459,29): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlue1' (43465,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (43622,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorRed' (43645,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (43778,34): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (43779,29): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (43805,38): run-time error CSS1039: Token not allowed after unary operator: '-ColorGreen1' (43854,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver1' (43855,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (43856,35): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (43986,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (44005,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (44042,30): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (44043,25): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (44066,34): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (44075,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (44127,34): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (44132,29): run-time error CSS1039: Token not allowed after unary operator: '-ColorWhite' (44139,38): run-time error CSS1039: Token not allowed after unary operator: '-FcMain' (44143,38): run-time error CSS1039: Token not allowed after unary operator: '-ColorOrange1' (44290,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlue1' (44293,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (44304,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (44317,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (44368,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (44561,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (44742,25): run-time error CSS1039: Token not allowed after unary operator: '-ColorBlack' (44827,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (44934,28): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (44943,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver2' (45169,35): run-time error CSS1039: Token not allowed after unary operator: '-FcSecund' (48613,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorSilver0' (50179,1): run-time error CSS1019: Unexpected token, found '@import' (50179,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Courgette&display=swap')' (50180,1): run-time error CSS1019: Unexpected token, found '@import' (50180,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900&subset=latin-ext')' (50181,1): run-time error CSS1019: Unexpected token, found '@import' (50181,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap')' (52913,18): run-time error CSS1036: Expected expression, found ';' (55955,37): run-time error CSS1046: Expect comma, found '150' (55955,45): run-time error CSS1046: Expect comma, found '/' (57349,12): run-time error CSS1038: Expected hex color, found '#FFFF' */ /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} @import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Courgette&display=swap'); @import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap'); @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); @import url('https://fonts.googleapis.com/css?family=Alice|Great+Vibes&display=swap'); @import url('https://fonts.googleapis.com/css?family=Cookie&display=swap'); @import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script&display=swap'); @import url('https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap'); @import url('https://fonts.googleapis.com/css?family=Bad+Script|Parisienne&display=swap'); @import url('https://fonts.googleapis.com/css?family=Calligraffitti&display=swap'); @import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap'); * { font-family: 'Montserrat', sans-serif; padding: 0px; margin: 0px; list-style: none; font-style: unset; outline-style: none; text-decoration: none; border: none; } .popnaviden { left: 0; display: none; position: fixed; top: 0; animation: llegadapapanoel 5s; animation: salidapsps 2s; transition: .4s; opacity: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(33, 37, 41, 0.7); justify-content: center; align-items: center; } div.comoimnavid { animation: salidapsps 2s; width: 37em; height: 20em; position: relative; } div.comoimnavid img { animation: salidapsps 2s; width: 100%; height: auto; object-fit: contain; } body, html { position: relative; display: block; width: 100%; height: 100%; min-height: 100vh; } header.header { position: fixed; width: 100%; z-index: 8; } div.body-content { height: calc(100% - 66px); position: relative; padding-top: 40px; } /*Hook*/ div.bgot { position: relative; text-align: center; margin: 5px auto; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan button.btnGeneral.naranja.vitalicio { padding: 10px 13px; position: relative; display: flex; border-radius: 5px; font-size: 16px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan button.btnGeneral.naranja.vitalicio i { width: 66%; display: inline-block; position: relative; text-align: center; font-size: 26px; top: 3px; } span.cre { background: #008139; border-radius: 50%; width: 25%; height: 34px; text-align: center; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan button.btnGeneral.naranja.vitalicio label { position: relative; display: flex; color: #FFFFFF; font-size: 11px; text-align: center; margin: 0 0 5px; width: 79%; } div.hookHeaderTop, div.contGeneral, header, footer { position: relative; display: block; } div.hookHeaderTop { background: #212529; display: flex; align-items: center; justify-content: space-between; height: 26px; width: 100%; z-index: 9; } div.hookHeaderTop > div { padding: 5px 20px; display: flex; align-items: center; justify-content: center; } div.hookHeaderTop > div > span.icono { display: flex; position: relative; justify-content: center; align-items: center; width: 30px; height: 30px; background: #414549; color: #f5f5f9; border-radius: 50%; line-height: 1; margin-right: 10px; } div.hookHeaderTop > div > span.icono > i.fa-phone { transform: rotate(85deg); } div.hookHeaderTop > div > label { display: block; position: relative; color: #F5F5F9; font-weight: 400; font-size: 12px; } div.hookHeaderTop > div > label > a { display: inline-block; position: relative; color: #F5F5F9; font-weight: 700; font-size: 15px; } /***********pre header***********/ div.preHeader { position: relative; display: flex; justify-content: center; font-size: 0; background: #313539; width: 100%; max-height: 0; overflow: hidden; transition: .4s; } div.preHeader.activo { max-height: 500px; } div.preHeader > span.iconoCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 30px; background: #212529; z-index: 10; cursor: pointer; border-radius: 0 0 100px 100px; } div.preHeader > span.iconoCerrar:hover:before, div.preHeader > span.iconoCerrar:hover:after { width: 20px; } div.preHeader > span.iconoCerrar:hover:before { transform: rotate(225deg); } div.preHeader > span.iconoCerrar:hover:after { transform: rotate(315deg); } div.preHeader > span.iconoCerrar:before, div.preHeader > span.iconoCerrar:after { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; border-radius: 5px; margin-top: -3px; transition: .4s; } div.preHeader > span.iconoCerrar:before { transform: rotate(45deg); } div.preHeader > span.iconoCerrar:after { transform: rotate(-45deg); } div.contCambiante div.title { width: 200px; height: 40px; margin: 10px 0 0; color: #f5f5f9; background: rgba(33,37,41,1); background: -moz-linear-gradient(left, rgba(33,37,41,1) 0%, rgba(49,53,57,0) 100%); background: -webkit-linear-gradient(left, rgba(33,37,41,1) 0%, rgba(49,53,57,0) 100%); background: -o-linear-gradient(left, rgba(33,37,41,1) 0%, rgba(49,53,57,0) 100%); background: linear-gradient(to right, rgba(33,37,41,1) 0%, rgba(49,53,57,0) 100%); } div.contCambiante div.title > label { font-size: 18px; color: #ffffff; position: relative; display: block; padding: 5px 20px; font-weight: 700; text-transform: uppercase; } div.contCambiante div.title > label > span { font-size: 10px; font-weight: 600; display: block; } div.popbons { position: fixed; display: none; width: 100%; height: 100%; top: 0px; justify-content: center; align-items: center; opacity: 1; z-index: 2; background: rgba(0, 0, 0, 0.5); transition: all 0.8s ease 0s; } a.adeste { text-decoration: none; color: #2ecc71; } div.addsb { position: relative; display: block; width: 40%; height: auto; background: rgb(255, 255, 255); border-radius: 6px; } div.butt { position: absolute; display: flex; width: 40px; height: 40px; top: -10px; cursor: pointer; justify-content: center; align-items: center; right: -2%; border-radius: 50%; background: rgb(224, 224, 224); } div.comgg { width: calc(94% - 1px); display: block; margin: auto; padding: 34px; } div.tillt { width: calc(80% - 1px); display: block; font-weight: bold; text-align: center; font-size: 2px 20px; padding: 15px; margin: auto; } span.separadorSeccion { position: relative; display: block; content: ''; margin: 20px auto; width: 76%; height: 2px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(0,129,57,1) 50%, rgba(255,255,255,0) 100%); } div.cdsf { width: calc(80% - 1px); display: inline-flex; margin: auto; } .selec.btnVerDetalle { width: 97%; height: 100%; text-align: left; position: relative; cursor: pointer; vertical-align: middle; padding: 3px; border-width: 1px; border-style: dashed; border-color: rgb(224, 224, 224); border-image: initial; background: rgb(254, 254, 254); transition: all 0.5s ease 0s; margin: 5px auto; } div.bmnt { width: 50%; display: block; text-align: center; margin: 15px auto; } div.cdsf label { width: 60%; text-align: justify; margin: auto; } /*cont registro*/ div.impreContMenu { padding: 15px 20px 20px; } div.contRegistro { display: block; position: absolute; background: #158040; text-align: right; height: 110px; right: 0; } div.contRegistro div.title { width: 250px; height: 40px; display: block; position: absolute; color: #f5f5f9; right: 0; margin: 10px 0px 0px; background: rgba(49,53,57,0); background: -moz-linear-gradient(left, rgba(49,53,57,0) 0%, rgba(49,53,57,1) 100%); background: -webkit-linear-gradient(left, rgba(49,53,57,0) 0%, rgba(49,53,57,1) 100%); background: -o-linear-gradient(left, rgba(49,53,57,0) 0%, rgba(49,53,57,1) 100%); background: linear-gradient(to right, rgba(49,53,57,0) 0%, rgba(49,53,57,1) 100%); z-index: 3; } div.contRegistro div.title > label { font-size: 18px; color: #ffffff; position: relative; display: block; padding: 10px 20px 5px; font-weight: 700; text-transform: uppercase; } div.contRegistro div.title > label > span { font-size: 10px; font-weight: 600; display: block; } div.contBtn { display: block; position: relative; padding: 20px 20px; } div.contRegistro div.contBtn { display: block; position: absolute; z-index: 1; padding: 20px 20px; right: 0; bottom: 0; } div.contBtn button.btnGeneral { padding: 0 20px; text-transform: uppercase; height: 25px; border-radius: 3px; } div.backgroundSmall { position: absolute; display: none; right: 0; width: 280px; height: 100%; background: linear-gradient(270deg,rgba(0, 129, 57,1) 40%,rgba(0, 129, 57,0) 90%); } /*formularios*/ div.campoGeneral { position: relative; display: inline-block; } div.campoGeneral input.campo { height: 25px; width: 180px; padding: 0 10px 0 10px; margin: 0 10px 0 0; border-radius: 3px; } div.campoGeneral button.btnGeneral { padding: 0 20px; text-transform: uppercase; height: 25px; border-radius: 3px; } div.txtLinkHeader { position: relative; display: inline-block; height: 100%; padding: 5px; margin: 0 8px; } div.txtLinkHeader span { position: relative; display: block; color: #A1A5A9; font-size: 12px; cursor: pointer; transition: .3s; z-index: 2; } div.txtLinkHeader span:hover { color: #FFFFFF; transition: .3s; } /***********Cambio de color cuadros***********/ div.element { display: flex; justify-content: center; align-items: center; height: 110px; overflow: hidden; width: 550px; } div.element.cambioColorPreHeader { position: absolute; right: 0; z-index: 0; } span.transicionColor { transform: rotate(-45deg); margin: 0 8px; left: -190px; } span.transicionColor, span.transicionColor > span, span.transicionColor > span:after { content: ''; width: 40px; height: 40px; background: #008139; position: relative; transition: .4s; } span.transicionColor > span.elementLeft { position: absolute; right: -40px; } span.transicionColor > span.elementLeft:after { position: absolute; right: -40px; } span.transicionColor > span.elementRight { position: absolute; bottom: -40px; left: 0; } span.transicionColor > span.elementRight:after { position: absolute; bottom: -40px; left: 0; } /***********color de los cuadros***********/ span.transicionColor.linea1 { background: rgba(0, 129, 57, .0); z-index: 1; } span.transicionColor.linea1 > span { background: rgba(0, 129, 57, .0); } span.transicionColor.linea1 > span:after { background: rgba(0, 129, 57, .1); animation: opacitiColor 4s infinite; } span.transicionColor.linea2 { background: rgba(0, 129, 57, .1); animation: opacitiColor 3.8s infinite; z-index: 2; } span.transicionColor.linea2 > span { background: rgba(0, 129, 57, .2); animation: opacitiColorDos 3.6s infinite; } span.transicionColor.linea2 > span:after { background: rgba(0, 129, 57, .4); animation: opacitiColorTres 3.4s infinite; } button.btnn.naranaja.btffggh { width: calc(30% - 1px); margin: auto; text-align: center; position: relative; } div.edcfd.fredsgg { text-align: center; } span.transicionColor.linea3 { background: rgba(0, 129, 57, .4); animation: opacitiColorTres 3.2s infinite; z-index: 3; } span.transicionColor.linea3 > span { background: rgba(0, 129, 57, .6); animation: opacitiColorCuatro 3s infinite; } span.transicionColor.linea3 > span:after { background: rgba(0, 129, 57, .8); animation: opacitiColorCinco 3.5s infinite; } span.transicionColor.linea4 { background: rgba(0, 129, 57, .8); animation: opacitiColorCinco 3.7s infinite; z-index: 4; } span.transicionColor.linea4 > span { background: rgba(0, 129, 57, 1); } span.transicionColor.linea4 > span:after { background: rgba(0, 129, 57, 1); } span.transicionColor:nth-child(4):after { content: ''; background: rgba(0, 129, 57, 1); position: absolute; width: 410px; height: 172px; transform: rotate(45deg); bottom: -231px; right: -351px; } span.transicionColor:nth-child(1):after { content: ''; background: linear-gradient(90deg, rgba(21, 128, 64, 0) 10%,rgba(21, 128, 64, 0) 50%); position: absolute; width: 620px; height: 172px; transform: rotate(45deg); bottom: -305px; right: -528px; } /***********Fin Cambio de color cuadros***********/ /*header*/ nav.navResponsive { display: none; background: transparent; } div.subMenuTopdos ul.subItemUldos { position: relative; display: block; padding: 10px 0; } div.subMenuTopdos { position: absolute; display: block; width: 19em; height: 0px; background: #313539; border-radius: 0 0 10px 10px; overflow: hidden; transition: .4s; left: calc(53% + 11px); font-size: 0.9em; } i.contim { height: 11%; position: relative; object-fit: contain; overflow: hidden; margin: auto 1px; width: 21px; padding: 0 10px 0 0; text-align: center; } i.contim img { object-fit: contain; width: 100%; } header.header div.subMenuTopdos.activo { height: auto; transition: .4s; } .popNuevo { position: fixed; display: none; width: 100%; height: 100%; top: 0px; justify-content: center; align-items: center; z-index: 10; transition: all 0.8s ease 0s; } .fondoPop { background-color: rgba(255, 255, 255, 0.8); position: fixed; top: 0; opacity: 0.4; left: 0; width: 100%; height: 100vh; } .popCont { position: relative; display: block; } /****************/ div.arrow { position: relative; left: 19%; top: -8%; transition: .3s; } div .arrow.activo { transition: .3s; transform: rotate( 89deg ); } /****************/ div.subMenuTopdos ul.subItemUldos li.smbl:hover { background: #FFFFFF; color: #313539; transition: .4s; } div.subMenuTopdos ul.subItemUldos li { position: relative; display: flex; padding: 5px 15px; align-items: center; cursor: pointer; color: #FFFFFF; transition: .4s; } div.subMenuTopdos ul.subItemUldos li i.fas.fa-handshake { width: 25px; padding: 0 10px 0 0; text-align: center; } li.btnmenuBenef { height: 66px; position: relative; } div.headerMenu { position: relative; display: block; justify-content: center; width: 100%; height: 66px; background: #008139; box-shadow: 0 5px 8px 0px rgba(10,20,30,.4); } header.header div.subMenuTop { position: absolute; display: block; width: 250px; height: 0px; background: #313539; border-radius: 0 0 10px 10px; overflow: hidden; transition: .4s; left: calc(30% + 12px); } li.btnMenuEmpr.subItemUl { position: relative; display: flex; padding: 5px 15px; align-items: center; cursor: pointer; color: #FFFFFF; transition: .4s; } li.btnMenuEmpr.subItemUl i { width: 25px; padding: 0 10px 0 0; text-align: center; } header.header div.subMenuTop.activo { height: 431px; transition: .4s; } header.header div.subMenuTop ul.subItemUl { position: relative; display: block; padding: 10px 0; } header.header div.subMenuTop ul.subItemUl li.subItemLi { position: relative; display: flex; padding: 5px 15px; align-items: center; cursor: pointer; color: #FFFFFF; transition: .4s; } header.header div.subMenuTop ul.subItemUl li.subItemLi:hover { background: #FFFFFF; color: #313539; transition: .4s; } header.header div.subMenuTop ul.subItemUl li.subItemLi img, header.header div.subMenuTop ul.subItemUl li.subItemLi i { width: 25px; padding: 0 10px 0 0; text-align: center; } header.header div.subMenuTop ul.subItemUl li.subItemLi img.paloma { filter: brightness(20); transition: .4s; } header.header div.subMenuTop ul.subItemUl li.subItemLi:hover img.paloma { filter: brightness(0); transition: .4s; } div.headerMenu div.mainMenu nav ul li.btnMenuOpen span { opacity: 0; } div.headerMenu div.mainMenu nav ul li.btnMenuOpen i { left: calc(50% - 12px); font-size: 25px; } div.headerMenu div.mainMenu { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; padding: 0 15px; } div.headerMenu div.mainMenu.bgtr { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; padding: 0 15px; height: 100%; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes.margin { margin: 20px auto; height: auto; } div.titulminicon { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; margin: 20px auto; } div.titulminicon label { position: relative; display: block; color: #212529; margin: 20px 0 0; font-size: 20px; font-weight: 600; text-transform: uppercase; } div.headerMenu div.mainMenu.bgtr div.logo { max-height: 56px; z-index: 1; position: relative; display: block; left: -773px; } div.headerMenu div.mainMenu div.logo { max-height: 56px; z-index: 1; position: absolute; display: block; left: 20px; } nav.nav { z-index: 1; position: relative; } div.headerMenu div.mainMenu div.logoOfertshop { background: #ffffff; position: absolute; right: -20px; height: 66px; max-height: 66px; display: flex; align-items: center; justify-content: center; padding: 0 20px 0 140px; z-index: 99999; width: 174px; } div.headerMenu div.mainMenu div.logoOfertshop div { max-width: 180px; height: 56px; z-index: 1; position: absolute; display: flex; right: 40px; align-items: center; } div.headerMenu div.mainMenu div.logo img { max-width: calc(100% - 10px); max-height: 60px; padding: 0 5px; display: block; } div.headerMenu div.mainMenu div.logoOfertshop div img { max-width: 100%; max-height: 50px; } div.headerMenu div.mainMenu ul { position: relative; display: block; justify-content: center; } select#ddlParentesco { width: 100%; } div.headerMenu div.mainMenu ul li span { position: relative; display: inline-block; color: #F5F5F9; font-weight: 700; padding: 19px; padding-left: 40px; cursor: pointer; text-transform: uppercase; } div.headerMenu div.mainMenu nav ul li { position: relative; display: inline-flex; margin: 0 3px; align-items: center; justify-content: center; transition: .4s; vertical-align: top; } div.headerMenu div.mainMenu nav ul li.btnMenuLogged { display: none; } div.headerMenu div.mainMenu nav ul li i { position: absolute; display: block; color: #FFFFFF; left: 15px; } nav > ul > li:hover[rel="btnMenu"]:before { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; top: 10px; transform: rotate(-45deg); margin-left: -8px; border-radius: 2px; } nav > ul > li:hover[rel="btnMenu"]:after { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; top: 10px; transform: rotate(45deg); margin-left: 8px; border-radius: 2px; } nav > ul > li.activo[rel="btnMenu"]:before { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; top: 10px; transform: rotate(-45deg); margin-left: -8px; border-radius: 2px; } nav > ul > li.activo[rel="btnMenu"]:after { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; top: 10px; transform: rotate(45deg); margin-left: 8px; border-radius: 2px; } div.headerMenu div.mainMenu ul li:hover { background: #313539; } div.headerMenu div.mainMenu ul li.activo { background: #313539; } div.headerMenu div.mainMenu ul li span p { position: relative; display: block; font-size: 9px; } p.NUEV { /*background:black;*/ width: 61%; margin: auto; } i#aparte { left: 150px !IMPORTANT; font-size: 8px; margin: auto; text-align: center; top: 5px; color: #ff8f00; animation: tiltButton 1.5s ease infinite; } p.blackDark { color: transparent; } div.headerMenu div.mainMenu ul li span.high { top: -4px; } /***********Cuadros de colores header***********/ div.element.cambioColorHeader { transform: rotate(180deg); position: absolute; bottom: 0; right: 134px; width: 200px; height: 66px; z-index: 9999999; } div.element.cambioColorHeader span.transicionColor { left: 8px; margin: 0 5px; } div.element.cambioColorHeader span.transicionColor, div.element.cambioColorHeader span.transicionColor > span, div.element.cambioColorHeader span.transicionColor > span:after { content: ''; width: 26px; height: 26px; position: relative; transition: .4s; } div.element.cambioColorHeader span.transicionColor > span.elementLeft { position: absolute; right: -26px; } div.element.cambioColorHeader span.transicionColor > span.elementLeft:after { position: absolute; right: -26px; } div.element.cambioColorHeader span.transicionColor > span.elementRight { position: absolute; bottom: -26px; left: 0; } div.element.cambioColorHeader span.transicionColor > span.elementRight:after { position: absolute; bottom: -26px; left: 0; } div.element.cambioColorHeader span.transicionColor:nth-child(4):after { content: ''; background: rgba(0, 129, 57, 0); position: absolute; width: 0px; height: 0px; transform: rotate(0deg); bottom: 0px; right: 0px; } /*div.element.cambioColorHeader span.transicionColor.linea1, div.element.cambioColorHeader span.transicionColor.linea2, div.element.cambioColorHeader span.transicionColor.linea3, div.element.cambioColorHeader span.transicionColor.linea4 { animation: none; } div.element.cambioColorHeader span.transicionColor.linea1 span, div.element.cambioColorHeader span.transicionColor.linea2 span, div.element.cambioColorHeader span.transicionColor.linea3 span, div.element.cambioColorHeader span.transicionColor.linea4 span { animation: none; } div.element.cambioColorHeader span.transicionColor.linea1 span:after, div.element.cambioColorHeader span.transicionColor.linea2 span:after, div.element.cambioColorHeader span.transicionColor.linea3 span:after, div.element.cambioColorHeader span.transicionColor.linea4 span:after { animation: none; }*/ /***********Fin Cuadros de colores header***********/ /***********Menu Lateral***********/ div.menuLateral { position: fixed; display: flex; height: 100vh; align-items: center; z-index: 8; } div.menuLateral div.menuIzq { position: absolute; display: block; margin: 5px; z-index: 9; } div.menuLateral div.menuDer { position: absolute; display: block; margin: 5px; right: -99vw; z-index: 9; } div.menuLateral div.menuIzq div { left: -110px; transition: .4s; } div.menuLateral div.menuDer div { right: -120px; transition: .4s; } div.menuLateral div.menuIzq.activo div { left: -5px; transition: .4s; } div.menuLateral div.menuDer.activo div { right: -15px; transition: .4s; } div.menuLateral span.botonOcultarLateral { position: relative; display: flex; width: 30px; height: 30px; background: rgba(10, 20, 30, .8); cursor: pointer; justify-content: center; border-radius: 3px; } div.menuLateral div.menuDer span.botonOcultarLateral { margin: 0 0 0 70px; } div.menuLateral div.menuIzq span.botonOcultarLateral:before, div.menuLateral div.menuIzq span.botonOcultarLateral:after, div.menuLateral div.menuDer span.botonOcultarLateral:before, div.menuLateral div.menuDer span.botonOcultarLateral:after { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; border-radius: 5px; top: 14px; } div.menuLateral span.botonOcultarLateral.activo { background: #008139; transition: .3s; } div.menuLateral div.menuIzq span.botonOcultarLateral:before { transform: rotate(-45deg); margin: 3px 0; transition: .3s; } div.menuLateral div.menuIzq span.botonOcultarLateral:after { transform: rotate(45deg); margin: -3px 0; transition: .3s; } div.menuLateral div.menuDer span.botonOcultarLateral:before { transform: rotate(-45deg); margin: -3px 0; transition: .3s; } div.menuLateral div.menuDer span.botonOcultarLateral:after { transform: rotate(45deg); margin: 3px 0; transition: .3s; } div.menuLateral div.menuIzq span.botonOcultarLateral.activo:before { transform: rotate(45deg); margin: 3px 0; transition: .3s; } div.menuLateral div.menuIzq span.botonOcultarLateral.activo:after { transform: rotate(-45deg); margin: -3px 0; transition: .3s; } div.menuLateral div.menuDer span.botonOcultarLateral.activo:before { transform: rotate(45deg); margin: -3px 0; transition: .3s; } div.menuLateral div.menuDer span.botonOcultarLateral.activo:after { transform: rotate(-45deg); margin: 3px 0; transition: .3s; } div.menuLateral div.botonLateral { position: relative; display: flex; margin: 5px; background: rgba(10, 20, 30, .8); cursor: pointer; width: 80px; height: 80px; justify-content: center; align-items: center; text-align: center; border-radius: 4px; } div.menuLateral div.botonLateral:hover { background: #008139; transition: .3s; } div.menuLateral div.botonLateral.activo { background: #008139; transition: .3s; } div.menuLateral div.menuIzq div.botonLateral div.contLateral { position: relative; display: block; left: 0; } div.menuLateral div.menuDer div.botonLateral div.contLateral { position: relative; display: block; right: 0; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral { width: 28px; height: 28px; position: relative; display: flex; background: #FFFFFF; border-radius: 50%; margin: auto; justify-content: center; align-items: center; color: rgba(10, 20, 30, .9); transition: .3s; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral img { width: 20px; } div.menuLateral div.botonLateral div.contLateral p { position: relative; display: block; font-size: 11px; color: #FFFFFF; margin: 2px 6px; } div.menuLateral div.botonLateral:hover div.contLateral span.iconoLateral { color: #008139; transition: .3s; } div.menuLateral div.botonLateral.activo div.contLateral span.iconoLateral { color: #008139; transition: .3s; } div.globoAyuda { position: fixed; display: block; background: rgba(10, 20, 30, .8); right: 105px; margin-top: 4%; border-radius: 8px; padding: 20px; opacity: 0; z-index: 9; transition: .3s; } div.globoAyuda.activo { opacity: 1; transition: .3s; } div.globoAyuda a { position: relative; display: block; cursor: pointer; color: #FFFFFF; padding: 3px 0; text-align: left; font-size: 14px; text-align: left; transition: .3s; } div.globoAyuda a:hover { color: #008139; font-weight: 700; transition: .3s; } div.globoAyuda span { position: absolute; display: block; width: 0; height: 0; bottom: 27px; right: -15px; border-left: solid 15px rgba(10, 20, 30, .8); border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0; transition: .3s; } div.globoAyuda.activo span { opacity: 1; transition: .3s; } div.vistaVideo { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; top: 0px; z-index: 30; } div.vistaVideo div.divVideo { position: relative; display: block; } div.vistaVideo div.divVideo video { position: relative; display: block; width: 1260px; height: 710px; } div.vistaVideo button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 0 5px 1185px; } .b24-widget-button-position-bottom-right { right: 20px !important; bottom: 20px !important; } /***********Footer***********/ footer.footer { position: fixed; bottom: 0; width: calc(100%); padding: 0; background: #111519; display: flex; align-items: center; justify-content: center; transition: .4s; z-index: 9; } footer.footer span.iconoSubir { position: absolute; display: flex; background: #FFFFFF; width: 35px; height: 20px; top: 0px; cursor: pointer; z-index: 9; justify-content: center; border-radius: 0 0 100px 100px; transition: .3s; } footer.footer span.iconoSubir:before, footer.footer span.iconoSubir:after { content: ''; position: absolute; width: 10px; height: 2px; background: #111519; border-radius: 5px; top: 7px; transition: .4s; } footer.footer span.iconoSubir:before { transform: rotate(45deg); } footer.footer span.iconoSubir:after { transform: rotate(-45deg) } footer.footer span.iconoSubir:hover:before, footer.footer > span.iconoSubir:hover:after { width: 15px; } footer.footer span.iconoSubir:hover:before { transform: rotate(225deg); } footer.footer span.iconoSubir:hover:after { transform: rotate(315deg); } footer.footer div.contGeneral div.columna div.logoAlianza { display: flex; position: relative; width: 100%; height: 100%; justify-content: center; } footer.footer div.contGeneral div.columna div.logoAlianza img { display: block; position: relative; height: 100%; width: 100%; padding: 10px 0; } footer.footer div.contGeneral div.columna div.contactoFooter { display: block; position: relative; } footer.footer div.contGeneral div.columna div.contactoFooter label { display: block; position: relative; color: #FFFFFF; text-transform: uppercase; font-weight: 600; font-size: 16px; margin: 10px 0; } footer.footer div.contGeneral div.columna div.contactoFooter label a { display: block; position: relative; color: #717579; text-transform: lowercase; font-weight: 500; cursor: pointer; font-size: 15px; transition: .3s; } footer.footer div.contGeneral div.columna div.contactoFooter label a:hover { color: #FFFFFF; transition: .3s; } footer.footer div.contGeneral div.columna ul.mapaSitio { position: relative; display: block; text-transform: uppercase; margin: 10px; font-size: 18px; transition: .4s; } footer.footer div.contGeneral div.columna ul.mapaSitio li { margin: 5px auto; padding: 3px 0; color: #717579; font-size: 16px; display: block; position: relative; max-width: 215px; transition-delay: .2s; transition: .4s; cursor: pointer; } footer.footer div.contGeneral div.columna ul.mapaSitio li:after { content: ''; background: rgba(220,220,220,.9); width: 8px; height: 8px; position: absolute; left: -16px; z-index: -1; top: 9px; border-radius: 1px; transform: rotate(45deg); transition: .4s; } footer.footer div.contGeneral div.columna ul.mapaSitio li:hover { color: #212529; } footer.footer div.contGeneral div.columna ul.mapaSitio li:hover:after { background: rgba(220,220,220,.9); width: calc(100% + 20px); height: 100%; position: absolute; left: -10px; z-index: -1; top: 0; border-radius: 2px; transform: rotate(0deg); } footer.footer div.contGeneral div.columna #contBtnFooter { display: flex; position: relative; justify-content: center; padding: 10px; } footer.footer div.contGeneral div.columna div.mapaGoogle { position: relative; display: flex; width: 100%; justify-content: center; } footer.footer div.contGeneral div.columna div.mapaGoogle iframe { position: relative; display: block; width: 350px; height: 300px; padding: 5px; } footer.footer div.contGeneral div.columna div.redesSociales { display: inline-flex; position: relative; justify-content: center; width: 100%; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes { display: inline-flex; position: relative; width: calc(15%); justify-content: center; align-items: center; margin: 0 10px; padding: 5px 0; border-radius: 5px; cursor: pointer; color: #717579; transition: .4s; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes a { color: #717579; transition: .4s; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes.face:hover { color: #FFFFFF; background: #3B5998; transition: .4s; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes.twit:hover { color: #FFFFFF; background: #00ACEE; transition: .4s; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes.insta:hover { color: #FFFFFF; background: rgba(65,93,230,1); background: -moz-linear-gradient(-45deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); background: -o-linear-gradient(-45deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); background: linear-gradient(135deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); transition: .4s; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes.yout:hover { color: #FFFFFF; background: #C4302B; transition: .4s; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes:hover a { color: #FFFFFF; transition: .4s; } footer.footer div.contGeneral div.columna div.nuestrasApps { position: relative; display: inline-flex; width: 100%; } footer.footer div.contGeneral div.columna div.nuestrasApps img { display: block; position: relative; width: 100%; } footer.footer.inactivo span.iconoSubir { position: absolute; display: flex; background: #111519; width: 35px; height: 20px; top: -20px; cursor: pointer; z-index: 9; justify-content: center; border-radius: 100px 100px 0 0; transition: .3s; } footer.footer.inactivo span.iconoSubir:before, footer.footer.inactivo span.iconoSubir:after { content: ''; position: absolute; width: 10px; height: 2px; background: #FFFFFF; border-radius: 5px; top: 10px; transition: .4s; } footer.footer.inactivo span.iconoSubir:before { transform: rotate(45deg); margin: 0 3px; } footer.footer.inactivo span.iconoSubir:after { transform: rotate(-45deg); margin: 0 -3px; } footer.footer.inactivo span.iconoSubir:hover:before, footer.footer > span.iconoSubir:hover:after { width: 13px; } footer.footer.inactivo span.iconoSubir:hover:before { margin: 0 4px; } footer.footer.inactivo span.iconoSubir:hover:after { margin: 0 -4px; } footer.footer div.contGeneral { display: flex; justify-content: space-around; align-items: flex-start; width: 100%; padding: 20px 20px 50px; } footer.footer div.contGeneral div.columna { width: calc(25% - 20px); padding: 0 10px; } footer.footer div.contGeneral div.columna h1 { text-align: center; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px; padding: 10px 0; background: linear-gradient(90deg, rgba(0, 4, 8,0)20%, rgba(0, 4, 8,.5)50%, rgba(0, 4, 8,0)80%); margin: 10px 0; } footer.footer div.contGeneral div.columna h1 ~ h1 { margin-top: 20px; border-top: 1px solid rgba(220,220,220,.2); } div.hookFooterBottom { width: calc(100% - 40px); height: 30px; bottom: 0; left: 0; position: absolute; display: flex; align-items: center; color: #ffffff; font-size: 12px; background: #212529; padding: 0 20px; } /***********Fin Footer***********/ /***********Slider************/ .bannrBttn { position: fixed; display: flex; } .bannrBttn.sunemedic { right: 32em; bottom: 4em; } .bannrBttn.sorteo { left: 11em; bottom: 6em; } .bannrBttn.convenios { left: 15em; bottom: 4em; } .bannrBttn.outlet { right: 36em; bottom: 1em; } .bannrBttn.petline { right: 25em; bottom: 3em; } .bannrBttn img { object-fit: contain; height: 100%; width: 100%; } div.slider { position: relative; display: block; overflow: hidden; height: 100%; } div.slider div.sliderItem { position: relative; display: flex; align-items: center; width: 100%; height: 100%; opacity: 0; } div.slider div.sliderItem.activo { opacity: 1; transition: .8s; } div.slider div.sliderItem img { object-fit: cover; width: 100%; height: 100%; } div.slider div.sliderItem img.bnnrHome { object-fit: cover; } div.slider div.sliderItem div.sliderText { position: absolute; text-align: right; display: block; width: 45%; } div.slider div.sliderItem div.sliderText label { position: relative; display: block; text-transform: uppercase; font-size: 28px !important; font-weight: 900; color: #313539; } div.slider div.sliderItem div.sliderText p { position: relative; display: block; font-weight: 600; color: #717579; font-size: 17px !important; } div.slider div.sliderItem div.sliderText span.afilieseLabel { position: absolute; display: block; font-size: 80px !important; text-align: right; width: 100%; color: #008139; margin: 10% 0; font-family: Brush Script MT, Brush Script Std, Dancing Script, sans-serif; transform: rotate(-10deg); cursor: pointer; } div.slider div.sliderItem div.sliderText span.afilieseLabel:hover { color: rgba(75, 169, 43,0.9); } div.slider div.sliderItem div.sliderText span.afilieseLabel { transition: color 0.2s linear 0.2s; /*opacity: 0;*/ } div.slider div.sliderItem div.sliderText span.afilieseLabel.blanco { color: #FFFFFF; } div.slider div.sliderItem div.sliderText span.afilieseLabel.blanco:hover { color: #97999C; } div.slider div.sliderItem div.sliderText span.afilieseLabel.blanco { transition: color 0.5s linear 0.2s; } div.slider div.sliderItem div.sliderFront { position: absolute; display: block; width: 50%; height: 100%; top: 0; } div.slider div.sliderItem div.sliderFront div.sliderTextP { position: relative; display: block; margin-top: 12%; margin-left: 18%; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.textBlock { position: relative; display: block; font-size: 28px; font-weight: 600; text-transform: uppercase; color: #009045; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock { position: absolute; display: flex; width: 100%; justify-content: flex-end; margin-top: -40px; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock img { width: 50%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { position: relative; display: block; margin-top: 16%; margin-left: 18%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM span { position: relative; display: block; margin: 20px 0; font-size: 30px; font-weight: 600; text-transform: uppercase; color: #009045; } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { position: relative; display: block; width: 65%; margin: 20px 0; } div.slider div.sliderItem div.sliderFront div.sliderBlockB { position: relative; display: flex; margin: 20px 0; justify-content: center; } div.slider div.sliderItem div.sliderFront div.sliderBlockB button { position: relative; display: block; padding: 20px 40px; font-size: 23px; border-radius: 10px; } div.slider div.sliderItem div.sliderTextBlock { position: absolute; display: flex; align-items: center; height: 100%; width: 30%; right: 0; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont { position: relative; display: block; margin-left: 15%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockBig { position: relative; display: block; font-size: 70px; font-weight: 900; margin: 20px 0; color: #0A6C00; left: -40px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { position: relative; display: block; margin: 20px 0 40px; font-size: 40px; font-weight: 800; color: #FFFF00; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList { position: relative; display: block; margin: 20px 0; font-size: 36px; font-weight: 800; color: #056B2E; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList div.bListItem { position: relative; display: block; margin: 10px 0; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList div.bListItem span { position: relative; display: block; margin-left: 15px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList div.bListItem span.yLine { position: absolute; display: block; content: ''; width: 5px; margin: unset; height: 100%; background: #E2FF48; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop { position: relative; display: flex; align-items: center; left: -120px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockImg { position: relative; display: block; width: 120px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockText { position: relative; display: block; font-size: 22px; font-weight: 700; color: #FFFFFF; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockText span.highText { color: #FFFF6A; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram { position: relative; display: block; width: 70%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockUnClick { position: relative; display: block; text-align: right; font-size: 26px; font-weight: 700; color: #FFFF00; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick { position: relative; display: flex; align-items: center; color: #FFFFFF; cursor: pointer; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.blockButtonInsta { position: absolute; display: flex; width: 90px; height: 90px; font-size: 70px; justify-content: center; align-items: center; background: linear-gradient(230deg, rgba(64,93,230,1) 0%, rgba(88,81,219,1) 10%, rgba(131,58,180,1) 20%, rgba(193,53,132,1) 30%, rgba(225,48,108,1) 40%, rgba(253,29,29,1) 50%, rgba(245,96,64,1) 60%, rgba(247,119,55,1) 70%, rgba(252,175,69,1) 80%, rgba(255,220,128,1) 90%); border-radius: 10px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.textInsta { font-size: 38px; margin-left: 100px; } label.labelHome { color: #FFFFFF !important; } p.pHome { color: #A1A5A9 !important; } .benefIco { position: relative; display: flex; width: 75%; margin: 0 auto; } .benefIco img { position: relative; display: flex; object-fit: contain; width: 100%; } /************************Promo Sorteo****************************/ div.slider div.sliderItem div.explorerPut0 { position: absolute; display: none; width: 100%; height: 100%; } div.slider div.sliderItem div.explorerPut0 img { width: 100%; height: 100%; object-fit: fill; } div.slider div.sliderItem div.fullTV { position: absolute; display: inline-flex; width: 100%; height: 100%; justify-content: flex-end; align-items: center; background: #FFFFFF; z-index: 1; } div.slider div.sliderItem div.sliderText.cjkitiplu { position: absolute; text-align: center; display: block; width: 10%; left: 60%; top: 69%; } div.numerosver { font-size: 60px; font-weight: bold; } div.numerosver a { color: #33CCCC; } div.slider div.sliderItem div.fullTV div.imgBanner.TV { position: relative; display: block; height: calc(100% - 100px); width: auto; padding-top: 40px; padding-right: 120px; } div.slider div.sliderItem div.fullTV div.imgBanner img { width: auto; } div.slider div.sliderItem div.circlePhone { position: absolute; display: flex; width: 100%; height: 100%; background: #000000; justify-content: center; align-items: center; clip-path: circle(0% at 0 30%); z-index: 2; } div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { position: relative; display: block; height: calc(100% - 300px); width: auto; left: -350px; } div.slider div.sliderItem div.circlePhone div.imgBanner img { width: auto; } div.slider div.sliderItem div div.titleText { position: absolute; display: block; width: 100%; font-size: 70px; font-weight: 800; font-family: 'Lato', sans-serif; padding-bottom: 120px; } div.slider div.sliderItem div.fullTV div.titleText { text-align: left; left: 240px; color: #000000; } div.slider div.sliderItem div.circlePhone div.titleText { text-align: right; right: 240px; color: #FFFFFF; width: auto; padding-bottom: 70px; } div.slider div.sliderItem div.controlHover { position: absolute; display: flex; top: 0; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 3; } div.slider div.sliderItem div.controlHover div.titlePremios { position: absolute; display: flex; width: 100%; height: 60px; top: 0; opacity: 0; justify-content: center; padding-top: 45px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { position: relative; display: flex; width: auto; justify-content: flex-end; font-size: 55px; font-weight: 700; vertical-align: top; font-family: 'Lato', sans-serif; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg { position: relative; display: flex; justify-content: flex-end; left: -100px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg img { height: 100%; width: auto; } div.slider div.sliderItem div.controlHover div.labelAdic { position: relative; display: block; text-align: center; text-transform: uppercase; opacity: 0; color: #FFFFFF; font-size: 50px; font-weight: 800; text-shadow: 5px 5px 8px rgba(0,0,0,.8); } div.slider div.sliderItem div.controlHover div.labelEx { position: absolute; display: block; color: #FFFFFF; font-size: 12px; margin: 10px 0; top: 0; left: 0; } div.slider div.sliderItem div.controlHover div.buttonPremios { position: absolute; display: flex; justify-content: center; width: 100%; bottom: 0; padding-bottom: 70px; opacity: 0; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec { position: relative; display: block; margin: 0 20px; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec button { position: relative; display: block; cursor: pointer; font-size: 20px; font-weight: 800; padding: 15px 40px; color: #FFFFFF; border-radius: 50px; text-transform: uppercase; background: rgba(75, 169, 43,0.9); transition: .4s; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec button:hover { background: rgba(0, 145, 61,0.9); transition: .4s; } div.slider div.sliderItem div.controlHover div.buttonPremios div.textoAdic { position: relative; display: block; color: #212529; font-size: 22px; font-weight: 800; font-family: 'Lato', sans-serif; } /***********Sedes***********/ div.sedes { position: relative; display: block; } div.sedes div.buscadorSedes { position: relative; display: flex; justify-content: center; z-index: 3; margin: 60px 0 20px; } div.sedes div.buscadorSedes form.barraBuscador { position: relative; display: inline-flex; width: calc(100% - 140px); max-width: 1024px; margin: 20px 0; border-radius: 10px; overflow: hidden; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador { display: flex; position: relative; justify-content: space-around; max-width: 800px; width: 100%; border: solid 1px rgba(200,200,200,.9); border-radius: 10px 0 0 10px; overflow: hidden; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador select { display: inline-block; position: relative; width: 100%; padding: 10px 20px; cursor: pointer; color: rgba(100,100,100,.9); font-size: 14px; font-weight: 600; transition: .4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador select:hover { background: rgba(200,200,200,.9); transition: .4s; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador input.campoBuscador { display: inline-block; position: relative; width: 100%; padding: 10px 20px; color: rgba(100,100,100,.9); font-size: 14px; font-weight: 600; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador { position: relative; display: flex; width: 25%; justify-content: space-around; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador div.buscadorBtn { position: relative; display: flex; width: 100%; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador div.buscadorBtn button { position: relative; display: block; padding: 6px; width: 100%; cursor: pointer; color: #FFFFFF; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador div.buscadorBtn button.buscarSede { background: rgba(200,200,200,.9); transition: .4s; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador div.buscadorBtn button.buscarSede:hover { background: #008139; transition: .4s; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador div.buscadorBtn button.refrescarSede { background: rgba(150,150,150,.9); transition: .4s; } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador div.buscadorBtn button.refrescarSede:hover { background: #008139; transition: .4s; } div.sedes div.grillaSedes { display: flex; position: relative; justify-content: center; } div.sedes div.grillaSedes div.grupoBloques { display: block; position: relative; justify-content: space-around; width: calc(100% - 140px); max-width: 1024px; margin: 0 20px 0; font-size: 0; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede { display: inline-block; position: relative; width: calc(25% - 12px); max-width: 405px; min-width: 240px; height: 313px; border: solid 1px rgba(200,200,200,.9); border-radius: 0 0 5px 5px; margin: 30px 5px 10px; box-shadow: 0 8px 6px -5px rgba(10,20,30,.4); z-index: 5; vertical-align: top; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.tituloSede { display: flex; position: absolute; justify-content: space-between; height: auto; border-radius: 9px 9px 0 0; width: 100%; top: -20px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.tituloSede span { display: inline-block; position: relative; color: #a1a5a9; font-size: 12px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.fotoSede { position: relative; display: block; width: 100%; height: 140px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.fotoSede img { position: relative; display: block; object-fit: cover; width: 100%; height: 100%; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede { position: absolute; display: block; width: 100%; height: 40px; z-index: 1; top: 140px; transition: .5s; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede.openMap div.mapaSede { height: 100%; top: 0; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.mapa { position: relative; display: block; width: 100%; height: calc(0% - 0px); transition: .5s; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede.openMap div.mapaSede div.mapa { height: calc(100% - 40px); } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; cursor: pointer; background: #008139; transition: .5s; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa i { position: relative; display: block; color: #FFFFFF; margin: 0 10px; font-size: 17px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa span { display: block; position: relative; color: #FFFFFF; font-size: 16px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.infoSede { position: relative; display: flex; align-items: center; margin: 40px 0 0 0; width: 100%; background: #FFFFFF; height: calc(100% - 180px); } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.infoSede div.info { position: relative; display: block; width: 100%; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.infoSede div.info span { position: relative; display: block; padding: 10px 20px; width: calc(100% - 40px); font-size: 12px; color: #414549; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.infoSede div.info span ~ span { border-top: 1px solid rgba(220,220,220,.9); } div.sedes div.paginacion { position: relative; display: flex; width: 100%; justify-content: center; z-index: 3; margin: 0 0 40px 0; } div.sedes div.paginacion ul.paginas { position: relative; display: inline-flex; padding: 10px 20px 30px; } div.sedes div.paginacion ul.paginas li.numPagina { position: relative; display: block; padding: 5px 8px; cursor: pointer; color: rgba(100,100,100,.9); font-size: 14px; border: solid 1px rgba(200,200,200,.9); border-radius: 5px; transition: .4s; } div.sedes div.paginacion ul.paginas label { position: relative; display: flex; padding: 5px 3px; } div.sedes div.paginacion ul.paginas li.numPagina:hover { background: rgba(200,200,200,.9); transition: .4s; } div.sedes div.paginacion ul.paginas li.pagActual { position: relative; display: block; padding: 5px 8px; margin: 0 5px; font-size: 14px; border-radius: 5px; border: solid 1px #000000; box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5); } div.sedes div.paginacion ul.paginas li.pagActual input { position: relative; display: block; color: #000000; width: 20px; text-align: center; } /***********Fin Sedes***********/ /**********Obituarios***********/ div.obituarios { position: relative; display: block; } div.obituarios div.bannerObit { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 150px; background: #3A4249; margin: 20px 0 0; } div.obituarios div.bannerObit label { position: relative; display: flex; text-transform: uppercase; color: #FFFFFF; font-size: 20px; text-align: center; } div.obituarios div.buscadorObituarios { position: relative; display: flex; justify-content: center; z-index: 3; } div.obituarios div.buscadorObituarios div.barraBuscador { position: relative; display: inline-flex; width: calc(100% - 140px); max-width: 1024px; margin: 60px 0 20px; border-radius: 10px; overflow: hidden; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador { display: flex; position: relative; justify-content: space-around; max-width: 800px; width: 100%; border: solid 1px rgba(200,200,200,.9); border-radius: 10px 0 0 10px; overflow: hidden; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador select { display: inline-block; position: relative; width: 100%; padding: 10px 20px; cursor: pointer; color: rgba(100,100,100,.9); font-size: 14px; font-weight: 600; transition: .4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador select:hover { background: rgba(200,200,200,.9); transition: .4s; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador input.campoBuscador { display: inline-block; position: relative; width: 100%; padding: 10px 20px; color: rgba(100,100,100,.9); font-size: 14px; font-weight: 600; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador { position: relative; display: flex; width: 25%; justify-content: space-around; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador div.buscadorBtn { position: relative; display: flex; width: 100%; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador div.buscadorBtn button { position: relative; display: block; padding: 6px; width: 100%; cursor: pointer; color: #FFFFFF; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador div.buscadorBtn button.buscarSede { background: rgba(200,200,200,.9); transition: .4s; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador div.buscadorBtn button.buscarSede:hover { background: #008139; transition: .4s; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador div.buscadorBtn button.refrescarSede { background: rgba(150,150,150,.9); transition: .4s; } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador div.buscadorBtn button.refrescarSede:hover { background: #008139; transition: .4s; } div.obituarios div.grillaObituarios { display: flex; position: relative; justify-content: center; } div.obituarios div.grillaObituarios div.grupoBloques { display: block; position: relative; justify-content: space-around; width: calc(100% - 140px); max-width: 1024px; margin: 0 20px 0; font-size: 0; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario { display: inline-block; position: relative; width: calc(25% - 12px); max-width: 405px; min-width: 240px; height: auto; border: solid 1px rgba(200,200,200,.9); border-radius: 0 0 5px 5px; margin: 30px 5px 10px; box-shadow: 0 8px 6px -5px rgba(10,20,30,.4); z-index: 3; vertical-align: top; transition: .4s; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario:hover { box-shadow: 0 12px 12px -5px rgba(10,20,30,.4); transition: .4s; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.tituloObituario { display: flex; position: absolute; justify-content: space-between; height: auto; border-radius: 9px 9px 0 0; width: 100%; top: -20px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.tituloObituario span { display: inline-block; position: relative; color: #212529; font-weight: 500; font-size: 12px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario { position: relative; display: inline-flex; width: 100%; height: 140px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario { position: relative; display: flex; width: 40%; height: 100%; background: #272727; justify-content: center; align-items: center; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario .logoImg { position: relative; display: block; height: 100%; width: 100%; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario .logoImg .imgCont { position: relative; display: block; width: 100%; height: 100%; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario .logoImg .imgCont img { width: 100%; height: 100%; object-fit: cover; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario i { position: relative; display: block; font-size: 90px; color: #FFFFFF; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario div.numeroServicio { position: absolute; display: block; width: 100%; bottom: 5px; color: #FFFFFF; font-size: 10px; text-align: center; text-transform: uppercase; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario div.numeroServicio label.numServicio { position: relative; display: block; font-size: 12px; font-weight: 700; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario { position: relative; display: flex; width: 60.5%; height: 100%; justify-content: center; align-items: center; background: #008139; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona { position: relative; display: block; margin-bottom: 30px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label { position: relative; display: block; color: #FFFFFF; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label.nombres { font-size: 12px; font-weight: 700; margin: 3px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label.apellidos { font-size: 11px; font-weight: 600; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.fechaPersona { position: relative; display: block; justify-content: space-between; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.fechaPersona span { position: relative; display: flex; color: #FFFFFF; font-size: 10px; font-weight: 500; text-align: center; text-transform: uppercase; justify-content: center; align-items: center; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.fechaPersona span i { width: 10px; height: 10px; margin: 2px 4px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario { position: relative; display: flex; width: 100%; height: 285px; align-items: center; background: #FFFFFF; } div .btnObituarios { position: relative; display: block; width: 211px; height: 34px; justify-content: center; margin: auto; color: #008139; border-radius: 5px; } div button.colorBtnObituarios { text-align: center; position: relative; display: flex; justify-content: center; margin: auto; padding: 9px; background: #008139; } div p.spanObituario { color: #ffffff; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario div.info { position: relative; display: block; width: 100%; padding: 5px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario div.info span { position: relative; display: block; padding: 10px 15px; width: calc(100% - 30px); font-size: 12px; color: #414549; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario div.info span ~ span { border-top: 1px solid rgba(220,220,220,.9); } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario div.info span.linkCementerio { color: #6AB8FD; font-weight: 600; text-align: right; cursor: pointer; } div.obituarios div.paginacion { position: relative; display: flex; width: 100%; justify-content: center; z-index: 3; margin: 0 0 40px 0; } div.obituarios div.paginacion ul.paginas { position: relative; display: inline-flex; padding: 10px 20px 30px; } div.obituarios div.paginacion ul.paginas li.numPagina { position: relative; display: block; padding: 5px 8px; cursor: pointer; color: rgba(100,100,100,.9); font-size: 14px; border: solid 1px rgba(200,200,200,.9); border-radius: 5px; transition: .4s; } div.obituarios div.paginacion ul.paginas label { position: relative; display: flex; padding: 5px 3px; } div.obituarios div.paginacion ul.paginas li.numPagina:hover { background: rgba(200,200,200,.9); transition: .4s; } div.obituarios div.paginacion ul.paginas li.pagActual { position: relative; display: block; padding: 5px 8px; margin: 0 5px; font-size: 14px; border-radius: 5px; border: solid 1px #000000; box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5); } div.obituarios div.paginacion ul.paginas li.pagActual input { position: relative; display: block; color: #000000; width: 20px; text-align: center; } /*********Fin Obituarios********/ /**************Bono Millonario**************/ div.bonoMillonario { position: relative; display: block; width: 100%; margin-bottom: 40px; } div.bonoMillonario div.backContador { position: relative; display: flex; width: 100%; height: 350px; margin: 50px 0 20px; justify-content: center; background-image: url(../img/banner-Bono.jpg); background-size: cover; background-position: center; background-attachment: fixed; } div.bonoMillonario div.backContador div.bonoContador { position: relative; display: inline-flex; width: calc(100% - 100px); max-width: 1140px; z-index: 2; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo { position: relative; display: flex; width: 400px; background: rgba(75,75,75,.6); height: 100%; justify-content: center; align-items: center; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo { position: relative; display: block; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo { position: relative; display: block; text-align: center; padding: 0 0 20px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo label { position: relative; display: block; font-size: 22px; font-weight: 600; text-transform: uppercase; color: #191919; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo i { position: relative; font-size: 35px; color: #008139; margin: 0 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8) } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo span { position: relative; font-size: 35px; font-weight: 800; color: #008139; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8) } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo { position: relative; display: block; text-align: center; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo label { position: relative; display: block; font-size: 22px; font-weight: 600; text-transform: uppercase; color: #191919; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo span { position: relative; display: block; font-size: 45px; font-weight: 800; color: #008139; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8) } div.bonoMillonario div.backContador div.bonoContador div.contador { position: relative; display: flex; width: calc(100% - 400px); height: 100%; justify-content: center; align-items: center; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo { position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtTop { position: absolute; display: block; font-size: 26px; font-weight: 600; text-transform: uppercase; color: #292929; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); top: 30px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom { position: absolute; display: block; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; color: #292929; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); bottom: 30px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom b { font-size: 40px; font-weight: 900; text-align: center; text-transform: uppercase; color: #008139; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo { position: relative; display: block; top: -30px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador { position: relative; display: inline-flex; padding: 20px; margin: 5px; background: rgba(75,75,75,.6); border-radius: 10px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador span { position: relative; display: block; font-size: 90px; font-weight: 800; color: #FFFFFF; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.8); } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador div.labelSorteo { position: absolute; display: block; width: 100%; text-align: center; left: 0; bottom: -25px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador div.labelSorteo label { position: relative; display: block; font-size: 16px; font-weight: 800; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,.8); } div.bonoMillonario div.backContador div.contadorCero { position: relative; display: none; width: calc(100% - 400px); height: 100%; align-items: center; } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto { position: relative; display: block; width: 100%; height: 100%; } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto div.txtTop { position: relative; display: flex; color: #212529; justify-content: center; align-items: center; text-transform: uppercase; padding: 90px 0 30px; } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto div.txtTop label { position: relative; display: block; font-size: 26px; font-weight: 800; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto div.txtBottom { position: relative; display: block; color: #212529; text-align: center; text-transform: uppercase; } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto div.txtBottom span.text1 { position: relative; display: block; font-size: 22px; font-weight: 500; } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto div.txtBottom span.text2 { position: relative; display: block; font-size: 21px; font-weight: 600; } div.bonoMillonario div.backContador div.contadorCero div.contadorTexto div.txtBottom span.text3 { position: relative; display: block; font-size: 56px; font-weight: 900; color: #008139; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8); } div.contModulos div.modulo.activo div.textoOculto p { text-align: left; font-size: 12px; } div.bonoMillonario div.grillaBono { display: flex; position: relative; justify-content: center; margin: 0 0 20px; } div.bonoMillonario div.grillaBono div.grupoBloques { display: block; position: relative; justify-content: space-around; width: calc(100% - 120px); max-width: 1024px; margin: 0 20px 0; font-size: 0; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques { position: relative; display: block; width: 100%; margin: 0 0 40px; font-size: 20px; text-align: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques i { position: relative; display: inline-block; font-size: 26px; margin: 10px 0; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques label { position: relative; display: inline-block; vertical-align: middle; margin: 10px; font-weight: 700; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques span { position: relative; display: block; font-size: 16px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono { display: block; position: relative; width: 100%; height: 0; z-index: 3; opacity: 0; transition: .5s; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono.activo { opacity: 1; transition: .5s; height: 400px; overflow: hidden; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.videoBono { display: inline-block; position: relative; width: 70%; height: 100%; justify-content: center; align-items: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.videoBono h1 { width: 100%; height: 100%; background: rgba(10,20,30,.5); color: #FFFFFF; position: relative; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-size: 18px !important; font-weight: 800; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.videoBono iframe { display: inline-block; position: relative; width: 100%; height: 100%; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono { position: relative; display: inline-block; vertical-align: top; color: #212529; background: rgba(10,20,30,1); width: calc(30% - 20px); height: calc(100% - 20px); padding: 20px 10px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono div { position: relative; display: block; font-size: 14px; color: #eceff1; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono div label { position: relative; display: block; font-size: 12px; font-weight: 800; padding: 10px 10px 0; letter-spacing: 1px; color: #9e9e9e; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono div span { padding: 1px 10px; font-size: 17px; display: block; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono { position: absolute; display: inline-flex; width: 20%; height: 50px; cursor: pointer; justify-content: center; align-items: center; bottom: 0; right: 5%; border-radius: 6px 6px 0 0; background: #008139; box-shadow: inset 0 2px 4px rgba(0,0,0,.7); } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono i { position: relative; display: block; font-size: 22px; color: #FFFFFF; margin: 0 5px; cursor: pointer; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono label { color: #FFFFFF; font-size: 20px; font-weight: 600; cursor: pointer; } div.bonoMillonario div.grillaBono div.grupoBloques div.btnUltimo { position: relative; display: flex; width: 100%; margin: 20px 0; justify-content: center; align-items: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.btnUltimo button { padding: 10px; border-radius: 5px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques { display: block; position: relative; margin: 10px 0; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono { display: inline-block; position: relative; width: calc(20% - 12px); max-width: 240px; min-width: 160px; height: 199px; border: solid 1px rgba(200,200,200,.9); border-radius: 0 0 5px 5px; margin: 30px 5px 10px; box-shadow: 0 8px 6px -5px rgba(10,20,30,.4); z-index: 3; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.tipoBono { position: absolute; display: block; width: 100%; top: -20px; justify-content: center; align-items: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.tipoBono span { position: relative; display: block; justify-content: center; align-items: center; color: #a1a5a9; font-size: 12px; text-align: center; text-transform: uppercase; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.fechaBono { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 30px; background: #008139; transition: .4s; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono.activo div.fechaBono { background: #FFA500; transition: .4s; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.fechaBono span { position: relative; display: block; color: #FFFFFF; font-size: 16px; font-weight: 600; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono { position: absolute; display: flex; width: 40px; height: 40px; border-radius: 50%; background-color: #FFA500; justify-content: center; align-items: center; bottom: 40px; left: calc(50% - 20px); z-index: 2; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono label { position: relative; display: block; color: #FFFFFF; font-size: 12px; text-align: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono span { position: relative; display: block; color: #FFFFFF; font-size: 14px; font-weight: 700; text-align: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono { position: relative; display: flex; height: 110px; width: 100%; color: #212529; background: #FFFFFF; justify-content: space-around; align-items: center; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div { position: relative; display: flex; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div label { position: relative; display: block; text-transform: uppercase; text-align: center; font-size: 10px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div span { position: relative; display: block; text-transform: uppercase; text-align: center; font-size: 25px; font-weight: 700; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div.bonoCifra { position: relative; display: block; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div.bonoSerie { position: relative; display: block; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono { position: relative; display: flex; height: 60px; width: 100%; cursor: pointer; background: #008139; justify-content: center; align-items: center; border-radius: 0 0 5px 5px; transition: .4s; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono.activo div.mostrarBono { background: #FFA500; transition: .4s; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div { position: absolute; display: flex; top: 26px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div i { position: relative; display: inline-block; font-size: 20px; color: #FFFFFF; margin: 0 5px; cursor: pointer; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div span { position: relative; display: inline-block; color: #FFFFFF; font-size: 16px; font-weight: 600; cursor: pointer; } /**************Fin Bono Millonario*********************/ /*********************Planes Exequiales*********************/ div.servicios { position: relative; display: block; width: 100%; height: 100%; } div.servSlider { position: relative; display: block; width: 100%; height: 280px; overflow: hidden; top: 0px; } div.servSlider div.slider { position: relative; display: block; overflow: hidden; height: 100%; z-index: -1; } div.servSlider div.slider div.sliderItem { position: relative; display: flex; align-items: center; width: 100%; height: 100%; opacity: 0; } div.servSlider div.slider div.sliderItem.activo { position: relative; display: block; opacity: 1; transition: .8s; } div.servSlider div.slider div.sliderItem div { position: relative; display: flex; width: 100%; height: 100%; align-items: center; } div.servSlider div.slider div.sliderItem div.sliderHalf1 img { object-fit: cover; width: 100%; height: 100%; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText { position: absolute; display: flex; width: 40%; height: 100%; align-items: center; padding: 0 40px 0 0; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div { position: relative; display: block; text-align: right; height: auto; } div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText { position: absolute; display: flex; width: 40%; height: 100%; align-items: center; right: 0px; padding: 0 0 0 40px; } div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div { position: relative; display: block; text-align: left; display: block; height: auto; } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText { position: absolute; display: flex; width: 100%; height: 100%; align-items: center; right: 0px; padding: 0 0 0 40px; } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div { position: relative; display: block; text-align: left; height: auto; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div label { position: relative; display: block; text-transform: uppercase; font-size: 28px; font-weight: 900; color: #313539; } div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div label { position: relative; display: block; text-transform: uppercase; font-size: 28px; font-weight: 900; color: #313539; } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div label { position: relative; display: block; text-transform: uppercase; text-align: center; font-size: 30px; font-weight: 900; color: #FFFFFF; margin: 10px; text-shadow: 0px 4px 4px rgba(0,0,0,.5); } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div p { position: relative; display: block; font-weight: 600; color: #616569; } div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div p { position: relative; display: block; font-weight: 600; color: #616569; } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div p { position: relative; display: block; font-size: 18px; font-weight: 600; text-align: center; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0,0,0,.5); } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div span { position: relative; display: block; width: 100%; color: #FFFFFF; text-align: center; padding: 10px 0; font-size: 20px; font-weight: 600; font-style: italic; text-shadow: 0px 4px 4px rgba(0,0,0,.5); } div.slider div.sliderItem div.sliderText p.newP { font-size: 18px !important; } div.servicios div.nuestrosServicios { display: flex; position: relative; width: 100%; justify-content: center; align-items: center; } div.servicios div.nuestrosServicios.noFlex { display: block !important; margin: 10px auto; } div.servicios div.nuestrosServicios div.contServicios { display: block; position: relative; width: calc(100% - 100px); max-width: 1130px; margin: auto; } div.servicios div.nuestrosServicios div.textoPreGrilla { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; margin: 20px auto; } div.servicios div.nuestrosServicios div.textoPreGrilla span { position: relative; display: block; color: #212529; margin: 20px 0 0; font-size: 20px; font-weight: 600; text-transform: uppercase; } div.servicios div.nuestrosServicios div.textoPreGrilla span b { position: relative; display: block; color: #212529; font-size: 30px; font-weight: 800; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes { margin: 0px auto 0; display: block; height: min-content; width: 100%; max-width: 100%; background: #f5f5f9; padding: 20px 0 40px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; background-image: url(../img/banner-coinpaz-planes.jpg); background-size: cover; background-position: center; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque { position: relative; display: flex; width: calc(100% - 200px); max-width: 1000px; height: 300px; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 { position: relative; display: inline-block; width: calc(50% - 5px); height: 100%; overflow: hidden; background: #EBEBEB; border: 2px solid #008139; border-radius: 20px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea { position: relative; display: inline-block; width: calc(50% - 3px); height: calc(100% - 35px); font-size: 0; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent { position: relative; display: flex; width: 100%; height: calc(20% - 6px); margin: 5px 0; align-items: center; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent span { position: relative; display: flex; content: ''; height: 100%; width: 30px; margin: 0 10px; align-items: center; justify-content: center; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent span:before { position: relative; display: block; content: ''; background: #6D6D6F; width: 10px; height: 10px; border-radius: 50%; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent label { position: relative; display: block; font-size: 14px; font-weight: 600; margin: 0 10px; width: 100%; color: #6D6D6F; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.txtEstipulado { position: relative; display: block; width: 100%; margin: 10px 0; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.txtEstipulado label { position: relative; display: block; text-indent: 20px; font-size: 12px; color: #6D6D6F; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 { position: relative; display: inline-flex; width: calc(50% - 5px); height: 100%; justify-content: center; align-items: center; right: 50px; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro { position: relative; display: block; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.tituloVent { position: relative; display: block; margin: 30px; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.tituloVent label { position: relative; display: block; color: #212529; font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.tituloVent label span { position: relative; display: block; font-size: 40px; font-weight: 800; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.botonTCO { position: relative; display: flex; justify-content: center; align-items: center; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.botonTCO button { position: relative; display: flex; justify-content: center; align-items: center; padding: 10px 20px; border-radius: 5px; } /* div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes > div { display: flex; justify-content: center; align-items: center; margin: auto; position: relative; padding: 20px; } div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.lineCenter { width: 25px; height: 200px; position: relative; display: flex; align-items: center; justify-content: center; } div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.lineCenter:before { content: ''; width: 1px; height: 100%; background: #008139; position: absolute; } div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.lineCenter div.puntoCenter { width: 100%; height: 100%; position: relative; } div.puntoCenter span.punto { width: 100%; height: 20%; display: flex; align-items: center; justify-content: center; } span.punto:after { content: ''; border-radius: 50%; background: #008139; position: relative; margin: 10px auto 10px; display: block; width: 7px; height: 7px; } div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.lineCenter div.lineaLeft { position: absolute; display: block; width: 20px; height: 100%; top: calc(10% - 1px); left: -10px; } div.servicios div.nuestrosServicios div.lineaLeft div.linea { height: 20%; width: 20px !important; } div.lineaLeft div.linea span.iconoLinea { background: #008139; width: 20px; height: 1px; display: block; } div.lineaLeft div.linea:nth-child(1) span.iconoLinea:before { content: ''; position: absolute; top: -16px; left: -38px; background: #008139; width: 45px; height: 1px; transform: rotate(45deg); } div.lineaLeft div.linea:nth-child(2) span.iconoLinea:before { content: ''; position: absolute; top: -8px; left: -32px; background: #008139; width: 34px; height: 1px; transform: rotate(29deg); } div.lineaLeft div.linea:nth-child(3) span.iconoLinea:before { content: ''; position: absolute; top: 0px; left: -60px; background: #008139; width: 60px; height: 1px; transform: rotate(0deg); } div.lineaLeft div.linea:nth-child(4) span.iconoLinea:before { content: ''; position: absolute; top: 8px; left: -32px; background: #008139; width: 34px; height: 1px; transform: rotate(-29deg); } div.lineaLeft div.linea:nth-child(5) span.iconoLinea:before { content: ''; position: absolute; top: 16px; left: -38px; background: #008139; width: 45px; height: 1px; transform: rotate(-45deg); } div.lineaLeft div.linea:nth-child(1) span.iconoLinea:after { content: ''; position: absolute; top: -32px; left: -66px; background: #008139; width: 35px; height: 1px; transform: rotate(0deg); } div.lineaLeft div.linea:nth-child(2) span.iconoLinea:after { content: ''; position: absolute; top: -16px; left: -110px; background: #008139; width: 81px; height: 1px; transform: rotate(0deg); } div.lineaLeft div.linea:nth-child(4) span.iconoLinea:after { content: ''; position: absolute; top: 16px; left: -110px; background: #008139; width: 81px; height: 1px; transform: rotate(0deg); } div.lineaLeft div.linea:nth-child(5) span.iconoLinea:after { content: ''; position: absolute; top: 32px; left: -66px; background: #008139; width: 35px; height: 1px; transform: rotate(0deg); } div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.lineCenter div.lineaRight { position: absolute; display: block; width: 20px; height: 100%; top: calc(10% - 1px); right: -10px; } div.servicios div.nuestrosServicios div.lineaRight div.linea { height: 20%; width: 20px !important; } div.lineaRight div.linea span.iconoLinea { background: #008139; width: 20px; height: 1px; display: block; } div.lineaRight div.linea:nth-child(1) span.iconoLinea:before { content: ''; position: absolute; top: -16px; right: -38px; background: #008139; width: 45px; height: 1px; transform: rotate(-45deg); } div.lineaRight div.linea:nth-child(2) span.iconoLinea:before { content: ''; position: absolute; top: -8px; right: -32px; background: #008139; width: 34px; height: 1px; transform: rotate(-29deg); } div.lineaRight div.linea:nth-child(3) span.iconoLinea:before { content: ''; position: absolute; top: 0px; right: -60px; background: #008139; width: 60px; height: 1px; transform: rotate(0deg); } div.lineaRight div.linea:nth-child(4) span.iconoLinea:before { content: ''; position: absolute; top: 8px; right: -32px; background: #008139; width: 34px; height: 1px; transform: rotate(29deg); } div.lineaRight div.linea:nth-child(5) span.iconoLinea:before { content: ''; position: absolute; top: 16px; right: -38px; background: #008139; width: 45px; height: 1px; transform: rotate(45deg); } div.lineaRight div.linea:nth-child(1) span.iconoLinea:after { content: ''; position: absolute; top: -32px; right: -66px; background: #008139; width: 35px; height: 1px; transform: rotate(0deg); } div.lineaRight div.linea:nth-child(2) span.iconoLinea:after { content: ''; position: absolute; top: -16px; right: -110px; background: #008139; width: 81px; height: 1px; transform: rotate(0deg); } div.lineaRight div.linea:nth-child(4) span.iconoLinea:after { content: ''; position: absolute; top: 16px; right: -110px; background: #008139; width: 81px; height: 1px; transform: rotate(0deg); } div.lineaRight div.linea:nth-child(5) span.iconoLinea:after { content: ''; position: absolute; top: 32px; right: -66px; background: #008139; width: 35px; height: 1px; transform: rotate(0deg); } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.txtLeft { width: 500px; height: 280px; padding-right: 60px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.txtLeft div.textInfo { width: 100%; height: 20%; display: flex; align-items: center; justify-content: flex-end; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.txtLeft div.textInfo:nth-child(2n) { right: 40px; position: relative; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.txtRight { width: 500px; height: 280px; padding-left: 60px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.txtRight div.textInfo { width: 100%; height: 20%; display: flex; align-items: center; justify-content: flex-start; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.txtRight div.textInfo:nth-child(2n) { left: 40px; position: relative; } div.textInfo span { position: relative; z-index: 2; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 2px solid #008139; border-radius: 50%; margin: 0 10px; background: #ffffff; box-shadow: 0 2px 3px 0px rgba(0,0,0,.5); } div.txtLeft div.textInfo label { width: calc(100% - 120px); padding: 4px 30px 4px 4px; font-size: 15px; line-height: 1; display: flex; height: 30px; text-align: right; justify-content: flex-end; align-items: center; margin-right: -30px; background: linear-gradient(90deg, rgba(255,255,255,0)0%, rgba(255,255,255,1)100%); box-shadow: 11px 1px 2px -2px rgba(0,0,0,.2); } div.txtRight div.textInfo label { position: relative; width: calc(100% - 120px); padding: 4px 4px 4px 30px; font-size: 15px; line-height: 1; display: flex; height: 30px; text-align: left; justify-content: flex-start; align-items: center; margin-left: -30px; background: linear-gradient(90deg, rgba(255,255,255,1)0%, rgba(255,255,255,0)100%); box-shadow: -11px 1px 2px -2px rgba(0,0,0,.2); z-index: 1; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios { position: relative; display: block; width: 100%; } */ div.conIMA img { position: relative; display: block; height: 100%; width: 100%; object-fit: contain; } div.Prom { width: calc(70% - 1px); margin: 40px auto; display: block; justify-content: center; } button.btnGeneral.naranja.vfrd { padding: 10px; border-radius: 10px; margin: auto; } button.btnGeneral.naranja.cotz { padding: 10px; border-radius: 10px; width: 100%; margin: auto; } div.ConUNOS { width: calc(49% - 1px); margin: auto; display: inline-block; justify-content: center; object-fit: contain; } div.conDos { width: calc(49% - 1px); margin: auto; display: inline-block; justify-content: center; } div.bt { width: calc(70% - 1px); margin: auto; text-align: center; height: 35px; } div.LBP { width: calc(69% - 1px); margin: auto; justify-content: center; text-align: inherit; position: relative; bottom: 133px; } div.LBP label { font-size: 20px; font-weight: bold; } div.bt { width: calc(70% - 1px); margin: auto; text-align: center; height: 34px; position: relative; bottom: 82px; } div.bits { width: calc(70% - 1px); margin: auto; justify-content: center; display: block; position: relative; bottom: 62px; } div.bbtrs { width: 23%; display: inline-block; margin: auto; justify-content: center; text-align: center; position: relative; } div.bbtrs.sd { left: 4%; } div.bbtrs.ds { right: 9%; } label.ncvto { color: #ff8f00; font-size: 20px; } label.vid { font-size: 19px; font-weight: 800; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios label.lado { position: absolute; display: block; width: 52%; height: 100%; text-align: right; right: 67px; font-family: Brush Script MT, Brush Script Std, Dancing Script, sans-serif; font-size: 40px; top: 10px; transform: rotate(-14deg); color: #FFFFFF; } div.element.cambioColorHeader.Independiente { height: 80px; position: absolute; right: 76px; width: 415px; z-index: 6; top: 0px; transform: rotate(360deg); } div.unt { width: 18%; margin: auto; margin-left: 63px; } div.bgtn p { margin-left: 8px; } div.bgtn { width: 22%; margin-right: 23%; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios { position: relative; display: block; width: 100%; margin: 60px 0 40px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios label { position: relative; display: block; color: #212529; text-align: center; font-size: 20px; font-weight: 600; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios label span { position: relative; display: block; color: #212529; text-align: center; font-size: 30px; font-weight: 800; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios label span b { position: relative; display: block; font-size: 22px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo { position: relative; display: flex; width: 80%; justify-content: space-between; margin: 40px auto 20px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo b { position: relative; display: block; color: #FFFFFF; text-align: center; text-transform: uppercase; width: 30%; padding: 10px; font-size: 17px; background: linear-gradient(to right, rgba(177,181,185,0) 0%, rgba(97,101,105,1) 25%, rgba(97,101,105,1) 50%, rgba(97,101,105,1) 75%, rgba(177,181,185,0) 100%); } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo span { position: relative; display: flex; justify-content: center; align-items: center; padding: 10px; height: auto; border-radius: 5px; margin-right: 45%; z-index: 2; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo label { position: absolute; display: block; width: 90%; height: 100%; text-align: right; bottom: -64px; font-family: Brush Script MT, Brush Script Std, Dancing Script, sans-serif; font-size: 40px; color: #008139; transform: rotate(-10deg); } div.servicios div.nuestrosServicios div.contServicios div.listaBenef { position: relative; display: block; margin: 30px 0; } div.servicios div.nuestrosServicios div.contServicios div.listaBenef div.listaText { position: relative; display: block; width: 60%; font-size: 22px; text-transform: uppercase; text-align: center; margin: 0 auto 20px; } div.servicios div.nuestrosServicios div.contServicios div.listaBenef div.listaHalf { position: relative; display: inline-block; width: calc(50% - 13px); vertical-align: top; margin: 0 5px; } div.servicios div.nuestrosServicios div.contServicios div.listaBenef div.listaHalf div.listaItem { position: relative; display: flex; margin-bottom: 5px; align-items: center; } div.servicios div.nuestrosServicios div.contServicios div.listaBenef div.listaHalf div.listaItem span { font-size: 30px; margin-right: 10px; color: #008139; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes { position: relative; display: block; width: 100%; justify-content: center; font-size: 0; margin: 0 0 20px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem { position: relative; display: inline-block; width: calc(25% - 10px); margin: 20px 5px; font-size: 16px; vertical-align: top; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planNombre { position: relative; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 700; padding: 10px 0 20px; background: #008139; color: #FFFFFF; margin-bottom: 10px; clip-path: polygon(100% 0%, 100% 80%, 0% 100%, 0% 0%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planDescripcion { position: relative; display: flex; text-align: center; justify-content: center; margin: 10px; font-size: 14px; height: 110px; align-items: center; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planSection { position: relative; display: block; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planSection div.planButton { position: relative; display: block; width: 100%; background: #008139; color: #FFFFFF; padding: 20px 0 10px; text-align: center; clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 15%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planSection div.planButton div.precioMes { position: relative; display: block; margin-bottom: 5px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planSection div.planButton div.precioMes label { position: relative; display: block; text-transform: uppercase; font-size: 12px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planSection div.planButton div.precioMes span { font-size: 26px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem div.planSection div.planButton div.btnCotizacion button { position: relative; display: none; padding: 10px 20px; font-size: 26px; font-weight: 700; border-radius: 10px; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios { position: relative; display: flex; width: 100%; justify-content: center; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio { position: relative; display: flex; height: 120px; width: 20%; padding: 20px; justify-content: center; align-items: center; margin: 0 10px; clip-path: polygon(100% 0%, 100% 85%, 0% 100%, 0% 15%); } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio.plan1 { background: #009B44; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio.plan2 { background: #008139; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio.plan3 { background: #006C30; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio div.planCont { position: relative; display: block; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio div.planCont span { position: relative; display: block; text-align: center; color: #FFFFFF; font-size: 16px; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio.plan1 div.planCont span { text-decoration: line-through; } div.servicios div.nuestrosServicios div.contServicios div.planesPrecios div.planPrecio div.planCont span.precioSpan { font-size: 35px; } div.servicios div.nuestrosServicios div.serviciosGrilla { display: block; position: relative; justify-content: space-around; width: calc(100% - 100px); margin: 40px auto 60px; font-size: 0; z-index: 3; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque { display: inline-flex; position: relative; width: calc(25% - 12px); max-width: 330px; height: 60px; border: solid 1px rgba(200,200,200,.9); border-radius: 0 20px; margin: 10px 5px 10px; box-shadow: 0 8px 6px -5px rgba(10,20,30,.4); overflow: hidden; z-index: 3; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque { position: relative; width: 100%; height: 100%; background: #FFFFFF; transition: transform 1s; transform-style: preserve-3d; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque div.bloqueFront { position: absolute; width: 100%; height: 100%; display: inline-block; backface-visibility: hidden; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque div.bloqueFront div.logoServicios { position: relative; display: inline-flex; width: 60px; height: 100%; background: #008139; border-radius: 0 20px; justify-content: center; align-items: center; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque div.bloqueFront div.logoServicios i { position: relative; display: block; font-size: 40px; color: #FFFFFF; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque div.bloqueFront div.infoBloqueServ { position: relative; display: inline-flex; width: calc(100% - 60px); vertical-align: top; height: 60px; align-items: center; justify-content: center; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque div.bloqueFront div.infoBloqueServ label { position: relative; display: block; font-size: 12px; font-weight: 500; text-align: center; text-transform: uppercase; margin: 5px 10px; } div.servicios div.nuestrosServicios div.serviciosGrilla div.txtFondoBenefGrilla { position: relative; display: block; height: 20px; width: 100%; margin: 10px 0 0; } div.servicios div.nuestrosServicios div.serviciosGrilla div.txtFondoBenefGrilla span { position: relative; display: block; font-size: 14px; color: #212529; } div.servicios div.actionPlanes { position: relative; display: flex; width: 100%; height: 300px; margin: 40px 0 60px; background-image: url(../img/sliderServicios/banner-callToAction-planes.jpg); background-position: bottom; background-size: cover; justify-content: flex-end; } div.servicios div.actionPlanes div.actionCont { position: relative; display: flex; width: 45%; height: 100%; justify-content: center; align-items: center; } div.servicios div.actionPlanes div.actionCont div.actionInfo { position: relative; display: block; width: 100%; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionText { position: relative; display: block; text-align: center; margin: 20px 40px; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionText span { display: block; font-size: 24px; font-weight: 700; margin: 10px 0; text-transform: uppercase; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionText p { margin: auto; width: 60%; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionButton { position: relative; display: flex; justify-content: center; margin: 20px 0; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionButton button { padding: 10px; border-radius: 5px; } /**************************************Planes Recuperado**********************************************/ div .servicios div.nuestrosServicios div.contServicios div.grupoPlanes { position: relative; display: flex; width: 100%; justify-content: center; font-size: 0; margin: 0 0 60px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan { position: relative; display: inline-block; min-width: 180px; width: 20%; margin: 0 1px; height: 310px; overflow: hidden; border: 1px solid rgba(200,200,200,.8); z-index: 3; transition: .4s; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueDecorado1 { position: absolute; display: flex; width: 100%; height: 170px; background: #008139; z-index: 2; clip-path: polygon(100% 0%, 100% 65%, 0% 100%, 0% 0%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan:hover div.bloqueDecorado1 { background: linear-gradient(180deg, rgb(0, 170, 75)0%, rgb(0, 129, 57)50%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan:nth-child(5) div.bloqueDecorado1 { background: #007129; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan:nth-child(5):hover div.bloqueDecorado1 { background: linear-gradient(to bottom, rgba(53,161,91,1) 0%, rgba(0,113,41,1) 61%, rgba(0,113,41,1) 100%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan:nth-child(5) div.bloqueDecorado2 { background: #30A111; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueDecorado2 { position: absolute; display: flex; width: 100%; height: 160px; z-index: 1; background: rgba(80,171,33,1); clip-path: polygon(100% 0%, 100% 95%, 0% 95%, 0% 0%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc { position: relative; display: block; width: 100%; background: transparent; z-index: 3; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle { position: relative; display: block; width: 100%; padding: 10px 0 5px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle label { position: relative; display: block; color: #FFFFFF; font-size: 22px; font-weight: 400; text-align: center; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.separador { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.separador span.sep { position: relative; display: block; content: ''; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(250, 250, 250,0)10%, rgba(250, 250, 250,.8)50%, rgba(250, 250, 250,0)90%); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan { position: relative; display: block; padding: 5px 10px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan label { position: relative; display: block; color: #FFFFFF; font-size: 14px; text-align: center; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan { position: relative; display: block; width: 100%; padding: 10px 0; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan label { position: relative; display: block; color: #FFFFFF; font-size: 11px; text-align: center; margin: 0 0 5px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan button { position: relative; display: block; padding: 10px 45px; border-radius: 5px; font-size: 16px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.specialPlan { position: relative; display: block; width: 100%; padding: 5px 0 5px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.specialPlan span { position: relative; display: block; margin: 0 40px; color: #FFFFFF; font-size: 14px; text-align: center; text-transform: uppercase; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef { position: absolute; display: flex; justify-content: center; align-items: center; padding: 20px 20px; background: #FFFFFF; width: calc(100% - 40px); height: 120px; bottom: 0; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef div.textoBenef { position: relative; display: block; width: 100%; margin: 5px 0; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef div.textoBenef div { position: relative; display: block; width: 100%; font-size: 12px; } div.mibf ol li { width: 16em; margin: 5px auto; text-align: inherit; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef div.textoBenef div div.hre { width: 16em; position: relative; display: flex; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef div.textoBenef div div.hre ol.jnhj { width: 8em; } /*********************Fin Planes*********************/ /**************Servicios**************/ div.planes { position: relative; display: block; width: 100%; height: 100%; } div.planes div.planesExeq { position: relative; display: block; width: 100%; } div.planes div.planesExeq div.textoPlanes { position: relative; display: flex; width: 100%; height: 280px; justify-content: center; align-items: center; margin: 0 0 10px; background-image: url(../img/banner-PlanesBosque.jpg); background-size: cover; background-position: center; } div.planes div.planesExeq div.textoPlanes div.txtPlanes { position: relative; display: block; width: 100%; padding: 20px 0; } div.planes div.planesExeq div.textoPlanes div.txtPlanes label { position: relative; display: block; color: #212529; text-align: center; font-size: 18px; font-weight: 600; text-transform: uppercase; } div.planes div.planesExeq div.textoPlanes div.txtPlanes label b { position: relative; display: block; font-size: 34px; font-weight: 800; } div.planes div.planesExeq div.textoPlanes div.txtPlanes span { position: relative; display: block; width: 100%; color: #313539; text-align: center; padding: 10px 0; font-size: 20px; font-weight: 600; font-style: italic; } div.planes div.planesExeq div.textoPlanes div.txtPlanes p { position: relative; display: block; text-align: center; color: #313539; font-weight: 600; width: 100%; max-width: 900px; margin: auto; } div.planes div.planesExeq div.bannerMedio { position: relative; display: flex; width: 100%; height: 300px; align-items: center; background-image: url(../img/banner-intermedio-planes.jpg); background-position: left; background-size: cover; margin: 40px 0 0; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio { position: relative; display: block; width: 40%; margin: 0 140px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio span { position: absolute; display: block; content: ''; background: #FFFFFF; width: 5px; height: 170px; top: 10px; left: -8px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio label { position: relative; display: block; margin: 10px; font-size: 24px; font-weight: 700; color: #FFFFFF; } div.planes div.planesExeq div.contentPlanes { position: relative; display: block; width: calc(100% - 80px); max-width: 1080px; margin: auto; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios { position: relative; display: block; margin: 40px auto 0; width: 100%; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios span { position: relative; display: inline-block; text-align: center; font-size: 20px; width: 60%; font-weight: 500; color: #212529; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel { position: relative; display: inline-block; width: calc(40% - 5px); vertical-align: top; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel span { position: relative; display: block; width: 100%; text-align: center; margin: 0 0 10px; font-weight: 700; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel label { position: relative; display: block; width: 100%; text-align: center; margin: 0 0 5px; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel label a { color: #212529; font-weight: 700; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes { position: relative; display: flex; width: calc(100% - 40px); height: calc(100% - 320px); margin: 40px 20px 40px; justify-content: center; font-size: 0; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan { position: relative; display: inline-block; width: calc(25% - 10px); min-width: 250px; height: min-content; margin: 20px 3px; transition: .6s; z-index: 3; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc { position: relative; display: block; width: 100%; background: transparent; height: 120px; z-index: 3; top: 15px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloqueDeco1 { position: absolute; display: block; width: 100%; height: 150px; background: #008139; clip-path: polygon(100% 0%, 100% 65%, 0% 100%, 0% 0%); z-index: 2; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloqueDeco2 { position: absolute; display: flex; width: 100%; height: 140px; background: rgba(80,171,33,1); clip-path: polygon(100% 0%, 101% 95%, 0% 95%, 0% 0%); z-index: 1; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan:hover div.bloqueDeco1 { background: linear-gradient(180deg, rgb(0, 170, 75)0%, rgb(0, 129, 57)50%); } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan:nth-child(3) div.bloquePrinc { background: transparent; height: 140px; top: 0px; z-index: 3; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan:nth-child(3) div.bloqueDeco1 { position: absolute; display: block; width: 100%; height: 150px; background: #007129; clip-path: polygon(100% 0%, 100% 65%, 0% 100%, 0% 0%); z-index: 2; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan:nth-child(3):hover div.bloqueDeco1 { background: linear-gradient(to bottom, rgba(53,161,91,1) 0%, rgba(0,113,41,1) 61%, rgba(0,113,41,1) 100%); } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan:nth-child(3) div.bloqueDeco2 { position: absolute; display: flex; width: 100%; height: 140px; background: #30A111; clip-path: polygon(100% 0%, 101% 95%, 0% 96%, 0% 0%); z-index: 1; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle { position: relative; display: block; width: 100%; padding: 10px 0 5px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle label { position: relative; display: block; color: #FFFFFF; font-size: 26px; font-weight: 400; text-align: center; text-transform: uppercase; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.separador { position: relative; display: flex; justify-content: center; align-items: center; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.separador span.sep { position: relative; display: block; content: ''; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(250, 250, 250,0)10%, rgba(250, 250, 250,.8)50%, rgba(250, 250, 250,0)90%); } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan { position: relative; display: block; width: 100%; padding: 5px 0; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan label { position: relative; display: block; color: #FFFFFF; font-size: 16px; text-align: center; text-transform: uppercase; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan { position: relative; display: block; width: 100%; padding: 10px 0; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan label { position: relative; display: block; color: #FFFFFF; font-size: 12px; text-align: center; margin: 0 0 5px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan { position: relative; display: flex; justify-content: center; align-items: center; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan button { position: relative; display: block; padding: 10px; border-radius: 5px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.specialPlan { position: relative; display: block; width: 100%; padding: 5px 0 5px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.specialPlan span { position: relative; display: block; margin: 0 40px; color: #FFFFFF; font-size: 14px; text-align: center; text-transform: uppercase; } div.planes div.planesExeq div.contentPlanes div.divContacto { position: relative; display: block; width: 100%; margin: 40px 0; } div.planes div.planesExeq div.contentPlanes div.divContacto div.txtContacto { position: relative; display: block; width: 100%; } div.planes div.planesExeq div.contentPlanes div.divContacto div.txtContacto label { position: relative; display: block; font-size: 18px; font-weight: 400; text-align: center; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO { position: relative; display: flex; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO label { position: relative; display: flex; margin: 10px auto; padding: 10px; border-radius: 5px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono { position: absolute; display: block; background: rgba(10, 20, 30, .8); z-index: 1; top: -30px; left: 14%; opacity: 0; border-radius: 10px; padding: 10px; transition: .3s; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono.activo { opacity: 1; transition: .3s; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono span { position: absolute; display: block; width: 0; height: 0; bottom: 40px; right: -20px; border-left: solid 20px rgba(10, 20, 30, .8); border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0; transition: .3s; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono.activo span { opacity: 1; transition: .3s; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono label { position: relative; display: block; padding: 5px 10px; color: #FFFFFF; font-weight: 300; font-size: 14px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono label a { color: #FFFFFF; font-weight: 700; font-size: 18px; } div.planes div.planesExeq div.contentPlanes div.textoFondo { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 0 0 30px; } div.planes div.planesExeq div.contentPlanes div.textoFondo div.txtFondo { position: relative; display: block; width: 60%; } div.planes div.planesExeq div.contentPlanes div.textoFondo div.txtFondo p { position: relative; display: block; color: #212529; font-size: 16px; text-align: center; } div.pagoServicio { position: relative; display: block; width: 100%; margin: 20px 0; background: url(../img/banner_pago_servicio.jpg); background-position: center; background-size: cover; } div.pagoServicio div.pagoContainer { position: relative; display: block; width: 80%; height: 100%; margin: auto; } div.pagoServicio div.pagoContainer div.pagoTitle { position: relative; display: flex; justify-content: center; align-items: center; height: 50%; } div.pagoServicio div.pagoContainer div.pagoTitle label { position: relative; display: block; font-weight: 700; color: #FFFFFF; font-size: 20px; text-transform: uppercase; text-align: center; margin: 20px 0; } div.pagoServicio div.pagoContainer div.pagoTitle label span { font-weight: 800; color: #FFFFFF; font-size: 24px; text-transform: uppercase; display: block; } div.pagoServicio div.pagoContainer div.pagoButton { position: relative; display: flex; justify-content: center; align-items: center; } div.pagoServicio div.pagoContainer div.pagoButton button { position: relative; display: block; padding: 10px; border: 3px solid #FFFFFF; color: #FFFFFF; background: transparent; border-radius: 5px; cursor: pointer; margin-bottom: 20px; transition: .4s; } div.pagoServicio div.pagoContainer div.pagoButton button:hover { border: 3px solid #000000; color: #000000; background: #FFFFFF; transition: .4s; } div.BuscarTel { position: relative; display: block; width: 100%; height: 400px; margin: 60px 0; background: url(../img/banner-lineaAtencionNacional.jpg); background-size: cover; } div.BuscarTel div.tituloAsesor { position: relative; display: flex; width: 100%; } div.BuscarTel div.tituloAsesor label { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 28px; color: #FFFFFF; font-weight: 800; margin: 30px 0; padding: 20px 0; width: 100%; text-shadow: 0px 2px 2px rgba(0,0,0,.4); } div.BuscarTel div.tituloAsesor label span { position: relative; display: block; font-size: 20px; font-weight: 700; } div.BuscarTel div.contAsesor { position: relative; display: block; width: 100%; } div.BuscarTel div.contAsesor div.telefonoAsesor { position: relative; display: inline-flex; height: 100%; width: calc(50% - 2px); justify-content: center; align-items: center; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor { position: relative; display: block; text-align: center; width: 100%; padding: 20px 0; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor > label { position: relative; display: block; font-size: 26px; font-weight: 700; margin: 0 0 10px; color: #FFFFFF; text-shadow: 0px 2px 2px rgba(0,0,0,.5); } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor div.divNumero label { position: relative; display: block; font-size: 18px; font-weight: 700; color: #FFFFFF; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor div.divNumero label span { position: relative; font-size: 22px; font-weight: 400; } div.BuscarTel div.contAsesor div.selectAsesor { position: relative; display: inline-flex; width: calc(50% - 3px); justify-content: center; align-items: center; } div.BuscarTel div.contAsesor div.selectAsesor div.grupoAsesor { position: relative; display: block; padding: 10px; } div.BuscarTel div.contAsesor div.selectAsesor div.grupoAsesor select { position: relative; display: block; margin: 10px auto; width: 300px; padding: 10px; border-radius: 8px; cursor: pointer; color: rgba(100,100,100,.9); } div.BuscarTel div.contAsesor div.selectAsesor div.grupoAsesor button { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } /******************Fin Servicios**********************/ /*****************Pago en Linea*********************/ .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated { width: 60% !important; } .jconfirm-title-c { text-align: center; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: unset; } form.formName { padding: 0 10px; position: relative; display: flex; justify-content: center; align-items: center; } div.form-group label { position: relative; display: block; padding: 5px 0; } div.form-group input { position: relative; display: block; padding: 10px; border: solid 1px rgba(200,200,200,.9); border-radius: 5px; margin: 5px 0; width: 320px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { position: relative; display: flex; justify-content: center; } /*****************Fin Pago en Linea*****************/ /************************TCO************************/ div.tarjetaClub { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; } div.tarjetaClub div.tarjetaBeneficios { position: relative; display: block; width: 100%; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 280px; background-image: url(../img/fondoCooinpazTarjetaClub.jpg); background-size: cover; background-position: center; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta div { position: relative; padding: 20px 0; width: 100%; background: rgba(255,255,255,.4); } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta h1 { position: relative; display: inline-block; vertical-align: bottom; font-size: 22px; font-weight: 600; text-transform: uppercase; line-height: 1; color: #808080; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta b { position: relative; display: inline-block; font-size: 40px; vertical-align: bottom; font-weight: 800; line-height: 0.9; text-transform: capitalize; color: #212529; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta img { width: 120px; margin-left: 20px; } div.contBeneficios { width: 100%; position: relative; height: 750px; display: flex; margin: 60px 0; padding: 40px 0; justify-content: center; background: #f5f5f9; } div.contModulos { width: 1050px; height: 520px; position: relative; font-size: 0; display: flex; align-items: center; justify-content: center; } div.contModulos div.modulo { position: absolute; width: 350px; display: inline-block; height: 50%; } div.contModulos div.modulo div.superior { position: relative; width: 100%; height: calc(100% - 80px); transition: .4s; } div.contModulos div.modulo div.superior div.contIcono { display: inline-block; width: 80px; height: 180px; position: relative; overflow: hidden; } div.contModulos div.modulo div.superior div.contIcono img { position: relative; display: block; width: 150px; top: 30px; left: 12px; transform: rotate(-20deg); } div.contModulos div.modulo div.superior div.imgSup { position: absolute; display: flex; top: 10px; left: 28%; width: 72%; height: 40px; } div.contModulos div.modulo div.superior div.imgSup img { width: auto; height: 100%; object-fit: contain; } div.contModulos div.modulo div.moduloImgCont { position: relative; display: flex; width: calc(100% - 40px); height: calc(100% - 40px); padding: 20px; justify-content: center; align-items: center; } div.contModulos div.modulo div.moduloImgCont img { width: 100%; height: auto; object-fit: contain; } div.contModulos div.modulo:nth-child(1) { background: rgba(255,255,255,.5); top: 0; left: 0; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(2) { background: rgba(240,240,240,.6); top: 0; left: 350px; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(3) { background: rgba(255,255,255,.7); top: 0; right: 0px; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(4) { background: rgba(240,240,240,.8); bottom: 0; left: 0; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(5) { background: rgba(240,240,240,.6); bottom: 0; left: 350px; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(6) { background: rgba(255,255,255,.7); bottom: 0; right: 0px; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(7) { background: rgba(255,255,255,.7); bottom: -260px; left: 0px; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(8) { background: rgba(255,255,255,.7); bottom: -260px; z-index: 1; transition: .4s; } div.contModulos div.modulo:nth-child(9) { background: rgba(255,255,255,.7); bottom: -260px; z-index: 1; right: 0; transition: .4s; } /*Activar módulo*/ div.contModulos div.modulo.activo { z-index: 2; height: 100%; background: rgba(255, 255, 255, 1); } div.contModulos div.modulo.activo div.textoOculto { font-size: 13px; padding: 20px; height: 260px; display: flex; text-align: justify; object-position: center; align-items: center; } div.contModulos div.modulo.activo div.textoOculto span.botonVideo { position: absolute; display: block; bottom: 0; width: calc(100% - 60px); text-align: center; text-transform: uppercase; padding: 10px; border-radius: 5px; } div.superior div.contIcono:before { content: ''; border: 60px solid #414549; position: absolute; top: 0; right: 0; border-bottom: 30px solid transparent; border-left: 0; height: calc(100% - 90px); } div.superior div.contIcono svg { height: 100px; position: absolute; bottom: 15px; right: -10px; width: 100%; } div.contModulos div.modulo div.superior div.contTexto { width: calc(100% - 100px); font-size: 10px; display: inline-flex; line-height: 18px; color: #3D4348; vertical-align: bottom; align-items: center; height: 115px; padding: 0 10px; } div.contModulos div.modulo div.superior div.contTexto h2 { font-size: 18px; } div.contModulos div.modulo div.superior div.textoOculto span { position: relative; left: 15px; } div.contModulos div.modulo div.inferior { position: relative; display: block; width: calc(100% - 20px); padding: 20px 10px; margin: auto; } div.contModulos div.modulo div.inferior div.contBotonera { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } div.contBotonera a.btnTCO { background: #FF8F00; border-radius: 3px; font-size: 12px; color: #FFFFFF; width: 100%; height: 40px; display: inline-flex; cursor: pointer; justify-content: center; align-items: center; transition: .4s; } div.contBotonera a.btnTCO:hover { background: #ffaa00; transition: .4s; } a.btnIconCerrar { position: relative; background: rgb(33, 37, 41); width: 50px; height: 40px; border-radius: 3px; margin-left: 10px; display: none; cursor: pointer; justify-content: center; align-items: center; } a.btnIconCerrar span { position: relative; display: flex; content: ''; } a.btnIconCerrar span:before { position: absolute; content: ''; width: 10px; height: 2px; background: #FFFFFF; transform: rotate(45deg); } a.btnIconCerrar span:after { position: relative; content: ''; width: 10px; height: 2px; background: #FFFFFF; transform: rotate(-45deg); } div.contModulos div.modulo a.btnTCO.inactivo { display: none; } div.contModulos div.modulo.activo a:nth-child(1) { display: none; } div.contModulos div.modulo.activo a:nth-child(2), div.contModulos div.modulo.activo a:nth-child(3) { display: inline-flex; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO { position: relative; display: flex; width: 100%; height: 300px; margin: 40px 0 60px; align-items: center; background: url(../img/banner-CallToAction-TCO.jpg); background-size: cover; background-position: top; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO { position: relative; display: block; width: 100%; margin: 20px 0; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO span { position: relative; display: block; color: #FFFFFF; margin: 10px 0; font-size: 16px; font-weight: 600; text-align: center; text-transform: uppercase; text-shadow: 1px 3px 4px rgba(0,0,0,.5); } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO span b { position: relative; display: block; color: #FFFFFF; font-size: 60px; font-weight: 800; text-align: center; text-transform: uppercase; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO { position: relative; display: flex; justify-content: center; align-items: center; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO label { position: relative; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 5px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono { position: absolute; display: block; background: rgba(10, 20, 30, .8); z-index: 1; top: 0px; left: 30%; opacity: 0; border-radius: 10px; padding: 10px; transition: .3s; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono.activo { opacity: 1; transition: .3s; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono span { position: absolute; display: block; width: 0; height: 0; bottom: 40px; right: -20px; border-left: solid 20px rgba(10, 20, 30, .8); border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0; transition: .3s; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono.activo span { opacity: 1; transition: .3s; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono label { position: relative; display: block; padding: 5px 10px; color: #FFFFFF; font-weight: 300; font-size: 14px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono label a { color: #FFFFFF; font-weight: 700; font-size: 18px; } /**********************Fin TCO************************/ /*******************Formulario Pop Up********************/ div.formularioPopUp.inactivo { opacity: 0; transition: .8s; } div.formularioPopUp { position: fixed; display: flex; width: 100%; height: 100%; top: 0px; justify-content: center; align-items: center; background: rgba(0,0,0,0.5); opacity: 1; transition: .8s; z-index: 99; } div.formularioPopUp form.form { position: relative; display: flex; background: #FFFFFF; height: 500px; width: 450px; border-radius: 20px; align-items: center; box-shadow: 0px 3px 3px rgba(0,0,0,.5); } div.formularioPopUp form.form div.contenidoPopUp { position: relative; display: block; width: 100%; } div.formularioPopUp form.form div.contenidoPopUp div.cerrarPopUp { position: absolute; display: flex; width: 35px; height: 35px; border-radius: 50%; background: rgb(150,150,150); top: -20px; right: -10px; cursor: pointer; border: 1.5px solid rgba(150,150,150,.9); justify-content: center; align-items: center; } div.formularioPopUp form.form div.contenidoPopUp div.cerrarPopUp span { width: 10px; } div.formularioPopUp form.form div.contenidoPopUp div.cerrarPopUp span.logoCerrar::before { position: absolute; display: block; content: ''; width: 10px; height: 2px; background: #FFFFFF; transform: rotate(45deg); } div.formularioPopUp form.form div.contenidoPopUp div.cerrarPopUp span.logoCerrar::after { position: absolute; display: block; content: ''; width: 10px; height: 2px; background: #FFFFFF; transform: rotate(-45deg); } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm { position: relative; display: block; text-align: center; color: #212529; margin: 20px; text-transform: uppercase; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm label { position: relative; display: block; width: 100%; font-size: 26px; font-weight: 600; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm span { position: relative; display: block; width: 100%; font-size: 14px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm { position: relative; display: block; width: 300px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div { position: relative; display: block; width: 100%; margin: 10px 0; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div label { position: relative; display: block; margin: 5px 0; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div input { position: relative; display: block; width: calc(100% - 20px); padding: 10px; border: solid 1px rgba(150,150,150,.9); border-radius: 5px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div textarea { position: relative; display: block; width: calc(100% - 20px); padding: 10px; height: 60px; border: solid 1px rgba(150,150,150,.9); border-radius: 5px; } div.formularioPopUp form.form div.contenidoPopUp div.checkAcepto { position: relative; display: block; width: 300px; margin: auto; } div.formularioPopUp form.form div.contenidoPopUp div.checkAcepto label { position: relative; font-size: 14px; } div.formularioPopUp form.form div.contenidoPopUp div.btnEnviarPopUp { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.formularioPopUp form.form div.contenidoPopUp div.btnEnviarPopUp div.btnEnviar { position: relative; display: block; margin: 10px; } div.formularioPopUp form.form div.contenidoPopUp div.btnEnviarPopUp div.btnEnviar button { position: relative; display: block; padding: 10px; border-radius: 5px; } /*********************Fin Formulario*****************/ /**********************Afiliacion Pop Up**************************/ div.afiliacionPopUp.inactivo { opacity: 0; transition: .8s; } div.afiliacionPopUp { position: fixed; display: flex; width: 100%; height: 100%; top: 0px; justify-content: center; align-items: center; background: rgba(0,0,0,0.5); opacity: 1; transition: .8s; z-index: 99; } div.afiliacionPopUp form.formAfiliacion { position: relative; display: block; width: 600px; height: auto; background: #FFFFFF; border-radius: 20px; overflow: hidden; } div.afiliacionPopUp form.formAfiliacion div.contPlan { position: relative; display: block; width: 100%; height: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan { position: relative; display: flex; width: 100%; height: 80px; background: #008139; justify-content: center; align-items: center; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div { position: relative; display: block; text-align: center; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div label { position: relative; display: block; color: #FFFFFF; font-size: 34px; font-weight: 600; text-transform: uppercase; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div span { position: relative; display: block; color: #FFFFFF; font-size: 16px; text-transform: uppercase; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan { position: relative; display: block; height: calc(100% - 140px); width: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.txtCondiciones { position: relative; display: block; padding: 10px 0; width: 80%; margin: auto; border-bottom: 1px solid #212529; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.txtCondiciones label { position: relative; display: block; color: #212529; font-size: 16px; font-weight: 800; text-align: center; text-transform: uppercase; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.filasCondiciones { position: relative; display: block; width: calc(100% - 20px); height: calc(100% - 50px); margin: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond { position: relative; display: inline-block; width: calc(50% - 3px); height: 100%; vertical-align: top; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { position: relative; display: flex; height: calc(50% - 10px); align-items: center; margin: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan span { display: inline-block; font-weight: 400; font-size: 22px; margin: 0 5px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan.terminosycondi span { font-size: 0.6em; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { display: inline-block; font-weight: 500; font-size: 14px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan.terminosycondi b { font-size: 0.6em; } div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond { position: relative; display: inline-block; width: calc(50% - 3px); height: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { position: relative; display: flex; height: calc(33% - 10px); align-items: center; margin: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.itemPlan span { display: inline-block; font-weight: 400; font-size: 22px; margin: 0 5px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { display: inline-block; font-weight: 500; font-size: 14px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond { position: relative; display: inline-block; width: calc(50% - 3px); height: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { position: relative; display: flex; height: calc(33% - 10px); align-items: center; margin: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan span { display: inline-block; font-weight: 400; font-size: 22px; margin: 0 5px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { display: inline-block; font-weight: 500; font-size: 14px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond { position: relative; display: inline-block; width: calc(100% - 3px); height: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { position: relative; display: flex; height: calc(100% - 10px); align-items: center; margin: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond div.itemPlan span { display: inline-block; font-weight: 400; font-size: 22px; margin: 0 5px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { display: inline-block; font-weight: 500; font-size: 14px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond { position: relative; display: inline-block; width: calc(100% - 3px); height: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { position: relative; display: flex; height: calc(50% - 10px); align-items: center; margin: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond div.itemPlan.correr { left: 1em; width: 35em; margin: auto; } div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond div.itemPlan span { display: inline-block; font-weight: 400; font-size: 22px; margin: 0 5px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { display: inline-block; font-weight: 500; font-size: 14px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.cerrarAfil { position: absolute; display: flex; width: 30px; height: 30px; top: 10px; right: 10px; cursor: pointer; background: #414549; border-radius: 50%; justify-content: center; align-items: center; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.cerrarAfil span { content: ''; display: flex; position: absolute; width: 10px; height: 2px; background: #FFFFFF; transform: rotate(45deg); } div.afiliacionPopUp form.formAfiliacion div.contPlan div.cerrarAfil span:before { content: ''; display: flex; position: absolute; width: 10px; height: 2px; background: #FFFFFF; transform: rotate(-90deg); } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan { position: relative; display: flex; width: 100%; height: 40px; background: #FFFFFF; justify-content: flex-end; align-items: center; padding: 10px 0; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan div.planBotonera { position: relative; display: inline-flex; height: 100%; margin: 0 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan div.planBotonera div.btnGeneral { position: relative; display: block; padding: 10px; margin: 0 5px; height: 16px; border-radius: 5px; } /**********************Fin Afiliacion**************************/ /**********************Afiliacion en Linea***********************/ form.afiliacionWeb { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: #F1F1F1; } form.afiliacionWeb div.contentAfil { position: relative; display: block; overflow: hidden; width: 70%; height: auto; border-radius: 10px; box-shadow: 0px 3px 7px rgba(5,5,5,.5); background: #FFFFFF; } form.afiliacionWeb div.contentAfil div.tituloAfil { position: relative; display: block; width: 100%; } form.afiliacionWeb div.contentAfil div.tituloAfil label { position: relative; display: block; width: 100%; text-align: center; margin: 30px 0 10px; font-size: 20px; text-transform: uppercase; } form.afiliacionWeb div.contentAfil div.tituloAfil label b { font-size: 24px; } form.afiliacionWeb div.contentAfil div.indicadorAfil { width: calc(100% - 80px); position: relative; display: flex; justify-content: center; align-items: center; padding: 10px 40px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div { position: relative; display: flex; height: 100%; width: 33%; justify-content: center; align-items: center; color: #959595; transition: .4s; list-style-type: none; float: left; text-align: center; margin: 0px 2px -2px -0px; /*background: rgba(10, 20, 30, .8);*/ border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0px 20px 0px 20px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div.indic2 { display: none; } form.afiliacionWeb div.contentAfil div.indicadorAfil div.activo { color: #FFA500; transition: .4s; background: #008139; } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero { position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: solid 2px; border-color: #959595; margin: 0 10px; transition: .4s; } form.afiliacionWeb div.contentAfil div.indicadorAfil div.activo span.circNumero { border-color: #FFA500; transition: .4s; } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero label { font-size: 24px; font-weight: 500; } form.afiliacionWeb div.contentAfil div.btnConsultaAsesor { position: relative; display: flex; justify-content: center; align-items: center; height: 10%; width: calc(100% - 80px); padding: 0 40px; } form.afiliacionWeb div.contentAfil div.btnConsultaAsesor button { padding: 10px; border-radius: 5px; } form.afiliacionWeb div.contentAfil div.btnConsultaAsesor button i { margin: 0 10px; font-size: 16px; } form.afiliacionWeb div.contentAfil div.contentForm { position: relative; display: flex; height: calc(50% - 20px); width: calc(100% - 80px); padding: 10px 20px; margin: auto; } form.afiliacionWeb div.contentAfil div.contentForm > div { position: relative; display: none !important; width: 100%; height: 100%; transition: .4s; border: 1px solid rgba(10,10,10,.1); border-radius: 10px; overflow: auto; box-shadow: inset 1px 1px 5px rgba(10,10,10,.2); } form.afiliacionWeb div.contentAfil div.contentForm div.activo { display: block !important; transition: .4s; } select.error, input.error, textarea.error { border-color: #d50000 !important; transition: .4s; z-index: 1; } div#cedula label#txtCedula-error { width: 29%; height: 33%; position: absolute; left: 5px; font-size: 14px; padding: 0px; padding-top: 10px; top: 37px; z-index: 0; } article#nm label#txtNombre1-error { height: 40%; width: 65%; z-index: 0; left: 0%; display: flex; font-size: 14px; padding-top: 7px; top: 36px; } article#pun label#txtApellido1-error { z-index: 0; left: 0%; width: 66%; height: 22px; padding-top: 5px; top: 38px; font-size: 14px; } article#crr label#txtCorreo-error { z-index: 0; left: 0%; width: 66%; height: 22px; padding-top: 5px; top: 38px; font-size: 14px; } article#cnfcrr label#txtConCorreo-error { z-index: 0; left: 0%; width: 66%; height: 22px; padding-top: 5px; top: 38px; font-size: 14px; } article#contraseñau label#txtContraseña1-error { z-index: 0; left: 0%; width: 66%; height: 22px; padding-top: 5px; top: 38px; font-size: 14px; } article#contraseñad label#Contraseña2-error { z-index: 0; left: 0%; width: 66%; height: 22px; padding-top: 5px; top: 38px; font-size: 14px; } form .afiliacionWeb div.contentAfil div.contentForm > div.infoBasica > div { position: relative; display: block; width: calc(100% - 40px); margin: 10px auto; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div.campoGrand { position: relative; display: inline-block; width: calc(50% - 3px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div.campoMid { position: relative; display: inline-block; width: calc(50% - 3px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div select { position: relative; display: inline-block; margin: 5px; padding: 0 10px; border: 1px solid rgba(100,100,100,.9); border-radius: 5px; color: rgba(50,50,50,.9); font-size: 12px; transition: .4s; width: calc(100% - 20px); height: 35px; z-index: 5; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div input { position: relative; display: inline-block; margin: 5px; width: calc(100% - 41px); padding: 0 10px; height: 33px; border: 1px solid rgba(100,100,100,.9); border-radius: 5px; color: rgba(50,50,50,.9); font-size: 12px; transition: .4s; z-index: 1; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div div.campo { position: relative; display: inline-block; width: calc(25% - 4px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div div.campoBtn { position: relative; display: block; margin: 20px 0; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div button { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div label.espMsj { position: relative; display: block; margin: 10px 0; text-align: center; color: #F00000; font-weight: 600; } div.adminSedes label.error { width: 85px; font-size: 10px; top: 24px; padding: 5px; height: auto; } label.error { position: absolute; display: none !important; right: 0px; top: 5px; height: 35px; width: 15px; background: #d50000; color: #fff; display: flex; align-items: center; justify-content: center; line-height: 1; padding-left: 10px; border-radius: 5px; z-index: 0; } div.campo label#txtDocumentoTitular-error { left: 98%; top: -2%; height: 33px; } div.campo label#txtDocumentoParticipante-error { left: 98%; top: 0%; height: 32px; } div.campo label#ddlParentesco-error { width: 1%; height: 30px; top: 218px; left: 97%; } div.campo label#txtNombre1-error { width: 4%; left: 93%; height: 25px; top: 5px; } div.campo label#txtApellido1-error { width: 4%; left: 93%; height: 35px; top: 5px; } div.campo label#txtCuenta-error { width: 4%; left: 97%; height: 31px; top: 0px; } div.campo label#txtInstagram-error { width: 4%; left: 97%; height: 22px; top: 0px; } div.campo label#txtCelular-error { width: 4%; left: 97%; height: 31px; top: 0px; } label#ddlParentesco-error { width: 1%; top: 0px; height: 97%; left: 98%; } label#txtBenefNombre1-error { width: 5%; height: 71%; left: 97%; padding: 0px; } label#txtBenefApellido1-error { width: 5%; height: 71%; left: 97%; padding: 0; display: flex; } label#txtEdadBen-error { width: 5%; height: 71%; padding: 0; left: 97%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label.error { position: absolute; right: 0px; top: 0px; height: 27px; width: 15px; background: #d50000; color: #fff; display: flex; align-items: center; justify-content: center; line-height: 1; padding-left: 10px; border-radius: 5px; z-index: 0; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label#txtCorreo-error { position: absolute; display: flex; width: 4%; left: 94%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia > div { position: relative; display: block; width: calc(100% - 40px); margin: 5px 20px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.botoneraDatos { display: flex; justify-content: center; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.botoneraDatos button { margin: 5px 10px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div.botoneraBenef { position: relative; display: flex; justify-content: center; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div.botoneraBenef button { margin: 5px 10px; padding: 10px; border-radius: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios input#txtBenefDoc { display: none !important; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campo { position: relative; display: inline-block; width: calc(33% - 11px); margin: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand { position: relative; display: inline-block; width: calc(50% - 13px); margin: 0 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div select { position: relative; display: inline-block; margin: 5px; width: calc(100% - 20px); height: 35px; padding: 0 10px; border: 1px solid rgba(100,100,100,.9); border-radius: 5px; color: rgba(50,50,50,.9); font-size: 12px; transition: .4s; z-index: 1; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div input { position: relative; display: block; padding: 0 8px; height: 25px; width: calc(100% - 32px); border: 1px solid rgba(100,100,100,.9); border-radius: 5px; color: rgba(50,50,50,.9); font-size: 12px; transition: .4s; z-index: 1; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div button { position: relative; display: block; margin: 10px auto; padding: 10px; border-radius: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios > div { position: relative; display: block; width: calc(100% - 40px); margin: 10px 20px; } div.hade { height: 128px; overflow-y: scroll; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div div.campo { position: relative; display: inline-block; width: calc(24% - 1px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div input { position: relative; display: inline-block; margin: 5px; width: calc(100% - 28px); padding: 0 8px; height: 25px; border: 1px solid rgba(100,100,100,.9); border-radius: 5px; color: rgba(50,50,50,.9); font-size: 12px; transition: .4s; z-index: 1; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div input { position: relative; display: inline-block; margin: 5px; width: calc(100% - 28px); padding: 0 8px; height: 25px; border: 1px solid rgba(100,100,100,.9); border-radius: 5px; color: rgba(50,50,50,.9); font-size: 12px; transition: .4s; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div button { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table { position: relative; display: block; width: 100%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead { position: relative; display: block; width: 100%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead, form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody { position: relative; display: block; width: 100%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead tr { position: relative; display: block; width: 100%; background: #008139; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead tr td { position: relative; display: inline-block; width: calc(20% - 15px); margin: 5px; text-align: center; color: #FFFFFF; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead tr td ~ td { border-left: 1px solid #FFFFFF; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr { position: relative; display: block; width: 100%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr:nth-child(2n) { background: #F0F0F0; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td { position: relative; display: inline-block; margin: 5px; width: calc(20% - 10px); text-align: center; text-overflow: ellipsis; word-break: break-word; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td i { position: relative; padding: 5px 10px; border-radius: 5px; cursor: pointer; color: #e22111; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td button { display: block; position: relative; padding: 2px 5px; background: #B1B5B9; transition: .4s; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td button:hover { background: #818589; transition: .4s; } form.afiliacionWeb div.contentAfil div.botonesCotiza { position: relative; display: flex; justify-content: center; align-items: center; height: 10%; width: calc(100% - 80px); padding: 30px 40px; } form.afiliacionWeb div.contentAfil div.botonesCotiza button { position: relative; display: block; margin: 0 10px; padding: 10px; border-radius: 5px; } /***********************Pop Up SMS*******************/ div#DivWebAfiliadosPopUpEnvioSMS { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 20; top: 0; } div#DivWebAfiliadosPopUpEnvioSMS div.hoverSms { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div#DivWebAfiliadosPopUpEnvioSMS div.hoverSms div.contSms { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 350px; } div#DivWebAfiliadosPopUpEnvioSMS div.hoverSms div.contSms div.textBlock { position: relative; display: block; text-align: center; margin-bottom: 10px; } div#DivWebAfiliadosPopUpEnvioSMS div.hoverSms div.contSms form div.smsCampo div.botonSms { position: relative; display: flex; margin: 10px 0; justify-content: center; } div#DivWebAfiliadosPopUpEnvioSMS div.hoverSms div.contSms form div.smsCampo div.botonSms input { padding: 10px; border-radius: 5px; } /***********************Fin Pop Up SMS*******************/ /***********************Pop Up Afiliacion*******************/ div#DivWebAfiliadosPopUpEnvioCorreo { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 20; top: 0; right: 0; left: 0; bottom: 0; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 770px; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma div.titlePop { position: relative; display: block; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 700; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma > div { margin: 5px 0; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma > div > div { position: relative; display: block; width: 100%; margin: 10px 0; vertical-align: top; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma > div label, div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma > div > div label { font-weight: 700; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma > div > div input.inputField { width: calc(100% - 50px); } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table { width: 100%; padding-bottom: 10px; position: relative; display: block; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table caption { position: relative; display: block; margin: 10px 0; text-align: center; text-transform: uppercase; font-weight: 700; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table thead, div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table tbody { position: relative; display: block; width: 100%; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table thead tr, div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table tbody tr { position: relative; display: block; width: 100%; padding: 3px 0px; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table thead tr { background: #008139; color: #FFFFFF; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table tbody tr:nth-child(2n) { background: #F0F0F0; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table thead tr th { position: relative; display: inline-block; width: calc(25% - 4px); padding: 5px 0; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma table tbody tr td { position: relative; display: inline-block; width: calc(25%); text-align: center; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma form div.campoCheck { position: relative; display: block; margin: 5px 0; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma form div.botoneraCheck { position: relative; display: flex; justify-content: center; margin: 10px 0; } div#DivWebAfiliadosPopUpEnvioCorreo div.popConfirmaAfiliados div.popContConfirma form div.botoneraCheck input { padding: 10px; margin: 0 5px; border-radius: 5px; } /***********************Fin Afiliacion en Linea*******************/ /***********************Comprobar Tarjeta*******************/ div.tarjComprueba { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100% - 40px); margin: 20px 0; } div.tarjComprueba div.holdComprueba { position: relative; display: block; width: 90%; height: 100%; } div.tarjComprueba div.holdComprueba div.titleComprueba { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 600; margin: 10px 0 40px; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp { position: relative; display: inline-block; width: calc(40% - 40px); padding: 20px; margin: 0 10px; vertical-align: top; border-radius: 10px; box-shadow: 0px 2px 5px rgba(150,150,150,.5); } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp { position: relative; display: inline-block; width: calc(30% - 45px); vertical-align: top; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div { position: relative; display: block; margin: 5px 0; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.label { position: relative; display: inline-block; width: 30%; word-break: break-word; vertical-align: top; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.campo { position: relative; display: inline-block; width: calc(70% - 5px); } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp div.inputBoton { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 40px 0 10px; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp div.inputBoton button { padding: 15px; border-radius: 10px; font-size: 18px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta { position: relative; display: flex; height: 255px; justify-content: center; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta img { width: auto; height: 100%; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta { position: absolute; left: 60px; bottom: 10px; width: 270px; word-break: break-word; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span { position: relative; display: block; color: #FFFFFF; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span.txtNumero { font-size: 36px; font-weight: 600; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span.txtNombre { font-size: 20px; text-transform: uppercase; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta { position: relative; display: flex; width: 100%; justify-content: flex-end; bottom: 15px; right: 15px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta span.flagActiva { position: relative; display: none; width: 130px; text-align: center; font-size: 14px; padding: 10px 0px 10px 20px; color: #FFFFFF; clip-path: polygon(100% 0%,100% 100%,0% 100%,20% 50%,0% 0%); background: #A6C307; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta span.flagInactiva { position: relative; display: none; width: 130px; text-align: center; font-size: 14px; padding: 10px 0px 10px 20px; color: #FFFFFF; clip-path: polygon(100% 0%,100% 100%,0% 100%,20% 50%,0% 0%); background: #B00601; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.label, div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp div.inputBoton button { font-size: 14px; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.campo input { height: 25px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta { right: 0px; bottom: 10px; } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp { position: relative; display: inline-block; width: calc(30% + 16px); } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp div.imgTarjeta { position: relative; display: block; } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp div.imgTarjeta > div { position: relative; display: block; text-align: center; } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp div.imgTarjeta > div span { position: relative; display: block; font-size: 18px; font-weight: 600; text-transform: uppercase; } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp div.imgTarjeta > div img { width: auto; height: auto; max-width: 300px; } /***********************Fin Comprobar Tarjeta*******************/ /*****************************Concurso Empleados********************************/ div.concursoEmp { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; } div.concursoEmp div.concursoCont { width: 80%; position: relative; display: block; margin: 20px 0 0; } div.concursoEmp div.concursoCont div.concursoTitle { position: relative; display: block; margin: 0 0 20px; text-align: center; width: 100%; } div.concursoEmp div.concursoCont div.concursoTitle label { position: relative; display: block; text-transform: uppercase; font-weight: 600; font-size: 20px; } div.concursoEmp div.concursoCont div.concursoTitle label span { display: block; font-size: 30px; font-weight: 800; } div.concursoEmp div.concursoCont div.infoCampos, div.concursoEmp div.concursoCont div.infoSelects, div.concursoEmp div.concursoCont div.infoExCampos { position: relative; display: block; margin: 0 0 20px; } div.concursoEmp div.concursoCont div.infoCampos div.docCampos { position: relative; display: block; width: 35%; margin: 0 5px 10px; } div.concursoEmp div.concursoCont div.infoCampos div.docCampos label { position: relative; display: block; font-size: 16px; margin: 5px 0; } div.concursoEmp div.concursoCont div.infoCampos div.docCampos input { position: relative; display: block; height: 35px; width: calc(100% - 20px); padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin-bottom: 25px; } div.concursoEmp div.concursoCont div.infoCampos div.nomCampos { position: relative; display: block; width: 100%; } div.concursoEmp div.concursoCont div.infoCampos div.nomCampos div.nomCamp, div.concursoEmp div.concursoCont div.infoSelects div.infSelect { position: relative; display: inline-block; width: calc(25% - 14px); margin: 0 5px; } div.concursoEmp div.concursoCont div.infoSelects div.infSelect label { width: 150px; top: 30px; height: 30px; left: 0; padding: 0; } div.concursoEmp div.concursoCont div.infoCampos div.nomCampos div.nomCamp label { position: relative; display: block; font-size: 18px; margin: 0 0 5px; } div.concursoEmp div.concursoCont div.infoCampos div.nomCampos div.nomCamp input { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 35px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin-bottom: 20px; } div.concursoEmp div.concursoCont div.infoSelects div.infSelect select { position: relative; display: block; width: 100%; height: 35px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin-bottom: 10px; } div.concursoEmp div.concursoCont div.infoExCampos { width: 75%; margin: 0 0 10px; } div.concursoEmp div.concursoCont div.infoExCampos div.exCampo { position: relative; display: inline-block; margin: 0 5px 0; width: calc(50% - 13px); } div.concursoEmp div.concursoCont div.infoExCampos div.exCampo label { position: relative; display: inline-block; width: 25%; } div.concursoEmp div.concursoCont div.infoExCampos div.exCampo input { position: relative; display: inline-block; width: calc(75% - 27px); height: 25px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.concursoEmp div.concursoCont div.divBoton { position: relative; display: flex; margin: 10px 0; justify-content: center; } div.concursoEmp div.concursoCont div.divBoton button { padding: 10px; border-radius: 5px; } div.concursoEmp div.concursoCont div.insta { position: relative; display: block; text-align: center; margin: 20px 0; } div.concursoEmp div.concursoCont div.insta label { color: rgb(100,100,100); font-style: italic; } div.instaBtn { position: relative; display: block; width: 100%; margin: 20px 0; } div.instaBtn label { position: relative; display: block; text-align: center; font-style: italic; } div.instaBtn a { position: relative; display: flex; height: auto; justify-content: center; margin: 20px 0; } div.instaBtn a div.text { position: relative; display: flex; padding: 20px 30px 20px 20px; left: 20px; border-radius: 10px; background: #212529; color: #FFFFFF; cursor: pointer; transition: .4s; } div.instaBtn a:hover div.text { background: #313539; transition: .4s; } div.instaBtn a div.logo { z-index: 1; cursor: pointer; padding: 5px 10px; border-radius: 10px; color: #FFFFFF; font-size: 40px; background: rgba(65,93,230,1); background: -moz-linear-gradient(-45deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); background: -o-linear-gradient(-45deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); background: linear-gradient(135deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%); transition: .4s; } div.instaBtn a:hover div.logo { transform: rotate(15deg); transition: .4s; } label#txtNombre1-error { font-size: 16px; height: 53%; padding-top: 10px; top: 5px; width: 7%; } label#txtSede-error, label#txtInstagram-error { height: 55%; padding-top: 10px; top: 5px; width: 7%; } div.hideConcurso { position: absolute; display: flex; background: rgba(250,250,250,.8); width: 85%; height: 84%; top: 74px; left: 100px; z-index: 2; border: 2px solid rgba(150,150,150,.5); border-radius: 40px; justify-content: center; align-items: center; } div.hideConcurso div.hideContent { position: relative; display: block; text-align: center; top: -20px; width: 100%; } div.hideConcurso div.hideContent div.hideOne { position: relative; display: none; } div.hideConcurso div.hideContent div.hideTwo { position: relative; display: block; } div.hideConcurso div.hideContent div.hideOne div.hideTitle, div.hideConcurso div.hideContent div.hideTwo div.hideTitle { display: block; position: relative; margin: 40px; font-size: 46px; font-weight: 700; text-transform: uppercase; color: #212529; text-shadow: 2px 2px 2px rgba(150,150,150,.7); } div.hideConcurso div.hideContent div.hideTwo div.labelTwo { position: relative; display: block; margin: 10px 0; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores { position: relative; display: block; width: 90%; margin: auto; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table { width: 100%; font-size: 0; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tbody { position: relative; display: block; height: 320px; overflow: auto; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr { position: relative; display: block; width: 100%; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr.titulos { background: #008139; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr th, div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr td { position: relative; display: inline-block; width: calc(24% - 30px); padding: 10px 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; color: #FFFFFF; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr th:nth-child(1), div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr td:nth-child(1) { width: calc(10% - 34px); } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr td { color: #212529; } /*****************************Fin Concurso Empleados********************************/ /*********************************Ayuda**************************************/ div .ayuda { position: relative; display: block; width: 85%; margin: 60px auto; overflow: hidden; } div.ayuda div.titleAyuda { position: relative; display: block; width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; padding: 0 0 20px; } div.ayuda div.descAyuda { position: relative; display: block; padding: 0 100px 20px; text-align: center; } div.ayuda div.listaVideos { position: relative; display: inline-block; width: 100%; } div.ayuda div.listaVideos div.cajaVideo { position: relative; display: inline-block; width: calc(33% - 61px); height: auto; margin: 15px 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; padding: 20px; vertical-align: top; box-shadow: 0px 3px 3px rgba(150,150,150,.5); transition: .4s; } div.ayuda div.listaVideos div.cajaVideo:hover { box-shadow: 0px 10px 8px rgba(150,150,150,.5); transition: .4s; } div.ayuda div.listaVideos div.cajaVideo div.tituloVideo { position: relative; display: flex; font-weight: 700; text-align: center; justify-content: center; align-items: center; text-transform: uppercase; margin: 10px 0; height: 35px; } div.ayuda div.listaVideos div.cajaVideo div.imgVideo { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 180px; cursor: pointer; margin-bottom: 15px; background-size: cover; background-position: center; } div.ayuda div.listaVideos div.cajaVideo div.imgVideo.vid0 { background-image: url(../img/thumbs/thumb-video0.jpg); } div.ayuda div.listaVideos div.cajaVideo div.imgVideo.vid1 { background-image: url(../img/thumbs/thumb-video1.jpg); } div.ayuda div.listaVideos div.cajaVideo div.imgVideo.vid2 { background-image: url(../img/thumbs/thumb-video2.jpg); } div.ayuda div.listaVideos div.cajaVideo div.imgVideo.vid3 { background-image: url(../img/thumbs/thumb-video3.jpg); } div.ayuda div.listaVideos div.cajaVideo div.imgVideo.vid4 { background-image: url(../img/thumbs/thumb-video4.jpg); } div.ayuda div.listaVideos div.cajaVideo div.imgVideo div.playBtn { position: relative; display: flex; justify-content: center; align-items: center; border: 2px solid #212529; color: #212529; border-radius: 50px; padding: 15px; font-size: 20px; background: rgba(150,150,150,1); transition: .4s; } div.ayuda div.listaVideos div.cajaVideo div.imgVideo:hover div.playBtn { border: 2px solid #414549; color: #414549; background: rgba(200,200,200,1); transition: .4s; } div.ayuda div.listaVideos div.cajaVideo div.descVideo { position: relative; display: block; text-align: justify; } /*********************************Fin Ayuda***************************************/ /***************************Unauthorized*******************************/ div.unauthorized { position: relative; display: flex; width: 100%; height: 100vh; overflow: hidden; justify-content: center; align-items: center; } div.unauthorized div.infoError { position: relative; display: block; height: 70%; } div.unauthorized div.infoError div.errorNumber { position: relative; display: flex; justify-content: center; } div.unauthorized div.infoError div.errorNumber label.error404 { font-family: consolas; font-size: 300px; font-weight: 600; } div.unauthorized div.infoError div.errorNumber i.skull404 { display: flex; font-size: 190px; align-items: center; transform: rotate(-20deg); } div.unauthorized div.infoError label.message404 { position: relative; display: block; text-transform: uppercase; text-align: center; font-size: 24px; margin-bottom: 20px; } div.unauthorized div.infoError a.back404 { position: relative; display: block; width: 100%; } div.unauthorized div.infoError a.back404 span { position: relative; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 800; color: #008139; } /*****************************Fin Unauthorized**********************************/ /*****************************Unauthorized 401**********************************/ div.unauthorized401 { position: relative; display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center; } div.unauthorized401 div.infoError { position: relative; display: block; text-align: center; height: 70%; } div.unauthorized401 div.infoError div.errorIcon { position: relative; display: block; font-size: 250px; margin: 20px 0; } div.unauthorized401 div.infoError div.errorTitle { margin: 20px 0; } div.unauthorized401 div.infoError div.errorTitle label { position: relative; display: block; color: #008139; font-size: 40px; font-weight: 700; text-transform: uppercase; } div.unauthorized401 div.infoError div.errorTitle span { font-size: 28px; font-weight: 600; text-transform: uppercase; } div.unauthorized401 div.infoError > label { position: relative; display: block; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; } div.unauthorized401 div.infoError a { position: relative; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 800; color: #008139; } /*****************************Fin Unauthorized 401**********************************/ /********************************Pago en Linea*******************************************/ div.consultaFallecido { position: relative; display: block; width: 100%; margin: 10px 0; } div.consultaFallecido > div { position: relative; display: inline-block; width: calc(50% - 20px); margin: 0 10px; } div.consultaFallecido div.campoCaracteres label { position: relative; display: block; width: 100%; margin: 5px 0; } div.consultaFallecido div.campoCaracteres input { position: relative; display: block; width: calc(100% - 20px); padding: 0 10px; height: 35px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.consultaFallecido div.campoCaracteres button { position: absolute; display: flex; bottom: 1px; right: -1px; justify-content: center; align-items: center; font-size: 16px; height: 35px; width: 35px; border-radius: 0 5px 5px 0; } div.consultaFallecido div.labelFallecido label { position: relative; display: block; width: 100%; text-align: center; } div.datosPayU div.grupoInputs { position: relative; display: block; margin: 10px 0; } div.datosPayU div.grupoInputs div.inputPayU { position: relative; display: inline-block; margin: 0 5px; width: calc(50% - 10px); } div.datosPayU div.grupoInputs div.inputPayU input { position: relative; display: block; width: calc(100% - 25px); } /************************Fin Pago En Linea*************************************/ /*****************************Result PayU****************************************/ .resultPayU { background-color: rgba(126, 128, 128, 0.2); width: 85%; margin: auto; } div.resultPayU h3 { margin: 5px; } .resultAprov { display: flex; background: #FFFFFF; } .resultDeneg { display: none; width: 100%; } div.resultAprov section { height: 470px; margin-top: 40px; background-color: rgba(126, 128, 128, 0.2); border-radius: 10px; width: calc(50%); } div.resultDeneg section { height: 470px; margin-top: 40px; background-color: #FFFFFF; border-radius: 10px; } figure#figura { width: 100%; position: relative; margin: 40px 0; } figure#figura div.imgCont { position: relative; display: flex; justify-content: center; } .texto1 { position: relative; font-size: 32px; text-align: center; text-transform: uppercase; width: 100%; margin: 20px 0; } #chulito { width: calc(40%); position: relative; transition: .4s; } img#chulito:hover { filter: saturate(5); } #INICIO .button { position: relative; display: block; padding: 10px; border-radius: 5px; bottom: 90px; left: 37%; top: 11%; z-index: 9; } div.resultPayU.naranja { background: #ff8f00; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; width: calc(40% - 115px); height: 42px; position: relative; left: 39%; } #INICIO { width: calc(100% - 20px); position: relative; display: flex; justify-content: center; padding: 10px; } #INICIO button.naranja { background: #ff8f00; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; padding: 10px; border-radius: 5px; } #ll { width: calc(50%); display: inline-block; margin-left: 30px; margin-left: 30px; } #ll figure { position: relative; width: calc(50%); height: 53%; padding: 20px; } #ll figure div.contLogo { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 40px; } #py { position: relative; width: calc(50%); } article#fechas { position: relative; width: 100%; text-align: center; margin-top: 50px; } article#fechas h3 { margin: 5px; } #datos { position: relative; width: 200px; height: 255px; left: 285px; bottom: 240px; text-align: center; top: -44%; } div#datos { width: 50%; height: 217px; } article#pago { position: relative; top: 10%; } article#nombretienda { position: relative; top: 21%; } article#fechaacompra { position: relative; top: 28%; } #NO { position: relative; text-align: center; top: -34%; width: 55%; } #codigo { width: 50%; height: 90px; position: relative; display: flex; justify-content: center; align-items: center; top: -47%; left: 50%; right: 160px; } #codigo #codigob { position: relative; display: block; width: 44%; height: 100%; margin: auto; } img#codigob { height: 68px; } /*****************************error***********************************/ div.resultDeneg #error { width: 100%; height: 520px; margin: 20px auto; } div.resultDeneg #error figure { width: 705px; height: 490px; margin: 10px auto; position: relative; background-color: rgba(126, 128, 128, 0.2); border-radius: 10px; top: 5px; -webkit-box-shadow: 3px 3px 6px #999; -moz-box-shadow: 3px 3px 6px #999; } div.resultDeneg #error figure img { height: calc(59% - 7px); left: 230px; top: 30px; position: relative; transition: .4s; } div.resultDeneg #error img { padding-right: 30px; padding-bottom: 30px; } div.resultDeneg #error figure img:hover { filter: saturate(5); } div.resultDeneg #error #fallo { position: relative; top: 6%; text-transform: uppercase; } div.resultDeneg #fallo p { font-size: 39px; text-align: center; } div.resultDeneg l #bn button { color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; position: relative; top: 140px; left: -30px; border-radius: 10px; } div.resultDeneg .naranja { background: #ff8f00; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; width: calc(40% - 115px); height: 42px; } div.resultDeneg #bn button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } div.resultDeneg #bn { position: relative; top: 10%; display: flex; justify-content: center; } /*****************************Fin Result PayU****************************************/ /***********************************Concurso Afiliados***********************************/ div.concAfiliados { position: relative; display: block; height: 100%; } div.concAfiliados div.concContador { position: relative; display: block; width: 100%; height: 340px; margin: 20px 0 40px; } div.concAfiliados div.concContador > label { position: absolute; display: block; font-size: 12px; bottom: -15px; left: 100px; } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 141%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; background: #1D1D1B; background-size: cover; } div.contfbbs { position: relative; display: block; width: calc(100% - 1px ); height: 100%; overflow: hidden; background-image: url('../img/bntVer.png'); background-position: center; background-size: cover; } /*div.contfbbs img { width: 100%; height: 100%; object-fit: cover; }*/ /**banner nuevo***/ div .contenedorfondo { position: relative; display: block; width: calc(100% - -3px); height: 100%; overflow: hidden; background-image: url('../img/EXXXG.png'); background-position: center; background-size: cover; } div.chicafondddd { width: calc(68% - 1px); display: block; left: -4%; position: absolute; top: -35px; } div.contencel { width: calc(100% - 1px); display: inline-block; margin: auto; } div.imgcel { width: calc(35% - 1px); display: block; position: relative; left: 44%; top: 291px; transform: rotate( 15deg); } div.red { width: 39%; position: relative; left: -7%; bottom: 181%; font-size: 17px; } div.termi { width: 100%; margin: auto; position: relative; text-align: center; } div.termi span { margin: auto; text-align: center; position: relative; color: black; font-weight: 800; } div.contenedorfondo img { width: 100%; height: 100%; } div.concAfiliados div.concContador > div div.concPremio { position: relative; display: inline-block; width: calc(50% + 15px); height: 100%; padding-left: 0px; /* background: rgba(0,0,0,.2); */ overflow: hidden; /*clip-path: polygon(100% 0%,95% 100%,0% 100%,0% 0%);*/ } div.texpre { width: 22%; display: inline-block; color: #FFFF; bottom: 201px; position: relative; font-size: 19px; left: 46%; } div.texpre a { FONT-WEIGHT: 900; color: #FFFF; } div.contenCrri { width: calc(100% - 1px); display: inline-block; margin: auto; } div.texcarr { width: 31%; display: inline-block; color: #FFFF; bottom: 240px; position: relative; font-size: 18px; left: 69%; margin: auto; Z-INDEX: 2; } span.gsordf { font-weight: bold; } div.carr { width: calc(34% - 1px); display: inline-block; position: relative; left: 23%; top: -66px; } div.SOLOF { width: 79%; margin: auto; text-align: center; font-size: 76px; position: relative; color: #FFFF; right: 0%; FONT-WEIGHT: bold; top: 4%; padding: 20px; background: rgb(0, 129, 57, .8); clip-path: polygon(100% 0%,92% 100%,1% 100%,11% 0%); } div.flt { width: 100%; margin: auto; font-size: 21px; position: relative; top: 54%; color: rgb(0, 129, 57); FONT-WEIGHT: bold; display: block; left: 1%; } div.exr { width: calc(49% - 1px); display: inline-block; margin: auto; } div.prox { width: calc(49% - 1px); display: inline-block; margin: auto; text-align: right; position: relative; right: 13%; } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 180%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; /* background: #1D1D1B;*/ background-size: cover; } span.seccionUN { display: inline-block; margin: auto; } div.textFechas { font-size: 23px; font-weight: 300; width: 36%; color: #FFFF; top: 175px; left: 64%; text-align: center; position: relative; } div.textFechas.dfreeeer { font-size: 23px; font-weight: 700; width: 36%; color: #FFFF; top: 175px; left: 56%; text-align: center; position: relative; } div.concCont.clop { width: 83%; display: block; position: relative; left: 0%; top: 26px; background: rgb(0, 129, 57, .8); clip-path: polygon(100% 0%,92% 100%,1% 100%,11% 0%); } /***fin banner nuevo sorteo*/ div.concAfiliados div.concContador > div.contadorOff div.concPremio { width: calc(55% - 25px); padding-left: 140px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio { position: relative; display: inline-block; width: calc(55% - 5px); height: 100%; } div.concAfiliados div.concContador > div.contadorOff div.concPremio div.imgPremio { width: calc(80% - 5px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div { position: relative; display: inline-flex; vertical-align: top; height: 150%; margin: 0 5px; justify-content: center; align-items: center; background: rgba(33,37,41,.7); transform: rotate(10deg); overflow: hidden; box-shadow: 2px 1px 9px rgba(0,0,0,.5); top: -70px; left: 30px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div img { position: relative; display: block; height: 80%; transform: rotate(-10deg); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div label { position: absolute; display: block; width: 110%; padding: 5px 0; color: #FFFFFF; background: #212529; font-weight: 800; font-size: 18px; text-align: center; transform: rotate(-10deg); bottom: 120px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div:nth-child(1) label { padding-left: 40px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgGranPremio { width: calc(60% - 29px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgMidPremio { width: calc(40% - 20px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgLowPremio { display: none; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio { position: relative; display: inline-block; vertical-align: top; text-align: right; height: 100%; width: 45%; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { position: relative; display: block; color: #FFFFFF; font-size: 40px; font-weight: 800; text-transform: uppercase; margin: 70px 0 20px; text-shadow: 3px 3px 3px rgba(0,0,0,.5); } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label { position: relative; display: block; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(1) { margin-right: 30px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(2) { margin-right: 40px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio { position: relative; display: block; margin: 20px 0; font-size: 18px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span { position: relative; display: block; margin: 3px 0; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span a { color: #FFFFFF; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(1) { margin-right: 50px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(2) { margin-right: 55px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(3) { margin-right: 60px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(4) { margin-right: 65px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo { position: relative; display: inline-block; width: calc(49% - 15px); height: 100%; vertical-align: top; overflow: hidden; } div.comfos { position: relative; display: block; width: calc(100% - -3px); height: 100%; background-position: center; background-size: cover; } div.comfos img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0%; left: -3%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div { position: relative; display: block; margin: 10px 0; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label { position: relative; display: block; font-size: 22px; font-weight: 600; text-transform: uppercase; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label:nth-child(1) { left: 10px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label:nth-child(3) { left: 30px; } div.btre { width: 80%; margin: 10px auto; text-align: center; position: relative; display: block; } div.btre.diferenbutt { width: 80%; margin: 10px auto; text-align: center; position: relative; display: none; } button.btnGeneral.naranaja.hgf { padding: 8px; border-radius: 6px; } /*div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { position: relative; display: flex; width: 80%; left: -27px; margin: 5px 0; padding: 10px 0; padding-left: 40px; clip-path: polygon(100% 0%,100% 100%,0% 100%,2.5% 0%); background: rgba(0,0,0,0.75); background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); }*/ div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div { position: relative; display: inline-block; text-align: center; margin: 0 5px; color: #FFFFFF; } span.fechaConc.ait.gtrr { width: 248px !important; display: inline-block !important; position: relative !important; right: -1% !important; font-weight: 700; color: rgb(0, 129, 57); } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 46px; font-weight: 700; text-shadow: 3px 3px 3px rgba(0,0,0,.5); } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 25px; font-weight: 600; text-shadow: 2px 2px 2px rgba(0,0,0,.3); } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha { margin: 20px 0; left: 1%; position: relative; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { width: 72%; position: relative; display: block; font-size: 10px; font-weight: 900; text-transform: uppercase; left: 213px; bottom: -230px !important; color: rgb(0, 129, 57); } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { position: relative; display: block; color: #008139; font-size: 60px; font-weight: 800; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0,0,0,.5); left: -30px; } div.concAfiliados div.concContador div.contadorOff { position: relative; display: none; width: 100%; height: 100%; overflow: hidden; background: url(../img/banner_greenBack.jpg); background-position: center; background-size: cover; } div.concAfiliados div.concContador > div.contadorOff div.ticketWin { position: relative; display: inline-block; width: calc(40% - 47px); } div.concAfiliados div.concContador div.contadorOff div.imgtv img.celular { width: 34%; position: relative; left: 13%; } div.concAfiliados .premio { position: relative; display: inline-block; width: 60%; background: rgba(0,0,0,.2); clip-path: polygon(100% 0%,70% 100%,0% 100%,0% 0%); } div.concAfiliados .ticketganador { width: calc(40% - 6px); position: relative; display: inline-block; vertical-align: top; height: 100%; } div.concAfiliados .divuno { width: 206%; height: 26%; margin-top: 24%; margin-left: 8%; text-align: center; } div.concAfiliados span.tickett { font-size: 1.9em; font-weight: 800; } div.concAfiliados .divdos { width: 210%; height: 26%; margin-top: 11%; text-align: center; margin-left: 8%; } div.concAfiliados span.numerotickettt { font-size: 4em; font-weight: 300; } div.concAfiliados div.Cnlabel span { justify-content: center; position: relative; margin: auto; text-align: center; display: block } div.concAfiliados div.concContenido { position: relative; display: block; width: 75%; margin: auto; } div.concAfiliados div.concContenido form#IdConcurso { padding: 0 0 40px; } div.concAfiliados .concInfo { text-align: center; margin: 40px 0; } div.concAfiliados .concTitulo { font-size: 2.3em; margin: 15px; } div.concAfiliados .concDocumento { width: 100%; height: 59px; display: flex; } div.concAfiliados .ftitular { position: relative; display: block; width: 70%; margin: auto; } div.concAfiliados div.Cntitular { position: relative; display: inline-flex; width: 90%; vertical-align: top; align-items: center; } div.concAfiliados div.Cntitular input { position: relative; display: inline-block; width: calc(70% - 20px); } div.concAfiliados div.Cntitular label { font-size: initial; display: inline-block; position: relative; width: calc(30% - 18px); text-align: right; margin-right: 10px; } div.concAfiliados .Cnvalidar { position: relative; display: inline-block; width: calc(10% - 5px); } div.concAfiliados div.ftitular .btnGeneral { justify-content: center; margin: auto; } div.concAfiliados div.ftitular button.btnParticipar.btnGeneral.naranja { position: relative; display: block; padding: 10px; border-radius: 5px; } div.concAfiliados div#radiobtn { position: relative; display: flex; justify-content: center; } div.concAfiliados #radiobtn div input { margin: 0 5px; } div.concAfiliados #radiobtn div { position: relative; display: flex; margin: 0 10px; align-items: center; } div.concAfiliados .Cnlabel { width: 100%; margin: 20px 0px; text-align: center; } div.concAfiliados label#LabelNombreCliente { display: block; margin: 10px 0; font-size: 19px; font-weight: bold; text-align: center; } div.concAfiliados div#nombres { position: relative; display: block; margin: 10px 0; width: 100%; } div.concAfiliados #nombres div { position: relative; display: inline-block; width: calc(25% - 19px); margin: 5px 10px; } div.concAfiliados #nombres div:nth-child(1) { margin-left: 0; } div.concAfiliados #nombres div:nth-child(4) { margin-right: 0; } div.concAfiliados div#fconten { position: relative; display: block; width: 100%; margin: 11px 0; } div.concAfiliados div#fconten > div { position: relative; display: inline-block; margin: 5px 10px; width: calc(33% - 12px); } div.concAfiliados div#fconten > div:nth-child(1) { margin-left: 0; } div.concAfiliados div#fconten > div:nth-child(3) { margin-right: 0; } div.concAfiliados div#redes { position: relative; display: flex; width: 100%; } div.concAfiliados div#redes > div { position: relative; display: inline-block; margin: 10px 5px; width: calc(33% - 5px); } div.concAfiliados div#redes > div:nth-child(1) { margin-left: 0px; } div.concAfiliados div#redes > div:nth-child(3) { margin-right: 0px; } div.concAfiliados .Acepta { width: 100%; margin: 20px 0; } div.concAfiliados .Terminos { position: relative; display: flex; top: 62%; text-align: center; font-size: 16px; justify-content: center; align-items: center; } div.concAfiliados .Terminos input { margin: 0 5px; } div.concAfiliados .Terminos span.termsPopUp { font-weight: 800; color: #2aa5f0; cursor: pointer; } div.concAfiliados div.concContenido form.concForm div.concBoton { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 20px 0 40px; } div.concAfiliados div.concContenido form.concForm div.concBoton button { font-size: 18px; padding: 20px; border-radius: 15px; } div.concAfiliados div.concContenido form.concForm div.insta div.instaText { text-align: center; font-style: italic; } div.efectoGlobos { position: fixed; display: block; width: 100%; height: auto; z-index: 40; } div.efectoGlobos div.capaGlobos1 { position: fixed; display: flex; width: 100%; bottom: -10%; } div.efectoGlobos div.capaGlobos1.cg1 { left: 0%; margin: 50px 0px; } div.efectoGlobos div.capaGlobos1.cg2 { left: 2%; margin: -20px 0px; } div.efectoGlobos div.capaGlobos1.cg3 { left: 4%; margin: 30px 0px; } div.efectoGlobos div.capaGlobos1.cg4 { left: 6%; margin: 10px 0px; } div.efectoGlobos div.capaGlobos1.cg5 { left: 8%; margin: -40px 0px; } div.efectoGlobos div.capaGlobos1.cg6 { left: 10%; margin: -20px 0px; } div.efectoGlobos div.capaGlobos1.cg7 { left: 46%; margin: -50px 0px; } div.efectoGlobos div.capaGlobos1 div.globo { position: absolute; display: block; width: 80px; } div.efectoGlobos div.capaGlobos1 div.globo.g1 { left: -10px; top: -5px; } div.efectoGlobos div.capaGlobos1 div.globo.g2 { left: 210px; top: 20px; } div.efectoGlobos div.capaGlobos1 div.globo.g3 { left: 320px; top: 15px; } div.efectoGlobos div.capaGlobos1 div.globo.g4 { left: 530px; top: -10px; } div.efectoGlobos div.capaGlobos1 div.globo.g5 { left: 740px; top: 10px; } div.efectoGlobos div.capaGlobos1 div.globo.g6 { left: 950px; top: 0px; } div.efectoGlobos div.capaGlobos1 div.globo.g7 { left: 1060px; top: 0px; } div.efectoGlobos div.capaGlobos1 div.globo.g8 { left: 1270px; top: 10px; } div.efectoGlobos div.capaGlobos1 div.globo.g9 { left: 1480px; top: 20px; } div.efectoGlobos div.capaGlobos1 div.globo.g0 { left: 1590px; top: -5px; } div.efectoGlobos div.capaGlobos1 div.globo img { position: relative; display: block; width: 100%; animation: agitarGlobos 3s linear infinite; } div.concAfiliados div.popUpTicket { position: fixed; display: none; width: 100%; height: calc(109% + 91px); background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: -91px; z-index: 10; } div.concAfiliados div.popUpTicket div.ticket { position: relative; display: block; width: 1018px; height: 400px; background: url(../img/banner_ticket.png); background-size: cover; transform: scale(0.01); } div.tcc { width: 26%; text-align: center; margin: auto 176px; margin-top: 88px; } div.concAfiliados div.tcc span.registroEx { font-size: 29px; text-align: center; font-weight: 600; } div.Nt { width: 42%; text-align: center; margin: auto 100px; margin-top: 32px; } span.numeroticket { font-size: 21px; font-weight: 500; text-align: center; } div.nnm { width: 16%; height: 42px; text-align: center; margin: auto 572px; margin-top: 55px; justify-content: center; } span.numerotkc { font-size: 31px; font-weight: 700; text-align: center; } div.numero_tck { width: 24%; height: 80px; margin: auto 788px; margin-top: -168px; text-align: center; } div.concAfiliados div.popUpTicket div.numero_tck { -webkit-transform: rotate(-90deg); } div.concAfiliados div.popUpTicket div.numero_tck span.numerotck { font-size: 5em; font-weight: 700; color: #008139; } div.concAfiliados div.popUpTicket div.ticket div.ticketSalir { position: absolute; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; cursor: pointer; background: #D9D9D1; margin: 0; top: -10px; right: -10px; border-radius: 50%; } div.concAfiliados div.popUpTicket div.ticket div.ticketSalir span { position: relative; display: block; width: 20px; height: 4px; background: #212529; border-radius: 20px; transform: rotate(45deg); } div.concAfiliados div.popUpTicket div.ticket div.ticketSalir span:before { position: relative; display: block; content: ''; width: 20px; height: 4px; background: #212529; border-radius: 20px; transform: rotate(-90deg); } div.popupTerminos { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; z-index: 10; align-items: center; justify-content: center; } div.tituloTR span { font-size: 25px; font-weight: bold; } div.btnTerminos button.btnParticipar.btnGeneral.naranja { border-radius: 7px; width: 121px; height: 40px; font-size: 17px; } .fondoblanco { background: #FFFFFF; border-radius: 8px; padding: 30px; } .txTerminos { overflow-y: auto; width: 800px; height: 230px; text-align: center; margin: 20px auto; } .tituloTR { text-align: center; margin: 12px 0; } .btnTerminos { position: relative; display: flex; margin: 10px auto; justify-content: center; } div.txTerminos span { font-size: 20px; position: relative; display: block; width: 770px; text-align: justify; } span.fechaConc { width: 248px !important; display: inline-block !important; position: relative !important; right: -1% !important; } span.fechaConc.apartt { width: 257px; display: inline-block; position: relative; right: -1%; } div.txTerminos article { padding: 14px; font-size: 19px; } div.txTerminos article > p { margin-left: 20px; } div.txTerminos a { color: #FF8F00; font-weight: 800; } div.txTerminos > p { font-weight: 800; font-size: 19px; } div.contt { width: 100%; display: flex; margin: 5px auto; position: relative; justify-content: center; } div.circulo { display: flex; text-align: center; justify-content: center; } /****************************************/ div#oppp { width: 100%; height: 100%; position: absolute; display: flex; z-index: 5; top: 0; justify-content: space-between; align-items: center; } div.angulo2.np, div.angulo1.b { display: inline-flex; margin: 0 10px; } div.ánguloderecha { width: 100%; display: inline-block; position: relative; cursor: pointer; font-size: 45px; color: rgba(75, 169, 43,0.9); transition: .4s; } div.angulo2 { text-align: right; } div.ánguloderecha.nml:hover { color: #ffaa00; /*color: rgba(0, 145, 61,0.9);*/ transition: .4s; } div.ánguloizquierda { font-size: 45px; color: rgba(75, 169, 43,0.9); transition: .4s; width: 100%; display: inline-block; position: relative; cursor: pointer; } div.ánguloderecha.nml { font-size: 45px; color: #ff8f00; /*color: rgba(75, 169, 43,0.9);*/ transition: .4s; width: 100%; display: inline-block; position: relative; cursor: pointer; } div.ánguloizquierda.bl:hover { color: #ffaa00; /*color: rgba(0, 145, 61,0.9);*/ transition: .4s; } div.ánguloizquierda.bl { font-size: 45px; color: #ff8f00; /*color: rgba(75, 169, 43,0.9);*/ transition: .4s; width: 100%; display: inline-block; position: relative; cursor: pointer; } span.circuloEXTERNO { position: relative; display: flex; content: ''; width: 15px; height: 15px; border: 2px solid rgb(150,150,150); border-radius: 50%; padding: 2px; margin: 5px; } span.circuloEXTERNO span.circuloINTERNO { position: relative; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; background: rgb(150,150,150); opacity: 0; transition: .4s; } span.circuloEXTERNO.activo span.circuloINTERNO { opacity: 1; transition: .4s; } /***************************************/ /*****************************publicidad sorteo externo**************************************/ div.terminosEXTERNO { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; z-index: 10; align-items: center; justify-content: center; } div.contenedorblanco { background: #FFFFFF; border-radius: 8px; padding: 30px; } div.botoncerrarpopup { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 20px 0 15px; } div.botoncerrarpopup button.btnGeneral.naranja { font-size: 17px; padding: 9px; border-radius: 7px; } div.tituloterminos { text-align: center; margin: 12px auto; width: 80%; } div.tituloterminos span { font-size: 25px; font-weight: bold; } div.contenedorterminos { overflow-y: auto; width: 800px; height: 230px; text-align: center; margin: 20px auto; } div.bcerrar.SORTEXTERNOo { right: 228px; top: 142px; } div.contenedorterminos span { font-size: 17px; position: relative; display: block; width: 770px; text-align: justify !important; } div.TVPUBLI { position: absolute; display: inline-flex; width: 100%; height: 100%; justify-content: flex-end; align-items: flex-end; background: #FFFFFF; z-index: 1; } div.IMGSMARTTV { width: 100%; height: 100%; position: relative; display: block; margin: auto; } div.TXSMRTTV { position: absolute; display: block; width: 100%; font-weight: 800; font-family: 'Lato', sans-serif; font-size: 27px; top: 193px; left: 0; text-align: center; } div.IMGSMARTTV img { width: 100% !important; height: 100% !important; } div.circulocelular { position: absolute; display: block; width: 100%; height: 100%; background: #000000; /*background: url(../img/cc.png);*/ justify-content: center; clip-path: circle(0% at 50% 0); z-index: 2; } div.INFOEmpresa div.imf img { width: 100% !important; height: 100% !important; } div.imf { width: 100%; height: 100%; position: absolute; overflow: hidden; margin: auto; } div.registreBono { color: #ffffff; position: absolute; display: block; top: calc(10px - -27px); margin: auto; opacity: 0; font-size: 24px; text-align: center; } div.Uniphone { position: absolute; display: block; opacity: 0; width: calc(38% - 44px); top: calc(35% - 30px); left: 3%; } div.UN { position: relative; display: block; color: #ffffff; text-align: right; font-size: 23px; font-weight: 900; right: 0px; } div.imagenpalabra { position: relative; display: block; width: 100%; height: 100%; } div.smartvv { position: absolute; display: block; opacity: 0; top: calc(70%); right: 40px; font-size: 21px; font-weight: 800; } div.fechasorteobono { color: #ffffff; position: absolute; display: flex; opacity: 0; bottom: 0; right: 0; text-align: center; margin: auto; align-items: center; } div.fechasorteobono label { padding: 5px; background: #008139; } div.Referencias label { background: #008139; padding: 6px; } div.txxIhpp { width: 100%; height: 100%; margin: 24px auto; position: relative; display: block; } div.Contenedorinforme { width: 100%; height: 100%; position: relative; display: block; } div.CELULARimg { width: 42%; position: relative; display: block; margin: 108px auto 0; margin-right: 0; padding-bottom: 256px; } div.txxIhp { width: 51%; display: flex; justify-content: center; margin: auto; bottom: 161px; position: relative; } div.contenHOVER { position: absolute; display: none; top: 0; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 3; } div.contennavegardores { z-index: 4; position: absolute; display: none; width: 100%; height: 100%; justify-content: flex-end; align-items: flex-end; background: #FFFFFF; } div.Referencias { position: absolute; display: block; opacity: 0; color: #FFFFFF; font-size: 12px; margin: 10px 0; top: -7px; left: 1px; } div.contenPPOUPPOPP { position: fixed; display: none; width: 100%; height: calc(100% + 91px); background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: -91px; z-index: 10; } div.ppopptikc { position: absolute; display: block; background-size: cover; transform: scale(1.01); } div.ppopptikc img { width: 100%; } div.fechatikk { margin: auto; position: absolute; display: block; text-align: center; font-weight: 800; left: 54.5%; top: 19%; } div.PARTE span.fechaConc.tickl { display: block !important; width: 262px !important; right: -2% !important; } div.fec { width: calc(100% - 1px); margin: 10px auto; text-align: center; font-size: 17px; overflow: hidden; } div.txttv { width: calc(97% - 1px); margin: 10px auto; text-align: center; font-size: 18px; overflow: hidden; } div.o { width: calc(100% - 1px); margin: auto; text-align: center; font-size: 18px; overflow: hidden; } div.txcel { width: calc(100% - 1px); margin: 10px auto; text-align: center; font-size: 18px; overflow: hidden; } div.texconten { position: absolute; display: block; width: 39%; text-align: center; margin: auto; height: auto; margin-left: 130px; top: 17%; } span.rrr { position: relative; display: block; font-size: 30px; text-align: center; width: 62%; margin: auto; font-weight: 700; } span.nrrr { display: block; position: relative; width: 79%; margin: auto; top: 25px; font-size: 24px; } div.texcontennumerouno { position: absolute; display: block; top: 74%; margin: auto; right: 36%; font-size: 40px; font-weight: 800; color: #00A64C; } div.texcontennumerodos { position: absolute; margin: auto; margin-right: 0; text-align: center; top: 54%; font-size: 70px; right: 3%; font-weight: 800; color: #00A64C; } div.texcontennumerodos { -webkit-transform: rotate(-90deg); } div.serialuno { position: absolute; display: block; top: 74%; margin: auto; right: 29%; font-size: 40px; font-weight: 800; color: #00A64C; } div.serialdos { position: absolute; margin: auto; margin-right: 0; text-align: center; top: 18%; font-size: 60px; font-weight: 800; right: 7%; color: #00A64C; } div.serialdos { -webkit-transform: rotate(-90deg); } div.BLANCOPPUP { position: absolute; display: block; margin: auto; justify-content: center; align-items: center; width: 71%; height: 450px; } div.bcerrar.SORTEXTERNO { top: -15px; z-index: 11; width: 50px; height: 50px; font-size: 29px; } /************************publicidad Empresa********************************/ div.FRANJANARANJA { width: 100%; height: calc(50% - 60px); position: relative; display: block; margin: auto; background: #EF9131; overflow: hidden; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%); } div.textobtco { width: calc(50% - 38px); position: relative; display: block; margin: auto; color: #fff; text-align: right; margin-right: 41px; font-size: 22px; font-weight: 800; bottom: 85%; } div.textobtcoo { width: 60%; position: relative; display: block; margin: auto; margin-right: 14px; margin-top: 5px; text-align: right; bottom: 86%; } label.parteunotax { font-size: 24px; font-weight: 800; color: #ffffff; text-align: right; } label.partedostx { font-size: 13px; font-weight: 900; text-align: left; color: #4B3C93; } label.color { color: #4B3C93; } div.TARGETIMAGEN { display: block; position: relative; margin: auto; justify-content: center; align-items: center; width: 100%; height: 100%; } div.TARGETIMAGEN span { width: 100%; position: relative; display: block; height: 100%; bottom: 35%; } div.TARGETIMAGEN img { height: 100% !important; margin: auto; position: relative; width: 100% !important; border-radius: 62px; object-fit: cover; object-position: top; } div.TARGETAANIMA { width: 32%; position: relative; display: block; bottom: 58%; } div.NARANJACONTENEDOR { width: calC(90% - 1px); margin: auto; height: calc(39% - 10px); text-align: left; position: relative; display: block; } div.verdescont { background: #008139; font-size: 13px; text-align: left; margin: auto; padding: 10px; height: 40px; } div.narancont { background: #F28800; font-size: 13px; margin: 5px auto; padding: 8px; font-weight: 900; height: 40px; } div.NARANJACONTENEDOR i { font-size: 10px; color: #FffFFF; margin-right: 5px; } div.dentrodeconten { width: calc(79% - 1px); margin: 2px auto; margin-left: 16px; color: #ffffff; } div.Adentro { width: 63%; font-weight: 900; color: #ffffff; } div.uno, div.dos, div.cuatro, div.seis { width: 83%; color: #ffffff; font-weight: 900; } div.zero { width: 67%; margin: auto; margin-left: 18px; font-weight: 200; color: #FFffFF; } div.tres { width: 99%; font-size: 12px; font-weight: 200; color: #ffffff; margin: auto; text-align: inherit; margin-left: 18px; } div.cincoo { width: 94%; font-size: 12px; font-weight: 200; margin: auto; color: #ffffff; margin-left: 17px; } div.siete { width: 97%; font-size: 12px; font-weight: 200; color: #ffffff; margin: auto; margin-left: 17px; } div.BIENBENIDOS { width: calc(89% - 1px); margin: auto; position: relative; display: block; top: -16px; color: #F28800; font-size: 16px; font-weight: 900; } div.logocontenedor { width: calc(68% - 1px); margin: auto; top: 3px; position: relative; display: block; } div.textocontenedor { width: 100%; text-align: center; margin: auto; color: #F28800; font-weight: 900; font-size: 16px; position: relative; display: block; top: -4px; } /******************************************Sorteo externo**************************************/ /*pop up concurso Afiliados*/ div.popalers { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.yuioo { position: relative; display: block; padding: 20px; border-radius: 10px; background: #FFFFFF; width: calc(50% - 1px); } div.tyttl { } div.cerr { position: absolute; display: flex; width: 45px; height: 45px; top: -11px; cursor: pointer; justify-content: center; align-items: center; border-radius: 50%; font-size: 19px; background: #E0E0E0; right: -10px; } div.tyttl { width: 100%; margin: 10px auto; text-align: center; font-size: 21px; font-weight: bold; } div.btnoun { width: 8%; display: inline-block; margin: auto; text-align: center; } div.btnounDo { width: 7%; display: inline-block; margin: auto; text-align: center; } div.bontconm { width: 100%; display: block; margin: 10px auto; text-align: center; } .btnn { padding: 5px; border-radius: 5px; width: 100%; } /***************************/ div.CONTEMPrincipal { width: 80%; height: calc(100% - 40px); display: block; position: relative; padding-top: 20px; margin: auto; } div.contenslai { position: relative; display: -webkit-box; width: 100%; height: 100%; overflow: hidden; margin: 10px 0; } div#hlllm { margin: auto; } div.contenformucodiggo { width: 100%; justify-content: center; margin: auto; height: 100%; right: 0%; transition: .4s; display: block; position: relative; } div.contenedorwiidd { position: relative; display: -webkit-box; width: 100%; height: 629px; overflow: hidden; margin: 10px 0; } div.tituloSE { width: 100%; position: relative; display: flex; height: 50%; justify-content: center; align-items: center; } div .DILIGENCI { font-size: 23px; margin: auto; text-align: center; } div.ContenedorFormulario { display: inline-block; width: 50%; height: calc(100% - 40px); position: relative; padding: 20px; justify-content: center; align-items: center; align-content: center; margin: auto; } div.ContenedorImg { width: calc(50% - 45px); position: relative; height: 100%; display: inline-block; vertical-align: top; } div.INFOEmpresa { width: 100%; justify-content: center; margin: auto; height: 100%; right: 0%; transition: .4s; display: block; position: relative; } div.INFOEmpresa img { width: 100%; height: auto; } form.SorExterno { width: calc(100% - 51px); position: relative; margin: auto; justify-content: center; } div.ACEPTA { width: 100%; position: relative; margin: auto; display: block; bottom: 20px; } div#PARTICIPA { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 10px 0 -2px; bottom: 20px; } button#btnParticipar { font-size: 15px; padding: 11px; border-radius: 10px; } div.TERMINOSC { position: relative; display: block; font-size: 16px; text-align: center; justify-content: center; align-items: center; width: 83%; margin: auto; } div.TERMINOSC label { position: relative; display: block; width: 106%; height: 54px; margin: 17px 0; } input#chkTerminos { width: 15px; height: 15px; display: block; position: relative; margin-top: 19px; top: 33px; left: -19px; cursor: pointer; } div.Codigo { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; } div.CODIGORequerido { position: relative; display: inline-flex; width: calc(75% - 20px); vertical-align: top; align-items: center; } form.SorExterno input { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 40px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin-top: 10px; } form.SorExterno select { position: relative; display: block; width: calc(100% - 10px); height: 40px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin-top: 10px; padding: 0 10px; } input.CODIGO { position: relative; display: inline-block; width: calc(70% - 20px); } div.btnG { position: relative; display: inline-block; width: calc(23% - 5px); margin-bottom: 10px; margin: auto; } .VALIDAR { position: relative; display: block; padding: 10px; border-radius: 5px; } label.ingrese { font-size: initial; display: inline-block; position: relative; width: calc(26% - -241px); text-align: right; margin-right: 6px; } div.identificacion, div.NOMBESss, div.APELLIDOSsss { position: relative; display: inline-block; width: calc(98%); margin: 8px 0; height: 60px; justify-content: center; text-align: center; } div.SELECCIO, div.numerCC { position: relative; display: inline-block; width: calc(47% - 10px); margin: 5px 10px; } div.DATOSgenerales { position: relative; display: block; margin: 10px 0; width: 100%; } div.NM1, div.NM2 { position: relative; display: inline-block; width: calc(47% - 10px); margin: 5px 10px; } div.AP1, div.AP2 { position: relative; display: inline-block; width: calc(47% - 10px); margin: 5px 10px; } div.REDES { position: relative; display: flex; width: 100%; margin: 12px 0; text-align: center; } div.TELEFONO, div.CORREO, div.INSTAGRAM { position: relative; display: inline-block; margin: 1px 6px; width: calc(30% - 0px); } div.ubicacion { position: relative; display: inline-block; width: calc(100%); margin: 17px 0; justify-content: center; text-align: center; } div.CIUDAD, div.DEPA { position: relative; display: inline-block; width: calc(47% - 10px); margin: 5px 10px; } span.termsP { font-weight: 800; color: #2aa5f0; cursor: pointer; } /*********************************Fin sorteo externo *********************/ /***********************************Cementerio Virtual*******************************/ div.popUPDescarga { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; z-index: 10; align-items: center; justify-content: center; } div.bbblak { background: #FFFFFF; border-radius: 8px; padding: 30px; } div.con { width: 800px; height: 100%; margin: auto; } div.valortx { width: 80%; position: relative; display: block; margin: auto; text-align: center; margin-bottom: 17px; } div.texx { width: 49%; margin: auto; display: inline-block; text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 15px; } div.valr { width: 49%; margin: auto; display: inline-block; text-align: center; font-size: 22px; margin-bottom: 15px; font-weight: 600; } div.instrucc { width: 90%; margin: auto; display: block; text-align: justify; margin-bottom: 15px; } div.dtr { width: 90%; margin: auto; display: block; text-align: justify; margin-bottom: 15px; } div.frm { width: 92%; margin: auto; display: block; position: relative; } div.nmPerson, div.texnm, div.crro, div.txtel { width: 49%; margin: auto; display: inline-block; text-align: right; } div.intt, div.app, div.capCrr, div.appn, div.intel { width: 40%; margin: auto; display: inline-block; text-align: center; margin-bottom: 12px; } div.frm input { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } button.naranja.PPRT { font-size: 15px; padding: 11px; border-radius: 10px; } button.gris.Ptrr { font-size: 15px; padding: 11px; border-radius: 10px; } div.brtt { width: 80%; display: block; position: relative; margin: auto; text-align: center; } div.bto { width: 30%; margin: auto; text-align: center; position: relative; display: inline-block; } div.cementerioVirtual { position: relative; display: block; width: 100%; height: 100%; } div.cementerioVirtual div.cementerioCont { position: relative; display: flex; width: 100%; height: 100%; align-items: center; } div.cementerioVirtual div.cementerioCont div.cementerioSlider { position: relative; display: block; width: 85%; height: 95%; margin: 0 auto 0; } div.slider2 { position: relative; display: -webkit-box; width: 100%; height: 100%; overflow: hidden; border-radius: 20px; } div.slider2 div.slider2Caja { position: relative; display: -webkit-box; width: 100%; height: 100%; transition: .4s; } div.slider2 div.slider2Caja div.cajaImagen { position: relative; display: block; width: 100%; height: 100%; } div.slider2 div.slider2Caja div.cajaImagen img { position: relative; display: block; height: 100%; width: 100%; object-fit: contain; } div.slider2 div.slider2Caja div.cajaMensaje { position: absolute; display: flex; width: 100%; height: 100%; top: 0; justify-content: center; align-items: center; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment { position: relative; display: flex; width: 70%; height: 80%; align-items: center; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock { position: relative; display: flex; width: 100%; height: 100%; align-items: center; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { position: absolute; display: block; width: calc(100% - 30px); bottom: 0; font-size: 20px; text-align: right; font-weight: 600; padding-right: 30px; text-transform: uppercase; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo label.relacionLabel { position: relative; display: block; font-size: 16px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaDescripcion { position: relative; display: block; width: 70%; margin: auto; font-size: 25px; font-weight: 700; text-align: center; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa { position: absolute; display: flex; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment { position: relative; display: block; width: 80%; height: 80%; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div { position: relative; display: inline-block; width: calc(50% - 83px); height: calc(100% - 80px); padding: 40px; vertical-align: top; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { position: absolute; display: block; width: calc(100% - 120px); bottom: 0; font-size: 40px; font-weight: 800; margin: 100px 0; text-align: center; text-transform: uppercase; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { position: relative; display: block; width: 100%; margin: 0 0 50px; font-size: 26px; font-weight: 700; text-align: center; text-transform: uppercase; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { position: relative; display: block; width: 80%; margin: auto; text-align: justify; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span i { position: relative; display: block; text-align: center; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span label { position: relative; display: block; width: 100%; text-align: right; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar { position: absolute; display: flex; top: 0; width: 100%; height: 100%; justify-content: center; align-items: center; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { position: absolute; display: block; top: 15%; text-align: center; font-size: 55px; font-weight: 700; text-transform: uppercase; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit span { font-family: Kaushan Script, sans-serif } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeCont { position: relative; display: block; width: 60%; font-size: 26px; text-align: center; word-break: break-word; } div.slider2 div.slider2Caja div.cajaMensajeFoto { width: 75%; height: 100%; position: absolute; display: block; left: 13%; top: 0; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoImg { width: 50%; position: relative; height: 100%; display: inline-flex; justify-content: center; align-items: center; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoImg div.cajaFotoImg { width: 70%; height: 70%; display: flex; position: relative; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment { width: calc(50% - 5px); height: 100%; position: relative; display: inline-flex; vertical-align: top; justify-content: center; align-items: center; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.commentBlock { position: relative; display: block; width: calc(80% - 40px); left: -40px; padding: 20px; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.commentBlock div.CommentMT { position: relative; width: 100%; text-align: center; text-transform: uppercase; padding: 0 0 20px; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.commentBlock div.CommentMTX { position: relative; text-align: center; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoImg img { width: 100%; height: 100%; margin: auto; object-fit: contain; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.CommentMT span { font-size: 30px; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.CommentMTX span { font-size: 18px; word-break: break-word; } div.slider2 div.slider2Caja div.cajaMensajeLapida { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; top: 0; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll { position: relative; display: block; width: 60%; height: 40%; left: calc(10% - 30px); top: calc(10% - 50px); } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { position: relative; display: block; max-width: 70%; margin: auto; text-align: center; font-size: 50px; font-weight: 600; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { position: absolute; display: flex; width: 100%; bottom: 10%; font-size: 30px; justify-content: center; align-items: center; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN > div { margin: 0 20px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll > div span { font-family: Kaushan Script, sans-serif; } div.cajaControl { position: absolute; display: block; height: 100%; width: 100%; top: 0px; } div.cajaControl > div { position: absolute; display: flex; justify-content: center; align-items: center; height: 90%; width: 100px; cursor: pointer; z-index: 1; border-radius: 20px 0 0 20px; vertical-align: top; } div.cajaControl > div span { position: relative; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; } div.cajaControl div.controlMensaje { width: 100%; height: 50px; bottom: 20px; cursor: default; } div.cajaControl div.controlMensaje span { background: #FF8F00; color: #FFFFFF; padding: 10px 20px; font-size: 20px; font-weight: 600; text-transform: uppercase; width: 45%; cursor: pointer; height: unset; text-align: center; border-radius: 10px; transition: .4s; } div.cajaControl div.controlMensaje span:hover { margin-bottom: 5px; box-shadow: 0px 5px 5px rgba(0,0,0,.5); transition: .4s; } div.cajaControl div.controlIzq { left: 0px; } div.cajaControl div.controlDer { right: 0px; transform: rotate(180deg); } div.cajaControl div.controlIzq span:before, div.cajaControl div.controlIzq span:after, div.cajaControl div.controlDer span:before, div.cajaControl div.controlDer span:after { position: absolute; display: block; content: ''; width: 30px; height: 4px; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 0px 12px rgba(0,0,0,1); } div.cajaControl > div span:before { top: 18px; transform: rotate(-45deg); } div.cajaControl > div span:after { bottom: 18px; transform: rotate(45deg); } div.cajaControl div.cajaFull { width: auto; height: auto; bottom: 10px; right: 10px; z-index: 10; } div.cajaControl div.cajaFull > div { position: relative; display: flex; width: 100px; height: 70px; color: #FFFFFF; font-size: 35px; justify-content: center; align-items: center; text-shadow: 0px 0px 10px rgba(0,0,0,1); } div.cajaControl div.cajaFull > div.closeButton { display: none; } div.cementerioVirtual div.cementerioPopUp { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: 0; z-index: 20; } div.cementerioVirtual div.cementerioComm { position: relative; display: block; background: #F0F0F0; padding: 20px; border-radius: 10px; width: 60%; } div.cementerioVirtual div.cementerioComm div.infoSection { position: relative; display: block; margin: 20px 0; text-align: center; } div.cementerioVirtual div.cementerioComm div.infoSection label { position: relative; display: block; margin: 10px 0; font-size: 30px; font-weight: 600; text-transform: uppercase; } div.cementerioVirtual div.cementerioComm div.commentButton { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.cementerioVirtual div.cementerioComm div.commentButton button { padding: 10px; border-radius: 5px; } input.btnGuardarConfig.btnGeneral.naranja { position: relative; display: block; padding: 10px 20px; margin: 10px; border-radius: 5px; } div.cementerioVirtual div.cementerioComm div.diapList { position: relative; display: block; height: 500px; overflow-y: auto; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem { position: relative; display: block; background: #FFFFFF; overflow: hidden; margin: 10px 20px; padding: 20px; border-radius: 10px; box-shadow: 3px 3px 4px rgba(150,150,150,.5); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent { position: relative; display: block; height: 120px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent > div { position: relative; display: inline-block; height: 100%; vertical-align: top; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapImg { width: 230px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapImg img { height: 100%; width: 100%; object-fit: cover; } div .cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapInfo { width: 60%; margin-left: 10px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapInfo div.diapTitle { position: relative; display: block; margin: 5px 0; font-size: 22px; font-weight: 700; text-transform: uppercase; word-break: break-word; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapInfo div.diapComm { position: relative; display: block; margin: 10px 0; word-break: break-word; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl { position: absolute; display: block; width: 10%; top: 0; right: 0; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl > div { position: relative; display: flex; justify-content: center; align-items: center; height: calc(50% - 20px); margin: 10px 0; color: #FFFFFF; cursor: pointer; border-radius: 5px; transition: .4s; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl > div i { margin-right: 5px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl div.diapEdit { background: #228AE7; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl div.diapEdit:hover { background: #61aff4; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl div.diapClose { background: #ff2525; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl div.diapClose:hover { background: #ff4b4b; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden { position: relative; display: block; height: 0; overflow: hidden; transition: .4s; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden.activo { height: 310px; transition: .4s; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden span.separador { position: relative; display: block; content: ''; height: 1px; width: calc(100% - 80px); margin: 20px 40px; background: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(17,19,21,1) 50%, rgba(33,37,41,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(17,19,21,1) 50%, rgba(33,37,41,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(17,19,21,1) 50%, rgba(33,37,41,0) 100%); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg { position: relative; display: inline-block; width: 40%; height: 100%; margin-right: 10px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg img { position: relative; display: block; height: 100%; width: 100%; object-fit: contain; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg div.hiddenUpBoton { position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; top: 0; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg div.hiddenUpBoton input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg div.hiddenUpBoton label { position: relative; display: block; padding: 10px; text-transform: none; border-radius: 5px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit { position: relative; display: inline-block; vertical-align: top; width: calc(60% - 15px); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenCont > label { position: relative; display: block; margin-bottom: 10px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenTitulo { position: relative; display: block; margin-bottom: 10px; width: calc(100% - 2px); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenTitulo label { position: relative; display: block; margin-bottom: 5px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenTitulo input { width: calc(100% - 20px); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenCont { position: relative; display: block; width: calc(100% - 2px); height: 200px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenCont textarea { height: calc(100% - 50px); } div.cementerioVirtual div.cementerioComm div.addButton { position: absolute; display: flex; top: 80px; left: 40px; } div.cementerioVirtual div.cementerioComm div.addButton button { position: relative; display: block; padding: 10px; border-radius: 5px; } div.cementerioVirtual div.addDiapPopUp { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: 0; z-index: 20; } div.cementerioVirtual div.addDiapPopUp div.addCont { position: relative; display: block; padding: 20px; background: #FFFFFF; border-radius: 10px; width: 50%; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 700; margin-bottom: 20px; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addImg { position: relative; display: inline-block; width: 45%; height: 300px; margin-right: 10px; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addImg img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addImg div.addUpBoton { position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; top: 0; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addImg div.addUpBoton input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addImg div.addUpBoton label { position: relative; display: block; padding: 10px; text-transform: none; border-radius: 5px; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addEdit { position: relative; display: inline-block; width: calc(55% - 20px); vertical-align: top; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addEdit div.addTitulo { position: relative; display: block; margin-bottom: 10px; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addEdit > div label { position: relative; display: block; margin-bottom: 5px; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addDatos div.addEdit div.addComm textarea { height: 160px; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addBotonera { position: relative; display: flex; margin: 10px 0; justify-content: center; } div.cementerioVirtual div.addDiapPopUp div.addCont div.addBotonera button { position: relative; display: block; margin: 0 10px; padding: 10px; border-radius: 5px; } div.cementerioVirtual div.commentPopUp { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: 0; z-index: 20; } div.cementerioVirtual div.commentPopUp div.commCont { position: relative; display: block; width: 50%; background: #FFFFFF; padding: 12px; border-radius: 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.commTitle { position: relative; display: block; margin-bottom: 20px; text-align: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commTitle label { position: relative; display: block; margin: 5px 0; font-size: 24px; font-weight: 700; text-transform: uppercase; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic { position: relative; display: block; margin: 10px 0; left: 20px; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem { position: relative; display: inline-flex; width: calc(25% - 14px); align-items: center; margin: 0 5px; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem.activo { color: #FF8F00; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicNum { position: relative; display: inline-block; font-size: 36px; width: 15%; margin: 0 5px; text-align: center; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicTxt { position: relative; display: inline-block; width: 65%; height: 100%; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicSym { position: relative; display: flex; height: 100%; width: 20%; justify-content: center; align-items: center; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicSym span { position: relative; display: block; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicSym span:nth-child(2) { left: 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicSym span:before { position: absolute; display: block; content: ''; height: 20px; width: 4px; background: #212529; bottom: -2px; border-radius: 5px; transform: rotate(-30deg); transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicSym span:after { position: absolute; display: block; content: ''; height: 20px; width: 4px; background: #212529; top: -2px; border-radius: 5px; transform: rotate(30deg); transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem.activo div.indicSym span:before, div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem.activo div.indicSym span:after { background: #FF8F00; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard { position: relative; display: -webkit-box; width: calc(100% - 20px); overflow: hidden; padding: 10px; margin: 10px 0; height: 420px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard { position: relative; display: block; width: calc(100% - 5px); margin: auto; height: 100%; overflow: hidden; right: 0%; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard > span { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 24px; font-weight: 700; margin: 10px 0 20px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla { position: relative; display: block; width: calc(100% - 40px); height: 100%; right: 0%; padding: 0 20px; overflow: hidden; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard form#CVFormSeleccionImagen { position: relative; display: -webkit-box; top: 10px; height: 100%; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard form#CVFormSeleccionImagen > span { position: absolute; display: block; width: 100%; margin: 5px 0; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 700; top: -16px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.btnDiap { position: absolute; display: flex; justify-content: center; align-items: center; height: 100%; width: 50px; font-size: 22px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.btnDiap.izqFreeDiap, div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.btnDiap.izqPayDiap { left: 16px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.btnDiap.derFreeDiap, div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.btnDiap.derPayDiap { right: 12px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.btnDiap i { padding: 10px; border-radius: 50%; background: #E0E0E0; cursor: pointer; } form#CementerioVirtualFormDatosPersonales { width: 93%; margin: auto; } form#formCVSeleccionComentario { width: 90%; margin: auto; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto { position: relative; display: inline-block; width: calc(33% - 30px); height: 150px; margin: 5px; padding: 10px; padding-bottom: 25px; vertical-align: top; right: 0%; transition: .4s; top: 15px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto img { position: relative; display: block; height: 100%; width: 100%; object-fit: contain; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto input { position: absolute; visibility: hidden; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto label { position: absolute; display: block; top: -2px; left: -2px; width: 100%; height: 100%; cursor: pointer; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto span { position: absolute; display: block; bottom: 5px; width: calc(100% - 20px); text-align: center; font-weight: 600; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto input:checked + label { border: 2px solid rgba(34, 138, 231,.5); } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 24px; font-weight: 700; margin: 10px 0 20px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow { position: relative; display: block; margin: 10px 0; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow div.campo { position: relative; display: inline-block; margin: 0 5px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR1 div.campo { width: calc(25% - 14px); } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR2 div.campo { width: calc(50% - 13px); } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow div.campo label { position: relative; display: block; margin-bottom: 5px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR3 > label { position: relative; display: block; width: 100%; text-align: center; margin: 10px 0 5px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR3 div.opcRadio { position: relative; display: flex; width: 100%; justify-content: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR3 div.opcRadio div.radio { position: relative; display: flex; margin: 0 10px; align-items: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR3 div.opcRadio div.radio input { margin-right: 5px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR4 { margin: 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow.wR4 label { position: relative; display: block; margin: 5px 0; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField { position: relative; display: inline-block; width: calc(50% - 23px); padding: 10px; vertical-align: top; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardDesc { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardTextarea textarea { height: 200px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardTextarea label { position: relative; display: block; margin: 10px 0; text-align: center; font-weight: 700; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardTextarea span { font-weight: 600; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardOpc { position: relative; display: block; margin: auto; width: calc(100% - 40px); padding: 10px 20px; background: #FFFFFF; border: 2px solid #aadaf7; border-radius: 10px; box-shadow: inset 2px 2px 9px #aadaf7; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardOpc div.commOpc { position: relative; display: block; margin: 5px 0; cursor: pointer; padding: 10px 20px; color: #42aef0; border-radius: 20px; text-align: left; box-shadow: 1px 1px 6px rgba(150,150,150,.5); transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardOpc div.commOpc input { position: absolute; visibility: hidden; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardOpc div.commOpc label { position: relative; display: block; cursor: pointer; width: 100%; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardOpc div.commOpc:hover label, div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardOpc div.commOpc.activo label { color: #2aa5f0; font-weight: 800; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardSelec { position: relative; display: block; padding: 10px; height: 260px; overflow-y: auto; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardSelec div.selecOpc { position: relative; display: flex; padding: 10px; margin: 2px 0; cursor: pointer; justify-content: space-between; align-items: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardSelec div.selecOpc ~ div.selecOpc { border-top: 1px solid; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardSelec div.selecOpc span { font-size: 18px; text-transform: uppercase; font-weight: 600; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardSelec div.selecOpc span.fakeLink { font-size: 12px; text-transform: none; text-align: right; color: #42aef0; width: 90px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; background: #FFFFFF; box-shadow: 0px 2px 10px rgba(150,150,150,.5); } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden.activo { opacity: 1; display: block; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont { position: relative; display: none; width: 100%; height: 100%; overflow: auto; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont.activo { display: block; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidTitle { position: relative; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; margin: 10px 0; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm { position: relative; display: block; margin: 10px 20px; padding: 10px; border-radius: 10px; border: 2px solid #aadaf7; box-shadow: inset 2px 2px 9px #aadaf7; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc { position: relative; display: block; margin: 5px 0; cursor: pointer; padding: 10px 20px; color: #42aef0; border-radius: 20px; text-align: left; box-shadow: 1px 1px 6px rgba(150,150,150,.5); transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc label { position: relative; display: block; cursor: pointer; width: calc(100% - 100px); padding-right: 100px; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc span { position: absolute; display: block; top: 35%; right: 20px; color: #212529; font-weight: 600; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc.activo label, div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc:hover label { color: #2aa5f0; font-weight: 800; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc input { position: absolute; visibility: hidden; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc input:checked + label { font-weight: 800; transition: .4s } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.btnCerrarPay { position: absolute; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; cursor: pointer; color: #FF0000; top: 0; right: 0; border-radius: 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hiddenNoMsj { position: absolute; display: none; width: 100%; height: 100%; top: 0; background: #FFFFFF; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hiddenNoMsj div.noMsjImg { position: relative; display: flex; width: 100%; height: 100px; justify-content: center; margin: 30px 0px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hiddenNoMsj div.noMsjImg img { width: auto; height: 100%; object-fit: contain; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hiddenNoMsj div.noMsjTxt { position: relative; display: block; margin: 0 20px; text-align: center; font-size: 18px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hiddenNoMsj div.noMsjBtn { position: relative; display: flex; width: 100%; justify-content: center; margin: 10px 0; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commentField div.wizardHidden div.hiddenNoMsj div.noMsjBtn input { padding: 10px; border-radius: 5px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajusteGratis { position: relative; display: none; width: 100%; height: 100%; text-align: center; justify-content: center; align-items: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard > div button { padding: 20px; margin: 10px 0; font-size: 18px; border-radius: 50px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago { position: relative; display: flex; width: 100%; height: 100%; text-align: center; justify-content: center; align-items: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div { position: relative; display: inline-block; width: calc(50% - 1px); margin: 0 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevImagen { position: relative; display: block; width: 100%; height: 100%; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevImagen img { width: 100%; height: 100%; object-fit: contain; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevMensaje { position: absolute; display: flex; justify-content: center; align-items: center; width: 90%; height: 80%; top: 30px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevMensaje div.prevComment { position: relative; display: block; width: 100%; height: 100%; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevMensaje div.prevComment div.prevCommBlock { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevMensaje div.prevTitulo { position: absolute; display: block; width: calc(100% - 10px); bottom: 0; font-size: 10px; font-weight: 700; text-align: right; padding-right: 10px; text-transform: uppercase; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevMensaje div.prevTitulo span { position: relative; display: block; font-size: 8px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago > div div.prevDiap div.prevMensaje div.prevDescripcion { width: 70%; margin: auto; font-size: 10px; text-align: center; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago div.moneyCount { position: relative; display: block; margin: 40px 0; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago div.moneyCount > div { position: relative; display: flex; margin: 5px 0; text-align: left; justify-content: space-between; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago div.moneyCount > div label { max-width: 250px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago div.moneyCount div.moneyTotal { font-weight: 800; margin-top: 10px; padding: 5px 0; border-top: 2px solid; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago button { color: #FFFFFF; background: #A6C307; font-weight: 700; cursor: pointer; transition: .4s; margin: 20px auto; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.ajustePago button:hover { background: #beda27; transition: .4s; } div.cementerioVirtual div.commentPopUp div.commCont div.commBotonera { position: relative; display: flex; justify-content: center; margin: -15px 0; height: 32px; } div.cementerioVirtual div.commentPopUp div.commCont div.commBotonera button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 10px; } div.cementerioVirtual div.commentPopUp div.commCont div.btnCerrarComm { position: absolute; display: flex; right: -10px; top: -10px; width: 40px; height: 40px; cursor: pointer; justify-content: center; align-items: center; background: #E0E0E0; color: #212529; border-radius: 50%; } div.cementerioVirtual div.popUpMensajeFamiliar { position: fixed; display: none; width: 100%; height: 100%; top: 0; justify-content: center; align-items: center; background: rgba(0,0,0,.5); z-index: 10; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent { position: relative; display: block; padding: 20px; border-radius: 10px; width: 30%; background: #FFFFFF; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent div.familiarTitulo { position: relative; display: block; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-size: 24px; font-weight: 600; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent form.familiarForm { position: relative; display: block; margin: 20px 0; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent form.familiarForm div.campo { margin: 10px 0; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent form.familiarForm div.campo label { position: relative; display: block; margin: 5px 0; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent form.familiarForm div.campo textarea { max-width: calc(100% - 20px); max-height: 80px; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent div.familiarButton { position: relative; display: flex; justify-content: center; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent div.familiarButton button { padding: 10px; margin: 0 5px; border-radius: 5px; } div.slider2 div.slider2Caja div.cajaMensajeObituario { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; top: 0; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { position: absolute; display: block; top: 15%; font-size: 50px; width: 40%; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB div.OBnombre { width: 100%; text-align: center; position: relative; display: block; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB div.OBnombre span { text-align: center; font-family: Kaushan Script, sans-serif; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div { position: relative; width: 100%; font-size: 20px; text-align: center; margin: 10px 0; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div p { font-family: Kaushan Script, sans-serif; font-size: 24px; } div.cementerioVirtual div.popAdminDatos { position: fixed; display: none; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(0,0,0,.5); top: 0; z-index: 10; } div.cementerioVirtual div.popAdminDatos div.popAdminContent { position: relative; display: block; width: 70%; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminOption { position: relative; display: inline-block; width: 20%; vertical-align: top; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminOption div.adminOpc { position: relative; display: block; margin: 10px 0; padding: 10px 0px 10px 30px; background: #FFFFFF; cursor: pointer; border-radius: 20px 0 0 20px; box-shadow: -6px 3px 3px rgba(0,0,0,.5); z-index: 1; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminOption div.adminOpc.activo { z-index: 3; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel { position: relative; display: inline-block; padding: 20px; width: calc(80% - 45px); vertical-align: top; min-height: 100px; background: #FFFFFF; border-radius: 20px; box-shadow: -5px 0px 5px rgba(0,0,0,.5); z-index: 2; left: -10px; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div { position: relative; display: none; width: 100%; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div.activo { display: block; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelTitle { position: relative; display: block; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 10px; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelCampos { position: relative; display: block; width: 60%; margin: auto; margin-bottom: 10px; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelCampos div.panelRow { position: relative; display: block; margin: 10px 0; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelCampos div.panelRow div.campo { position: relative; display: inline-block; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelCampos div.panelRow.pR1 div.campo { width: 100%; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelCampos div.panelRow.pR2 div.campo { width: calc(50% - 13px); margin: 0 5px; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelBtn { position: relative; display: flex; width: 100%; justify-content: center; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminPanel > div div.panelBtn input { padding: 10px; border-radius: 5px; } div.cementerioVirtual div.popAdminDatos div.popAdminContent div.adminDatosClose { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; top: -10px; right: -10px; cursor: pointer; background: #D0D0D0; border-radius: 50%; z-index: 5; } div.cementerioVirtual div.popMensPers { position: fixed; display: none; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(0,0,0,.5); top: 0; z-index: 10; } div.cementerioVirtual div.popMensPers div.mensPersCont { position: relative; display: block; width: 80%; padding: 20px; background: #FFFFFF; border-radius: 10px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persTitle { position: relative; display: block; font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 10px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList { position: relative; display: block; width: 100%; height: 700px; overflow-y: auto; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.noMensaje { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem { position: relative; display: block; max-height: 180px; padding: 20px; margin: 10px 0; border: 1px solid; border-radius: 20px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persImg { position: relative; display: inline-block; height: 100%; width: 20%; margin-right: 20px; vertical-align: top; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persImg img { position: relative; display: block; width: 100%; height: auto; object-fit: contain; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persOpc { position: relative; display: inline-flex; align-items: center; width: 10%; height: 100%; vertical-align: top; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persOpc div.persBoton { position: relative; display: block; width: 100%; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persOpc div.persBoton input { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 10px auto; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText { position: relative; display: inline-block; width: calc(70% - 30px); height: 100%; vertical-align: top; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText div.persNombre { position: relative; display: block; margin-bottom: 10px; font-size: 22px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText div.persNombre span { font-weight: 700; text-transform: uppercase; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText div.persMensaje { position: relative; display: block; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText div.persMensaje label { position: relative; display: block; margin-bottom: 5px; font-weight: 600; text-transform: uppercase; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText div.persMensaje span { position: relative; display: block; height: 100%; text-overflow: ellipsis; } div.cementerioVirtual div.popMensPers div.mensPersClose { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #D0D0D0; cursor: pointer; right: -10px; top: -10px; } /***********************************Fin Cementerio Virfual*******************************/ /***********************************Pop Finalizado Sorteos*****************************************/ div.popFinalizado { position: fixed; display: flex; width: 100%; height: 100%; left: 0; top: 0; justify-content: center; align-items: center; background: rgba(0,0,0,.5); z-index: 10; } div.popFinalizado div.finalContent { position: relative; display: block; width: 60%; padding: 20px; text-align: center; background: #FFFFFF; border-radius: 10px; text-transform: uppercase; } div.popFinalizado div.finalContent label { position: relative; display: block; width: 60%; margin: auto; margin-bottom: 10px; font-size: 30px; font-weight: 800; } div.popFinalizado div.finalContent span { position: relative; display: block; width: 60%; margin: auto; font-size: 20px; font-weight: 600; } div.popFinalizado div.finalContent div.finalButton { position: relative; display: block; margin-top: 10px; } div.popFinalizado div.finalContent div.finalButton input { padding: 10px; border-radius: 5px; } div.inConfirmar { display: none; } /**************************************Pago Especial TCO*****************************************/ div .Terminos { position: relative; display: flex; top: 62%; text-align: center; font-size: 30px; justify-content: center; align-items: center; } form.formdos div.concBoton button.btnn.naranaja { font-size: 34px; } footer.footer { margin-top: 551px; } div.fconten.redes div.selec { height: 78px; width: 100%; padding: 3px; text-align: center; } div.fondoblanco { background: #FFFFFF; border-radius: 8px; padding: 30px; font-size: 31px; width: 45%; } div.txTerminos { overflow-y: auto; width: 92%; height: 50%; text-align: center; margin: 20px auto; } div.tituloTR span { font-size: 48px; font-weight: bold; } div.btnTerminos button.btnn.naranaja { font-size: 35px; } div#combn { font-size: 42px; width: calc(80% - 1px); margin: auto; } input#chkTerminos, input#chkTerminosTitular { width: 26px; height: 20px; } div.instaBtn a div.logo i.fa.fa-instagram { font-size: 63px; color: #f5f5f5; padding: 5px 10px; } input#soy, input#soytitular { border: 1px solid #ff8f00; width: 20%; height: 2em; } div.fconten { position: relative; display: flex; justify-content: center; width: 100%; margin: auto; } div.soytitular, div.soyparticipante { position: relative; display: inline-block; margin: 0 10px; align-items: center; width: 21%; } div.BLANCOPPUP { position: absolute; display: block; margin: auto; justify-content: center; align-items: center; width: 71%; height: 1021px; } span.rrr { position: relative; display: block; font-size: 69px; text-align: center; width: 62%; margin: auto; font-weight: 700; } span.nrrr { display: block; position: relative; width: 79%; margin: auto; top: 16px; font-size: 62px; } div.texconten { position: absolute; display: block; width: 47%; text-align: center; margin: auto; height: auto; margin-left: 131px; top: 21%; font-size: 46px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 408px !important; color: currentColor; margin: auto; font-size: 35px; } div.fec { width: calc(100% - 1px); margin: 10px auto; text-align: center; font-size: 12px; position: relative; top: 80px; } div.txttv { width: calc(80% - 1px); margin: 10px auto; text-align: center; font-size: 35px; } div.o { width: calc(53% - 1px); margin: auto; text-align: center; font-size: 35px; } div.txcel { width: calc(96% - 1px); margin: 10px auto; text-align: center; font-size: 35px; } div.serialuno { position: absolute; display: block; top: 73%; margin: auto; right: 30%; font-size: 68px; font-weight: 800; } div.texcontennumerouno { position: absolute; display: block; top: 73%; margin: auto; right: 35%; font-size: 68px; font-weight: 800; } div.texcontennumerodos { position: absolute; margin: auto; margin-right: 0; text-align: center; top: 59%; font-size: 108px; right: 5%; font-weight: 800; } div.serialdos { position: absolute; margin: auto; margin-right: 0; text-align: center; top: 32%; font-size: 96px; font-weight: 800; right: 8%; } div.bcerrar.SORTEXTERNO { top: 18px; z-index: 11; width: 150px; height: 150px; font-size: 65px; } div.fechatikk { margin: auto; position: absolute; display: block; text-align: center; font-weight: 800; font-size: 43px; left: 54.5%; top: 19%; } a div.ltfr { font-size: 32px; } span.spp { position: absolute; display: inline-block; font-size: 71px; margin: auto; left: 90%; bottom: 38%; } div.slider div.sliderItem img.REPONNDRFERR { display: none; } div.slider div.sliderItem img.petbl { display: none; } div.slider div.sliderItem img.mil24 { display: none; } div.slider div.sliderItem img.celimg { display: none; } div.slider div.sliderItem img.opfrdes { display: block; } div.slider div.sliderItem img.responsi1204im { display: none; } div.slider div.sliderItem img.responsiv768 { display: none; } div.slider div.sliderItem img.responsiv4255 { display: none; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg { top: 30px; height: 40px; } div.smartvv { right: 0px; font-size: 17px !important; width: calc(50% - 1px) !important; top: 54% !important; left: 47% !important; } div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { height: calc(100% - 350px); } div.slider div.sliderItem div.fullTV div.imgBanner.TV { height: calc(100% - 240px); } div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { bottom: 110px; } div.slider div.sliderItem div.controlHover div.buttonPremios { bottom: 20px; } /**************************Concurso Afiliados*********************************************/ div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 12px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio { font-size: 10px; } div.concAfiliados div.concContador > label { left: 0; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div label { font-size: 14px; } /*************************cementero virtual ***************************/ div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { font-size: 10px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 10px; bottom: -28%; left: 8px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: auto; top: 10px; font-size: 8px; width: 106px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { font-size: 5px; margin: 13px auto; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 29px 0; font-size: 10px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { top: 31px; font-size: 11px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex { padding-top: 46px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div p { font-size: 9px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { top: 16%; font-size: 12px; left: 6%; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeCont { font-size: 8px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { font-size: 10px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaDescripcion, div.cajaMensaje.cM1 div.cajaDescripcion span { font-size: 7px; } div.cajaMensaje.cM4 div.cajaCommBlock div label { font-size: 10px; } div.TARGETIMAGEN span { bottom: 30%; } div.textobtco { font-size: 12px; bottom: 65%; } div.TARGETAANIMA { width: 29%; bottom: 45%; } div.textobtcoo { margin-top: 3px; bottom: 68%; width: 61%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.SOLOF { top: 1%; font-size: 8px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.flt { top: 36%; } label.parteunotax { font-size: 11px; } label.partedostx { font-size: 8px; } div.ppopptikc { height: 98px; } div.texcontennumerodos { top: 57px; font-size: 16px; right: 11px; } div.texcontennumerouno { top: 78px; right: 111px; font-size: 12px; } div.serialuno { top: 79px; right: 90px; font-size: 11px; } span.nrrr { top: 5px; font-size: 7px; } div.serialdos { width: 8%; top: 19px; font-size: 15px; right: 17px; } div.frnaja { width: calc(92% - 1px); height: 120px; } div.trs, div.lop, div.vfrt { width: calc(33% - 1px); } div.cajiii { left: 59px; font-size: 10px; width: 43%; display: flex; } div.bbtrs { right: 63px; font-size: 10px; width: 70%; top: 87px; } div.nuestrosServicios div.contServicios div.textoServicios label.lado { width: 63% !important; bottom: -46px !important; right: 103px !important; font-size: 27px !important; } div.bbtrs span.btnGeneral.naranja { padding: 7px; border-radius: 4px; margin-left: 15px; } /*sorteo*/ div.fechatikk { left: 52%; top: 4%; } div.PARTE span.fechaConc.tickl { display: block !important; width: 68px !important; font-size: 5.5px; left: -1px; } div.ltfr { font-size: 6px; } div.fec { font-size: 4px !important; margin: auto; } div.txttv { font-size: 5px !important; margin: auto; } div.o { font-size: 7px !important; } div.txcel { font-size: 6px !important; } div.slider div.sliderItem div.telefftr div.textrl { width: calc(42% - 1px); } div.telefftr div.numerd { width: calc(31% - 1px); } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 9px; } div#sliderItem1 div.telefftr { width: 78%; left: 1%; top: 85%; } div.sliderItem div.telefftr { position: absolute; text-align: center; display: block; width: 47%; left: 44%; top: 83%; } div.textrl, div.numerd { width: calc(49% - 1px); display: inline-block; position: relative; margin: auto; } div.numerd a { text-decoration: none; color: #FFFF; FONT-SIZE: 23px; font-weight: bold; cursor: pointer; } div.textrl span { margin: auto; position: relative; font-size: 17px; font-weight: bold; color: #FFFF; } div#sliderItem1 div.buttinfor.telefftr { position: absolute; text-align: center; display: block; width: 12%; left: 52%; top: 68.1%; } button.butrfesd { width: 100%; margin: auto; position: relative; display: block; padding: 9px; background: black; border-radius: 6px; color: #FFFF; cursor: pointer; } div.tecdfeer { width: 62%; position: relative; display: inline-block; FONT-SIZE: 15PX; } div.logoimpla { width: 30%; display: inline-block; position: relative; FONT-SIZE: 29PX; } span.unndos { font-weight: bold; } button.butrfesd a { color: #FFFF; } div#sliderItem1 div.intecddsefc.telefftr { position: absolute; text-align: center; display: block; width: 47%; left: 40%; top: 77%; } div.intecddsefc.telefftr div.numerd { width: calc(23% - 1px); } div.telefftr div.numerd { width: calc(23% - 1px); } div.goudday { width: 100%; margin: 10px auto; position: relative; display: block; text-align: center; } div.slider div.sliderItem.activo a { width: 100%; height: 100%; position: relative; margin: auto; text-align: center; } div.repsvpew { display: none; } div.slider div.sliderItem img.repsvpew.abbref { display: none; } div.slider div.sliderItem img.repsv.abbref { display: none; } div.slider div.sliderItem img.abbref { display: block; } div.slider div.sliderItem img.responsiv1366 { display: none; } div.slider div.sliderItem img.repsdv639dos { display: none; } div.slider div.sliderItem img.reps1366x639 { display: none; } /*******************reporter afiliados********************/ header.HeaderLayout.louy { width: 100%; height: 6em; background: var(--FcMain); display: grid; grid-template-columns: repeat(2,1fr); gap: 1em; align-items: center; } .contLaySecIcon.gttgsw { background: url(../../../img/AdministrativoCooinpaz/bgLogocoinpaz.png); background-size: contain; background-repeat: no-repeat; background-position: left; width: 55%; height: 90%; margin-left: 2em; } .CenterContentImg.frrfcfd { display: flex; align-items: center; justify-content: left; height: 100%; } div.contInternoUser.frfds { width: 100%; height: 4.8em; display: flex; align-items: center; right: 3em; justify-content: right; position: relative; cursor: pointer; border-radius: 0.5em; transition: all 0.3s ease-in-out; } div.contInternoUser.frfds i.fa-solid.fa-circle-user { font-size: 3em; color: var(--ColorWhite); } .contemi { width: 100%; height: 93.6vh; background: url(../../img/AdministrativoCooinpaz/ImgBackGroundLogin.jpg); background-size: cover; background-position: center; padding: 5em; } .oppder { width: 100%; min-height: 100%; max-height: 100%; height: 100%; background: var(--ColorWhite); border-radius: 1em; box-shadow: 0px 0px 15px 0px rgba(189,189,199,1); padding: 2em; } .tlds { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } .tlds span { font-size: 2.3em; padding-bottom: 0.395em; } table.poptblotable { width: 100%; border-spacing: 0; } thead.poptblotablethd tr { background: var(--FcSecund); color: var(--ColorWhite); width: 100%; text-align: center; font-size: 1.4em; } thead.poptblotablethd tr th { padding: 0.36em 0.2em; font-weight: 600; width: 20em; } .poptblo { width: 95%; margin: 1em auto; position: relative; display: grid; } tbody.poptblotabletbdy tr.focud { width: 100%; height: max-content; font-size: 1.4em; cursor: pointer; } tbody.poptblotabletbdy tr.focud td { width: auto; text-align: center; word-break: break-word; } button.butpagonlid { width: 100%; height: 100%; display: flex; justify-content: center; position: relative; align-items: center; border-radius: 5px; background: var(--FcSecund); transition: all 0.5s ease; cursor: pointer; color: var(--ColorWhite); } .buterpagon { width: auto; height: 3em; position: relative; margin: 1em auto; grid-template-columns: 1fr repeat(2, 1fr); display: grid; } button.butpagonlid.ofertd { background: var(--ColorOrange1); } div.pagoenlin:hover, div.vercontra:hover { box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 75%); } button.butpagonlid a { color: var(--ColorWhite); width: 100%; } div.pagoenlin, div.vercontra { width: 35em; position: relative; display: grid; margin: auto 1em; height: 3em; } div.ContInfoGnrM7 div.SbTltleM7 span.IcnSbTltle { border: 3px solid var(--FcSecund); } button.butpagonlid span { font-weight: 600; font-size: 1.2em; letter-spacing: 2px; } button.versde { width: 100%; height: 100%; display: flex; justify-content: center; position: relative; align-items: center; border-radius: 5px; background: var(--FcSecund); transition: all 0.5s ease; cursor: pointer; color: var(--ColorWhite); } .ASDFGDDF { width: 100%; display: flex; flex-direction: column; gap: 1em; } div.ContInfoGnrM7 { width: 100%; padding: 1.5em; display: flex; flex-direction: column; gap: 1em; transition: all 0.5s ease-in-out; border: 1px solid transparent; border-radius: 0px; background: var(--ColorSilver0); } div.ContInfoGnrM7 div.SbTltleM7 { width: 100%; display: grid; grid-template-columns: 3.7em 1fr; justify-content: flex-start; align-items: center; gap: 0.3em; } .poptblo { width: 95%; margin: 1em auto; position: relative; height: 69em; display: grid; } .ContDigitacionInternoOPS { width: 100%; height: calc(100% - 1em); border-radius: 5px; border: 1px solid silver; overflow-x: hidden; overflow-y: auto; padding: 1.5em; position: relative; } div.ContInfoGnrM7 div.SbTltleM7 span { color: var(--FcSecund); font-weight: bold; font-size: 1.7em; transition: all 0.5s ease-in-out; } div.SbTltleM7 span.IcnSbTltle { width: 2.1em; height: 2.1em; background: white; color: var(--FcSecund); border-radius: 50%; display: flex; justify-content: center; align-items: center; } div.ContInfoGnrM7 div.ContSpan2fr { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 0.5em 4em; justify-content: center; align-items: center; } div.ContInfoGnrM7 div.ContSpan2fr div { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 1.5em; } div.ContSpan2fr span.ContItemM7, div.contNameM7 span.ContItemM7, div.ContSpan1fr1 div.DivListM7 span.ListaSpamItem { font-weight: bold; font-size: 1.4em; } div.ContInfoGnrM7 div.ContSpan1fr1 { width: 100%; display: flex; gap: 1em; flex-direction: column; } div.ContTblLisBenefM7 { width: 100%; display: block; } div.ContTblLisBenefM7 table { width: 90%; margin: auto; border-spacing: 0; } div.ContTblLisBenefM7 table thead tr th { border-bottom: 3px solid silver; font-size: 1.3em; width: auto; padding: 0; } div.ContTblLisBenefM7 table tbody tr td { width: auto; padding: 0.3em 2em; font-size: 1.5em; word-break: break-word; } div.spanVtM7S5 { display: flex; justify-content: flex-start; align-items: center; gap: 1em; } div.ContSubValTCont1 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; justify-content: center; align-items: center; } div.divSpanS5.contReport { background: #dddddd; grid-column: 1 / span 2; justify-content: center; align-items: center; padding: 0.7em; border-radius: 5px; font-size: 1.15em; } div.ContSubValTCont2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; justify-content: center; align-items: center; } div.ContSubValTCont2 div.spanVtM7S5.ValReport { background: #dddddd; grid-column: 1 / span 2; justify-content: center; align-items: center; padding: 0.7em; border-radius: 5px; font-size: 1.15em; } div.divSpanS5.contReport { background: #dddddd; grid-column: 1 / span 2; justify-content: center; align-items: center; padding: 0.7em; border-radius: 5px; font-size: 1.15em; } div.ContInfoGnrM7 div.ContSubValTCont1 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; justify-content: center; align-items: center; } div.divSpanS5 { display: flex; justify-content: flex-start; align-items: center; gap: 1em; } div.divSpanS5 span.itemM7S5 { font-weight: bold; font-size: 1.4em; } .spanVtM7S5.ValReport { background: #dddddd; grid-column: 1 / span 2; justify-content: center; align-items: center; padding: 0.7em; border-radius: 5px; font-size: 1.15em; } div.spanVtM7S5.ValReport span#InfoResumVtCaja { letter-spacing: 3px; } div.contNameM7 div:first-child { width: 35em; justify-content: flex-start; } span.SpanInfoM7.uytrr { font-size: 1.5em; } div.contNameM7 { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 2em; } div.ContInfoGnrM7 div.ContIntBonTCOM7 { width: 100%; display: flex; gap: 1.5em; justify-content: flex-start; align-items: center; } div.ContIntTCOAdn { width: 100%; display: flex; justify-content: flex-start; gap: 1.5em; align-items: center; } div.ContIntBonTCOM7 span.ContItemM7, div.ContIntTCOAdn span.ContItemM7, div.ContListaBonosAsignM7 span.ContItemM7 { font-weight: bold; font-size: 1.4em; } div.ContListaBonosAsignM7 ul { width: calc(100% - 3em); margin-left: 3em; list-style-type: disc; text-align: left; } div.contRequiFormM7Reg { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 2em; } div.contRequiFormM7Reg span.SpanItemFormRequired { font-size: 1.6em; font-weight: 500; } div.contRequiFormM7Reg input.InputM7WebEmailContrato { font-size: 1.65em; padding: 0.3em; width: 15em; border-radius: 5px; border: 1px solid var(--ColorOrange1); box-shadow: 0px 0px 5px 1px var(--ColorOrange1); } div.contRequiFormM7Reg input.checkValM7User { width: 1.4em; height: 1.4em; } div.contRequiFormM7Reg span.SpanItemFormRequired { font-size: 1.6em; font-weight: 500; } div.spanVtM7S5 span.spanItemM7S5 { font-weight: bold; font-size: 1.4em; } div.spanVtM7S5 span.InfoSmanVS5 { font-weight: 400; font-size: 1.65em; } .ContDigitacionInternoOPS::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } .ContDigitacionInternoOPS::-webkit-scrollbar-track { background: var(--ColorSilver2); /* color of the tracking area */ } .ContDigitacionInternoOPS::-webkit-scrollbar-thumb { background-color: var(--ColorSilver2); /* color of the scroll thumb */ border-radius: 20px; /* roundness of the scroll thumb */ border: 3px solid var(--ConMenuHover); /* creates padding around scroll thumb */ } /*********2048px************************************/ /*@media screen and (max-width:2048px) { div.headerMenu div.mainMenu.bgtr div.logo { left: -844px; } div.slider div.sliderItem div.sliderText label { font-size: 60px; } div.slider div.sliderItem div.sliderText p { font-size: 38px; } div.slider div.sliderItem div.sliderText span.afilieseLabel { font-size: 131px; } }*/ /*******************1875px********************************/ /*@media screen and (max-width:1875px) { }*/ /********************Responsive 4096px Ipaz Horizontal********************/ @media screen and (max-width:4096px) { div .sliderItem div.telefftr { width: 48%; left: 48%; top: 81.4%; } div.telefftr div.textrl span { font-size: 20px; } div.telefftr div.numerd a { FONT-SIZE: 25px; } div.slider div.buttinfor.telefftr { position: absolute; text-align: center; display: block; width: 14%; left: 52%; top: 67.1%; } .butapp button.butrfesd { padding: 14px; } a div.logoimpla { FONT-SIZE: 36PX; } a div.tecdfeer { FONT-SIZE: 15PX; } div.sliderCasa div.telefftr { width: 42%; left: 42%; top: 76.2%; } } /*********1920************************************/ @media screen and (max-width:1920px) { div.txTerminos { overflow-y: auto; width: 94%; height: 300px; text-align: center; margin: 20px auto; } div#sliderItem1 div.buttinfor.telefftr { position: absolute; text-align: center; display: block; width: 12%; left: 52%; top: 67.2%; } div#sliderItem1 div.intecddsefc.telefftr { position: absolute; text-align: center; display: block; width: 28%; left: 48%; top: 76.2%; } div.intecddsefc.telefftr div.numerd { width: calc(29% - 1px); } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 21px; } div.txTerminos span.fechaConc { width: 157px !important; } div.headerMenu div.mainMenu.bgtr div.logo { left: -780px; } div.txTerminos article { padding: 14px; font-size: 10px; } span.fechaConc.ait.gtrr { font-size: 28px; } div.txTerminos span { font-size: 10px; } div .contenedorfondo { width: calc(100% - 9px ); } div.concAfiliados div.concContador > div div.concPremio { width: calc(55% + -50px); } div.SOLOF { width: 78%; margin: auto; text-align: center; font-size: 23px; color: #FFFF; FONT-WEIGHT: bold; left: 1%; position: relative; top: 200px; } div.texcarr { width: 29%; display: inline-block; color: #FFFF; bottom: 267px; position: relative; font-size: 18px; left: 62%; margin: auto; Z-INDEX: 2; } div.texpre { width: 22%; display: inline-block; color: #FFFF; bottom: 202px; position: relative; font-size: 19px; left: 44%; } span.seccionUN { display: inline-block; margin: auto; font-size: 22px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo { width: calc(50% - 58px); } div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { width: 72%; left: 18%; bottom: -187px !important; color: #FFFFFF; } div.flt { font-size: 33px; top: 211px; left: 10%; } div.exr { width: calc(57% - 1px); display: inline-block; margin: auto; } div.prox { width: calc(41% - 1px); display: inline-block; margin: auto; text-align: right; position: relative; right: 27%; } div.imgcel { width: calc(35% - 1px); display: block; position: relative; left: 44%; top: 291px; transform: rotate( 15deg); } div.textFechas.dfreeeer { left: 60%; } div.concCont.clop { left: 0%; top: 53px; width: 45%; } div.carr { width: calc(34% - 1px); display: inline-block; position: relative; left: 23%; top: -47px; } div.textFechas { font-size: 31px !important; width: 36%; top: 204px; left: 47% !important; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 19px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 30px; } div.contTiempo { left: 11%; position: relative; } div.carr { width: calc(34% - 1px); display: inline-block; position: relative; left: 23%; top: -37px; } div.ppopptikc { position: absolute; display: block; background-size: cover; transform: scale(1.01); top: 260px; } div.texconten { position: absolute; display: block; width: 47%; text-align: center; margin: auto; height: auto; margin-left: 131px; top: 29%; font-size: 22px; right: 47%; } span.rrr { position: relative; display: block; font-size: 53px; text-align: center; width: 62%; margin: auto; font-weight: 700; } span.nrrr { display: block; position: relative; width: 79%; margin: auto; top: 16px; font-size: 42px; } div.fechatikk { margin: auto; position: absolute; display: block; text-align: center; font-weight: 800; font-size: 138px; left: 51.5%; top: 31%; } div.fec { width: calc(100% - 1px); margin: 10px auto; text-align: center; font-size: 12px; top: 80px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 264px !important; color: currentColor; margin: auto; font-size: 21px; } div.ltfr { font-size: 23px; } div.txttv { width: calc(80% - 1px); margin: 0px auto; text-align: center; font-size: 21px; } div.o { width: calc(53% - 1px); margin: auto; text-align: center; font-size: 28px; } div.txcel { width: calc(96% - 1px); margin: 5px auto; text-align: center; font-size: 22px; } div.texcontennumerouno { position: absolute; display: block; top: 57%; margin: auto; right: 34%; font-size: 55px; font-weight: 800; } div.serialuno { position: absolute; display: block; top: 57%; margin: auto; right: 28%; font-size: 55px; font-weight: 800; } div.serialdos { position: absolute; margin: auto; margin-right: 0; text-align: center; top: 33%; font-size: 71px; font-weight: 800; right: 6%; } div.texcontennumerodos { position: absolute; margin: auto; margin-right: 0; text-align: center; top: 50%; font-size: 71px; right: 3%; font-weight: 800; } div.bcerrar.SORTEXTERNO { top: 228px; z-index: 11; width: 90px; height: 90px; font-size: 50px; left: 1300px; } div.telefftr div.numerd a { FONT-SIZE: 23px; } div.telefftr div.textrl span { font-size: 18px; } a div.tecdfeer { FONT-SIZE: 15PX; } a div.logoimpla { FONT-SIZE: 33PX; } div#sliderItem1 div.telefftr { position: absolute; text-align: center; display: block; width: 47%; left: 44%; top: 78%; } div.slider div.sliderItem img.mil24 { display: none; } div.sliderItem div.telefftr div.textrl, div.numerd { width: calc(39% - 1px); } div.sliderItem div.intecddsefc.telefftr { width: 48%; left: 39%; top: 75.9%; } } /********************Responsive 1600px Ipaz Horizontal********************/ @media screen and (max-width:1600px) { div.slider div.sliderItem div.buttinfor.telefftr { width: 14%; left: 52%; top: 66.9%; } div#sliderItem1 div.buttinfor.telefftr { position: absolute; text-align: center; display: block; width: 12%; left: 52%; top: 67.1%; } div#sliderItem1 div.intecddsefc.telefftr { position: absolute; text-align: center; display: block; width: 47%; left: 40%; top: 74%; } div.logoimpla { FONT-SIZE: 25PX; } div.tecdfeer { FONT-SIZE: 13PX; } div.headerMenu div.mainMenu.bgtr div.logo { left: -616px; } /***************************Index Casa*********************************/ div.slider div.sliderItem div.sliderTextBlock { width: 32%; } div.concCont.clop { left: 0%; top: 13px; width: 54%; } div.textFechas { font-size: 31px !important; width: 36%; top: 157px; left: 61% !important; } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 142%; width: 100%; overflow: hidden; background: #FFFFFF; background-position: center; background-size: cover; } div.concAfiliados div.concContador > div div.concPremio { width: calc(52% + -50px); } div.concAfiliados div.concContador div.contadorOn div.concTiempo { width: calc(44% - -29px); } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont { margin-left: 10%; } div.red { width: 39%; position: relative; left: -7%; bottom: 181%; font-size: 17px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockBig { font-size: 50px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { font-size: 30px; margin: 20px 0; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 25px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 15px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList { font-size: 28px; } div.txTerminos { overflow-y: auto; width: 92%; height: 398px; text-align: center; margin: 20px auto; } div.tituloTR span { font-size: 32px; font-weight: bold; } span.fechaConc.ait.gtrr { font-size: 26px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockImg { width: 90px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockText { font-size: 20px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockUnClick { font-size: 20px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.textInsta { font-size: 32px; margin-left: 70px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.blockButtonInsta { width: 60px; height: 60px; font-size: 45px; } /******************************Index PayU************************************/ div.slider div.sliderItem div.sliderFront div.sliderTextP { margin-top: 8%; margin-left: 18%; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.textBlock { font-size: 22px; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock img { width: 40%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { margin-top: 12%; margin-left: 18%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM span { font-size: 22px; } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { width: 60%; } div.slider div.sliderItem div.sliderFront div.sliderBlockB button { padding: 15px 30px; font-size: 18px; } /******************************Index Concurso***********************************/ div .slider div.sliderItem div.controlHover div.titlePremios { padding-top: 35px; } div.slider div.sliderItem div.controlHover div.buttonPremios { padding-bottom: 50px; } /******************************Comprobar Tarjeta********************************************/ div .tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta { height: 235px; } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp div.imgTarjeta > div img { max-width: 240px; } /******************************Concurso Afiliados********************************************/ div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div img { height: 70%; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div label { font-size: 16px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 30px; margin: 100px 0 20px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { font-size: 48px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { font-size: 21px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio { font-size: 16px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: 66px; } div.concAfiliados .ftitular { width: 80%; } div.concAfiliados div#fconten > div { width: calc(33% - 13px); } div.concAfiliados div#redes > div { width: calc(33% - 6px); } /********************************Cementerio Virtual**********************************/ div.cementerioVirtual div.commentPopUp div.commCont { width: 60%; } div.cementerioVirtual div.cementerioCont div.cementerioSlider { width: 80%; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { font-size: 45px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 28px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { font-size: 32px; margin: 80px 0; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { font-size: 22px; margin: 0 0 40px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { width: 90%; font-size: 14px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { font-size: 45px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div { font-size: 18px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeCont { font-size: 20px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { font-size: 50px; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoImg div.cajaFotoImg { width: 78%; height: 78%; } div.cajaMensaje.cM1 div.cajaDescripcion span { font-size: 26px; } div.cajaMensaje.cM4 div.cajaCommBlock div label { font-size: 36px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg { height: calc(100% - 60px); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg img { object-fit: contain; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenCont { height: 130px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenEdit div.hiddenCont textarea { height: calc(100% - 100px); } div.cajaControl div.controlMensaje span { font-size: 14px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { width: calc(100% - 20px); padding-right: 20px; } /*********************ticket popup****************************/ div.concAfiliados div.popUpTicket { position: fixed; display: none; width: 100%; height: calc(123% + 91px); background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: -91px; z-index: 10; } div.ppopptikc { height: 379px; } div.texconten { position: absolute; display: block; width: 38%; text-align: center; margin: auto; height: auto; margin-left: 131px; top: 31%; left: -25px; font-size: 42px; } span.rrr { font-size: 38px; } span.nrrr { font-size: 24px; top: 15px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 253px !important; color: currentColor; margin: auto; font-size: 16px; left: -9px; } div.ltfr { font-size: 19px; } div.txttv { width: calc(80% - 1px); margin: 10px auto; text-align: center; font-size: 18px; } div.o { width: calc(53% - 1px); margin: auto; text-align: center; font-size: 19px; } div.txcel { width: calc(96% - 1px); margin: 10px auto; text-align: center; font-size: 18px; } div.texcontennumerouno { top: 52%; right: 34%; font-size: 48px; } div.texcontennumerodos { top: 45%; font-size: 58px; right: 3%; } div.bcerrar.SORTEXTERNO { top: 228px; z-index: 11; width: 90px; height: 90px; font-size: 50px; left: 1060px; } div.fechatikk { left: 51%; width: calc(26% - 1px); top: 312px; } div.fec { width: calc(78% - 1px); margin: 10px auto; text-align: center; font-size: 15px; } div.serialuno { top: 52%; right: 27.5%; font-size: 49px; } div.serialdos { top: 31.5%; font-size: 58px; right: 6%; } div.TARGETAANIMA { width: 29%; } div.textobtcoo { bottom: 80%; } label.parteunotax { font-size: 21px; } div.NARANJACONTENEDOR { height: auto; } div.tres { font-size: 10px; } div.textocontenedor { top: 15px; } div.logocontenedor { top: 28px; } div.txxIhpp { margin: auto; } span.fechaConc.ait.fddff { width: 190px !important; font-size: 22px; } div.textFechas.dfreeeer { left: 53%; } div.carr { left: 36%; width: calc(52% - 1px); top: -37px; } div .contenedorfondo { width: calc(100% - -22px ); right: 34px; } div.contencel { width: calc(65% - 1px); display: inline-block; margin: auto; } div.contenCrri { width: calc(66% - 1px); display: inline-block; margin: auto; } div.imgcel { width: calc(52% - 1px); display: block; left: 72%; position: relative; top: 234px; } div.texpre { width: 29%; display: inline-block; color: #FFFF; bottom: 173px; position: relative; font-size: 19px; left: 71%; } div.texcarr { width: 36%; display: inline-block; color: #FFFF; bottom: 232px; position: relative; font-size: 18px; left: 89%; margin: auto; Z-INDEX: 2; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo.numSize > div div.numTiempo { font-size: 24px; } span.seccionUN { display: inline-block; margin: auto; font-size: 17px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { width: 72%; left: 22%; top: 176px; } div.exr { width: calc(58% - 1px); display: inline-block; margin: auto; } div.prox { right: 13%; } div.SOLOF { width: 59%; margin: auto; text-align: center; font-size: 19px; color: #FFFF; FONT-WEIGHT: bold; left: -3%; position: relative; top: 158px; padding: 8px; } div.flt { left: 10%; font-size: 26px; top: 161px; } /********************Sorteo afiliados********************/ div.chicafondddd { width: calc(62% - 1px); display: block; left: 4%; position: absolute; top: -9px; } div.telefftr { width: 44%; left: 52%; top: 82.9%; } div.slider div.sliderItem div.telefftr { width: 43%; left: 46%; top: 77.5%; } div.sliderItem div.telefftr div.textrl, div.numerd { width: calc(40% - 1px); } div.slider div.sliderItem { height: 100%; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 38%; left: 42%; top: 74.5%; } div.slider div.sliderItem div.intecddsefc.telefftr div.textrl span { font-size: 13px; } div.slider div.sliderItem div.intecddsefc.telefftr div.numerd a { FONT-SIZE: 20px; } .butapp button.butrfesd { padding: 7px; } div.telefftr div.textrl span { font-size: 14px; } div.telefftr div.numerd a { FONT-SIZE: 17px; } div.slider div.sliderItem div.intecddsefc.telefftr div.textrl { width: calc(48% - 1px); } .bannrBttn.sunemedic { right: 27em; bottom: 2em; height: 85px; } .bannrBttn.sorteo { left: 9em; bottom: 4em; height: 62px; } .bannrBttn.convenios { left: 12em; bottom: 3em; height: 62px; } .bannrBttn.outlet { right: 32em; bottom: 1em; height: 85px; } .bannrBttn.petline { right: 25em; bottom: 2em; height: 76px; } } /********************Fin Responsive 1600px Ipaz Horizontal********************/ /********************Responsive 1440px Ipaz Horizontal********************/ @media screen and (max-width:1440px) { div.headerMenu div.mainMenu.bgtr div.logo { left: -538px; } div.slider div.sliderItem div.sliderText.cjkitiplu { width: 27%; } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 130%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; background-size: cover; } div.chicafondddd { width: calc(62% - 1px); display: block; left: 5%; position: absolute; top: -28px; } div .contenedorfondo { width: calc(92% - -76px ); } div.flt { left: 0%; font-size: 26px; } header.header div.subMenuTop { left: calc(24% + 9px); } /***********************************Index Casa*********************************************/ div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockBig { font-size: 40px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { font-size: 25px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList { font-size: 22px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop { left: -80px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockImg { width: 75px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockText { font-size: 16px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockUnClick { font-size: 16px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.blockButtonInsta { width: 45px; height: 45px; font-size: 35px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.textInsta { font-size: 26px; margin-left: 55px; } /******************************************Index Concurso*****************************************/ div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { left: -300px; } div.slider div.sliderItem div.fullTV div.imgBanner.TV { height: calc(100% - 140px); } div.slider div.sliderItem div.fullTV div.titleText { left: 120px; } div.slider div.sliderItem div.circlePhone div.titleText { right: 120px; } div.slider div.sliderItem div.controlHover div.titlePremios { height: 50px; padding-top: 45px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { font-size: 45px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg { left: -140px; } /******************************Comprobar Tarjeta********************************************/ div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp { display: block; width: 100%; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp { width: calc(60% - 50px); margin: 0 30px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp { width: calc(40% - 85px); } /*************************Cementerio Virtual*****************************/ div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapInfo { width: 55%; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl { width: calc(15% - 20px); } div.cementerioVirtual div.addDiapPopUp div.addCont { width: 65%; } div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard div.commGrilla div.commFoto { width: calc(33% - 31px); } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: 0 0 32px; font-size: 20px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 60px 0; width: calc(100% - 99px); } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { top: 15px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { max-width: 100%; font-size: 2.5em; top: 50px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { font-size: 2.5em; width: 50%; top: 80px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex { padding-top: 80px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { font-size: 40px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div { margin: 16px 0; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList { height: 650px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem { max-height: 150px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persImg { width: 19%; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText { width: calc(71% - 30px); } /**********************responsive sorteo externo 1440***************************/ div.CONTEMPrincipal { height: calc(100% - -80px); } div.IMGSMARTTV { padding-right: 157px; } div.CELULARimg { width: 69%; margin: 167px 161px 0; } div.contenedorwiidd { height: 500px; } div#hlllm { margin-top: 6px; } div.txxIhpp { margin: auto; } div.TARGETIMAGEN span { bottom: 37%; } div.TARGETAANIMA { width: 29%; bottom: 50%; } div.textobtco { bottom: 78%; font-size: 21px; } div.textobtcoo { bottom: 79%; } div.NARANJACONTENEDOR { height: auto; } div.verdescont, div.narancont { height: auto; } div.tres, div.cincoo { font-size: 11px; } div.textocontenedor { top: 21px; } div.logocontenedor { top: 39px; } div.identificacion, div.NOMBESss, div.APELLIDOSsss { margin: 0 auto; height: auto; } div.SELECCIO, div.numerCC { margin: 0 10px; } form.SorExterno select { margin-top: 5px; height: 34px; } form.SorExterno input { margin-top: 5px; height: 34px; } div.REDES { margin: 0; } div.ubicacion { margin: 5px auto; } div.CIUDAD, div.DEPA { margin: 0px 10px; } div#PARTICIPA { margin: 4px 0 -2px; } div.red { width: 39%; position: relative; left: -7%; bottom: 129%; font-size: 14px; } div.chicafondddd { width: calc(61% - 1px); display: block; left: 5%; position: absolute; top: -7px; } div.imgcel { left: 65%; top: 206px; width: calc(55% - 1px); } div.texpre { width: 28%; display: inline-block; color: #FFFF; bottom: 188px; position: relative; font-size: 19px; left: 79%; } div.carr { left: 32%; top: -42px; width: calc(51% - 1px); } div.texcarr { width: 36%; display: inline-block; color: #FFFF; bottom: 251px; position: relative; font-size: 18px; left: 95%; margin: auto; Z-INDEX: 2; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { width: 75%; left: 21%; top: 140px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 16px; font-weight: 600; text-shadow: 2px 2px 2px rgb(0 0 0 / 30%); } div.exr { width: calc(45% - 1px); display: inline-block; margin: auto; } div.concCont.clop { left: 0%; top: -3px; width: 56%; } div.SOLOF { top: 145px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 24px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: 49px; } span.seccionUN { font-size: 15px; } div.flt { left: 12%; font-size: 23px; top: 150px; } span.fechaConc.ait.gtrr { font-size: 25px; } div.textFechas { font-size: 31px !important; width: 36%; top: 134px; left: 60% !important; } div.concAfiliados div.concContador div.contadorOn div.concTiempo { width: calc(42% - -57px); } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { font-size: 21px; width: 82%; } div.textFechas.dfreeeer { left: 54%; } div.prox { right: 2%; } /********tikec popup********/ div.ppopptikc { height: 311px; } div.texconten { margin-left: 88px; top: 314px; left: 6px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 254px !important; color: currentColor; margin: auto; font-size: 15px; left: -19px; } div.fechatikk { font-size: 16px; left: 51%; top: 299px; } div.txttv { width: calc(80% - 1px); margin: 10px auto; text-align: center; font-size: 17px; } div.o { width: calc(53% - 1px); margin: auto; text-align: center; font-size: 18px; } div.txcel { width: calc(96% - 1px); margin: 10px auto; text-align: center; font-size: 17px; } span.rrr { font-size: 34px; } span.nrrr { top: 18px; } div.texcontennumerouno { top: 49.5%; right: 34%; font-size: 44px; } div.serialuno { top: 49.5%; font-size: 44px; } div.serialdos { top: 31%; font-size: 58px; right: 6%; } div.bcerrar.SORTEXTERNO { top: 238px; z-index: 11; width: 60px; height: 60px; font-size: 30px; left: 981px; } div.texcontennumerodos { top: 43%; font-size: 58px; right: 2.5%; } div#lblSerie2 { top: -359px; font-size: 44px; right: 48px; } div.contenedorterminos span { font-size: 21px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment { width: 90%; height: 70%; } div#sliderItem1 div.telefftr { width: 48%; left: 43%; top: 76%; } div.numerd a { FONT-SIZE: 20px; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 38%; left: 43%; top: 73.9%; } div.slider div.sliderItem div.buttinfor.telefftr div.logoimpla { width: 26%; FONT-SIZE: 23PX; } div.slider div.sliderItem div.buttinfor.telefftr div.tecdfeer { width: 62%; FONT-SIZE: 11PX; } div.slider div.sliderItem div.intecddsefc.telefftr div.numerd a { FONT-SIZE: 18px; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 38%; left: 43%; top: 73.9%; } div.slider div.sliderItem div.buttinfor.telefftr { width: 14%; left: 52%; top: 66.9%; } .butapp button.butrfesd { padding: 9px; } div.telefftr div.numerd a { FONT-SIZE: 22px; } .bannrBttn.sunemedic { right: 23em; bottom: 3em; height: 85px; } .bannrBttn.sorteo { left: 8em; bottom: 4em; height: 54px; } .bannrBttn.convenios { left: 11em; bottom: 4em; height: 55px; } .bannrBttn.outlet { right: 27em; bottom: 2em; height: 85px; } .bannrBttn.petline { right: 19em; bottom: 3em; height: 85px; } } /********************Fin Responsive 1440px Ipaz Horizontal********************/ /********************Responsive 1370px Ipaz Horizontal********************/ @media screen and (max-width:1360px) { div.slider div.sliderItem div.intecddsefc.telefftr div.textrl span { font-size: 12px; } } @media screen and (max-width:1366px) { div.repsvpew { display: none; } div.slider div.sliderItem img.visbbl { display: none; } div.slider div.sliderItem img.responsiv1366 { display: block; } div.slider div.sliderItem img.repsdv639dos { display: block; } div.slider div.sliderItem img.reps1366x639v { display: block; } div.slider div.sliderItem img.grnad { display: block; } } /********************Responsive 1370px Ipaz Horizontal********************/ @media screen and (max-width:1370px) { /***************************Index PayU******************************/ div.slider div.sliderItem div.sliderFront div.sliderTextP { margin-left: 22%; } div.headerMenu div.mainMenu.bgtr div.logo { left: -507px; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.textBlock { font-size: 18px; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { margin-top: 10%; margin-left: 22%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM span { font-size: 18px; margin: 10px 0; } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { width: 62%; margin: 10px 0; } div.slider div.sliderItem div.sliderFront div.sliderBlockB { margin: 10px 0; } div.slider div.sliderItem div.sliderFront div.sliderBlockB button { padding: 10px 20px; font-size: 16px; } /******************************Header*******************************/ header.header div.subMenuTop { left: calc(22% + 12px); } div.slider div.sliderItem div.controlHover div.labelAdic { font-size: 45px; } div.menuLateral div.botonLateral { width: 70px; height: 70px; } div.menuLateral div.menuDer.activo div { right: -20px; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral { width: 25px; height: 25px; font-size: 13px; } div.menuLateral div.botonLateral div.contLateral p { font-size: 9px; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral img { width: 16px; } div.menuLateral span.botonOcultarLateral { width: 25px; height: 25px; } div.menuLateral div.menuIzq span.botonOcultarLateral:before, div.menuLateral div.menuIzq span.botonOcultarLateral:after, div.menuLateral div.menuDer span.botonOcultarLateral:before, div.menuLateral div.menuDer span.botonOcultarLateral:after { top: 12px; width: 8px; } div.headerMenu div.mainMenu ul li span { padding: 21.5px; font-size: 14px; padding-left: 40px; } div.headerMenu div.mainMenu ul li span p { font-size: 8px; } /******************************Comprobar Tarjeta********************************************/ footer.footer div.contGeneral div.columna ul.mapaSitio li { font-size: 14px; } footer.footer div.contGeneral div.columna div.mapaGoogle iframe { width: 250px; height: 200px; } div.vistaVideo div.divVideo video { width: 940px; height: 530px; } div.vistaVideo button { margin: 0 0 5px 865px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta { left: 30px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta { right: 7px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono { left: 23%; } /******************************Concurso Afiliados********************************************/ div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 30px; margin: 110px 0 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(1) { margin-right: 45px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(2) { margin-right: 50px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(3) { margin-right: 55px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(4) { margin-right: 60px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { left: -10px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { left: -10px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio { font-size: 14px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: 5px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div { margin: 20px 0; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.flt { top: 41%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label { font-size: 18px; } div.exr { width: calc(46% - 1px); display: inline-block; margin: auto; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 27px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { font-size: 40px; } div.concAfiliados div.concContenido { width: 80%; } div.cementerioVirtual div.commentPopUp div.commCont { width: 69%; height: 89%; } div.BLANCOPPUP { height: 320px; } div.fechatikk { left: 51%; font-size: 15px !important; top: 49px; } div.fec { width: calc(66% - 1px); margin: 10px auto; text-align: center; font-size: 15px; top: 50px; } div.o { width: calc(53% - 1px); margin: auto; text-align: center; font-size: 19px; } div.txcel { width: calc(71% - 1px); margin: 4px auto; text-align: center; font-size: 16px; } div.serialdos { top: 15%; font-size: 50px; right: 6.5%; } div.contencel div.texpre { font-size: 18px !important; bottom: 169px; left: 461px; width: calc(42% - 1px); } div.contencel { width: calc(64% - 1px); display: inline-block; margin: auto; } div.imgcel { left: 68%; top: 197px; width: calc(63% - 1px); } div.contenCrri div.texcarr { bottom: 234px !important; font-size: 21px !important; left: 84% !important; margin: auto; width: calc(33% - 1px); } div.textFechas { font-size: 23px !important; width: 33%; top: 108px; left: 57% !important; } span.fechaConc.ait.gtrr { font-size: 23px; } div.concCont.clop { width: 55%; display: block; position: relative; left: 0%; top: -20px; text-align: center; } div.textFechas.dfreeeer { left: 50% !important; top: 183px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { width: 81%; display: block; position: relative; bottom: 2px; font-size: 19px; left: 15%; text-align: right; } /*************************Cementerio Virtual*****************************/ div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { top: 15%; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: 0 0 32px; top: -10px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 95px 0; width: calc(100% - 121px); left: 80px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment { position: relative; display: block; width: 80%; height: 80%; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div { padding: 30px; } div.cajaControl div.controlMensaje span { width: 50%; font-size: 14px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment { width: 80%; height: 80%; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { width: calc(100% - 40px); padding-right: 30px; bottom: 20px; } div.slider2 div.slider2Caja div.cajaMensajeFoto { width: 80%; left: 10%; } div.cementerioVirtual div.popMensPers div.mensPersCont { width: 90%; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList { height: 600px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem { max-height: 120px; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persImg { width: 18%; } div.cementerioVirtual div.popMensPers div.mensPersCont div.persList div.persItem div.persText { width: calc(72% - 30px); } div.cementerioVirtual div.popAdminDatos div.popAdminContent { width: 80%; } /*********************************Sorteo Externo****************************/ div.CONTEMPrincipal { height: calc(100% - -2px); } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 125%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; background-size: cover; } div.comfos img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: -5%; left: 1%; } div .contenedorfondo { width: calc(88% - -108px ); } div.concAfiliados div.concContador div.contadorOn div.concTiempo { width: calc(41% - -57px); } div.red { width: 39%; position: relative; left: -7%; bottom: 125%; font-size: 12px; } div.chicafondddd { width: calc(70% - 1px); display: block; left: 3%; position: absolute; top: -19px; } div.contenedorfondo img { width: 90%; height: 100%; } div.carr { left: 20%; top: -65px; width: calc(50% - 1px); } div.contenCrri { width: calc(84% - 1px); display: inline-block; margin: auto; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { font-size: 21px; width: 85%; } div.contenedorwiidd { height: 396px; } form.SorExterno select { height: 25px; margin-top: 4px; } form.SorExterno input { height: 25px; margin-top: 4px; } div.identificacion, div.NOMBESss, div.APELLIDOSsss { margin: 0px 0; text-align: center; } div.DATOSgenerales { margin: 0; } div.REDES { margin: 0; text-align: center; } div.ubicacion { margin: 0; text-align: center; } div.ppopptikc { height: 323px; top: 0px; } div.concAfiliados div.popUpTicket { position: fixed; display: none; width: 100%; height: calc(113% + 91px); background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: -91px; z-index: 10; } div.texconten { margin-left: 79px; top: 50px; left: 13px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 253px !important; color: currentColor; margin: auto; font-size: 13px; left: -44px; } div.ltfr { font-size: 16px; } div.txttv { width: calc(80% - 1px); margin: 10px auto; text-align: center; font-size: 16px; } span.rrr { font-size: 26px; } span.nrrr { top: 17px; font-size: 18px; } div.texcontennumerouno { top: 74%; right: 36%; font-size: 28px; } div.texcontennumerodos { top: 54%; font-size: 50px; right: 3%; } div.serialuno { top: 74%; right: 28.5%; font-size: 30px; } div.serialdos { top: 18%; font-size: 47px; right: 6%; } div.SELECCIO, div.numerCC { margin: 7px 10px; } div.AP1, div.AP2 { margin: 0px 10px; } div.TERMINOSC label { margin: -1px 0; height: 48px; } input#chkTerminos { top: 17px; } div#PARTICIPA { margin: 0px 0 -2px; } div#hlllm { margin-top: 4px; } div.instaBtn label { font-size: 14px; } div.instaBtn a div.text { padding: 15px 30px 15px 15px; } div.bcerrar.SORTEXTERNO { width: 48px; height: 50px; font-size: 28px; top: -5px; left: 930px; } div.ContenedorImg { height: 89%; } div.flt { top: 121px; font-size: 24px; left: 12%; } div.prox { right: 4%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { left: 23%; text-align: left; top: 118px; } /***********animacion sorteo ex**********/ div.CELULARimg { margin: 221px 160px 0; padding-bottom: 217px; } div.registreBono { font-size: 22px; } div.smartvv { top: calc(70%); right: 5px; font-size: 19px; } div.txxIhp { bottom: 39px; } div.txxIhpp { margin: auto; } div.TARGETIMAGEN span { bottom: 48%; } div.TARGETAANIMA { width: 28%; bottom: 58%; } div.textobtco { font-size: 19px; bottom: 101%; } div.textobtcoo { bottom: 104%; } label.parteunotax { font-size: 19px; } label.partedostx { font-size: 10px; } div.verdescont { font-size: 9px; height: auto; } div.narancont { font-size: 12px; height: auto; } div.tres { font-size: 10px; } div.cincoo, div.siete { font-size: 9px; } div.NARANJACONTENEDOR { height: auto; bottom: 10px; } div.textocontenedor { top: -5px; } div.logocontenedor { top: 0; } div#lblSerie2 { top: 45px; font-size: 44px; right: 48px; } div.element.cambioColorHeader.Independiente { right: 77px; } div.headerMenu div.mainMenu div.logoOfertshop div { right: 72px; } div.SOLOF { left: 2%; top: 118px; font-size: 17px; } span.fechaConc.ait.fddff { width: 194px !important; font-size: 20px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-weight: 600; text-shadow: 2px 2px 2px rgb(0 0 0 / 30%); font-size: 14px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo.numSize > div div.numTiempo { font-size: 20px; } div.slider div.sliderItem div.telefftr div.textrl span { font-size: 14px; } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 21px; } div#sliderItem1 div.telefftr { width: 48%; left: 43%; top: 77%; } div.sliderItem div.telefftr div.textrl, div.numerd { width: calc(39% - 1px); } div.slider div.sliderItem div.buttinfor.telefftr { width: 14%; left: 52%; top: 67.1%; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 38%; left: 43%; top: 74.5%; } div.slider div.sliderItem div.telefftr div.textrl span { font-size: 13px; } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 16px; } div.slider div.sliderItem div.intecddsefc.telefftr div.textrl { width: calc(49% - 1px); } .bannrBttn.petline { right: 19em; bottom: 3em; height: 85px; } .bannrBttn.sorteo { left: 8em; bottom: 4em; height: 48px; } .bannrBttn.convenios { left: 11em; bottom: 2em; height: 55px; } .bannrBttn.outlet { right: 27em; bottom: 1em; height: 75px; } .bannrBttn.petline { right: 19em; bottom: 2em; height: 75px; } } /********************Responsive 1024px Ipaz Horizontal********************/ @media screen and (max-width:1024px) { div.addsb { width: 67%; } div#sliderItem1 div.buttinfor.telefftr { position: absolute; text-align: center; display: block; width: 15%; left: 44%; top: 67.1%; } div.body-content { height: calc(100% - 78px); padding: 56px 0 0 0; } div.headerMenu div.mainMenu.bgtr div.logo { left: -400px; } header.header div.subMenuTop { left: calc(16% + 6px); } div.subMenuTopdos { left: calc(54% + 16px); } /*******************************************Index Casa**********************************************/ div.slider div.sliderItem img { object-fit: fill; width: 100%; height: 100%; } div.slider div.sliderItem div.sliderTextBlock { width: 38%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockBig { font-size: 45px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { font-size: 30px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList { font-size: 28px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockImg { width: 80px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockUnClick { font-size: 20px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.blockButtonInsta { width: 55px; height: 55px; font-size: 40px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.textInsta { font-size: 30px; margin-left: 65px; } /******************************************Index Concurso*****************************************/ div.slider div.sliderItem div.controlHover div.titlePremios { padding-top: 60px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg { left: -140px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { left: 50px; } div.slider div.sliderItem div.circlePhone div.titleText { right: 80px; width: 300px; } div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { left: -160px; height: calc(100% - 360px); } div.slider div.sliderItem div.fullTV div.imgBanner.TV { height: calc(100% - 290px); padding-top: 0px; padding-right: 80px; } div.slider div.sliderItem div.fullTV div.titleText { left: 90px; font-size: 55px; } div.slider div.sliderItem div.controlHover div.buttonPremios { padding-bottom: 80px; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec button { font-size: 16px; } div.slider div.sliderItem div.controlHover div.buttonPremios div.textoAdic { font-size: 16px; } .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left { display: none !important; } /*****************************************Index PayU**********************************/ div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock { margin-top: -20px; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { margin-top: 12%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { width: 90%; } div.slider div.sliderItem div.sliderFront div.sliderBlockB { margin: 20px 0; } /********************Hook Top*************************/ div.hookHeaderTop { height: 22px; } div.hookHeaderTop > div > label { font-size: 9px; } div.hookHeaderTop > div > span.icono { width: 25px; height: 25px; } div.hookHeaderTop > div > span.icono i { font-size: 13px; } div.hookHeaderTop > div > label > a { font-size: 11px; } /**********************PreHeader************************/ div.preHeader > span.iconoCerrar { width: 30px; height: 20px; } div.preHeader > span.iconoCerrar:hover:before, div.preHeader > span.iconoCerrar:hover:after { width: 15px; } div.contCambiante div.title { height: 33px; } div.contCambiante div.title > label { font-size: 14px; } div.contCambiante div.title > label > span { font-size: 8px; } div.txtLinkHeader span { font-size: 10px; } div.contRegistro div.title { width: 220px; height: 33px; } div.contRegistro div.title > label { font-size: 14px; } div.contRegistro div.contBtn { padding: 10px; bottom: 20px; } div.contBtn button.btnGeneral { padding: 0 11px; height: 21px; font-size: 12px; } div.element { height: 91px; width: 380px; } span.transicionColor { margin: 0 6px; left: -120px; } span.transicionColor > span.elementLeft { right: -32px; } span.transicionColor > span.elementLeft:after { right: -32px; } span.transicionColor > span.elementRight { bottom: -32px; } span.transicionColor > span.elementRight:after { bottom: -32px; } span.transicionColor:nth-child(4):after { width: 445px; height: 91px; bottom: -202px; right: -380px; } span.transicionColor, span.transicionColor > span, span.transicionColor > span:after { width: 32px; height: 32px; } div.impreContMenu { padding: 10px 20px 15px; } div.campoGeneral input.campo { height: 20px; width: 130px; padding: 0 5px 0 5px; margin: 0 5px 0 0; font-size: 12px; } div.campoGeneral button.btnGeneral { padding: 0 10px; height: 21px; font-size: 12px; } /********************Header**************************/ div.headerMenu { height: 56px; } div.headerMenu div.mainMenu { height: 56px; overflow: hidden; } div.element.cambioColorHeader { right: 72px; height: 56px; } div.element.cambioColorHeader span.transicionColor { margin: 0 4px; } div.element.cambioColorHeader span.transicionColor, div.element.cambioColorHeader span.transicionColor > span, div.element.cambioColorHeader span.transicionColor > span:after { width: 22px; height: 22px; } div.element.cambioColorHeader span.transicionColor > span.elementLeft { right: -22px; } div.element.cambioColorHeader span.transicionColor > span.elementLeft:after { right: -22px; } div.element.cambioColorHeader span.transicionColor > span.elementRight { bottom: -22px; } div.element.cambioColorHeader span.transicionColor > span.elementRight:after { bottom: -22px; } div.headerMenu div.mainMenu div.logo img { max-height: 30px; } div.headerMenu div.mainMenu div.logoOfertshop { padding: 0 20px 0 67px; } div.headerMenu div.mainMenu div.logoOfertshop div img { max-height: 30px; } div.headerMenu div.mainMenu ul li span { font-size: 14px; } div.headerMenu div.mainMenu ul li span p { font-size: 8px; } nav > ul > li.activo[rel="btnMenu"]:before, nav > ul > li.activo[rel="btnMenu"]:after { width: 8px; } nav > ul > li.activo[rel="btnMenu"]:after { margin-left: 2px; } /********************Menu Lateral*************************/ div.menuLateral div.botonLateral { width: 60px; height: 60px; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral { width: 25px; height: 25px; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral img { width: 16px; } div.menuLateral div.botonLateral div.contLateral p { font-size: 8px; } div.menuLateral div.menuIzq div { left: -70px; transition: .4s; } div.menuLateral div.menuDer div { right: -100px; transition: .4s; } div.menuLateral div.menuDer.activo div { right: -25px; transition: .4s; } div.menuLateral span.botonOcultarLateral { width: 20px; height: 20px; } div.menuLateral div.menuIzq span.botonOcultarLateral:before, div.menuLateral div.menuIzq span.botonOcultarLateral:after, div.menuLateral div.menuDer span.botonOcultarLateral:before, div.menuLateral div.menuDer span.botonOcultarLateral:after { top: 10px; } div.globoAyuda { padding: 10px; right: 88px; } div.globoAyuda a { font-size: 12px; } div.vistaVideo button { margin: 0 0 5px 635px; } div.vistaVideo div.divVideo video { width: 710px; height: 400px; } /*******************Footer***********************/ footer.footer span.iconoSubir { width: 30px; height: 20px; } footer.footer span.iconoSubir:before, footer.footer span.iconoSubir:after { width: 9px; } footer.footer span.iconoSubir:hover:before, footer.footer > span.iconoSubir:hover:after { width: 12px; } footer.footer.inactivo span.iconoSubir { width: 30px; height: 20px; top: -20px; } footer.footer.inactivo span.iconoSubir:before, footer.footer.inactivo span.iconoSubir:after { width: 8px; top: 10px; left: 11px; } footer.footer.inactivo span.iconoSubir:hover:before { margin: 0 3px; } footer.footer.inactivo span.iconoSubir:hover:before, footer.footer > span.iconoSubir:hover:after { width: 10px; } footer.footer div.contGeneral div.columna h1 { font-size: 16px; } footer.footer div.contGeneral div.columna div.contactoFooter label { font-size: 12px; } footer.footer div.contGeneral div.columna div.contactoFooter label a { font-size: 10px; } footer.footer div.contGeneral div.columna ul.mapaSitio li { font-size: 12px; } footer.footer div.contGeneral div.columna ul.mapaSitio li:after { width: 6px; height: 6px; left: -12px; } footer.footer div.contGeneral div.columna ul.mapaSitio li:hover:after { left: -8px; } footer.footer div.contGeneral div.columna div.mapaGoogle iframe { width: 200px; height: 150px; } footer.footer div.contGeneral div.columna h1 { margin: 5px 0; } footer.footer div.contGeneral div.columna h1 ~ h1 { margin-top: 10px; } footer.footer div.contGeneral div.columna #contBtnFooter { padding: 5px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-facebook-f { padding: 5px 20px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-twitter { padding: 5px 15px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-instagram { padding: 5px 15px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-youtube { padding: 5px 10px; } /**************************Home********************/ div.slider div.sliderItem div.sliderText label { font-size: 22px; } div.slider div.sliderItem div.sliderText p { font-size: 14px; } /*************************Planes*****************************/ div.servSlider { height: 200px; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div label, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div label, div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div label { font-size: 22px; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div p, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div p, div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div p { font-size: 14px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios { margin: 40px 0 20px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios label { font-size: 18px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios label span { font-size: 26px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.tituloServicios label span b { font-size: 18px; } div.servicios div.nuestrosServicios div.contServicios { width: calc(100% - 180px); } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo { margin: 20px auto 10px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo b { font-size: 14px; width: 25%; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo span { font-size: 12px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo label { font-size: 30px; bottom: -57px; top: 47px; } div .servicios div.nuestrosServicios div.contServicios div.grupoPlanes { margin: 0 0 40px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan { min-width: 160px; height: 260px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueDecorado1 { height: 140px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueDecorado2 { height: 130px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc { height: 120px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle label { font-size: 18px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan label { font-size: 12px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan { padding: 5px 0; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan label { font-size: 9px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan button { padding: 5px 30px; font-size: 12px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef { padding: 20px 10px; width: calc(100% - 20px); height: 100px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef div.textoBenef p { font-size: 10px; } div.servicios div.nuestrosServicios div.textoPreGrilla { margin: 0px auto 20px; } div.servicios div.nuestrosServicios div.textoPreGrilla span { font-size: 16px; } div.servicios div.nuestrosServicios div.textoPreGrilla span b { font-size: 26px; font-weight: 700; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent span:before { width: 8px; height: 8px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent label { font-size: 12px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.txtEstipulado label { font-size: 11px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.tituloVent label { font-size: 16px; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.tituloVent label span { font-size: 36px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro div.botonTCO button { font-size: 12px; } div.BuscarTel div.tituloAsesor label { font-size: 22px; } div.BuscarTel div.tituloAsesor label span { font-size: 16px; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor > label { font-size: 22px; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor div.divNumero label { font-size: 16px; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor div.divNumero label span { font-size: 20px; } div.BuscarTel div.contAsesor div.selectAsesor div.grupoAsesor select { width: 280px; font-size: 12px; } div.BuscarTel div.contAsesor div.selectAsesor div.grupoAsesor button { font-size: 12px; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque { width: calc(33% - 12px); } div.servicios div.nuestrosServicios div.serviciosGrilla div.txtFondoBenefGrilla span { font-size: 12px; } div.servicios div.actionPlanes { height: 200px; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionText span { font-size: 22px; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionText p { font-size: 14px; } /*************************Servicios*****************************/ div.planes div.planesExeq div.textoPlanes { height: 200px; } div.planes div.planesExeq div.textoPlanes div.txtPlanes label { font-size: 14px; } div.planes div.planesExeq div.textoPlanes div.txtPlanes label b { font-size: 28px; } div.planes div.planesExeq div.textoPlanes div.txtPlanes span { font-size: 18px; } div.planes div.planesExeq div.textoPlanes div.txtPlanes p { font-size: 14px; } div.planes div.planesExeq div.contentPlanes { width: calc(100% - 160px); } div.planes div.planesExeq div.contentPlanes div.textoPreServicios span { font-size: 16px; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel span { font-size: 14px; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel label { font-size: 12px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes { margin: 20px; } div.planes div.planesExeq div.contentPlanes div.textoFondo { margin: 0 0 15px; } div.planes div.planesExeq div.contentPlanes div.textoFondo div.txtFondo p { font-size: 14px; } div.planes div.planesExeq div.contentPlanes div.divContacto { margin: 20px 0; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono { padding: 5px; top: -10px; left: 11%; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono label { font-size: 12px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono label a { font-size: 16px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO label { margin: 5px auto; font-size: 14px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.txtContacto label { font-size: 16px; } /*************************Obituarios*******************************/ div.obituarios { position: relative; display: block; } div.obituarios div.bannerInfo { position: relative; display: flex; width: 100%; background: #3A4248; height: 150px; justify-content: center; align-items: center; margin: 40px 0 0; } div.obituarios div.bannerInfo label { position: relative; display: block; color: #FFFFFF; text-transform: uppercase; font-size: 20px; font-weight: 600; } div.obituarios div.buscadorObituarios div.barraBuscador { width: calc(100% - 180px); } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador select { padding: 10px; font-size: 10px; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador input.campoBuscador { padding: 10px; font-size: 10px; } div.obituarios div.grillaObituarios div.grupoBloques { width: calc(100% - 180px); } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario { min-width: 190px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.tituloObituario span { font-size: 10px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario i { font-size: 70px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label.nombres { font-size: 11px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label.apellidos { font-size: 9px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario div.info span { font-size: 10px; } /*****************************Sedes*************************/ div.sedes div.buscadorSedes form.barraBuscador { width: calc(100% - 180px); } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador select { padding: 10px; font-size: 10px; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador input.campoBuscador { padding: 10px; font-size: 10px; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador input.campoBuscador { padding: 10px; font-size: 10px; } div.sedes div.grillaSedes div.grupoBloques { width: calc(100% - 180px); } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede { min-width: 190px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.tituloSede span { font-size: 10px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa i { font-size: 15px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa span { font-size: 14px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.infoSede div.info span { font-size: 10px; } /**************************Sorteo Millonario****************************/ div.bonoMillonario div.backContador { height: 300px; margin: 40px 0; background-attachment: unset; } div.bonoMillonario div.backContador div.bonoContador { width: calc(100% - 160px); } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo { width: 300px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo { padding: 0 0 15px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo label { font-size: 18px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo i { font-size: 30px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo span { font-size: 30px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo label { font-size: 18px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo span { font-size: 40px; } div.bonoMillonario div.backContador div.bonoContador div.contador { width: calc(100% - 300px); } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtTop { font-size: 22px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom { font-size: 16px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom b { font-size: 35px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador span { font-size: 60px; } div.bonoMillonario div.grillaBono div.grupoBloques { width: calc(100% - 180px); } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono.activo { height: 400px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono div label { font-size: 10px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono div span { font-size: 14px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono { height: 40px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono i { font-size: 18px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono label { font-size: 16px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono { min-width: 155px; height: 189px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.fechaBono span { font-size: 14px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono { width: 35px; height: 35px; bottom: 30px; left: calc(50% - 15px); } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono label { font-size: 10px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono span { font-size: 12px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div span { font-size: 20px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono { height: 50px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div { top: 24px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div i { font-size: 16px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div span { font-size: 14px; } /***************************TCO*******************************/ div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta { height: 200px; } div.contBeneficios { margin: 40px 0; padding: 20px 0; } div.contModulos { width: 860px; } div.contModulos div.modulo { width: 285px; } div.contModulos div.modulo:nth-child(2), div.contModulos div.modulo:nth-child(5) { left: 285px; } div.contModulos div.modulo div.superior div.contTexto h2 { font-size: 14px; } div.contModulos div.modulo.activo div.textoOculto p { font-size: 12px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono { padding: 5px; left: 21%; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono span { bottom: 20px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono label { font-size: 10px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono label a { font-size: 14px; } /*************************Afiliacion Web*******************************/ form.afiliacionWeb div.contentAfil div.tituloAfil label { margin: 20px 0 10px; font-size: 15px; } form.afiliacionWeb div.contentAfil div.tituloAfil label b { font-size: 20px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero { width: 35px; height: 35px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero label { font-size: 20px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div label { font-size: 14px; } form.afiliacionWeb div.contentAfil div.btnConsultaAsesor button i { font-size: 14px; } form.afiliacionWeb div.contentAfil div.contentForm > div.infoBasica > div { margin: 5px auto; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div input { width: calc(100% - 35px); font-size: 12px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div select { width: calc(100% - 15px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div input#txtAsesorCod { width: 180%; } label.error { right: -5px; height: 30px; } label#txtBenefNombre1-error { width: 9%; height: 74%; left: 94%; padding: 0px; } label#txtBenefApellido1-error { width: 9%; height: 74%; left: 94%; padding: 0px; } label#txtEdadBen-error { width: 9%; height: 74%; left: 94%; padding: 0px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div div.campoBtn { margin: 10px 0; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campo { margin: 0; width: calc(33% - 1px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div select { width: calc(100% - 10px); height: 30px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div button { padding: 5px 10px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div div.campo label.error { height: 30px; right: -7px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label#txtCorreo-error { height: 16px; top: 25px; font-size: 12px; border-radius: 0 0 5px 5px; } label#txtCorreo-error { width: 3%; left: 5%; top: 5%; height: 94%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead tr td { font-size: 14px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td { font-size: 12px; } /***************************Concurso Empleados**************************************/ div.concursoEmp div.concursoCont div.infoExCampos { width: 100%; margin-bottom: 40px; } /***********************************Ayuda**************************************/ div.ayuda div.listaVideos div.cajaVideo { width: calc(33% - 62px); } div.ayuda div.listaVideos div.cajaVideo { margin: 10px 10px; } div.ayuda div.listaVideos div.cajaVideo div.tituloVideo { font-size: 14px; } div.ayuda div.listaVideos div.cajaVideo div.descVideo { font-size: 14px; } div.ayuda div.listaVideos div.cajaVideo div.imgVideo { height: 120px; } /********************************Concurso*****************************/ div.hideConcurso { left: 70px; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores { width: 95%; } /*******************************************resultado payou**************************************************/ div#datos { left: 47%; } div.resultAprov section { height: 558px; margin-top: 68px; } /*************************comercial asesores********************************/ div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr { background: #008139; color: #FFFFFF; width: 94% !important; font-size: 12px !important; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table tbody tr td { padding: 14px 0 !important; font-size: 10px; } /***imagen comprobando tarjeta***/ div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta img { width: 100%; height: 100%; } /******************************Comprobar Tarjeta********************************************/ div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp { width: calc(55% - 50px); } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp { width: calc(45% - 85px); } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta { height: 215px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta { right: 0px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta span { font-size: 12px; } table.formatoTabla { font-size: 12px; } div.tarjComprueba div.holdComprueba div.contComprueba div.emprComp { margin: 20px 0; } /*************************formulario concurso afiliados **********************/ div.contencel { width: calc(67% - 1px); display: inline-block; margin: auto; } div.red { width: 39%; position: relative; left: -7%; bottom: 132%; font-size: 10px; } div.chicafondddd { width: calc(72% - 1px); display: block; left: 1%; position: absolute; top: -11px; } div.imgcel { left: 65%; width: calc(57% - 1px); top: 152px; } div.contenCrri div.carr { width: calc(45% - 1px); left: 26%; top: -33px; } div.exr { width: calc(34% - 1px); display: inline-block; margin: auto; } div.concAfiliados div.concContador { height: 235px; } div.contencel div.texpre { width: 30%; font-size: 17px !important; top: -129px; left: 76%; } div.contenCrri div.texcarr { width: 31%; font-size: 17px !important; left: 77% !important; top: -176px; } span.seccionUN { display: inline-block; margin: auto; font-size: 16px; } div.SOLOF { left: 1%; font-size: 14px; padding: 7px; top: 73px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.flt { top: 41%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.SOLOF { margin: 4px 0 20px; left: 24%; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 24px; margin: 100px 0 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio { font-size: 12px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div { margin: 0 3px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div:nth-child(1) label { padding-left: 20px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgGranPremio { width: calc(60% - 25px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgMidPremio { width: calc(40% - 15px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgLowPremio { width: calc(20% - 5px); } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(1) { margin-right: 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(2) { margin-right: 30px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(1) { margin-right: 30px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(2) { margin-right: 34px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(3) { margin-right: 38px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(4) { margin-right: 42px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label { font-size: 16px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label:nth-child(3) { left: 20px; } /*div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { width: 100%; left: -20px; padding-left: 20px; clip-path: polygon(100% 0%,100% 100%,0% 100%,2.4% 0%); }*/ div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 19px; } div.concCont.clop { width: 57%; display: block; position: relative; left: 1%; top: -52px; } div.prox { right: -3%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: 5px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo.numSize > div div.numTiempo { font-size: 17px; } div .textFechas { width: 59%; top: 60px !important; left: 48% !important; } div.inConfirmar { display: block; font-size: 25px; height: 90px; } span.fechaConc { width: 173px !important; display: inline-block !IMPORTANT; position: relative; right: 27%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 11px; } /*div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { font-size: 16px; width: 80%; left: -10px; }*/ div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.flt { margin: 10px 0 8px; top: 39%; left: 1%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { font-size: 11px; left: 16%; top: 77px; } span.fechaConc.ait.gtrr { font-size: 20px; } div.textFechas.dfreeeer { font-size: 17px !important; position: relative; top: 112px !important; } span.fechaConc.ait.fddff { width: 125px !important; font-size: 14px; } div.flt { top: 77px; font-size: 17px; left: 16%; font-weight: 900; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { font-size: 25px; left: -12px; } /*div.concAfiliados div.concContador div.contadorOn div.concTiempo > div { margin: 40px 0 20px; }*/ div.concAfiliados .ftitular { width: 90%; } div.concAfiliados div.Cntitular label { width: calc(40% - 18px); } div.concAfiliados div#fconten > div { width: calc(33% - 14px); } div.concAfiliados #nombres div { width: calc(50% - 13px); } div.concAfiliados #nombres div:nth-child(2) { margin-right: 0; } div.concAfiliados #nombres div:nth-child(3) { margin-left: 0; } div.concAfiliados div#redes > div { width: calc(33% - 7px); } /**********************************Cementerio Virtual**********************************/ div.cementerioVirtual div.commentPopUp div.commCont { width: 80%; } div.cementerioVirtual div.cementerioComm { width: calc(80% - 35px); } div.cementerioVirtual div.addDiapPopUp div.addCont { width: 80%; } div.slider2 div.slider2Caja div.cajaComentarios div.cajaTitulo { font-size: 24px; } div.slider2 div.slider2Caja div.cajaComentarios div.cajaDescripcion { font-size: 14px; } div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard div.wizardTitle, div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard > span { font-size: 22px; } div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard div.commentField div.wizardOpc div.commOpc, div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard div.commentField div.wizardHidden div.hidCont div.hidComm div.hidCommOpc { font-size: 14px; } div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard div.commentField div.wizardSelec div.selecOpc span { font-size: 14px; } div.cementerioVirtual div.commentPopUp div.commCont form.commWizard div.indicWizard div.commGrilla div.commFoto { height: 140px; } div.cementerioVirtual div.cementerioCont div.cementerioSlider { height: 65%; } div.cajaControl > div { width: 50px; } div.cajaControl div.cajaFull { bottom: 0; right: 0; } div.cajaControl div.cajaFull > div { width: 50px; height: 50px; font-size: 25px; } div.cajaControl > div span:before { top: 25px; } div.cajaControl div.controlIzq span:before, div.cajaControl div.controlIzq span:after, div.cajaControl div.controlDer span:before, div.cajaControl div.controlDer span:after { width: 20px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { font-size: 30px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 22px; bottom: 5%; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment { height: 90%; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div { width: calc(50% - 43px); height: calc(100% - 40px); padding: 20px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { font-size: 20px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: 0 auto 10px; width: 260px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { font-size: 12px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 100px 0; left: 50px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { top: 60px; font-size: 35px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div p { font-size: 18px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent { height: 100px; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent { width: 45%; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { top: 15%; font-size: 30px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { font-size: 20px; bottom: 30px; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.CommentMTX span { font-size: 14px; word-break: break-word; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.commentBlock div.CommentMT { padding: 0 0 20px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaDescripcion, div.cajaMensaje.cM1 div.cajaDescripcion span { font-size: 18px; } div.cajaMensaje.cM4 div.cajaCommBlock div label { font-size: 24px; } div.cementerioVirtual div.cementerioComm div.addButton { top: 116px; } div.cajaControl div.controlMensaje span { width: 70%; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo label.relacionLabel { font-size: 14px; } /*******************responsive sorteo Externo**********************/ div.concAfiliados div.concContador div.contadorOn div.concTiempo { width: calc(42% - -70px); } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 132%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; background-size: cover; } div .contenedorfondo { width: calc(93% - -67px ); } div.CONTEMPrincipal { height: calc(100% - -36px); padding-top: 20px; } div.contenedorwiidd { height: 458px; } div.contenformucodiggo { width: calc(100% - 1px); height: 100%; } div.identificacion, div.NOMBESss, div.APELLIDOSsss { width: calc(100% - 2px); height: 46px; font-size: 13px; text-align: center; margin: 4px 0; } div.REDES { width: 98%; margin: 5px auto; font-size: 12px; text-align: center; } div.SELECCIO, div.numerCC, div.NM1, div.NM2, div.AP1, div.AP2, div.CIUDAD, div.DEPA { width: calc(48% - 12px); margin: 5px 8px; text-align: center; } form.SorExterno select { width: calc(100% - 4px); height: 24px; margin-top: 4px; } form.SorExterno input { width: calc(100% - 22px); height: 24px; margin-top: 4px; } div.ubicacion { margin: 22px 0; } div.DATOSgenerales { margin: 4px 0; } div.TERMINOSC { width: 95%; font-size: 13px; } input#chkTerminos { top: 21px; left: -6px; } div.TERMINOSC label { width: 94%; height: 41px; margin: 6px auto; } div#hlllm { margin-top: 5px; } div.instaBtn label { font-size: 13px; } div.instaBtn a div.text { padding: 15px 30px 15px 15px; height: 30%; } div.CODIGORequerido { width: calc(77% - -24px); } div.btnG { width: calc(30% - 5px); margin: auto; right: -6px; } div.instaBtn a { margin: 7px 0; } div.instaBtn a div.logo { font-size: 33px; } div#PARTICIPA { margin: 3px 0 -2px; bottom: 30px; } span.circuloEXTERNO { width: 12px; height: 12px; } input.btnParticipar.btnGeneral.naranja.VALIDARR { width: calc(100% - 5px); height: 24px; margin-top: 4px; } div.contenslai { height: 87%; } /**************animacion publi sorteoEX***************/ div.TXSMRTTV { font-size: 21px; top: 267px; } div.CELULARimg { margin: 219px 95px 0; padding-bottom: 200px; width: 78%; } div.txxIhp { bottom: 21px; } div.registreBono { font-size: 17px; } div.Uniphone { left: 8%; } div.smartvv { right: 0px; font-size: 15px; } div.txxIhpp { margin: 1px auto; } div.FRANJANARANJA { height: calc(50% - 85px); } div.TARGETIMAGEN span { bottom: 44%; } div.TARGETAANIMA { width: 29%; bottom: 58%; } div.textobtco { font-size: 14px; bottom: 94%; } label.color { font-size: 10px; } div.textobtcoo { margin-top: 3px; bottom: 97%; } label.parteunotax { font-size: 12px; } label.partedostx { font-size: 9px; } div.BIENBENIDOS { top: -9px; font-size: 14px; } div.NARANJACONTENEDOR { height: auto; } div.verdescont { height: auto; font-size: 9px; } div.narancont { height: auto; font-size: 9px; } div.tres { font-size: 10px; } div.cincoo, div.siete { font-size: 9px; } div.textocontenedor { top: 9px; } div.logocontenedor { top: 23px; } /***popup sorteoEx tiketc**/ div.ppopptikc { height: 221px; } div.BLANCOPPUP { height: 299px; width: 83%; } div.texconten { margin-left: 64px; top: 34px; width: 42%; } div.PARTE span.fechaConc.tickl { display: block !important; width: 253px !important; color: currentColor; margin: auto; font-size: 12px; left: -33px; } div.ltfr { font-size: 13px; } span.rrr { font-size: 26px; } span.nrrr { top: 19px; font-size: 20px; } div.texcontennumerouno { top: 206px; right: 296px; font-size: 33px; } div.texcontennumerodos { top: 152px; font-size: 47px; } div.serialuno { top: 206px; right: 240px; font-size: 32px; } div.fechatikk { left: 51%; top: 49px; } div.fec { font-size: 10px; width: calc(83% - 1px); } div.txttv { font-size: 12px !important; } div.o { font-size: 13px !important; } div.txcel { font-size: 12px !important; } div.bcerrar.SORTEXTERNO { width: 48px; height: 50px; font-size: 28px; top: -5px; left: 810px; } div.serialdos { width: 8%; top: 47px; font-size: 44px; right: 45px; } div.frnaja { width: 98%; } div.element.cambioColorHeader.Independiente { right: 22px; } div.BTNBL { width: 42%; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios label.lado { width: 36%; bottom: -28px; } div.bbtrs { right: 293px; font-size: 13px; width: 33%; } /******************EXEQUIALES*********************/ div.FRANJACLARA { width: 75%; } div.cajiii { font-size: 14px; } div.Prom { width: calc(80% - 1px); object-fit: contain; } div.LBP { bottom: 108px; } div.bt { bottom: 66px; } div.slider div.sliderItem { height: 101%; } div.slider div.sliderItem div.telefftr div.textrl span { font-size: 9px; } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 11px; } div.telefftr div.numerd { width: calc(18% - 1px); } div.slider div.sliderItem div.buttinfor.telefftr { width: 15%; left: 44%; top: 67.2%; } div.slider div.sliderItem div.buttinfor.telefftr div.logoimpla { width: 26%; FONT-SIZE: 20PX; } div.slider div.sliderItem div.buttinfor.telefftr div.tecdfeer { width: 62%; FONT-SIZE: 9PX; } div.slider div.sliderItem div.intecddsefc.telefftr div.numerd a { FONT-SIZE: 12px; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 47%; left: 34%; top: 74.5%; } div.slider div.sliderItem div.telefftr div.textrl, div.numerd { width: calc(37% - 1px); } div#sliderItem1 div.telefftr { width: 48%; left: 53%; top: 77%; } div.slider div.sliderItem img.mil24 { display: block; } div.slider div.sliderItem img.responsi1204im { display: block; } div.slider div.sliderItem img.visbbl { display: block; } div.slider div.sliderItem div.sliderText.cjkitiplu { left: 59%; top: 65%; } div.numerosver { font-size: 39px; font-weight: bold; } .bannrBttn.sunemedic { right: 11em; bottom: 7em; height: 11%; } .bannrBttn.sorteo { left: 1em; bottom: 9em; height: 7%; } .bannrBttn.convenios { left: 2em; bottom: 7em; height: 8%; } .bannrBttn.outlet { right: 14em; bottom: 5em; height: 11%; } .bannrBttn.petline { right: 7em; bottom: 7em; height: 11%; } } /********************Responsive 920px Ipaz Vertical********************/ @media screen and (max-width: 920px) { div.headerMenu div.mainMenu div.logoOfertshop { padding: 0 20px 0 0px; } div.element.cambioColorHeader { display: none; } } /********************Responsive 768px Ipaz Vertical********************/ @media screen and (max-width:768px) { div.body-content { height: calc(100% - 80px); } footer.footer { margin-top: 10px; bottom: 0px !important; } div.slider div.sliderItem img.visbbl { display: none; } div.slider div.sliderItem img.grnad { display: none; } img.repsv { display: block; } img.grnad { display: none; } div.slider div.sliderItem img.repsvpew.abbref { display: none; } div.slider div.sliderItem img.repsv.abbref { display: block; } div.slider div.sliderItem img.abbref { display: none; } div#sliderItem1 div.buttinfor.telefftr { position: absolute; text-align: center; display: block; width: 24%; left: 19%; top: 35.1%; } div#sliderItem1 div.intecddsefc.telefftr { position: absolute; text-align: center; display: block; width: 56%; left: 8%; top: 38.5%; } div.headerMenu div.mainMenu.bgtr div.logo { left: -259px; } /********************************Index Casa************************************/ div.slider div.sliderItem div.sliderTextBlock { width: 100%; height: 100%; align-items: flex-end; justify-content: flex-end; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont { margin: unset; width: 45%; bottom: 50px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockList, div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockText { display: none; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop { position: absolute; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { color: #FFFF6D; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockImg { left: -25px; } /*******************************Index PayU***************************************/ div.slider div.sliderItem div.sliderFront { width: 100%; height: 50%; bottom: 0; top: unset; } div.slider div.sliderItem div.sliderFront div.sliderTextP { margin-left: 8%; margin-top: 5%; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.textBlock { font-size: 20px; font-weight: 800; text-shadow: 2px 2px 2px rgba(0,0,0,.5); } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock { margin-top: unset; top: 0; right: 8%; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock img { width: 28%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { margin-top: 2%; margin-left: 8%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM span { font-size: 22px; font-weight: 700; margin: 10px 0; text-shadow: 2px 2px 2px rgba(0,0,0,.5); } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { width: 45%; } div.slider div.sliderItem div.sliderFront div.sliderBlockB { position: absolute; display: flex; justify-content: flex-end; width: calc(100% - 40px); top: 80%; } /******************************Index Concurso****************************************/ div.slider div.sliderItem div.circlePhone { display: block; } div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { position: relative; display: flex; justify-content: center; align-items: center; padding-top: 120px; left: 0; height: calc(100% - 480px); } div.slider div.sliderItem div.circlePhone div.imgBanner img { width: auto; } div.slider div.sliderItem div.circlePhone div.titleText { position: relative; display: flex; justify-content: center; padding: 0; right: 0; width: 100%; height: 100px; bottom: -100px; } div.slider div.sliderItem div.circlePhone div.titleText img { height: 100%; width: auto; } div.slider div.sliderItem div.fullTV div.imgBanner.TV { height: calc(100% - 240px); padding-right: 30px; padding-top: 0; bottom: 0px; } div.slider div.sliderItem div.fullTV div.titleText { font-size: 65px; top: 40px; left: 0; text-align: center; } div.slider div.sliderItem div.controlHover { display: flex; align-items: center; justify-content: center; } div.slider div.sliderItem div.controlHover div.titlePremios { padding-top: 0; width: 100%; height: 100%; } div.slider div.sliderItem div.controlHover div.titlePremios > div { position: absolute !important; display: flex !important; width: 100% !important; justify-content: center !important; align-items: center; text-align: center; left: 0 !important; margin: 0 !important; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg { top: 40px; height: 60px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { bottom: 100px; font-size: 50px; } div.slider div.sliderItem div.controlHover div.buttonPremios { position: absolute; padding-bottom: 0; bottom: 30px; right: 40px; } /************************Hook Header*****************************/ div.hookHeaderTop { height: 26px; } div.hookHeaderTop > div { padding: 5px 10px; } div.hookHeaderTop > div > span.icono { width: 30px; height: 30px; } div.hookHeaderTop > div > span.icono i { font-size: 15px; } /*****************************Header*******************************/ nav.navResponsive { display: block; max-width: 56px; width: 100%; min-height: 56px; max-height: 56px; background: transparent; position: absolute; top: 0; right: 0; z-index: 99999; overflow: hidden; transition: .4s; } div.headerMenu div.mainMenu { overflow: inherit; } div.headerMenu { z-index: 999999; } nav.navResponsive.activo { background: #212529; min-height: 100vh; max-width: 320px; overflow-y: auto; } nav.navResponsive div.iconos { height: 57px; font-size: 0; position: relative; } nav.navResponsive div.iconos div.iconoRedes { width: calc(100% - 57px); height: 100%; display: none; align-items: center; justify-content: center; vertical-align: top; } nav.navResponsive div.iconos div.iconoRedes a { font-size: 12px; color: #f5f5f5; padding: 0 12px; } nav.navResponsive div.iconos div.iconoMenu { height: 100%; width: 57px; display: inline-flex; align-items: center; justify-content: center; vertical-align: top; cursor: pointer; } nav.navResponsive div.iconos div.iconoMenu span { height: 2px; width: 18px; background: #f5f5f5; position: relative; cursor: pointer; } nav.navResponsive div.iconos div.iconoMenu span::before { content: ''; height: 2px; width: 18px; background: #f5f5f5; position: absolute; top: -6px; left: 0; transform: rotate(0deg); transition: .4s; } nav.navResponsive div.iconos div.iconoMenu span::after { content: ''; height: 2px; width: 18px; background: #f5f5f5; position: absolute; bottom: -6px; left: 0; transform: rotate(0deg); transition: .4s; } nav.navResponsive ul.lista { padding: 20px 0px; display: block; } div.headerMenu div.mainMenu ul:nth-child(3) { border-top: 1px solid #808080; } nav.navResponsive ul.lista li.item { display: block; width: calc(100% - 40px); margin: 0; padding: 10px 20px; text-align: left; color: #ffffff; cursor: pointer; } nav.navResponsive ul.lista li.item i { position: relative; display: inline-block; left: auto; margin-left: 5px; margin-right: 15px; width: 20px; text-align: center; vertical-align: top; } nav.navResponsive ul.lista li.item label { position: relative; display: inline-block; width: calc(100% - 76px); color: #F5F5F5; } img.paloma { position: relative; display: inline-block; vertical-align: middle; left: auto; margin-left: 1px; margin-right: 11px; width: 28px; height: auto; text-align: center; filter: brightness(20); } img.tco { position: relative; display: inline-block; vertical-align: middle; left: auto; margin-left: -5px; margin-right: 10px; width: 34px; height: auto; text-align: center; } nav.navResponsive div.contBtn { background: #008139; display: flex; align-items: center; justify-content: center; } nav.navResponsive div.contBtn button.btnGeneral.naranja { height: 27px; margin: 0 5px; width: 100%; } /*Activar menú*/ nav.navResponsive.activo:before { content: ''; position: fixed; background: rgba(20,20,20,.9); height: 100vh; width: 100vw; left: 0; } nav.navResponsive.activo div.iconos div.iconoRedes { display: inline-flex; } nav.navResponsive.activo div.iconos div.iconoMenu span { background: transparent; } nav.navResponsive.activo div.iconos div.iconoMenu span::before { top: 0px; transform: rotate(45deg); } nav.navResponsive.activo div.iconos div.iconoMenu span::after { bottom: 0px; transform: rotate(-45deg); } div.headerMenu div.mainMenu { padding: 0 10px; justify-content: flex-end; } div.headerMenu div.mainMenu div.logo img { padding: 0; max-height: 35px; } div.element.cambioColorHeader, div.headerMenu div.mainMenu div.logoOfertshop, div.element.cambioColorPreHeader { display: none; } nav > ul > li.hover[rel="btnMenu"]:before, nav > ul > li.hover[rel="btnMenu"]:after { display: none; } nav > ul > li.activo[rel="btnMenu"]:before, nav > ul > li.activo[rel="btnMenu"]:after { display: none; } div.backgroundSmall { display: block; } /***********************Menu Lateral***********************/ div.menuLateral, nav.nav, div.hookHeaderTop div:nth-child(1), div.hookHeaderTop div:nth-child(3) { display: none; } div.menuLateral.RIP { display: flex; position: absolute; height: auto; top: 92%; width: 100%; justify-content: center; } /**************************Footer************************/ footer.footer { position: relative; z-index: 0; bottom: 10px !important; } div.slider div.sliderItem img.abbref { display: none; } footer.footer.inactivo span.iconoSubir, footer.footer span.iconoSubir { display: none; } footer.footer div.contGeneral { display: inline-block; padding: 20px 0; } footer.footer div.contGeneral div.columna { position: relative; display: block; width: calc(100% - 40px); vertical-align: top; margin-bottom: 60px; margin: 60px auto 60px; } footer.footer div.contGeneral div.columna h1 { font-size: 20px; } footer.footer div.contGeneral div.columna div.contactoFooter label { font-size: 16px; text-align: center; } footer.footer div.contGeneral div.columna div.contactoFooter label a { font-size: 15px; width: 100%; text-overflow: ellipsis; overflow-wrap: break-word; } footer.footer div.contGeneral div.columna div.logoAlianza img { width: 70%; } footer.footer div.contGeneral div.columna div.nuestrasApps div.googlePlay { transform: rotate(180deg); transform: rotate(180deg); } footer.footer div.contGeneral div.columna div.nuestrasApps div.googlePlay img { transform: rotate(180deg); } footer.footer div.contGeneral div.columna div.nuestrasApps div img { width: 60%; } footer.footer div.contGeneral div.columna h1 ~ h1 { margin-top: 40px; border-top: none; } footer.footer div.contGeneral div.columna ul.mapaSitio li:after { width: 8px; height: 8px; left: -16px; } footer.footer div.contGeneral div.columna ul.mapaSitio li { font-size: 16px; } footer.footer div.contBtn button.btnGeneral { padding: 0 20px; height: 25px; font-size: 16px; } footer.footer div.contGeneral div.columna div.mapaGoogle iframe { width: 300px; height: 250px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-facebook-f { padding: 5px 30px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-twitter { padding: 5px 25px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-instagram { padding: 5px 25px; } footer.footer div.contGeneral div.columna div.redesSociales div.iconoRedes i.fa-youtube { padding: 5px 20px; } /**************************Home**************************/ div.slider div.sliderItem img { object-position: right; width: 100%; display: none; } div.slider div.sliderItem div.sliderText { text-align: center; width: 100%; height: 100%; top: 5%; } div.slider div.sliderItem div.sliderText label { font-size: 20px; } div.slider div.sliderItem div.sliderText p { font-size: 12px; } div.slider div.sliderItem div.sliderText span.afilieseLabel { text-align: center; bottom: 50px; } /**************************Planes*************************/ div.servSlider { height: 180px; } div.servSlider div.slider div.sliderItem div.sliderHalf1 img, div.servSlider div.slider div.sliderItem div.sliderHalf2 img, div.servSlider div.slider div.sliderItem div.sliderHalf3 img { object-position: center; width: 100%; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div label, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div label, div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div label { font-size: 20px; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div p, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div p, div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div p { font-size: 12px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo b { font-size: 12px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes { display: inline-block; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan { width: calc(33% - 3px); margin: 0 1px 10px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes { height: 1149px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas { background: #f5f5f9; top: -34px; height: 577px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque { display: block; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1, div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 { display: block; width: 100%; height: 250px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 { right: 0px; height: auto; } div .servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 div.contCuadro { padding: 10px 0; } div.BuscarTel div.contAsesor { display: flex; justify-content: center; align-items: center; } div.BuscarTel div.contAsesor div.telefonoAsesor, div.BuscarTel div.contAsesor div.selectAsesor { width: calc(35% - 2px); margin: 0 15px; } div.BuscarTel div.tituloAsesor label { font-size: 26px; } div.BuscarTel div.tituloAsesor label span { font-size: 20px; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque { width: calc(50% - 12px); } div.servicios div.actionPlanes div.actionCont { width: 50%; } div.servicios div.actionPlanes div.actionCont div.actionInfo div.actionText p { margin: 0 25px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo label { bottom: -40px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem { width: calc(50% - 10px); } /*****************************Servicios******************************/ div.planes div.planesExeq div.contentPlanes div.textoPreServicios span { font-size: 14px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan { min-width: 180px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle label { font-size: 20px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan label { font-size: 12px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.specialPlan span { font-size: 12px; } div.planes div.planesExeq div.bannerMedio { height: 180px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio { margin: 0 60px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio span { height: 130px; top: 8px; left: -8px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio label { font-size: 16px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono { top: -30px; left: 10%; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono label { font-size: 12px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono label a { font-size: 14px; display: block; } /******************************Obituarios****************************/ div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario { width: calc(50% - 12px); min-width: 280px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.tituloObituario span { font-size: 12px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.logoObituario i { font-size: 90px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label.nombres { font-size: 14px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.personaObituario div.nombreObituario div.nombrePersona label.apellidos { font-size: 12px; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario div.infoObituario div.info span { font-size: 11px; } /**************************Sedes**************************/ div.sedes div.grillaSedes div.grupoBloques div.bloqueSede { min-width: 280px; width: calc(50% - 12px); } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.tituloSede span { font-size: 12px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa i { font-size: 18px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.mapaSede div.botonMapa span { font-size: 16px; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede div.infoSede div.info span { font-size: 12px; } /***************************Bono Millonario************************/ div.bonoMillonario div.backContador { height: 250px; background-attachment: unset; } div .bonoMillonario div.backContador div.bonoContador div.infoProxSorteo { width: 250px; } div.bonoMillonario div.backContador div.bonoContador div.contador { width: calc(100% - 250px); } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo label { font-size: 16px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo i, div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo span { font-size: 26px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo label { font-size: 16px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo span { font-size: 35px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador { padding: 10px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador span { font-size: 45px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador div.labelSorteo { bottom: -20px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador div.labelSorteo label { font-size: 10px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtTop { font-size: 18px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom { font-size: 14px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom b { font-size: 28px; } div.bonoMillonario div.grillaBono div.grupoBloques div.btnUltimo button { font-size: 12px; padding: 8px 10px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono { height: 199px; min-width: 180px; width: calc(33% - 12px); } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.numeroBono { width: 40px; height: 40px; bottom: 40px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div span { font-size: 22px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono { height: 60px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div span { font-size: 16px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div i { font-size: 18px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono.activo { height: 450px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.videoBono { width: 100%; height: calc(100% - 120px); } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono { position: relative; left: 0; bottom: 0; width: 100%; height: 20%; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono.activo { right: 0px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono div { position: relative; display: inline-block; margin: 0 10px; font-size: 14px; color: #eceff1; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono { right: 30px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono.activo { right: 5%; } /***************************TCO****************************/ div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta img { width: 80px; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta h1 { font-size: 18px; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta b { font-size: 35px; } div.contBeneficios { height: auto; } div.contModulos { width: 720px; height: 780px; } div.contModulos div.modulo { width: 360px; height: 260px; } div.contModulos div.modulo.activo { height: 520px; } div.contModulos div.modulo:nth-child(2) { right: 0; left: unset; } div.contModulos div.modulo:nth-child(3) { left: 0; top: 260px; right: unset; } div.contModulos div.modulo:nth-child(4) { right: 0; left: unset; bottom: 260px; } div.contModulos div.modulo:nth-child(5) { left: 0px; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono { padding: 5px; left: 11%; } /***********************Formulario Pop Up****************************/ div.formularioPopUp form.form { height: 400px; width: 350px; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm { margin: 10px; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm label { font-size: 22px; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm span { font-size: 12px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm { width: 260px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div label { font-size: 12px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div input { width: calc(100% - 10px); padding: 5px; font-size: 12px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div textarea { width: calc(100% - 10px); padding: 5px; height: 40px; font-size: 12px; } div.formularioPopUp form.form div.contenidoPopUp div.checkAcepto { width: 260px; } div.formularioPopUp form.form div.contenidoPopUp div.checkAcepto label { font-size: 12px; } div.formularioPopUp form.form div.contenidoPopUp div.cerrarPopUp { width: 30px; height: 30px; top: -15px; right: -10px; } /***************************Afiliacion Web**************************/ form.afiliacionWeb { margin: 40px 0; } form .afiliacionWeb div.contentAfil { height: auto; } form.afiliacionWeb div.contentAfil div.indicadorAfil { padding: 10px 20px; width: calc(100% - 40px); } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero { width: 30px; height: 30px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero label { font-size: 16px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div label { font-size: 11px; } form.afiliacionWeb div.contentAfil div.contentForm { height: auto; } form.afiliacionWeb div.contentAfil div.botonesCotiza { padding: 10px 40px; } form.afiliacionWeb div.contentAfil div.btnConsultaAsesor button { padding: 5px 10px; font-size: 12px; } form.afiliacionWeb div.contentAfil div.btnConsultaAsesor button i { font-size: 12px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div.campoGrand { display: block; width: calc(100% - 3px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div select { width: calc(100% - 13px); height: 30px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div input { width: calc(100% - 35px); height: 28px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div div.campo { width: calc(33% - 2px); } label#txtBenefNombre1-error { width: 17px; height: 28px; top: 4px; left: 95%; } abel#txtBenefApellido1-error { width: 17px; height: 28px; top: 4px; left: 95%; } label#txtEdadBen-error { width: 17px; height: 28px; top: 4px; left: 95%; } label#ddlParentesco-error { width: 8px; left: 96%; } label#txtBenefApellido1-error { width: 8%; height: 74%; left: 95%; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campo { width: calc(50% - 3px); } .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-green.jconfirm-type-animated { width: 40% !important; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div input { width: calc(100% - 18px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label.error { right: -12px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label#txtCorreo-error { right: 0px; width: 150px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label#txtCorreo-error { right: 0px; width: 16px !important; height: 27px; top: 0px; border-radius: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div select { width: calc(100% - 10px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div div.campo { width: calc(50% - 3px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div button { padding: 5px 10px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table thead tr td { font-size: 10px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td { font-size: 10px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios div table tbody tr td i { font-size: 12px; } /**************************Concurso Empleados*****************************/ div.concursoEmp div.concursoCont { width: 90%; } label#txtNombre1-error, label#txtApellido1-error, label#txtSede-error, label#txtInstagram-error { width: 130px; } div.concursoEmp div.concursoCont div.infoSelects div.infSelect label { height: 25px; font-size: 14px; height: 22px; width: 130px; } label#txtNoDocumento-error, label#txtNombre1-error, label#txtApellido1-error, label#txtSede-error, label#txtInstagram-error { font-size: 14px; } label#txtNombre1-error { font-size: 14px; width: 12%; height: 47%; } label#txtApellido1-error { width: 14%; } div.hideConcurso { left: 30px; width: 94%; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr th, div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr td { width: calc(25% - 30px); } div.concursoEmp form#IdConcurso { height: 900px; } /*************************************Ayuda**************************************/ div.ayuda { width: 90%; margin: 40px auto; } div.ayuda div.descAyuda { padding: 0 40px 20px; } div.ayuda div.listaVideos div.cajaVideo { width: calc(50% - 65px); } /****************************************resultado payu**************************************************/ div.resultAprov section { padding-bottom: 26px; height: 415px; margin-bottom: 18px; } #codigo #codigob { height: 67%; } div#datos { top: -56%; } #py { width: calc(74%); } article#fechas { margin-top: 35px; } /*********************************Comprobar Tarjeta************************************/ div.tarjComprueba div.holdComprueba { width: 95%; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp { display: block; margin: 0 0 40px; width: calc(100% - 40px); } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.label { width: 25%; margin: 0 10px; margin-left: 0; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.campo { width: calc(75% - 20px); } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp { display: block; width: 70%; margin: auto; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta { height: auto; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta img { width: 100%; height: 100%; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta, div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta { bottom: 20px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span.txtNumero { font-size: 36px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span.txtNombre { font-size: 20px; } /********************comercial asesores******************************/ div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(1), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(2), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(3), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(4), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(5), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(6), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(11) { padding: 12px 0; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table tbody tr td { padding: 12px 0 !important; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr { background: #008139; color: #FFFFFF; width: 94% !important; font-size: 10px !important; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table tbody tr td { font-size: 9px; } /**********concurso afiliados formulario***************/ div.concAfiliados div.concContador { height: 660px; } div.contencel div.texpre { font-size: 11px !important; top: -197px !important; left: 75%; width: calc(39% - 1px); } div.contenCrri div.carr { width: calc(36% - 1px); left: 38%; top: -220px; } div.contenCrri div.carr { width: calc(28% - 1px); left: 4%; top: -122px; } div.contenCrri div.texcarr { width: 36%; font-size: 11px !important; left: 82% !important; top: -251px; } div.SOLOF { left: 0%; font-size: 24px; top: 112px; width: 55%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.SOLOF { width: 78%; margin: auto; text-align: center; font-size: 14px; color: #FFFF; FONT-WEIGHT: bold; left: 10%; top: 5%; } div.fec { font-size: 8px !important; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { font-size: 30px; width: 67%; top: 147px; left: 24%; } div.exr { width: calc(57% - 1px); display: inline-block; margin: auto; } div.prox { right: 26%; } span.fechaConc.ait.gtrr { font-size: 30px; width: 57% !important; } div.flt { top: 127px; font-size: 22px; left: 16%; width: 94%; } span.seccionUN { display: inline-block; margin: auto; font-size: 21px; font-weight: bold; } div.contenCrri div.carr { width: calc(45% - 1px); left: 27%; top: -26px; } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 186%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; background-size: cover; } div.comfos img { object-fit: cover; width: 100%; height: 84%; position: absolute; top: -12%; left: 1%; } div.chicafondddd { width: calc(75% - 1px); display: block; left: -2%; position: absolute; top: -21px; } div.imgcel { left: 62%; width: calc(68% - 1px); top: 252px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div { margin: 20px 0; top: 180px; } span.fechaConc.ait.fddff { width: 149px !important; } div.textFechas.dfreeeer { top: 144px !important; font-size: 20px !important; left: 64% !important; font-weight: 700 !important; } span.fechaConc.ait.fddff { width: 205px !important; font-size: 22px; } div.red { width: 55%; position: relative; left: 0%; color: #FFFF; font-size: 16px; top: -101%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 32px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 16px; } div.concCont.clop { width: 53%; display: block; position: relative; left: 0%; top: -48px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha { margin: 20px 0; left: 0%; position: relative; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.flt { margin: 10px 0 8px; display: flex; top: 48%; font-size: 14px; } div.textFechas { font-size: 14px !important; font-weight: 300 !important; width: 60%; color: #FFFF !important; top: 131px !important; left: 43% !important; position: relative; text-align: center; } div.concAfiliados div.concContador > div div.concPremio { display: block; width: calc(101% - 1px); height: 45%; padding: 6px 0; } div .contenedorfondo { width: calc(93% - -67px ); } div.concAfiliados div.concContador div.contadorOn div.concTiempo { position: relative; display: block; width: calc(100% - 1px); height: 58%; padding: 6px 0; bottom: 109px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 18px; margin: 100px 0 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(1) { margin-right: 16px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(2) { margin-right: 24px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio { margin-left: 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(1) { margin-right: 25px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(2) { margin-right: 27px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(3) { margin-right: 29px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(4) { margin-right: 31px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: 6px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { left: -16px; } div.concAfiliados div#fconten > div { width: calc(33% - 14px); } div.concAfiliados div#redes > div { width: calc(33% - 8px); } div.concAfiliados div.concContenido { width: 90%; } div.concAfiliados .ftitular { width: 100%; } div.concAfiliados .txTerminos { width: 660px; } div.concAfiliados div.txTerminos span { width: 640px; } /**************************************Extra***************************************/ article #nm label#txtNombre1-error { width: 140px !important; } label#txtApellido1-error { width: 140px !important; } div.resultDeneg #error figure { width: 579px !important; } div.resultDeneg #error figure img { left: 138px; } div.resultDeneg .naranja { width: calc(43% - 115px); } div.resultDeneg #error { height: 100%; padding: 20px 0 !important; padding-top: 88px !important; } div.concAfiliados form#IdConcurso { height: 750px; } /************************************Cementerio Virtual********************************************/ div.cementerioVirtual div.cementerioCont div.cementerioSlider { width: 89%; height: auto; } div.cementerioVirtual div.unavailPopUp { display: flex; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { font-size: 11px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: 0 0 15px; top: -1px; font-size: 16px; } div.cementerioVirtual div.cementerioCont { padding: 20px 0 100px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 61px 0; } div.menuLateral div.menuIzq div.botonesLaterales { display: flex; position: relative; } div.menuLateral span.botonOcultarLateral { display: none; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapImg { width: 121px; } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapContent div.diapControl { width: calc(20%); } div.cementerioVirtual div.cementerioComm div.diapList div.diapItem div.diapHidden div.hiddenImg div.hiddenUpBoton label { font-size: 12px; } div.cementerioVirtual div.popUpMensajeFamiliar div.popUpContent { width: 64%; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.CommentMT span { font-size: 16px; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.CommentMTX span { font-size: 14px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { font-size: 21px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaDescripcion, div.cajaMensaje.cM1 div.cajaDescripcion span { font-size: 16px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { top: 55px; font-size: 25px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeCont { font-size: 14px; } div.cementerioVirtual div.cementerioComm div.diapList { top: 21px; padding: 20px; } div.cementerioVirtual div.commentPopUp div.commCont { width: 90%; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard { width: calc(100% - 30px); } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardTitle { font-size: 20px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.wizardRow div.campo label { font-size: 14px; } div.cementerioVirtual div.commentPopUp div.commCont div.commIndic div.indicItem div.indicTxt { font-size: 12px; } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard div.commGrilla div.commFoto { width: calc(33% - 31px); } div.cementerioVirtual div.commentPopUp div.commCont div.commWizard div.indicWizard form#CVFormSeleccionImagen span { font-size: 16px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment { width: 90%; } div.slider2 div.slider2Caja div.cajaMensajeFoto { width: 90%; height: 100%; } div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.commentBlock { left: -10px; } div.cajaControl div.controlMensaje span { width: 80%; } div.cajaControl div.controlMensaje span#botonComment { display: none !important; } /**********************responsive sorteo externo***************************/ div.CONTEMPrincipal { height: auto; width: calc(90% - 40px); } div.ContenedorFormulario { width: 100%; } div.contenedorwiidd { height: 479px; } div.identificacion, div.NOMBESss, div.APELLIDOSs { height: 60px; } div.REDES { height: 57px; } div.TELEFONO, div.CORREO, div.INSTAGRAM { width: calc(34% - 0px); } div.contenslai { height: 771px; } div.ContenedorImg { width: auto; margin: auto; } div.Codigo { display: block; } div.CODIGORequerido { width: 100%; justify-content: center; align-items: center; } div.btnG { display: flex; width: 100%; right: 0; justify-content: center; } label.ingrese { width: unset; } form.SorExterno input#txtCodigoVal { width: calc(50% - 22px); height: 34px; margin: 0; } input.btnParticipar.btnGeneral.naranja.VALIDARR { width: 40%; height: 34px; margin-top: 10px; font-size: 14px; } div.CELULARimg { margin: 233px 230px 0; padding-bottom: 200px; width: 64%; } div.registreBono { font-size: 28px; } div.smartvv { right: 0px; font-size: 22px; } div.BLANCOPPUP { width: 90%; } div.ppopptikc { height: 232px; } div.texconten { margin-left: 64px; top: 34px; width: 42%; left: -8px; } span.nrrr { top: 14px; font-size: 14px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 253px !important; color: currentColor; margin: auto; font-size: 10.5px; left: -51px; } div.fechatikk { left: 51%; top: 30px; } div.ltfr { font-size: 12px; } div.txttv { font-size: 11px !important; } div.o { font-size: 11px !important; } div.txcel { font-size: 11px !important; } div.texcontennumerouno { top: 165px; right: 235px; font-size: 29px; } div.serialuno { top: 166px; right: 195px; font-size: 29px; } div.texcontennumerodos { top: 125px; font-size: 40px; } div.serialdos { width: 8%; top: 37px; font-size: 38px; right: 40px; } div.BTNBL { display: none; } div.nuestrosServicios div.contServicios div.textoServicios label.lado { width: 41%; bottom: -26px; font-size: 34px; } div.bbtrs { right: 130px; font-size: 11px; width: 43%; } /***************PLANES EXEQUIALES*****************/ div.FRANJACLARA { width: 86%; } div.cajiii { width: 100%; font-size: 14px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios label.lado { width: 76%; top: 28px; right: 0; } div.servicios div.nuestrosServicios.noFlex { display: block !important; margin: 10px auto; height: 1258px; } div.servicios div.actionPlanes { height: 200px; margin-top: 1015px; } div.servicios div.actionPlanes.dofes { height: 200px; margin-top: 2917px; } div.contModulos div.modulo:nth-child(8) { background: rgba(255,255,255,.7); bottom: -260px; z-index: 1; right: 0; transition: .4s; } div.contModulos div.modulo:nth-child(9) { background: rgba(255,255,255,.7); bottom: -520px; left: 0; z-index: 1; right: 0; transition: .4s; } div.BuscarTel { top: 958px; height: 365px; } div.textoPreGrilla.atop { top: 77px; z-index: 5; } div.Prom { width: calc(98% - 1px); object-fit: contain; position: relative; top: 67px; } div.LBP label { font-size: 17px; font-weight: bold; } div.addsb { width: 78%; } div.popbons { z-index: 10; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan button.btnGeneral.naranja.vitalicio label { font-size: 9px; width: 57%; top: 6px; } /*********/ div.contencel { width: calc(67% - 1px); display: inline-block; margin: auto; } div.bcerrar.SORTEXTERNO { width: 48px; height: 50px; font-size: 28px; top: -15px; left: 658px; } div.slider div.sliderItem img.opfrdes { display: none; } div.slider div.sliderItem img.REPONNDRFERR { display: block; } div#sliderItem1 div.telefftr { width: 48%; left: 24%; top: 85%; } div.slider div.sliderItem div.telefftr div.textrl, div.numerd { width: calc(49% - 1px); } div.slider div.sliderItem div.telefftr div.textrl span { font-size: 9px; } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 11px; } div.telefftr div.numerd { width: calc(23% - 1px); } div.slider div.sliderItem.sliderCasa img.grndesf { display: none; } div.slider div.sliderItem.sliderCasa img.petbl { display: block; } div.slider div.sliderItem div.buttinfor.telefftr { width: 19%; left: 25%; top: 34.5%; } div.slider div.sliderItem div.buttinfor.telefftr div.logoimpla { width: 26%; FONT-SIZE: 18PX; } div.slider div.sliderItem div.buttinfor.telefftr div.tecdfeer { width: 62%; FONT-SIZE: 8PX; } div.slider div.sliderItem div.intecddsefc.telefftr div.textrl span { font-size: 8px; } div.slider div.sliderItem div.intecddsefc.telefftr div.numerd a { FONT-SIZE: 10px; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 43%; left: 13%; top: 38.9%; } div.slider div.sliderItem img.mil24 { display: none; } div.slider div.sliderItem img.responsi1204im { display: none; } div.slider div.sliderItem img.responsiv768 { display: block; } div.slider div.sliderItem div.sliderText.cjkitiplu { left: 55%; top: 52%; width: 37%; } div.slider div.sliderItem img.abbref { display: none; } div.slider div.sliderItem img.repsv.abbref { display: block; } div.slider div.sliderItem img.repsvpew.abbref { display: none; } div.slider div.sliderItem img.reps1366x639v { display: none; } div.slider div.sliderItem img.repsdv639dos { display: none; } div.slider div.sliderItem img.responsiv1366 { display: none; } .bannrBttn img { display: flex !important; } .bannrBttn.sunemedic { right: 5em; bottom: 7em; height: 9%; } .bannrBttn.sorteo { left: 2em; bottom: 7em; height: 6%; } .bannrBttn.convenios { left: 3em; bottom: 9em; height: 6%; } .bannrBttn.outlet { right: 7em; bottom: 11em; height: 8%; } .bannrBttn.petline { right: 2em; bottom: 8em; height: 8%; } } /*********************Responsive 640px Horizontal**********************/ @media screen and (max-width:640px) { /****************************Index Casa***********************************/ div.slider div.sliderItem div.sliderTextBlock { width: 60%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont { width: 56%; bottom: 25px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockUnClick { font-size: 14px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram { width: 70%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.blockButtonInsta { width: 40px; height: 40px; font-size: 30px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram div.blockClick div.textInsta { font-size: 20px; margin-left: 45px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockOfertshop div.blockImg { left: 0px; width: 55px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { font-size: 18px; margin: 10px 0; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockBig { font-size: 30px; margin: 10px 0; left: -30px; } /***************************Index Concurso*********************/ div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { padding-top: 0; height: calc(100% - 60px); padding: 30px; left: -120px; } div.slider div.sliderItem div.circlePhone div.titleText { position: absolute; display: flex; height: 100%; justify-content: flex-end; align-items: center; top: 0; right: 20px; } div.slider div.sliderItem div.circlePhone div.titleText img { height: 50px; } div.slider div.sliderItem div.fullTV div.imgBanner.TV { height: calc(100% - 40px); padding-right: 50px; } div.slider div.sliderItem div.fullTV div.titleText { padding-bottom: 0px; font-size: 40px; top: 95px; text-align: left; text-indent: 50px; } div.slider div.sliderItem div.controlHover div.labelAdic { font-size: 30px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg, div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { display: none !important; } div.slider div.sliderItem div.controlHover div.buttonPremios div.textoAdic { font-size: 14px; vertical-align: middle; } div.slider div.sliderItem div.controlHover div.buttonPremios { right: 0px; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec { vertical-align: middle; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec button { font-size: 12px; padding: 10px 20px; } /************************************Index PayU***********************************/ div.slider div.sliderItem div.sliderFront { width: 60%; height: 100%; top: 0; bottom: unset; } div.slider div.sliderItem div.sliderFront div.sliderTextP { margin-left: 5%; margin-top: 5%; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.textBlock { font-size: 14px; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock { right: 0%; top: 10px; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock img { width: 25%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { margin-top: 2%; margin-left: 5%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM span { font-size: 14px; margin: 10px 0; } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { width: 50%; } div.slider div.sliderItem div.sliderFront div.sliderBlockB { width: 100%; top: 30%; } div.slider div.sliderItem div.sliderFront div.sliderBlockB button { padding: 5px 10px; font-size: 10px; } /************************Pre Header*************************/ div.contRegistro { display: none; } /**************************Home*******************/ div.slider div.sliderItem div.sliderText span.afilieseLabel { bottom: -20px; font-size: 50px; } /************************Planes***************************/ div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo span { margin-right: 5px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan { width: calc(50% - 4px); } div.BuscarTel div.contAsesor div.telefonoAsesor, div.BuscarTel div.contAsesor div.selectAsesor { width: calc(40% - 2px); } div.servicios div.nuestrosServicios div.serviciosGrilla { width: 100%; } /************************Servicios*************************/ div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono { left: -1%; } /***********************Obituarios**********************/ div.obituarios div.buscadorObituarios div.barraBuscador, div.obituarios div.grillaObituarios div.grupoBloques { width: calc(100% - 60px); } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario { width: calc(50% - 12px); min-width: 210px; } /*************************Sedes********************/ div.sedes div.buscadorSedes form.barraBuscador, div.sedes div.grillaSedes div.grupoBloques { width: calc(100% - 60px); } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede { width: calc(50% - 12px); min-width: 210px; } /**********************Bono Millonario*******************/ div.bonoMillonario div.backContador div.bonoContador { width: calc(100% - 130px); } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo { width: 200px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo label { font-size: 14px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo i, div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.proxSorteo span { font-size: 22px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo label { font-size: 14px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo div.acumuladoSorteo span { font-size: 30px; } div.bonoMillonario div.backContador div.bonoContador div.contador { width: calc(100% - 200px); } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtTop { font-size: 18px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom { bottom: 40px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom b { font-size: 26px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador { font-size: 45px; padding: 8px; margin: 3px; } div.bonoMillonario div.grillaBono div.grupoBloques { width: calc(100% - 60px); } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono { max-width: 160px; width: calc(33.3% - 12px); } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador span { font-size: 40px; } /*************************TCO*************************/ div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono { left: 4%; } div.contModulos { width: 620px; } div.contModulos div.modulo { width: 310px; } /**************************Pop Ups******************************/ .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated { width: 60% !important; } div.formularioPopUp form.form { height: auto; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm { width: 310px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp div.inputsForm div { display: inline-block; width: calc(50% - 15px); margin: 3px 5px; vertical-align: top; } div.afiliacionPopUp form.formAfiliacion { width: 400px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan { height: 60px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div label { font-size: 24px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div span { font-size: 12px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.filasCondiciones { display: block; } div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { display: block; width: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.itemPlan, div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan { margin: 5px; } label#ddlParentesco-error { width: 20px; height: 30px; top: 0px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.txtCondiciones label { font-size: 12px; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { font-size: 12px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan { height: 30px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan div.planBotonera div.btnGeneral { font-size: 12px; } div.vistaVideo div.divVideo video { width: calc(100% - 120px); height: calc(100% - 100px); margin: auto; } div.vistaVideo button { margin: 5px auto; } /*****************************Afiliacion Web******************************/ form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero { width: 25px; height: 25px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div label { font-size: 9px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBasica div div.campo { width: calc(50% - 3px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand { display: block; width: calc(100% - 10px); margin: 5px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campoGrand label#txtCorreo-error { width: 100px; font-size: 8px; left: 0; } /************************************Concurso****************************/ form#IdConcurso { height: 600px !important; } /**************************Comprobar Tarjeta********************************/ div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.label { display: block; width: 100%; margin: 5px 0; margin-left: 0; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.campo input { width: calc(100% - 20px); height: 26px; } div.tarjComprueba div.holdComprueba div.contComprueba div.inputComp form > div div.campo { width: calc(100% - 10px); } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp { width: 90%; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span.txtNumero { font-size: 30px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta span.txtNombre { font-size: 16px; } div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.imgTarjeta div.infoTarjeta, div.tarjComprueba div.holdComprueba div.contComprueba div.resulComp div.flagTarjeta { bottom: 15px; } /*****************************************Concurso Afiliados********************************************/ div.concAfiliados div.concContador { height: 240px; } div.concAfiliados div.concContenido { width: 95%; } div.Cntitular { width: 80%; } div.concAfiliados div.concContador > div div.concPremio { padding-left: 0; height: 37%; } div.concAfiliados div.concContador div.contadorOn { position: relative; display: block; height: 459%; width: 100%; overflow: hidden; background: #FFFF; background-position: center; background: #1D1D1B; background-size: cover; } div.chicafondddd { width: calc(75% - 1px); display: block; left: -2%; position: absolute; top: -42px; } div.contenCrri div.carr { width: calc(45% - 1px); left: 27%; top: -46px; } div.imgcel { left: 69%; width: calc(57% - 1px); top: 192px; } div.red { width: 63%; position: relative; background: #1D1D1B; left: 2%; color: #FFFF; font-size: 16px; top: -286%; } div.SOLOF { left: 0%; font-size: 21px; top: -5%; width: 55%; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div { margin: 0 2px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div label { bottom: 70px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgGranPremio { width: calc(60% - 20px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div:nth-child(1) label { padding-left: 0px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 18px; margin: 40px 0 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(1) { margin-right: 10px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(2) { margin-right: 12px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(1) { margin-right: 20px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(2) { margin-right: 22px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(3) { margin-right: 25px; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(4) { margin-right: 28px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div { margin: 20px 0; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label { font-size: 14px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label:nth-child(3) { left: 10px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: -2px; padding-left: 10px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 26px; } div.concCont.clop { width: 48% !important; left: 2% !important; top: -202px !important; } span.fechaConc.ait.gtrr { font-size: 21px; width: 71% !important; } div.textFechas { font-size: 22px !important; width: 37% !important; top: 47px !important; left: 52% !important; } footer.footer { position: relative; z-index: 0; bottom: -1300px !important; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha { font-size: 14px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { font-size: 28px; } div.concAfiliados div.popUpTicket { position: fixed; display: flex; width: 100%; height: calc(113% + 91px); background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: -41px; z-index: 10; } span.rrr { font-size: 18px; } div.texconten { margin-left: 64px; top: 29px; width: 42%; left: -16px; } div.fechatikk { left: 51%; top: 22px; } div.bcerrar.SORTEXTERNO { width: 48px; height: 50px; font-size: 28px; top: -9px; left: 554px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 253px !important; color: currentColor; margin: auto; font-size: 8px; left: -63px; } div.ltfr { font-size: 10px; } div.txttv { font-size: 9px !important; } div.o { font-size: 9px !important; } div.txcel { font-size: 9px !important; } div.texcontennumerouno { top: 140px; right: 199px; font-size: 25px; } div.serialuno { top: 140px; right: 162px; font-size: 25px; } div.serialdos { width: 8%; top: 31px; font-size: 32px; right: 32px; } div.texcontennumerodos { top: 106px; font-size: 32px; } div#fconten > div { margin: 5px; width: calc(33% - 8px); } div#fconten > div input.inputField { width: calc(100% - 20px); } div#fconten > div select.inputField { width: 100%; } .fondoblanco { padding: 20px; } .tituloTR { margin: 10px 0; } .tituloTR span { font-size: 20px; } div.txTerminos { margin: 20px auto; height: 180px; width: 530px; } div.txTerminos span { width: 520px; } div.txTerminos p { font-size: 16px; } div.txTerminos article { font-size: 16px; } div.btnTerminos button { font-size: 18px; padding: 10px; } /*****************************cementerio virtual **************************************/ div.cementerioVirtual div.cementerioCont div.cementerioSlider { width: 65%; } div.menuLateral.RIP { top: 107%; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { font-size: 12px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 13px; bottom: -22%; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 13px; bottom: -25%; left: 16px; } div.menuLateral div.botonLateral { width: 56px; height: 54px; } div.menuLateral div.botonLateral div.contLateral span.iconoLateral { width: 22px; height: 22px; } div.cementerioVirtual div.cementerioComm { width: calc(76% - 60px); height: calc(74%); } div.menuLateral div.menuIzq div.botonesLaterales { display: none; } div.cementerioVirtual div.cementerioCont div.cementerioSlider { width: 90%; height: 330px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 15px; bottom: -5%; left: 16px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { font-size: 14px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: 0 0 15px; top: -1px; font-size: 15px; width: 193px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 64px 0; left: 40px; font-size: 14px; width: calc(100% - 99px); } div.cajaControl div.cajaFull { bottom: 0; right: 0; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { top: 58px; font-size: 19px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { top: 58px; font-size: 19px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div { margin: 12px 0; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex { padding-top: 83px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div p { font-size: 15px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { top: 17%; font-size: 23px; left: 29%; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeCont { font-size: 11px; } div.cajaMensaje.cM4 div.cajaCommBlock div label { font-size: 15px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaDescripcion, div.cajaMensaje.cM1 div.cajaDescripcion span { font-size: 12px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { font-size: 9px; } /**********************************Sorteo Externo******************************/ form.SorExterno { width: calc(100%); } div.slider div.sliderItem img.abbref { display: none; } div.slider div.sliderItem img.repsv.abbref { display: none; } div.slider div.sliderItem img.repsvpew.abbref { display: block; } } /********************Responsive 840px Vertical********************/ @media screen and (max-width:840px){ div.slider div.sliderItem img.abbref { display: none; } div.slider div.sliderItem img.repsv.abbref { display: block; } } /********************Responsive 425px Vertical********************/ @media screen and (max-width:425px) { div.comgg { width: calc(80% - 1px); padding: 12px; } div.sliderItem img.repsv.abbref { display: block; } footer.footer { margin-top: 10px; bottom: 0px !important; } div.slider div.sliderItem img.visbbl { display: none; } div.slider div.sliderItem.sliderCasa img.repsv { display: none; } div.slider div.sliderItem img.grnad { display: none; } div.slider div.sliderItem img.responsiv4255 { display: block; } div.repsvpew { display: block; } div.repsv { display: none; } div.grnad { display: none; } div.slider div.sliderItem img.repsvpew.abbref { display: block; } div.slider div.sliderItem img.repsv.abbref { display: none; } div.slider div.sliderItem img.abbref { display: none; } div.popFinalizado div.finalContent label { margin: 0; text-align: center; width: 100%; font-size: 20px; } div.cdsf { width: calc(100% - 1px); display: block; margin: auto; } div.addsb { width: 91%; } div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { font-size: 1px; font-weight: 300; } @supports (-webkit-touch-callout: none) { div.slider2 div.slider2Caja div.cajaMensajeFoto div.fotoComment div.CommentMT span { font-size: 16px; } } div.menuLateralResponsive { position: relative; display: none; justify-content: center; width: 97%; height: 50px; padding: 5px; padding-bottom: 21px; } div.menuLateralResponsive div.menuResponsive { position: relative; display: block; height: 39px; } div.botonResponsive425 { position: relative; display: block; height: 60px; width: 56px; border-radius: 5px; float: left; padding-left: 13px; background: rgba(10, 20, 30, .8); cursor: pointer; padding-top: 3px; margin-left: 3px; } div span.iconoLateralResponsive425 { position: relative; display: flex; justify-content: center; width: 44px; height: 20px; color: #ffffff; } div p.pResponsive425 { position: relative; display: flex; width: 44px; font-size: x-small; color: #ffffff; justify-content: center; padding: 2px; } div .botonResponsive425.hoverx:hover { transition: .4s; background: #008139; } /************************************Index Casa**************************/ div.slider div.sliderItem div.sliderTextBlock { width: 100%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont { width: 60%; bottom: 30px; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.blockInstagram { width: 80%; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockBig { text-align: right; } div.slider div.sliderItem div.sliderTextBlock div.sliderTextCont div.textBlockSmall { text-align: right; margin-right: 30px; } /************************************Index PayU************************************/ div.slider div.sliderItem div.sliderFront { width: 100%; height: 100%; top: 0; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.textBlock { font-size: 16px; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock { position: relative; justify-content: flex-start; top: unset; right: unset; } div.slider div.sliderItem div.sliderFront div.sliderBlockM div.sliderBlockMImg { width: 55%; } div.slider div.sliderItem div.sliderFront div.sliderTextP div.imgBlock img { width: 45%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM { position: absolute; margin: 0; margin-left: 5%; bottom: 10%; } div.slider div.sliderItem div.sliderFront div.sliderBlockM span { font-size: 18px; margin: 10px 0; } div.slider div.sliderItem div.sliderFront div.sliderBlockB { width: 100%; top: unset; bottom: 0; justify-content: center; } div.slider div.sliderItem div.sliderFront div.sliderBlockB button { width: unset; right: unset; font-size: 14px; } /************************************Index Concurso***************************************/ div.slider div.sliderItem div.circlePhone div.imgBanner.Phone { left: 0; padding: 0; padding-top: 80px; height: calc(100% - 430px); } div.slider div.sliderItem div.circlePhone div.titleText { right: 0; justify-content: center; top: 120px; } div.slider div.sliderItem div.circlePhone div.titleText img { height: 60px; } div.slider div.sliderItem div.fullTV div.imgBanner.TV { height: calc(100% - 300px); padding-right: 20px; } div.slider div.sliderItem div.fullTV div.titleText { font-size: 45px; top: 70px; text-align: center; text-indent: 0; } div.slider div.sliderItem div.controlHover div.labelAdic { font-size: 30px; padding-bottom: 60px; } div.slider div.sliderItem div.controlHover div.buttonPremios { display: block; right: unset; } div.slider div.sliderItem div.controlHover div.buttonPremios div.botonRedirec button { margin: auto; } div.slider div.sliderItem div.controlHover div.buttonPremios div.textoAdic { text-align: center; margin: 10px 0; font-size: 12px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg, div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { display: flex !important; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleImg { top: 20px; height: 50px; } div.slider div.sliderItem div.controlHover div.titlePremios div.titleHover { bottom: 130px; font-size: 30px; } /**************************Pre Header*************************/ div.contCambiante div.title { height: 40px; width: 100%; margin: 25px 0 0; text-align: center; background: -moz-linear-gradient(left, rgba(49,53,57,0) 0%, rgba(33,37,41,1) 50%, rgba(49,53,57,0) 100%); background: -webkit-linear-gradient(left, rgba(49,53,57,0) 0%, rgba(33,37,41,1) 50%, rgba(49,53,57,0) 100%); background: -o-linear-gradient(left, rgba(49,53,57,0) 0%, rgba(33,37,41,1) 50%, rgba(49,53,57,0) 100%); background: linear-gradient(to right, rgba(49,53,57,0) 0%, rgba(33,37,41,1) 50%, rgba(49,53,57,0) 100%); } div.contCambiante div.title > label { font-size: 16px; } div.contCambiante div.title > label > span { font-size: 10px; } div.campoGeneral { display: flex; justify-content: center; } div.campoGeneral input.campo { width: calc(80% - 10px); padding: 3px 10px; margin: 5px 0; } div.campoGeneral button.btnGeneral { margin: 10px; height: 25px; } div.txtLinkHeader { width: calc(50% - 10px); text-align: center; margin: 0; } div.txtLinkHeader span { font-size: 12px; } .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-blue.jconfirm-type-animated { width: 80% !important; } div.contRegistro { display: none; } /**************************Slider******************************/ div .slider div.sliderItem div.sliderText label { font-size: 18px; } div.slider div.sliderItem div.sliderText p { font-size: 10px; } div.slider div.sliderItem img { width: 100%; } div.slider div.sliderItem div.sliderText span.afilieseLabel { font-size: 60px; bottom: 50px; } .b24-widget-button-position-bottom-right { right: 20px !important; bottom: 20px !important; } /************************Footer******************************/ footer.footer div.contGeneral div.columna div.logoAlianza img { width: 100%; } footer.footer div.contGeneral div.columna div.nuestrasApps div img { width: 100%; } /*************************Planes***************************/ div.servSlider { height: 220px; } div.servSlider div.slider div.sliderItem div { display: block; } div.slider div.sliderItem div.sliderText p.newP { font-size: 14px !important; } div.servSlider div.slider div.sliderItem div.sliderHalf1 img, div.servSlider div.slider div.sliderItem div.sliderHalf2 img { height: 55%; } div.servSlider div.slider div.sliderItem div.sliderHalf1 img { object-position: right; } div.servSlider div.slider div.sliderItem div.sliderHalf2 img { object-position: left; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText { position: relative; display: flex; width: 100%; height: 45%; padding: 0; background: #313539; top: -5px; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div { text-align: center; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div label, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div label { font-size: 16px; color: #FFFFFF; padding-top: 10px; } div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div p, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div p { font-size: 10px; color: #D4D4D4; padding-top: 5px; } div.servicios div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div label { font-size: 16px; margin: 0 20px 10px; } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div span { font-size: 15px !important; } div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div p { font-size: 10px; margin: 0 20px; } div.servicios div.nuestrosServicios div.contServicios { width: calc(100% - 40px); } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo { display: block; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo b { font-size: 14px; width: calc(100% - 30px); margin: 10px auto; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo span { font-size: 12px; width: calc(100% - 30px); margin: 60px auto 10px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo label { top: 45px; text-align: center; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan { width: 100%; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle label { font-size: 20px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan label { font-size: 14px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan label { font-size: 10px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloquePrinc div.botonPlan div.btnPlan button { padding: 5px 30px; font-size: 14px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan div.bloqueBenef div.textoBenef p { font-size: 12px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes { height: 550px; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1, div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro2 { display: block; width: 100%; height: auto; padding: 10px 0; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea div.itemVent label { width: 100%; } div.servicios div.nuestrosServicios div.contServicios div.listaBenef div.listaHalf { display: block; width: calc(100% - 10px); } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.grupoItem { display: block; width: calc(100% - 10px); } div.BuscarTel { height: 450px; background-position: center; } div.BuscarTel div.contAsesor { display: block; } div.BuscarTel div.tituloAsesor label { margin: 10px 0; font-size: 20px; } div.BuscarTel div.tituloAsesor label span { font-size: 18px; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor > label { font-size: 20px; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor div.divNumero label { font-size: 14px; } div.BuscarTel div.contAsesor div.telefonoAsesor div.bloqueAsesor div.divNumero label span { font-size: 18px; } div.BuscarTel div.contAsesor div.telefonoAsesor, div.BuscarTel div.contAsesor div.selectAsesor { margin: 0px; display: block; width: 100%; } div.BuscarTel div.contAsesor div.selectAsesor div.grupoAsesor { position: relative; display: block; padding: 20px; } div.servicios div.nuestrosServicios div.serviciosGrilla { width: calc(100% - 50px); } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque { width: 100%; } div.servicios div.nuestrosServicios div.serviciosGrilla div.serviciosBloque div.contenidoBloque div.bloqueFront { width: 100%; } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque { width: calc(100% - 20px); } div.servicios div.nuestrosServicios div.contGeneralVenNuestrosPlanes div.ventajas div.ventajasBloque div.ventajasCuadro1 div.ventajaLinea { display: block; width: 100%; } div.servicios div.actionPlanes { background-position: center; } div.servicios div.actionPlanes div.actionCont { width: 100%; } /**********************Pop Ups***********************/ div.afiliacionPopUp form.formAfiliacion { width: calc(100% - 40px); } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan { height: 60px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div label { font-size: 18px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.tituloPlan div span { font-size: 10px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.txtCondiciones label { font-size: 12px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.infoPlan div.filasCondiciones { display: block; height: calc(100% - 40px); } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond, div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond, div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond, div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond, div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond { display: block; width: 100%; } div.afiliacionPopUp form.formAfiliacion div.contPlan.familiar div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.libre div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.menores div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.unipersonal div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b, div.afiliacionPopUp form.formAfiliacion div.contPlan.vitalicio div.infoPlan div.filasCondiciones div.filaCond div.itemPlan b { font-size: 12px; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan div.planBotonera { height: auto; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.botonPlan div.planBotonera div.btnGeneral { font-size: 12px; } div.formularioPopUp form.form { width: calc(100% - 40px); } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm label { font-size: 20px; } div.formularioPopUp form.form div.contenidoPopUp div.tituloPopUp div.tituloForm span { font-size: 10px; } div.formularioPopUp form.form div.contenidoPopUp div.inputsPopUp { width: calc(100% - 40px); margin: auto; } div.formularioPopUp form.form div.contenidoPopUp div.checkAcepto label { font-size: 10px; } div.formularioPopUp form.form div.contenidoPopUp div.checkAcepto { width: 240px; } .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated { width: 70% !important; } form.formName { padding: 0; } div.form-group input { width: calc(100% - 20px); } /***********************Servicios*************************/ div.planes div.planesExeq div.textoPlanes div.txtPlanes label { font-size: 16px; } div.planes div.planesExeq div.textoPlanes div.txtPlanes label b { font-size: 30px; } div.planes div.planesExeq div.textoPlanes div.txtPlanes span { font-size: 14px; margin: 0 20px; width: calc(100% - 40px); } div.planes div.planesExeq div.textoPlanes div.txtPlanes p { font-size: 12px; margin: 0 20px; width: calc(100% - 40px); } div.planes div.planesExeq div.contentPlanes { width: calc(100% - 40px); } div.planes div.planesExeq div.contentPlanes div.textoPreServicios span { display: block; width: 100%; margin: 20px 0; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel { display: block; width: 100%; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel span { font-size: 16px; } div.planes div.planesExeq div.contentPlanes div.textoPreServicios div.lineaLabel label { font-size: 14px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio { margin: 0 30px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio span { height: 135px; } div.planes div.planesExeq div.bannerMedio div.textoBannerMedio label { font-size: 12px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes { display: block; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan { display: block; margin: 50px 0; width: 100%; min-width: 240px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.princTitle label { font-size: 26px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.nombrePlan label { font-size: 16px; } div.planes div.planesExeq div.contentPlanes div.grupoPlanes div.bloquePlan div.bloquePrinc div.specialPlan span { font-size: 14px; } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono { top: -120px; left: 22%; background: rgba(10, 20, 30, .9); } div.planes div.planesExeq div.contentPlanes div.divContacto div.botonTCO div.globoTelefono span { bottom: -20px; right: 45%; transform: rotate(90deg); border-left: solid 20px rgba(10, 20, 30, .9); } /**************************Obituarios*******************************/ div.obituarios div.bannerObit { height: 100px; } div.obituarios div.bannerObit label { font-size: 12px; } div.obituarios div.buscadorObituarios div.barraBuscador { display: block; border-radius: unset; margin: 40px 0 20px; width: calc(100% - 30px); } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador { border: unset; border-radius: unset; display: block; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador select { border: solid 1px rgba(200,200,200,.9); -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; margin: 5px 0; } div.obituarios div.buscadorObituarios div.barraBuscador div.selectBuscador input.campoBuscador { margin: 5px 0 10px; width: calc(100% - 22px); border: solid 1px rgba(200,200,200,.9); } div.obituarios div.buscadorObituarios div.barraBuscador div.botonesBuscador { width: 100%; } div.obituarios div.grillaObituarios div.grupoBloques { width: 100%; } div.obituarios div.grillaObituarios div.grupoBloques div.bloqueObituario { width: 100%; min-width: unset; margin: 30px auto 10px; display: block; } /*********************************Sedes*********************************/ div.sedes div.buscadorSedes form.barraBuscador { display: block; border-radius: unset; margin: 0px 0 20px; width: calc(100% - 30px); } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador { border: unset; border-radius: unset; display: block; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador select { border: solid 1px rgba(200,200,200,.9); -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; margin: 5px 0; } div.sedes div.buscadorSedes form.barraBuscador div.selectBuscador input.campoBuscador { margin: 5px 0 10px; width: calc(100% - 22px); border: solid 1px rgba(200,200,200,.9); } div.sedes div.buscadorSedes form.barraBuscador div.botonesBuscador { width: 100%; } div.sedes div.grillaSedes div.grupoBloques { width: 100%; } div.sedes div.grillaSedes div.grupoBloques div.bloqueSede { width: 100%; min-width: unset; margin: 30px auto 10px; display: block; } /*****************************Bono Millonario******************************/ div.bonoMillonario div.backContador { height: auto; display: block; margin: 40px 0 20px; } div.bonoMillonario div.backContador div.bonoContador { width: 100%; display: block; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo { width: 100%; margin: 20px 0; display: block; top: 20px; } div.bonoMillonario div.backContador div.bonoContador div.infoProxSorteo div.infoSorteo { padding: 20px; } div.bonoMillonario div.backContador div.bonoContador div.contador { width: 100%; display: flex; height: 220px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo { top: -25px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo div.numContador span { font-size: 36px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom { font-size: 12px; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom b { font-size: 24px; } div.bonoMillonario div.grillaBono div.grupoBloques { width: calc(100% - 40px); margin: auto; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques { margin: 0 0 20px; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques i { font-size: 24px; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques label { font-size: 14px; } div.bonoMillonario div.grillaBono div.grupoBloques div.textoPreBloques span { font-size: 12px; } div.bonoMillonario div.grillaBono div.grupoBloques div.btnUltimo { margin: 10px 0; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono { width: calc(100% - 10px); min-width: unset; max-width: unset; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.fechaBono { height: 40px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.fechaBono span { font-size: 16px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono { height: 100px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div label { font-size: 12px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.infoBono div span { font-size: 26px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono.activo { height: auto; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.videoBono { width: 100%; height: 180px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.infoBono { height: 120px; } div.bonoMillonario div.grillaBono div.grupoBloques div.fullBono div.ocultarBono { right: 30%; width: 40%; } /******************************TCO******************************/ div.contModulos { height: 2579px; } div.contModulos div.modulo { width: 340px; height: 260px; } div.contModulos div.modulo:nth-child(1) { left: auto; } div.contModulos div.modulo:nth-child(2) { right: auto; top: 260px; } div.contModulos div.modulo:nth-child(3) { left: auto; top: 520px; } div.contModulos div.modulo:nth-child(4) { right: auto; bottom: 1523px; } div.contModulos div.modulo:nth-child(5) { left: auto; bottom: 1256px; } div.contModulos div.modulo:nth-child(6) { right: auto; bottom: 991px; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta { height: 240px; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta h1 { font-size: 16px; display: block; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta b { font-size: 30px; display: block; } div.tarjetaClub div.tarjetaBeneficios div.tituloTarjeta img { width: 90px; margin: 10px 0; } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono { left: 22%; top: 60px; background: rgba(10, 20, 30, .9); } div.tarjetaClub div.tarjetaBeneficios div.callToActionTCO div.textoTCO div.botonTCO div.globoTelefono span { bottom: 50px; right: 95px; transform: rotate(-90deg); } /*****************************Videos****************************/ div.vistaVideo button { margin: 5px auto; } div.vistaVideo div.divVideo video { width: calc(100% - 20px); height: auto; margin: auto; } /**********************Afiliacion Web***************************************/ form.afiliacionWeb { margin: 20px 0; } form.afiliacionWeb div.contentAfil { width: 90%; height: auto !important; } form.afiliacionWeb div.contentAfil div.indicadorAfil { display: block; } form.afiliacionWeb div.contentAfil div.indicadorAfil div { width: 100%; margin: 5px 0px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div span.circNumero { width: 30px; height: 30px; } form.afiliacionWeb div.contentAfil div.indicadorAfil div label { font-size: 15px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoResidencia div.campo { width: calc(100% - 0px); } form.afiliacionWeb div.contentAfil div.contentForm { width: calc(100% - 40px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios > div:nth-child(4) { margin: 10px; width: calc(100% - 20px); } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios label#ddlParentesco-error { width: 4% !important; right: -15px; } form.afiliacionWeb div.contentAfil div.contentForm div.infoBeneficiarios label.error { height: 72% !important; width: 10% !important; left: 94% !important; } .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-orange.jconfirm-type-animated { width: 60% !important; } /*******************************Unauthorized**************************/ div.unauthorized div.infoError div.errorNumber label.error404 { font-size: 150px; } div.unauthorized div.infoError div.errorNumber i.skull404 { font-size: 100px; } div.unauthorized div.infoError label.message404 { font-size: 18px; } div.unauthorized div.infoError a.back404 span { font-size: 16px; } /*****************************Concurso Empleados************************/ div.concursoEmp div.concursoCont div.infoCampos div.docCampos { width: 95%; } div.concursoEmp div.concursoCont div.infoCampos div.nomCampos div.nomCamp, div.concursoEmp div.concursoCont div.infoSelects div.infSelect { display: block; width: calc(100% - 14px); margin: 10px 5px; } div.concursoEmp div.concursoCont div.infoExCampos div.exCampo label { display: block; width: 100%; margin: 5px 0; } div.concursoEmp div.concursoCont div.infoExCampos div.exCampo input { width: calc(100% - 27px); } div.concursoEmp div.concursoCont div.infoSelects div.infSelect select { margin-bottom: 30px; } div.concursoEmp div.concursoCont div.infoCampos div.nomCampos div.nomCamp input { margin-bottom: 30px; } label#txtSede-error, label#txtInstagram-error { right: unset; left: 0; top: 40px; } /********************************Ayuda*******************************/ div.ayuda div.descAyuda { padding: 0 20px 20px; font-size: 14px; } div.ayuda div.listaVideos div.cajaVideo { width: calc(100% - 55px); } /***********************************Pago Servicios**********************************/ div.consultaFallecido > div { display: block; margin: 10px; } div.datosPayU div.grupoInputs div.inputPayU { display: block; width: calc(100% - 10px); } /**********************************Concurso Empleados***************************************/ form#IdConcurso { height: calc(100% + 20px) !important; } div.hideConcurso { left: 10px; width: 95%; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tbody { height: 360px; } div.hideConcurso div.hideContent div.hideOne div.hideTitle, div.hideConcurso div.hideContent div.hideTwo div.hideTitle { margin: 20px; font-size: 36px; } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr th:nth-child(1), div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr td:nth-child(1) { width: calc(19% - 34px); } div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr th, div.hideConcurso div.hideContent div.hideTwo div.tableGanadores table tr td { width: calc(26% - 30px); font-size: 12px; } /*************************************Extra******************************************/ div#cedula label#txtCedula-error { width: 42% !important; height: 22%; position: absolute; left: 5px; font-size: 11px; padding: 0px; padding-top: 10px; top: 32px; z-index: 0; } article#nm label#txtNombre1-error { width: 64% !important; font-size: 10px !important; padding: 0; padding-top: 4px; top: 33px; } article#nm label#txtNombre1-error { width: 68% !important; height: 45% !important; font-size: 10px !important; padding: 0; padding-top: 4px; top: 33px; } article#pun label#txtApellido1-error { z-index: 0; left: 0%; width: 70% !important; height: 15px; padding-top: 5px; top: 34px; font-size: 10px !important; } article#crr label#txtCorreo-error { z-index: 0; left: 0%; width: 66%; height: 20px; padding-top: 5px; top: 31px; font-size: 10px; } article#cnfcrr label#txtConCorreo-error { z-index: 0; left: 0%; width: 66%; height: 16px; padding-top: 5px; top: 33px; font-size: 10px; } article#contraseñau label#txtContraseña1-error { z-index: 0; left: 0%; width: 66%; height: 22px; padding-top: 5px; top: 31px; font-size: 10px; } article#contraseñad label#Contraseña2-error { z-index: 0; left: 0%; width: 66%; height: 18px; padding-top: 5px; top: 34px; font-size: 9px; } /******************************resultado payu********************************/ .resultAprov { display: block; margin-top: 5%; } div.resultAprov section { padding-bottom: 0px; width: calc(89%) !important; height: 329px; } .texto1 { font-size: 14px; top: 31px; } #INICIO button.naranja { font-size: 9px; } figure#figura div.imgCont { top: 24px !important; } div.resultPayU h3 { font-size: 10px; } article#pago, article#nombretienda, article#fechaacompra p { font-size: 9px; } article#fechas p { font-size: 9px; } div#NO p { font-size: 9px; } #NO { top: -57%; } #ll { width: calc(87%) !important; margin-left: 15px; } #codigo #codigob { height: 54%; top: -98%; } #py { left: -20% } article#fechas { margin-top: 17px; left: -14%; } /*************************error payu****************************/ div.resultDeneg #error figure { width: 353px !important; } div.resultDeneg #error figure img { left: 44px; width: 78%; height: 52%; } div.resultDeneg #fallo p { font-size: 20px; } div.resultDeneg .naranja { width: calc(74% - 115px); font-size: 11px; height: 28px; } /*********** 425 concurso afiliados formulario************/ div.concAfiliados { position: relative; display: block; height: 1307px; } div.concAfiliados div.concContador div.contadorOn { height: 81px; } div.chicafondddd { width: calc(60% - 1px); display: block; left: 13%; position: absolute; top: 12px; } div.imgcel { left: 73%; width: calc(54% - 1px); top: 119px; } div.contencel div.texpre { font-size: 6px !important; top: -106px !important; left: 243px; } div.contenCrri div.texcarr { width: 38%; font-size: 5px !important; left: 76% !important; top: -129px; } div.contenCrri div.carr { width: calc(43% - 1px); left: 36%; top: -9px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo { position: relative; display: block; width: calc(110% - 1px); height: 60%; padding: 6px 0; bottom: 68px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.SOLOF { top: 1%; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div.flt { margin: 10px 0 8px; display: flex; top: 39%; font-size: 6px; } div.textFechas.dfreeeer { font-size: 12px !important; width: 33% !important; left: 56% !important; top: 82px !important; } span.fechaConc.ait.fddff { width: 99px !important; font-size: 11px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { top: -21px; font-size: 11px; width: 65%; left: 20%; } div.flt { top: -88px; font-size: 15px; left: 30%; width: 94%; } div.prox { right: -9%; } div.red { width: 81%; position: relative; background: #FFFFFF; left: 0%; color: #FFFF; top: -147%; transform: rotate( 0deg); font-size: 10px; } div.termi span { font-size: 11px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.txtTiempo { font-size: 8px; } span.fechaConc { width: 64px !important; display: inline-block !IMPORTANT; } div.textFechas { font-size: 6px !important; width: 46%; top: -9px !important; left: 26% !important; position: relative; } div.concCont.clop { width: 77% !important; left: 4% !important; top: -169px !important; } span.fechaConc.ait.gtrr { font-size: 18px; width: 102% !important; } div.prox { right: 55%; top: 88px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo > div div.numTiempo { font-size: 19px; } span.seccionUN { display: inline-block; margin: auto; font-size: 12px; } div.exr { width: calc(42% - 1px); display: inline-block; margin: auto; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha.nuevaclas { top: -5px; left: 79px; } div.inConfirmar { display: block; font-size: 19px; } div.SOLOF { font-size: 14px; left: -17px; top: -94px; padding: 11px; } div.concAfiliados div.concContador div.contadorOn { height: 628px; background: #FFFF; } div.comfos img { object-fit: cover; width: 100%; height: 84%; position: absolute; top: -32%; left: -6%; } div.concAfiliados div.concContador > div div.concPremio { display: inline-block; height: 268px; width: 136%; } footer.footer { position: relative; z-index: 40; bottom: 29px !important; margin-top: 28px; } div.slider div.sliderItem { height: 100%; } div.contenedorfondo { width: calc(77% - -67px ); right: 83px; height: 300px; } div.CELULARimg { margin: 238px 99px 0; padding-bottom: 200px; width: 81%; } div.IMGSMARTTV { height: calc(35% - 14px); padding-right: 143px; bottom: 8px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo > div { margin: 10px 0; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha { margin: 10px 0; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div img { height: 70%; top: 16px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio > div label { bottom: 50px; } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgGranPremio { width: calc(60% - 15px); } div.concAfiliados div.concContador > div div.concPremio div.imgPremio div.imgMidPremio { width: 40%; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio { font-size: 14px; margin: 20px 0; } div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(1), div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.tituloPremio label:nth-child(2), div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(1), div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(2), div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(3), div.concAfiliados div.concContador div.contadorOn div.concPremio div.infoPremio div.descPremio span:nth-child(4) { margin-right: 10px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo, div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label:nth-child(1), div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont > label:nth-child(3), div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha, div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { left: 20px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.infoFecha, div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concFecha div.textFecha { left: 0; text-align: right; margin-right: 20px; } div.concAfiliados div.concContador div.contadorOn div.concTiempo div.concCont div.contTiempo { left: 0; clip-path: unset; } div.concAfiliados div.Cntitular, div.concAfiliados div.Cnvalidar { display: block; width: 100%; } div.concAfiliados div.Cntitular label, div.concAfiliados div.Cntitular input { width: 100%; } div.concAfiliados div.Cntitular label { margin: 0; text-align: center; } div.concAfiliados div.Cntitular input { width: calc(100% - 20px); margin: 10px 0; } div.concAfiliados div#fconten > div { display: block; margin: 5px 0; width: calc(100% - 20px); } div.concAfiliados div#fconten > div input.inputField { width: calc(100% - 20px); } div.concAfiliados #nombres div, div.concAfiliados div#redes > div { display: block; margin: 5px 0; width: calc(100% - 20px); } div.concAfiliados #nombres div input, div.concAfiliados div#redes > div input { width: calc(100% - 20px); } div.concAfiliados div.txTerminos { height: 300px; width: 360px; } div.concAfiliados div.txTerminos span { width: 360px; } div.concAfiliados label#ddlTipoDocumento-error, div.concAfiliados label#txtDocumentoParticipante-error, div.concAfiliados label#txtPrimerNombre-error, div.concAfiliados label#txtPrimerApellido-error, div.concAfiliados label#txtTelefono-error, div.concAfiliados label#txtCorreo-error, div.concAfiliados label#ddlParentesco-error, fdiv.concAfiliados label#txtInstagram-error { right: -18px; left: unset; top: 17px; width: 20px; height: 26px; justify-content: center; } /***************************************Cementerio Virtual******************************************/ div.menuLateral.RIP { top: calc(50% - 10px); } div.cementerioVirtual div.cementerioCont div.cementerioSlider { width: 95%; height: 50%; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll { left: calc(10% - 10px); } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.nombreFallecido { font-size: 12px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 10px; bottom: -20%; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div { width: calc(50% - 13px); height: calc(100% - 20px); padding: 5px; } div.cementerioVirtual div.cementerioCont div.cementerioSlider { width: 94%; } div.cementerioVirtual div.cementerioCont { padding: 24px 0 37px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll { left: calc(14% - 30px); } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN { font-size: 13px; bottom: -21%; left: 8px; } div.slider2 div.slider2Caja div.cajaMensajeLapida div.texFll div.fechaFN > div { margin: -3px 17px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaTitulo label { margin: auto; top: 10px; font-size: 9px; width: 126px; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment div.cajaCommBlock div.cajaDescripcion span { font-size: 6px; margin: 13px auto; } div.slider2 div.slider2Caja div.cajaMensajeEmpresa div.cajaComment > div.cajaCommTitle label { margin: 48px 0; left: 16px; font-size: 11px; width: calc(100% - 37px); } div.slider2 div.slider2Caja div.cajaMensajeObituario div.contemNombreOB { top: 39px; font-size: 13px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex { padding-top: 59px; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div { margin: 8px 0; } div.slider2 div.slider2Caja div.cajaMensajeObituario div.CajaOBtex > div p { font-size: 11px; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeTit { top: 16%; font-size: 15px; left: 15%; } div.slider2 div.slider2Caja div.cajaMensajeFamiliar div.mensajeCont { font-size: 9px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaTitulo { font-size: 12px; } div.slider2 div.slider2Caja div.cajaMensaje div.cajaComment div.cajaCommBlock div.cajaDescripcion, div.cajaMensaje.cM1 div.cajaDescripcion span { font-size: 8px; } div.cajaMensaje.cM4 div.cajaCommBlock div label { font-size: 11px; } /*************************************Sorteo Externo**************************************/ div.CONTEMPrincipal { height: auto; width: calc(100% - 20px); padding-top: 10px; } div.ContenedorFormulario { width: calc(94% - 20px); } div.textobtco { font-size: 14px; bottom: 85%; } div.textobtcoo { margin-top: 3px; bottom: 84%; } div#PARTICIPA { margin: 3px 0 -2px; bottom: 11px; } div.contenslai { height: 407px; } div.TARGETIMAGEN span { bottom: 25%; } div.TARGETIMAGEN img { object-position: center; border-radius: 32px; } div.CELULARimg { margin: 130px 118px 0 !important; } div.REDES { height: 114px; } div .SELECCIO, div.numerCC, div.NM1, div.NM2, div.AP1, div.AP2, div.CIUDAD, div.DEPA { display: block; width: calc(100% - 20px); margin: 5px 8px; text-align: left; } div.TELEFONO, div.CORREO, div.INSTAGRAM { display: block; width: calc(100% - 20px); text-align: left; font-size: 14px; margin: 5px; } div.REDES { position: relative; display: block; margin: 10px 0; width: 100%; } div.contenedorwiidd { height: auto; } div.DILIGENCI { font-size: 23px; margin: 20px auto; text-align: center; } div.ppopptikc { height: 130px; } div.texconten { margin-left: 30px; top: 14px; width: 43%; } span.rrr { font-size: 16px; } span.nrrr { top: 5px; font-size: 10px; } div.fechatikk { left: 51%; top: 1px; } div.PARTE span.fechaConc.tickl { display: block !important; width: 67px !important; color: currentColor; margin: auto; font-size: 8px; left: -25px; top: 1px; } div.ltfr { font-size: 9px; width: 77px; } div.fec { font-size: 8px !important; width: calc(131% - 1px); top: 11px; left: 12px; } div.concAfiliados div.popUpTicket { position: fixed; display: none; width: 100%; height: calc(113% + 91px); background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: -41px; z-index: 10; } div.txttv { font-size: 9px !important; margin: 1px auto; } div.texcontennumerouno { top: 92px; right: 131px; font-size: 16px; } div.serialuno { top: 92px; right: 106px; font-size: 16px; } div.texcontennumerodos { top: 68px; font-size: 22px; right: 10px; } div.serialdos { width: 8%; top: 20px; font-size: 22px; right: 21px; } div#lblSerie2 { top: -155px; font-size: 20px; right: 25px; } div.bcerrar.SORTEXTERNO { top: -15px; z-index: 11; width: 30px; height: 30px; font-size: 19px; left: 361px; } div.contennavegardores { 00 display: block !important; } div.contModulos div.modulo:nth-child(7) { bottom: 711px; left: 44px; } div.contModulos div.modulo:nth-child(9) { bottom: 142px; left: 41px; } div.contModulos div.modulo:nth-child(8) { bottom: 429px; right: 40px; } div.servicios div.actionPlanes.dofes { height: 200px; margin-top: 5835px; } div.headerMenu div.mainMenu.bgtr div.logo { left: -88px; } div.slider div.sliderItem div.telefftr { width: 85%; left: -3%; top: 84.4%; } div.slider div.sliderItem div.telefftr div.textrl span { font-size: 7px; } div.slider div.sliderItem div.telefftr div.numerd a { FONT-SIZE: 8px; } div.textrl { width: calc(42% - 1px) !important; } div.telefftr div.numerd { width: calc(24% - 1px) !important; } div.slider div.sliderItem div.buttinfor.telefftr { width: 25%; left: 22%; top: 34.8%; } div.slider div.sliderItem div.buttinfor.telefftr button.butrfesd { padding: 6px; } div.slider div.sliderItem div.buttinfor.telefftr div.logoimpla { width: 26%; FONT-SIZE: 14PX; } div.slider div.sliderItem div.buttinfor.telefftr div.tecdfeer { width: 62%; FONT-SIZE: 6PX; } div.slider div.sliderItem div.intecddsefc.telefftr { width: 56%; left: 10%; top: 38.4%; } div.slider div.sliderItem div.intecddsefc.telefftr div.textrl span { font-size: 5px; } div.slider div.sliderItem div.intecddsefc.telefftr div.numerd a { FONT-SIZE: 8px; } div.slider div.sliderItem img.responsiv4255 { display: block; } div.slider div.sliderItem img.responsiv768 { display: none; } div.slider div.sliderItem div.sliderText.cjkitiplu { left: 49%; top: 70%; width: 37%; } div.numerosver { font-size: 28px; font-weight: bold; } div.slider div.sliderItem img.reps1366x639v { display: none; } div.slider div.sliderItem img.repsdv639dos { display: none; } div.slider div.sliderItem img.responsiv1366 { display: none; } div.slider div.sliderItem img.repsvpew.abbref { display: block; } .bannrBttn.sunemedic { right: 1em; bottom: 15em; height: 9%; } .bannrBttn.sorteo { left: 4em; bottom: 17em; height: 6%; } .bannrBttn.convenios { left: 3em; bottom: 14em; height: 6%; } .bannrBttn.outlet { right: 1em; bottom: 17em; height: 8%; } .bannrBttn.petline { right: 1em; bottom: 14em; height: 8%; } } /********************Responsive 360px Vertical********************/ @media screen and (max-width:360px) { div.slider div.sliderItem img.abbref { display: none; } div.slider div.sliderItem img.repsv.abbref { display: none; } div.slider div.sliderItem img.repsvpew.abbref { display: block; } } /**************************Index Concurso*******************************/ /*************************Exclusivo Mozilla*****************************/ @-moz-document url-prefix() { nav > ul > li.activo[rel="btnMenu"]::before, nav > ul > li:hover[rel="btnMenu"]::before { margin-left: -9px; } div.headerMenu div.mainMenu ul li span { padding-bottom: 18px; } footer.footer.inactivo span.iconoSubir::before, footer.footer.inactivo span.iconoSubir::after { left: 12px; } div.slider2 div.slider2Caja { display: flex; } } /*****************************Exclusivo Edge*****************************/ @supports (-ms-ime-align: auto) { nav > ul > li.activo[rel="btnMenu"]::before, nav > ul > li:hover[rel="btnMenu"]::before { margin-left: -9px; } div.headerMenu div.mainMenu ul li span { padding-bottom: 18px; } footer.footer.inactivo span.iconoSubir::before, footer.footer.inactivo span.iconoSubir::after { left: 12px; } div.servicios div.nuestrosServicios div.contServicios div.grupoPlanes div.bloquePlan:nth-child(3) div.bloqueBenef { top: 20px; } div.slider div.sliderItem img.celimg { display: block; } /**********************************Concurso Afiliados**************************************/ } /****************************Exclusivo Explorer*****************************/ @media all and (-ms-high-contrast:none) { /***************************Header**********************************/ div.preHeader > span.iconoCerrar { left: 50%; } div.preHeader > span.iconoCerrar::before, div.preHeader > span.iconoCerrar::after { left: 15px; } div.preHeader > span.iconoCerrar:hover::before, div.preHeader > span.iconoCerrar:hover::after { position: absolute; left: 10px; } div.headerMenu div.mainMenu div.logo img { position: relative; top: -25px; } div.headerMenu div.mainMenu nav ul li { top: -2px; } div.headerMenu div.mainMenu nav ul li.btnMenuOpen i { position: absolute; top: 25px; } div.headerMenu div.mainMenu nav ul li i { top: 30px; } nav > ul > li[rel='btnMenu']:hover::after, nav > ul > li[rel='btnMenu'].activo::after { left: calc(47% + 1px); } nav > ul > li[rel='btnMenu']:hover::before, nav > ul > li[rel='btnMenu'].activo::before { right: calc(47% + 1px); } div.headerMenu div.mainMenu div.logoOfertshop { top: 0; } div.headerMenu div.mainMenu div.logoOfertshop div img { position: relative; top: -26px; } /*******************************Inicio************************/ div.slider div.sliderItem div.controlHover div.buttonPremios { left: 0; } /*****************************Menu Lateral****************************/ div.menuLateral { top: -25%; } div.menuLateral div.menuIzq span.botonOcultarLateral::before, div.menuLateral div.menuIzq span.botonOcultarLateral::after, div.menuLateral div.menuDer span.botonOcultarLateral::before, div.menuLateral div.menuDer span.botonOcultarLateral::after { left: 10px; } div.body-content > div.slider div.sliderItem img { position: -ms-device-fixed; top: 0; } div.slider div.sliderItem div.sliderText { top: 35%; } /**********************************Footer**********************************/ footer.footer.inactivo span.iconoSubir, footer.footer span.iconoSubir { left: 50%; } footer.footer.inactivo span.iconoSubir::before, footer.footer.inactivo span.iconoSubir::after, footer.footer span.iconoSubir::before, footer.footer span.iconoSubir::after { left: 13px; } /************************************Planes Exequiales**************************************/ div.servSlider div.slider div.sliderItem div.sliderHalf1 div.sliderText div, div.servSlider div.slider div.sliderItem div.sliderHalf2 div.sliderText div, div.servSlider div.slider div.sliderItem div.sliderHalf3 div.sliderText div { top: -90px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo label { position: relative; bottom: -60px; } div.servicios div.nuestrosServicios div.contServicios div.textoServicios div.priceInfo span { left: calc(45% + 8px); position: absolute; } div.afiliacionPopUp form.formAfiliacion div.contPlan div.cerrarAfil span { left: 35%; } /****************************************Servicios***************************************/ div.servSlider div.slider div.sliderItem div.sliderHalf1 img { position: absolute; top: 0; } /****************************************Bono Millonario*********************************/ div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo { position: relative; } div.bonoMillonario div.backContador div.bonoContador div.contador div.contadorSorteo { position: absolute; width: 100%; left: 15%; top: 20%; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtTop { left: 48%; } div.bonoMillonario div.backContador div.bonoContador div.contador div.txtSorteo label.txtBottom { position: absolute; width: 100%; left: 50px; } div.bonoMillonario div.grillaBono div.grupoBloques div.lineaBloques div.bloqueBono div.mostrarBono div { width: 100%; left: 20%; } /**************************************Concurso Afiliados************************************/ div.slider div.sliderItem div.explorerPut0 { display: block; z-index: 1; } div.slider div.sliderItem div.fullTV, div.slider div.sliderItem div.circlePhone, div.slider div.sliderItem div.controlHover div.titlePremios { display: none; } } /*Tamaños pre hechos*/ div.W100 { width: 100%; } div.W80 { width: 80%; display: inline-block; } div.W75 { width: 75%; display: inline-block; } div.W50 { width: 50%; display: inline-block; } div.W40 { width: 40%; display: inline-block; } div.W33 { width: 33.3333%; display: inline-block; } div.W25 { width: 25%; display: inline-block; } div.W20 { width: 20%; display: inline-block; } /*Colores*/ .naranja { background: #ff8f00; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; } .naranja:hover { background: var(--ColorOrange1); transition: .3s; } .gris { background: #E1E5E9; color: #000000; transition: .3s; cursor: pointer; text-transform: uppercase; } .gris:hover { background: #F1F5F9; transition: .3s; } .grisOb { background: #A1A5A9; color: #000000; transition: .3s; cursor: pointer; text-transform: uppercase; } .grisOb:hover { background: #d1d5da; transition: .3s; } .verde { background: #008139; color: #FFFFFF; transition: .3s; cursor: pointer; text-transform: uppercase; } .verde:hover { background: #00b751; transition: .3s; } .rojo { background: #EC3725; color: #FFFFFF; transition: .3s; cursor: pointer; text-transform: uppercase; } .rojo:hover { background: #f35a4b; transition: .3s; } .payU { background: #A6C307; color: #FFFFFF; transition: .3s; cursor: pointer; text-transform: uppercase; } .payU:hover { background: #B6D720; transition: .3s; } table.formatoTabla { width: 100%; position: relative; margin-top: 20px !important; margin: auto; } table.formatoTabla thead tr th { position: relative; padding: 5px; text-align: center; } table.formatoTabla thead tr { background: #008139; color: #FFFFFF; } table.formatoTabla tbody tr:nth-child(1) { background: #F0F0F0; } table.formatoTabla tbody tr td { position: relative; padding: 5px; text-align: center; } input.inputField, select.inputField, textarea.inputField { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } select.inputField { width: 100% !important; } textarea.inputField { padding: 10px; } /*********************************Overlay Procesando*******************************/ .loading-overlay { position: fixed; display: flex; width: 100vw; height: 100vh; justify-content: center; align-items: center; text-align: center; top: 0; opacity: 0.7; z-index: 99999999 !important; } .loading-overlay-content { text-transform: uppercase; letter-spacing: 0.4em; font-size: 1.15em; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; z-index: 40 !important; } .loading-overlay.loading-theme-light { background-color: #fff; color: #000; } .loading-overlay.loading-theme-dark { background-color: #000; color: #fff; } div.atencion { animation: llegadaCobertura 2s; } div.slider div.sliderItem div.sliderText span.afilieseLabel { animation: afilieseLlegada 1s; } .quantity { border: 1px solid #ccc; border-radius: 3px; padding: 5px; width: 75px; position: relative; } .quantity input[type="number"] { border: none; padding: 5px; font-size: 13px; pointer-events: none; } .quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button { opacity: 1; } div.tredfgt { margin: 18px auto; display: block; position: relative; } div.ppup { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 31; bottom: 0; left: 0; } div.contenrett { display: block; width: 100%; margin: auto; text-align: center; position: relative; } div.ytun { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 50%; margin: auto; } div.tllrecperar, div.corresrt { width: 35%; display: inline-block; margin: auto; text-align: center; position: relative; } div.sdert.secttr input[type="text"], div.secttr.grgtfc input[type="text"] { width: 100%; height: 30px; text-align: center; } div.divtitucambio { width: 100%; display: block; margin: 15px auto; text-align: center; font-weight: 700; } div.divtuytqwe { width: 80%; display: block; margin: 20px auto; position: relative; text-align: center; } div.guardarcambkios, div.cerrardeditar { width: 49%; display: inline-block; position: relative; margin: auto; text-align: center; } /************************** pagos de creditos enlinea **********************************/ div.pagoenlineaCedi { position: absolute; display: block; padding: 0; margin: auto; justify-content: center; width: 100%; } div.btEditar { width: 91%; display: block; margin: 15px auto; text-align: right; } button.naranja.edidqe { position: relative; padding: 5px 20px; border-radius: 5px; } div.contenindividaul { display: block; position: relative; margin: auto; width: 80%; justify-content: center; } div#iuopll { width: 80%; margin: auto; padding-left: 100px; } div.InserCuen input[type="text"] { height: 30px; padding: 0px 19px; width: 89%; } div.InserCuen input[type="text"], div.InserTPC input[type="text"] { height: 30px; padding: 0px 19px; width: 89%; } div.ttulio { position: relative; display: block; width: 80%; margin: 40px auto 20px; font-size: 35px; text-align: center; font-weight: 700; } div.contrrop { display: block; position: relative; width: 80%; margin: 18px auto; text-align: center; } div.conteninforr { display: inline-block; width: 80%; } div.lokiycf, div.inputcredionlines, div.awsdwed { display: inline-block; position: relative; width: 31%; margin: 10px auto; justify-content: center; text-align: center; } div.inputcredionlines { padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; height: 30px; } div.inputcredionlines input { width: 100%; height: 30px; } div.sdfedfvg { display: inline-block; position: relative; width: 34%; margin: 10px auto; justify-content: center; text-align: left; } div.secttr { display: inline-block; position: relative; width: 32%; margin: 10px auto; justify-content: center; text-align: center; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; height: 30px; } div.secttr select { width: 100%; height: 30px; } label.rtedsew { font-weight: 500; font-size: 14px; } div.TTLX.ygtrrrr { width: 82%; margin: 20px auto; } div.TTLX.grtyuc { width: 83%; } div.btresdd { width: 18%; display: inline-block; margin: auto; position: relative; } button.pokomkim.naranja { position: relative; padding: 5px 20px; border-radius: 5px; } div.hygygcdssdf { width: 80%; margin: auto; position: relative; text-align: center; } button.verde.fwfvgfde { position: relative; padding: 5px 20px; border-radius: 5px; } button.naranja.trffgeee { position: relative; padding: 5px 20px; border-radius: 5px; } button.gris.hhyhyh { position: relative; padding: 5px 20px; border-radius: 5px; } /**************************Fin pagos de creditos enlinea **********************************/ div.afiliacionFormulario { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: #F0F0F0; } div.afiliacionFormulario form.afiliacionFormWeb { position: relative; display: block; } div.afiliacionFormulario div.contentForm { position: relative; display: block; width: 100%; height: 100%; justify-content: center; } div.afiliacionFormulario div.contentForm > div { margin: 5px 0; } div.afiliacionFormulario div.campouno { position: relative; width: 100%; display: inline-flex; justify-content: center; text-align: center; } div.afiliacionFormulario div.tipoDocumento, div.afiliacionFormulario div.contemDocument { width: 40%; display: block; position: relative; } div.afiliacionFormulario div.nombresConten, div.afiliacionFormulario div.apellidosConten { position: relative; width: 100%; display: inline-flex; justify-content: center; text-align: center; } div.afiliacionFormulario div.contenNombreuno, div.afiliacionFormulario div.contenNombreDos { display: block; position: relative; width: 40%; } div.afiliacionFormulario div.contenApellidouno, div.afiliacionFormulario div.contenApellidodos { display: block; position: relative; width: 40%; } div.afiliacionFormulario div.Contencd, div.afiliacionFormulario div.contenrecidencia, div.afiliacionFormulario div.contenOtrosDr { position: relative; width: 100%; display: inline-flex; justify-content: center; text-align: center; } div.afiliacionFormulario div.contenDepartamento, div.afiliacionFormulario div.ContenCiudad { display: block; position: relative; width: 40%; height: 44px; } div.afiliacionFormulario div.tipoRciden, div.afiliacionFormulario div.contenlocalidad { display: block; position: relative; width: 40%; } div.afiliacionFormulario div.contenOtroyselec { display: block; position: relative; width: 40%; height: 44px; } div.afiliacionFormulario div.contenOption { display: block; width: 95%; position: absolute; } div.afiliacionFormulario select#ddlTipoDoc, div.afiliacionFormulario div.tipoRcidencia, div.afiliacionFormulario select#ddlTipoResidencia, div.afiliacionFormulario div.contenDepartamento select#ddlDepartamento, div.afiliacionFormulario select#ddlCiudad, div.afiliacionFormulario select#ddlLocalidades, div.afiliacionFormulario div.contenOtroyselec select#ddlBarrio { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.afiliacionFormulario input#txtNoDocumento, div.afiliacionFormulario div.contenNombreuno input#txtNombre1, div.afiliacionFormulario div.contenNombreDos input#txtNombre2, div.afiliacionFormulario div.contenApellidouno input#txtApellido1, div.afiliacionFormulario div.contenApellidodos input#txtApellido2, div.afiliacionFormulario div.ContenDireccion input#txtDireccion, div.afiliacionFormulario div.contenOption input#txtBarrioOtro, div.afiliacionFormulario div.obserConten input#txtObservacion { position: relative; display: block; padding: 0 10px; height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; position: relative; display: block; padding: 0 10px; height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; width: calc(100% - 45px); } div.afiliacionFormulario div.ContenDireccion { display: block; position: relative; width: 40%; height: 44px; } div.afiliacionFormulario div.obserConten { position: relative; width: 100%; display: inline-flex; justify-content: center; text-align: center; } div.afiliacionFormulario div.ContenObv { width: calc(60% - 1px); } div.afiliacionFormulario div.campoBtnj { position: relative; width: 100%; display: block; justify-content: center; text-align: center; } div.afiliacionFormulario div.campoBtnj button#btnGuardar { width: 35%; border-radius: 10px; font-size: 24px; font-weight: bold; text-align: center; height: 41px; } div.afiliacionFormulario div.contenOption input#txtBarrioOtro { width: 94%; position: relative; top: -145%; z-index: 0; } div.afiliacionFormulario div.ContenFondo { position: relative; display: block; overflow: hidden; width: 71%; border-radius: 10px; box-shadow: 0px 3px 7px rgba(5,5,5,.5); background: #FFFFFF; padding: 18px; } div.afiliacionFormulario div.contenTitutlo { position: relative; width: 100%; display: block; justify-content: center; margin: 10px 0; text-align: center; } div.afiliacionFormulario div.contenTitutlo span { font-size: 26px; font-weight: bolder; text-align: center; text-transform: uppercase; } div.afiliacionFormulario div.contenOtroyselec select#ddlBarrio { z-index: 1; } /*************label erro****************/ div.afiliacionFormulario div.campouno label#txtNoDocumento-error { top: 17px; left: 92%; height: 32px; } div.afiliacionFormulario div.contenrecidencia label#ddlTipoResidencia-error { top: 17px; left: 92%; height: 30px; } div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error { top: 17px; left: 92%; height: 31px; } div.afiliacionFormulario div.contenlocalidad label#ddlLocalidades-error { top: 17px; left: 92%; height: 30px; } /****************************responsive 1024***********************************/ @media screen and (max-width:1370px) { div.afiliacionFormulario div.campoBtnj button#btnGuardar { width: 35%; border-radius: 10px; font-size: 20px; font-weight: bold; text-align: center; height: 28px; } } /****************************responsive 1024***********************************/ @media screen and (max-width:1024px) { div.afiliacionFormulario div.ContenFondo { width: 69%; height: 144%; } div.afiliacionFormulario div.campoBtnj button#btnGuardar { width: 53%; } div.afiliacionFormulario div.contenOption input#txtBarrioOtro { width: 89%; } /*label error*/ div.afiliacionFormulario div.campouno label#txtNoDocumento-error, div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error, div.afiliacionFormulario div.contenrecidencia label#ddlTipoResidencia-error, div.afiliacionFormulario div.contenlocalidad label#ddlLocalidades-error, div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error { left: 89%; } } /****************************fin responsive 1024***********************************/ /****************************responsive 768***********************************/ @media screen and (max-width:768px) { div.afiliacionFormulario div.contenOption { width: 90%; } /*label error*/ div.afiliacionFormulario div.campouno label#txtNoDocumento-error, div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error, div.afiliacionFormulario div.contenrecidencia label#ddlTipoResidencia-error, div.afiliacionFormulario div.contenlocalidad label#ddlLocalidades-error, div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error { left: 85%; } } /****************************fin responsive 768***********************************/ /****************************responsive 425***********************************/ @media screen and (max-width:425px) { div.afiliacionFormulario div.contenTitutlo span { font-size: 21px; } div.afiliacionFormulario div.campouno { display: inline-block; height: 128px; } div.afiliacionFormulario div.tipoDocumento, div.afiliacionFormulario div.contemDocument { width: 100%; } div.afiliacionFormulario div.nombresConten, div.afiliacionFormulario div.apellidosConten { display: inline-block; height: 122px; } div.afiliacionFormulario div.contenNombreuno, div.afiliacionFormulario div.contenNombreDos { width: 100%; height: 60px; } div.afiliacionFormulario div.contenApellidouno, div.afiliacionFormulario div.contenApellidodos { width: 100%; height: 65px; } div.afiliacionFormulario div.Contencd, div.afiliacionFormulario div.contenrecidencia, div.afiliacionFormulario div.contenOtrosDr { display: inline-block; height: 129px; } div.afiliacionFormulario div.tipoRciden, div.afiliacionFormulario div.contenlocalidad { width: 100%; height: 58px; } div.afiliacionFormulario div.contenDepartamento, div.afiliacionFormulario div.ContenCiudad { width: 100%; height: 56px; } div.afiliacionFormulario div.tipoRciden, div.afiliacionFormulario div.contenlocalidad { height: 64px; } div.afiliacionFormulario div.contenOtrosDr { height: 138px; } div.afiliacionFormulario div.contenOtroyselec { width: 100%; height: 75px; } div.afiliacionFormulario div.ContenDireccion { width: 100%; height: 60px; } div.afiliacionFormulario div.contenOption input#txtBarrioOtro { width: 95%; } div.afiliacionFormulario div.obserConten { display: block; } div.afiliacionFormulario div.ContenObv { width: 100%; } div.afiliacionFormulario div.campoBtnj button#btnGuardar { width: 77%; font-size: 18px; } div.afiliacionFormulario div.contenOption { width: 90%; height: 13px; top: 14px; } /**label error**/ div.afiliacionFormulario div.campouno label#txtNoDocumento-error, div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error, div.afiliacionFormulario div.contenrecidencia label#ddlTipoResidencia-error, div.afiliacionFormulario div.contenlocalidad label#ddlLocalidades-error, div.afiliacionFormulario div.contenOtrosDr label#txtDireccion-error { left: 89%; } } /****************************fin responsive 425***********************************/ @keyframes opacitiColor { 0% { background: rgba(0, 129, 57, .0) } 50% { background: rgba(0, 129, 57, .1) } 100% { background: rgba(0, 129, 57, .0) } } @keyframes opacitiColorDos { 0% { background: rgba(0, 129, 57, .1) } 50% { background: rgba(0, 129, 57, .2) } 100% { background: rgba(0, 129, 57, .1) } } @keyframes opacitiColorTres { 0% { background: rgba(0, 129, 57, .2) } 50% { background: rgba(0, 129, 57, .4) } 100% { background: rgba(0, 129, 57, .2) } } @keyframes opacitiColorCuatro { 0% { background: rgba(0, 129, 57, .4) } 50% { background: rgba(0, 129, 57, .6) } 100% { background: rgba(0, 129, 57, .4) } } @keyframes opacitiColorCinco { 0% { background: rgba(0, 129, 57, .6) } 50% { background: rgba(0, 129, 57, .8) } 100% { background: rgba(0, 129, 57, .6) } } @keyframes subirGlobos { 0% { bottom: -10% } 100% { bottom: 110% } } @keyframes agitarGlobos { 0% { left: 0%; right: 10%; } 10% { left: 10%; right: 0%; } 20% { left: 0%; right: 10%; } 30% { left: 10%; right: 0%; } 40% { left: 0%; right: 10%; } 50% { left: 10%; right: 0%; } 60% { left: 0%; right: 10%; } 70% { left: 10%; right: 0%; } 80% { left: 0%; right: 10%; } 90% { left: 10%; right: 0%; } 100% { left: 0%; right: 10%; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes wideIn { 0% { transform: scale(0.01); } 100% { transform: scale(1); } } @keyframes bannerIntro { 0% { clip-path: circle(0% at 0 30%); } 50% { clip-path: circle(150% at 0 30%); } 100% { clip-path: circle(150% at 0 30%); } } @keyframes bannerEnding { 0% { clip-path: circle(150% at 0 30%); } 100% { clip-path: circle(65% at 0 30%); } } @keyframes textIntroTop { 0% { opacity: 0; padding-top: 0px; } 100% { opacity: 1; padding-top: 45px; } } @keyframes textIntroMiddle { 0% { opacity: 0; padding-top: 45px; } 100% { opacity: 1; padding-top: 0px; } } @keyframes textIntroBottom { 0% { opacity: 0; padding-bottom: 0px; } 100% { opacity: 1; padding-bottom: 70px; } } @keyframes afilieseLlegada { 0% { opacity: 0; } 75%{opacity:0;} 100% { opacity: 1; } } @keyframes llegadaCobertura{ 0% { padding-bottom: 34%; opacity: 0; } 100% { padding-bottom: 0%; opacity: 1; } } @keyframes llamanos{ 0% { padding-bottom: 34%; opacity: 0; } 100% { padding-bottom: 0%; opacity: 1; } } /*************Sorteo Externo****************/ @keyframes circulollegada { 0% { clip-path: circle(0% at 50% 0%); } 50% { clip-path: circle(150% at 50% 0%); } 100% { clip-path: circle(150% at 50% 0%); } } @keyframes circuloanimado { 0% { clip-path: circle(150% at 50% 0%); } 100% { clip-path: circle(65% at 50% 0); } } @keyframes titpulotop { 0% { opacity: 0; top: 40px; } 100% { opacity: 1; top: 0px; } } @keyframes texINVITA { 0% { opacity: 0; padding-top: 45px; } 100% { opacity: 1; padding-top: 0px; } } @keyframes textodeabajo { 0% { opacity: 0; bottom: -10px; } 100% { opacity: 1; bottom: 30px; } } @keyframes tiltButton { 0% { opacity: 1; } 50% { opacity: 0; } 10% { opacity: 1; } } /********************Responsive 1600px Ipaz Horizontal********************/ @media screen and (max-width:1600px) { @keyframes textIntroTop { 0% { opacity: 0; padding-top: 0px; } 100% { opacity: 1; padding-top: 35px; } } @keyframes textIntroBottom { 0% { opacity: 0; padding-bottom: 0px; } 100% { opacity: 1; padding-bottom: 50px; } } } /********************Responsive 1440px Ipaz Horizontal********************/ @media screen and (max-width:1440px) { @keyframes textIntroTop { 0% { opacity: 0; padding-top: 0px; } 100% { opacity: 1; padding-top: 45px; } } } /********************Responsive 1024px Ipaz Horizontal********************/ @media screen and (max-width:1024px) { @keyframes textIntroTop { 0% { opacity: 0; padding-top: 0px; } 100% { opacity: 1; padding-top: 60px; } } @keyframes textIntroBottom { 0% { opacity: 0; padding-bottom: 0px; } 100% { opacity: 1; padding-bottom: 80px; } } } /********************Responsive 768px Ipaz Horizontal********************/ @media screen and (max-width:768px) { @keyframes bannerIntro { 0% { clip-path: circle(0% at 50% 0%); } 50% { clip-path: circle(150% at 50% 0%); } 100% { clip-path: circle(150% at 50% 0%); } } @keyframes bannerEnding { 0% { clip-path: circle(150% at 50% 0%); } 100% { clip-path: circle(55% at 50% 0%); } } @keyframes textIntroTop { 0% { opacity: 0; top: 40px; } 100% { opacity: 1; top: 0px; } } @keyframes textIntroBottom { 0% { opacity: 0; bottom: -10px; } 100% { opacity: 1; bottom: 30px; } } } /********************Responsive 640px Ipaz Horizontal********************/ @media screen and (max-width:640px) { @keyframes bannerIntro { 0% { clip-path: circle(0% at 0% 30%); } 50% { clip-path: circle(150% at 0% 30%); } 100% { clip-path: circle(150% at 0% 30%); } } @keyframes bannerEnding { 0% { clip-path: circle(150% at 0% 30%); } 100% { clip-path: circle(65% at 0 30%); } } } /********************Responsive 425px Ipaz Horizontal********************/ @media screen and (max-width:425px) { @keyframes bannerIntro { 0% { clip-path: circle(0% at 50% 0%); } 50% { clip-path: circle(150% at 50% 0%); } 100% { clip-path: circle(150% at 50% 0%); } } @keyframes bannerEnding { 0% { clip-path: circle(150% at 50% 0%); } 100% { clip-path: circle(55% at 50% 0%); } } @keyframes textIntroMiddle { 0% { opacity: 0; padding-top: 45px; } 100% { opacity: 1; padding-top: 0px; } } } /************alerta popup******************/ @-moz-keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } div.body-content { height: calc(100% - 66px); position: relative; padding-top: 66px; } .logonavid { width: 100%; height: 4em; overflow: hidden; display: grid; } /**********************scroll**************************/ /*::-webkit-scrollbar { width: 0.8em; height: 1em; } ::-webkit-scrollbar-thumb:hover { background: var(--ColorSilver1); } ::-webkit-scrollbar-thumb { background: var(--borde-tablas); border-radius: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--ColorSilver2); border-radius: 10px; }*/ /******************************************************/ .userContent { position: relative; display: flex; justify-content: end; right: 6%; } .contLaySecLog .NameContUser.caja { position: relative; right: 6% } .notfCont { position: fixed; display: flex; left: 92.8%; top: 2%; color: #FFFFFF; padding: 1px; border-radius: 50%; height: 40px; width: 40px; align-items: center; justify-content: center; align-items: center; cursor: pointer; transition: .5s; } .notfCont.activo { background: #005a28; } .notfCont:hover { background: #005a28; } .notfCont span { font-weight: 600; font-size: 2.3em; } .alertCount { position: fixed; display: flex; left: 94%; top: 1%; padding: 5px; background: red; border-radius: 50%; height: 20px; width: 20px; font-size: 0.4em; justify-content: center; align-items: center; } div.ContLayMain .HeaderLayout.amarillo { background: var(--ColorOrange1); } .contCajaInternoUser { grid-row: 1/ span 2; grid-column: 2/3; width: 100%; height: 4.8em; display: flex; align-items: center; justify-content: center; justify-self: right; position: relative; cursor: pointer; border-radius: 0.5em; transition: all 0.3s ease-in-out; } .contCajaInternoUser:hover { background: var(--FcSecund); } .contCajaInternoUser i { font-size: 3em; color: var(--ColorWhite); } .popAgencia { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .popAgencia .popblanco { width: 60em; } .popNotif { position: fixed; width: 20%; top: 9%; left: 79%; z-index: 5; display: none; justify-content: center; max-height: 22rem; background: #FFFFFF; border-radius: 20px; border: 1px solid; padding: 2px; overflow: auto; opacity: 0; transition: .5s; } .contNotif { position: relative; display: flex; width: 100%; padding: 15px 5px; align-items: center; cursor: pointer; transition: .5s; margin-bottom: 2px; border: 1px; border-radius: 20px; } .contNotif:hover { background: #CACACA; border: 1px solid #008139; } .contNotif.darkr { background: #CACACA; } .notificDetail { position: relative; display: block; font-size: 1.2em; } .notificDetail span.notiDate { font-size: 0.8em; color: #626161; } .bellCont { position: relative; display: flex; padding: 5px; font-size: 1.5em; color: #FFFFFF; background: green; border-radius: 50%; margin: 0px 5px; } .popPrincipal { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .popPrincipal .popblanco { width: 45%; } div.popblanco { font-size: 11px; width: 100em; height: auto; padding: 2em; overflow-y: auto; overflow-x: hidden; max-height: 50em; border-radius: 10px; border: 1px solid silver; background: var(--ColorWhite); position: relative; transition: all 0.5s ease-in-out; display: flex; flex-direction: column; gap: 2em; opacity: 1; top: 0px; } div.popblanco div.BtnCloseRegisterNewBar1 { width: 4em; height: 4em; background: var(--ColorSilver0); position: absolute; top: 0.5em; right: 0.5em; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-out; z-index: 10; cursor: pointer; border: 5px outset var(--ColorBlue1); } .popReportPlani { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .popReportPlani .popblanco { width: 60%; font-size: 1em; padding: 25px; max-height: 50em; border-radius: 10px; border: 1px solid silver; background: var(--ColorWhite); position: relative; transition: all 0.5s ease-in-out; display: flex; flex-direction: column; gap: 2em; } div.BtnCloseRegisterNewBar1:hover { transform: rotate(180deg); } div.BtnCloseRegisterNewBar1 i { font-size: 2em; } div.ContDigitacionTituloModulo { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.ContDigitacionTituloModulo span { font-size: 2.3em; padding-bottom: 0.395em; } .buter { display: grid; grid-template-columns: 28em 1fr; gap: 1em; position: relative; justify-content: center; margin: 10px auto; align-content: center; text-align: center; width: auto; } button.butt { width: 10em; height: 3em; background: var(--FcSecund); vertical-align: top; color: var(--ColorWhite); display: flex; justify-content: center; position: relative; align-items: center; margin: auto; cursor: pointer; border-radius: 60px; transition: all 0.3s ease-in-out; } button.butt span { font-weight: 600; font-size: 1.2em; letter-spacing: 2px; } .selecMenu { position: relative; display: block; width: 100%; margin: 25px auto; } .selecMenu label { color: var(--ColorBlack); font-weight: 600; font-size: 1.4551em; } div.ContInfoRespuestaGeneral { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } div.ContInfoRespuestaGeneral div.ContIntRespesta { width: 450px; height: 200px; border: 1px solid green; border-radius: 10px; display: flex; justify-content: center; align-items: center; } div.ContInfoRespuestaGeneral div.ContIntRespesta span { font-size: 23px; } .logonavid img { width: 100%; object-fit: cover; height: 4rem; } div.Contenedorcuentaimagen { width: 100%; height: 100%; display: flex; justify-content: center; margin: auto; } img.fondoadministravivo { width: 100%; height: 100%; } div.tablafact table tr td.ajuspeq { width: calc(13% - 25px); } div.tablafact table tr td.agrandd { width: calc(21% - 25px); } div.tablafact table tr th.ajuspeq { width: calc(13% - 25px); } div.tablafact table tr th.agrandd { width: calc(21% - 25px); } div.campo.cajacontenedor { overflow-y: scroll; height: 122px; } div.imagenfondoadmi { width: 100%; height: 100%; display: flex; position: fixed; } div.popTitule { position: relative; display: block; width: 100%; margin: 13px auto; font-size: 24px; font-weight: 600; text-transform: uppercase; text-align: center; } tr.fnmj td button.btnGeneral.naranja.desdff { width: auto; font-size: 14px; } select.selec, input.selec, textarea.selec { position: relative; display: flex; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; justify-content: center; } div.popAcu { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.comtg { position: relative; display: block; padding: 20px; background: #FFFFFF; top: 20px; width: calc(80% - 1px); margin: auto; height: auto; border: 2px solid #E0E0E0; border-radius: 20px; } div.comgfe { position: relative; display: block; padding: 15px; border-radius: 10px; background: #FFFFFF; width: 50%; } div.tlrfdees { position: relative; width: calc(100% - 1px); padding: 10px 0 10px 25px; margin: 33px auto; text-align: center; display: block; font-size: 25px; } div.cored { position: relative; display: block; width: 100%; } div.contrfdied { position: relative; display: block; padding: 20px; border-radius: 20px; background: #FFFFFF; width: calc(90% - 1px); height: auto; margin: 10px auto; } div.butrrg { width: calc(100% - 1px ); display: block; margin: 20px auto; position: relative; text-align: center; } button.btnn.naranaja.cnsad { width: auto; } .btnn { padding: 7px; border-radius: 6px; } .naranaja { background: #ff8f00; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; } .naranaja:hover { background: #ffaa00; transition: .3s; } /********************Login Sistema*********************/ div .login { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; overflow: hidden; background: url(../img/banner-fondo-Login.jpg); background-size: cover; } div.login.logDifusores { background: url(../img/banner-fondo-LoginDif.jpg); background-size: cover; } div.login.logCredito { background-image: url('../img/banner-fondo-LoginCre.jpg'); background-size: cover; } div.login.logCartera { background: url(../img/banner-fondo-LoginCredit.jpg); background-size: cover; } div.login div.contLogin { position: relative; display: block; background: rgba(255,255,255,.5); padding: 10px 60px; border-radius: 10px; width: 250px; } div.login div.contLogin h1 { position: relative; display: block; text-transform: uppercase; margin: 20px 0; text-align: center; } div.login div.contLogin form { position: relative; display: block; } div.login div.contLogin form input { position: relative; display: block; padding: 10px; width: calc(100% - 20px); border-radius: 5px; margin: 5px 0; } div.login div.contLogin form a { position: relative; display: block; width: 100%; margin: 10px 0; color: #212529; font-weight: 600; } div.login div.contLogin form input.btnIngreso { position: relative; display: block; width: auto; padding: 10px 20px; margin: 20px auto; } div.login.logDifusores div.contLogin { width: 290px; } /********************Fin Login Sistema*********************/ /*********************Layout Admin*********************/ header.headerFrontEnd { position: fixed; display: flex; background: #008139; width: 100%; height: 66px; box-shadow: 0px 2px 5px rgba(10,10,10,.5); justify-content: space-between; z-index: 9; top: 0; } header.headerFrontEnd div.logoPrinc { position: relative; display: flex; height: 100%; overflow: hidden; } header.headerFrontEnd div.logoPrinc a { position: relative; display: flex; padding: 0 10px; align-items: center; } header.headerFrontEnd div.logoPrinc a div.adminLogo { position: relative; display: block; height: calc(100% - 10px); width: 390px; background: url(../img/logoInvertsionesYPlanesDeLaPazBlanco.png); background-position: initial; background-size: cover; } header.headerFrontEnd div.ContentRightInfoMenuHeader { position: relative; display: flex; } div.contIconoFlechaHeader { position: relative; display: flex; margin: 0 10px; align-items: center; } div.contIconoFlechaHeader div.iconUser { display: flex; margin: 5px; align-items: center; } div.contIconoFlechaHeader div.iconUser span.iconCircle { position: relative; display: flex; justify-content: center; align-items: center; background: #FFFFFF; width: 35px; height: 35px; border-radius: 50%; } div.contIconoFlechaHeader div.iconUser span.iconCircle i { font-size: 18px; color: #008139; } div.contIconoFlechaHeader div.textUser { position: relative; display: block; width: 100%; } div.contIconoFlechaHeader div.textUser label { position: relative; display: block; font-weight: 700; color: #FFFFFF; max-width: 180px; padding: 0 10px; } div.contIconoFlechaHeader div.textUser label.cedula { position: relative; display: block; font-size: 12px; font-weight: 500; color: #FFFFFF; max-width: 160px; padding: 0 10px; } div.contMenu { position: relative; display: flex; } div.contMenu div.btnMenu { position: relative; display: flex; height: 100%; cursor: pointer; justify-content: center; align-items: center; transition: .4s; width: 66px; } div.contMenu div.btnMenu:hover, div.contMenu div.btnMenu.activo { background: #313539; } div .contMenu div.btnMenu span.iconMenu { position: relative; display: flex; content: ''; background: #FFFFFF; width: 20px; height: 2px; margin: 0 10px; } div.contMenu div.btnMenu span.iconMenu:before { position: absolute; display: block; content: ''; background: #FFFFFF; width: 20px; height: 2px; bottom: 8px; } div.contMenu div.btnMenu span.iconMenu:after { position: absolute; display: block; content: ''; background: #FFFFFF; width: 20px; height: 2px; top: 8px; } div.contMenu div.hiddenMenu { position: absolute; display: block; right: 0; top: 66px; background: #313539; border-radius: 0 0 10px 10px; height: 0; overflow: auto; max-height: 550px; transition: .5s; z-index: 1; } div.contMenu div.hiddenMenu::-webkit-scrollbar { display: none; } div.contMenu div.hiddenMenu.activo { height: auto; box-shadow: 0px 2px 5px rgba(10,10,10,.5); transition: .5s; } div.contMenu div.hiddenMenu div.menuContainer { padding: 20px 10px 20px; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem { position: relative; width: 200px; margin: auto; cursor: pointer; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem a { width: 100%; position: relative; display: flex; justify-content: flex-end; transition: .4s; padding: 5px 0; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem a:hover { background: #FFFFFF; transition: .4s; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem a p { position: relative; display: flex; color: #FFFFFF; vertical-align: middle; text-align: -webkit-right; align-items: center; transition: .4s; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem a:hover p { color: #313539; transition: .4s; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem a span { position: relative; display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin: 0 10px; background: #FFFFFF; border-radius: 50%; transition: .4s; } div.contMenu div.hiddenMenu div.menuContainer div.menuItem a:hover span { background: #313539; transition: .4s; } div .contMenu div.hiddenMenu div.menuContainer div.menuItem a span i { color: #313539; transition: .4s; } div .contMenu div.hiddenMenu div.menuContainer div.menuItem a:hover span i { color: #FFFFFF; transition: .4s; } i.fa.fa-angle-right { display: none; } /*********************Fin Layout Admin*********************/ /*********************Menu Izquierda*********************/ div.menuModulo { position: absolute; display: block; width: 120px; height: calc(100% - 66px); background: #FFFFFF; border-right: 1px solid rgba(150,150,150,.5); z-index: 1; } div.menuModulo div.contentMenu { position: relative; display: block; width: 100%; height: auto; top: 7px; } div.menuModulo div.contentMenu div.itemMenu { position: relative; display: block; width: 100%; height: auto; cursor: pointer; < color: #212529; } div.menuModulo div.contentMenu div.itemMenu.blocked { cursor: default; } div .menuModulo div.contentMenu div.itemMenu div.contentItem { position: relative; display: flex; width: 100%; height: 80px; align-items: center; justify-content: center; text-align: center; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.contentItem:hover, div.menuModulo div.contentMenu div.itemMenu.activo div.contentItem { background: #008139; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu.blocked div.contentItem, div.menuModulo div.contentMenu div.itemMenu.blocked div.contentItem:hover { background: #C5C5C5; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.contentItem div.infoItem { position: relative; display: block; } div.menuModulo div.contentMenu div.itemMenu div.contentItem div.infoItem div.iconoItem { font-size: 25px; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.contentItem:hover div.infoItem div.iconoItem, div.menuModulo div.contentMenu div.itemMenu.activo div.contentItem div.infoItem div.iconoItem { color: #FFFFFF; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu.blocked div.contentItem div.infoItem div.iconoItem { color: #A0A0A0; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.contentItem div.infoItem div.textoItem { margin: 5px 15px; font-size: 12px; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.contentItem:hover div.infoItem div.textoItem, div.menuModulo div.contentMenu div.itemMenu.activo div.contentItem div.infoItem div.textoItem { color: #FFFFFF; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu.blocked div.contentItem div.infoItem div.textoItem { color: #A0A0A0; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu { position: relative; display: block; width: 100%; height: 0; overflow: hidden; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu.activo div.subMenu { height: auto; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu div.subItemMenu { position: relative; display: flex; width: calc(100% - 10px); padding: 5px; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu div.subItemMenu:hover { background: #5EC5FF; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu div.subItemMenu div.iconoSubItem { position: relative; display: flex; margin: 0 10px 0 5px; width: 15px; align-items: center; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu div.subItemMenu:hover div.iconoSubItem { color: #FFFFFF; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu div.subItemMenu div.textoSubItem { font-size: 10px; transition: .4s; } div.menuModulo div.contentMenu div.itemMenu div.subMenu div.subItemMenu:hover div.textoSubItem { color: #FFFFFF; transition: .4s; } /*********************Fin Menu Izquierda*********************/ /************************servicios a facturar ****************************/ div.Principalcontenfactura { position: relative; display: grid; max-height: 67em; height: 55em; width: 100%; overflow-y: auto; } div.tituloservicioscc { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.tituloservicioscc span { font-size: 2.3em; padding-bottom: 0.395em; } div.tablafact { position: relative; display: flex; width: 100%; justify-content: center; } div.tablafact table { position: relative; display: block; padding: 0; width: 90%; } div.tablafact table thead, div.tablafact table tbody { position: relative; display: block; width: 100%; } div.tablafact table thead tr { position: relative; display: block; width: 100%; padding: 10px 0; background: #008139; } div.tablafact table th { color: #FFFFFF; position: relative; display: inline-block; width: calc(16% - 25px); text-overflow: ellipsis; word-break: break-word; margin: auto; padding: 0px 5px; } div.tablafact table tr { position: relative; display: block; padding: 5px 0; } div.tablafact table tr td { text-align: center; font-size: 12px; color: #212529; position: relative; display: inline-block; width: calc(16% - 25px); text-overflow: ellipsis; word-break: break-word; margin: auto; padding: 5px; } div.tablafact table tr td i { font-size: 19px; text-align: center; margin: auto; } div.llamarfolioss { cursor: pointer; width: 60%; margin: auto; padding: 5px 0; border-radius: 5px; } div.tablafact table tr:nth-child(2n) { background: #F0F0F0; } /***********************DETALLES DE LA FACTURACION DEL SERVICIO*********************************/ div.facCON { position: relative; display: block; margin: 40px 0; width: 100%; } div.datosplanos { margin: auto; position: relative; display: block; width: 100%; text-align: center; } div.contenidoservicioadquirido { width: 95%; position: relative; display: block; margin: auto; height: auto; } div.contenidoservicioadquirido span { width: 33%; position: relative; display: inline-flex; font-size: 17px; text-align: left; align-items: center; } div.contenidoservicioadquirido span i { margin: 0 5px; } div.contenidoservicioadquirido span.precioreal { color: #008139; font-size: 22px; font-weight: 400; text-align: left; } div.datoses { width: calc(100% - 40px); position: relative; display: inline-flex; margin: auto; padding: 20px; } div.dta { width: 26%; display: inline-block; } .txtField { position: relative; display: block; font-size: 1.4em; padding-left: 15px; margin-bottom: 5px; } .txtField label { font-weight: 600; } .checkCont { display: none; } div.dataa, div.datae, div.datai { width: calc(100% - 40px); display: block; position: relative; margin: 5px 0; padding-left: 40px; font-size: 1.2em; } div.datao, div.datau, div.datab, div.datac, div.dataf, div.datag, div.datah, div.datad { width: 77%; display: block; position: relative; margin: 5px 0; } div.parteunoop, div.carrerasservi, div.infocontenser { margin: 11px 0; text-align: left; width: 50%; position: relative; display: block; font-size: 1.3em; } div.carrerasservi, div.infocontenser { width: calc(100% - 40px); padding-left: 40px; } div.datao label, div.datau label, div.datab label, div.datac label, div.dataf label, div.datag label, div.datah label, div.datad label { font-weight: 800; } div.datao span, div.datau span, div.datab span, div.datac span, div.dataf span, div.datag span, div.datah span, div.datad span { font-weight: 500; } div.bott { position: relative; display: block; width: 100%; margin: 10px 0; } div.bott button { background: #ff8f00; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.bott button:hover { background: #ffaa00; transition: .3s; } div.descripservi { display: block; position: relative; padding-top: 20px; } div.contenidoservicioadquirido i { font-size: 6px; } div.tituloServiciosc { width: 95%; position: relative; display: block; margin: 10px auto; height: 36px; text-align: center; } div.centrar { display: block; position: relative; width: calc(100%); justify-content: center; align-items: center; } div.tituloServiciosc span { width: 33%; position: relative; display: inline-block; font-size: 18px; text-align: left; font-weight: 900; } div.tiitulee { justify-content: center; display: flex; position: relative; margin: auto; width: calc(85% - 57px); padding: 8px; } div.conteninforplano { display: inline-block; position: relative; width: 100%; margin: auto; } div.TOlL { width: calc(100% - 1px); margin: 18px auto; position: relative; font-size: 24px; } div.totalidads { width: 60%; display: block; position: relative; } div.contenedorDoxs { width: calC(100% - 1px); display: flex; margin: 18px auto; } div.metodopago { display: block; width: 80%; margin: auto; position: relative; } div.formadepagos { display: flex; position: relative; width: 60%; text-align: left; margin: 10px auto; } div.formadepagos .txtField { width: 50%; text-align: center; } div.mtp { display: inline-block; position: relative; width: 50%; margin: auto; text-align: center; } div.opfp { display: inline-block; position: relative; width: 49%; margin: auto; text-align: center; } div.mtp label { font-weight: 800; } div.opfp label { font-weight: 600; } div.titulometod { display: block; position: relative; width: 100%; height: 30px; font-weight: 700; font-size: 19px; margin: auto; } div.numerodefactura { position: relative; display: block; margin: 13px auto; width: 55%; } div.numerodefactura input.facTxt { position: relative; display: block; width: calc(100% - 20px); height: 30px; padding: 0 10px; margin: 10px 0; border: 1px solid rgba(150, 150, 150, .5); border-radius: 5px; } div.numerodefactura input.chkBox { position: relative; display: block; height: 30px; width: 25%; padding: 0 10px; margin: 10px 0; border: 1px solid rgba(150, 150, 150, .5); border-radius: 5px; } .checkFact { position: relative; display: flex; align-items: center; justify-content: center; } div.totalreal { position: relative; display: inline-block; width: calc(44% - 1px); margin: auto 0 0 23px; height: auto; } div.preciostotaasles { position: relative; display: inline-block; width: calc(36% - 1px); margin: auto 0 0 -1px; height: auto; } div.numerodefactura form label { font-size: 1.3em; } /****************************FIN DETALLES DE LA FACTURACION DEL SERVICIO****************************/ /******************sevicios auditar*****************/ div.princconten { position: relative; display: block; width: 100%; max-height: 68em; overflow-y: auto; } div.tituloD { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.tituloD label { font-size: 2.3em; padding-bottom: 0.395em; } div.selecc { display: block; position: relative; width: 100%; margin: 30px auto; /* padding-left: 120px; */ } div.sec, div.ssec { display: block; position: relative; width: 81%; margin: auto; } div.cesc, div.int, div.chec { display: inline-block; position: relative; width: 33%; margin: 10px auto; justify-content: center; text-align: center; } div.ccesc, div.iint, div.cchec { display: inline-block; position: relative; width: 33%; margin: 10px auto; justify-content: center; text-align: center; } select.funcion, select.sedesfun { padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 100%; height: 30px; } div.chec, div.cchec { text-align: left; } div.ftd, div.tdf { text-align: left; width: 34%; display: inline-block; position: relative; margin: auto; } div.shec, div.ches { display: inline-block; width: 10%; text-align: center; position: relative; margin: auto; } div.auditabla { position: relative; display: block; width: 100%; justify-content: center; margin: auto; } table.auditorias { display: block; position: relative; margin: 42px auto; width: 100%; margin-bottom: 0; } div.tablaaudi { margin: auto; position: relative; display: block; width: 100%; } tbody.cuerpotablaaudi { position: relative; display: block; width: 90%; margin: auto; } thead.cabecera { position: relative; display: block; width: 100%; margin: auto; } thead.cabecera tr { position: relative; display: block; width: 100%; padding: 10px 0; background: #008139; margin: auto; } thead.cabecera tr th { color: #FFFFFF; position: relative; display: inline-block; width: calc(11% - 4px); text-overflow: ellipsis; word-break: break-word; } div.auditabla table.auditorias.extraTable thead.cabecera tr th { width: 10em; } tbody.cuerpotablaaudi tr { position: relative; display: block; width: 100%; margin: auto; padding: 10px 0; } tbody.cuerpotablaaudi tr:nth-child(2n) { background: #F0F0F0; } tbody.cuerpotablaaudi tr td { position: relative; display: inline-block; width: calc(11% + 1px); text-overflow: ellipsis; word-break: break-word; text-align: center; } div.deta { display: inline-block; position: relative; width: 80%; margin: auto; text-align: center; cursor: pointer; } div.imagen { display: inline-block; position: relative; width: 29%; margin: auto; cursor: pointer; } span.detalleBtn.btnGeneral.naranja { position: relative; padding: 5px 20px; border-radius: 5px; } span.detalleBtn.btnGeneral.naranja.ffe, span.detalleBtn.btnGeneral.naranja.eff { position: relative; padding: 5px 7px; border-radius: 5px; } div.tecxx { display: inline-block; position: relative; width: 62%; cursor: pointer; } /****************** fin sevicios auditar*****************/ /**********Ppopup auditar***********/ div.popUpFormat div.popUpBlock div.popUpCont div.infoctAd, div.infoctAd { vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.contentexaudi, div.contentexaudi, div.popUpFormat div.popUpBlock div.popUpCont div.infoctAd, div.infoctAd { display: inline-block; position: relative; width: 49%; } div.popUpFormat div.popUpBlock div.popUpCont div.contenAdt, div.contenAdt { display: block; position: relative; width: calc(100% - 20px); margin: 10px auto; padding: 4px; } div.popUpFormat div.popUpBlock div.popUpCont div.contenAdt:nth-child(2n), div.contenAdt:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.tituleaudi, div.tituleaudi { position: relative; display: block; width: 89%; text-align: center; font-weight: 700; font-size: 16px; margin: 7px auto; } div.popUpFormat div.popUpBlock div.popUpCont div.izquierda, div.izquierda { width: 36%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.derecha, div.derecha { width: 52%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont label.NEGRILLAS, label.NEGRILLAS { font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont div.infoAud, div.infoAud { display: block; position: relative; width: calc(100% - 20px); margin: 10px auto; padding: 4px; } div.popUpFormat div.popUpBlock div.popUpCont div.infoAud:nth-child(2n), div.infoAud:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.ContenIZ, div.ContenIZ { width: 36%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.contenDR, div.contenDR { width: 49%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.Considera, div.Considera { display: block; position: relative; width: 100%; margin: 15px auto; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont div.TTLX, div.TTLX { display: block; position: relative; width: 97%; margin: auto; font-weight: 700; text-align: left; } div.popUpFormat div.popUpBlock div.popUpCont div.IMportanconten, div.IMportanconten { display: block; position: relative; width: 80%; margin: auto; padding-left: 184px; } div.popUpFormat div.popUpBlock div.popUpCont div.TXcUEN, div.TXcUEN, div.popUpFormat div.popUpBlock div.popUpCont div.texTOP, div.texTOP, div.popUpFormat div.popUpBlock div.popUpCont div.TEXobt, div.TEXobt { display: inline-block; position: relative; width: 25%; } div.popUpFormat div.popUpBlock div.popUpCont div.insersede, div.insersede { border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 49%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.InserCuen, div.InserCuen { border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 51%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.InserCuen input[type="text"], div.InserCuen input[type="text"] { height: 30px; width: 87%; } div.popUpFormat div.popUpBlock div.popUpCont div.InserTPC select, div.InserTPC select { height: 30px; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.InserTPC, div.InserTPC { border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 51%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.InserObc, div.InserObc { border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 58%; display: inline-block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.InserObc input[type="text"], div.InserObc input[type="text"] { height: 30px; width: calc(100% - 20px); padding: 0px 9px; } div.popUpFormat div.popUpBlock div.popUpCont div.radioButtons, div.radioButtons { margin: auto; text-align: center; font-size: 1.5em; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTitle, div.popUpTitle { margin: auto; text-align: center; font-size: 1.5em; margin-top: 40px; } div.popUpFormat div.popUpBlock div.popUpCont div.CuEN, div.CuEN, div.popUpFormat div.popUpBlock div.popUpCont div.TPC, div.TPC, div.popUpFormat div.popUpBlock div.popUpCont div.OBT, div.OBT, div.popUpFormat div.popUpBlock div.popUpCont div.SEDEC, div.SEDEC { display: block; position: relative; margin: 10px auto; width: 80%; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT, div.OBT { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT div.InserObc, div.OBT div.InserObc { width: 51%; } div.popUpFormat div.popUpBlock div.popUpCont div.insersede select, div.insersede select { width: 100%; height: 30px; text-align: center; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.bbtr, div.bbtr { display: block; position: relative; margin: 10px auto; width: 100%; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.Grabar, div.Grabar div.popUpFormat div.popUpBlock div.popUpCont div.CerrarAudi, div.CerrarAudi { display: inline-block; position: relative; margin: auto; text-align: center; justify-content: center; width: 31%; } div.popUpFormat div.popUpBlock div.popUpCont button.naranja.Grabaraudi, button.naranja.Grabaraudi, div.popUpFormat div.popUpBlock div.popUpCont button.gris.crr, button.gris.crr { cursor: pointer; width: 60%; margin: auto; padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas, div.SegiTablas { display: block; position: relative; width: 100%; margin: 30px auto; justify-content: center; margin-bottom: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table, div.SegiTablas table { width: 80%; display: block; margin: auto; position: relative; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table thead, div.SegiTablas table thead { width: 100%; display: block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table thead tr, div.SegiTablas table thead tr { width: 100%; display: block; margin: auto; position: relative; background: #008139; color: #ffffff; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table thead tr th, div.SegiTablas table thead tr th { width: 24%; display: inline-block; margin: auto; text-align: center; position: relative; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody, div.SegiTablas table tbody { width: 100%; display: block; position: relative; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody tr, div.SegiTablas table tbody tr { width: 100%; display: block; margin: auto; position: relative; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody tr td, div.SegiTablas table tbody tr td { width: 25%; display: inline-block; margin: 10px auto; text-align: center; height: 29px; position: relative; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody tr:nth-child(2n), div.SegiTablas table tbody tr:nth-child(2n) { background: #F0F0F0; } /**********Fin Ppopup auditar***********/ /****************popup seguimiento pagos***************************/ div.Masc { position: relative; height: 825px; display: block; width: 100%; margin: 13px auto; } div.DeudSEGI, div.CerrarsEGIMIENTO { display: inline-block; position: relative; margin: auto; text-align: center; justify-content: center; width: 31%; } button.naranja.segiDeudas { cursor: pointer; width: 60%; margin: auto; padding: 5px 0; border-radius: 5px; } button.gris.crrSgu { cursor: pointer; width: 60%; margin: auto; padding: 5px 0; border-radius: 5px; } div.InserTPC input[type="text"] { height: 30px; width: 88%; } tbody.cuerpotablasegimiento { position: relative; display: block; width: 90%; margin: auto; } tbody.cuerpotablasegimiento tr:nth-child(2n) { background: #F0F0F0; } tbody.cuerpotablasegimiento tr { position: relative; display: block; width: 100%; margin: auto; padding: 10px 0; } tbody.cuerpotablasegimiento tr td { position: relative; display: inline-block; width: calc(15% - 81px); text-overflow: ellipsis; word-break: break-word; text-align: center; } label.numera { display: inline-block; width: 26%; cursor: pointer; padding: 8px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; height: 13px; margin: 13px auto; text-align: center; vertical-align: top; align-items: center; } label.rttt { display: inline-block; width: 68%; margin: 21px auto; text-align: center; } div.congg { display: block; margin: auto; justify-content: center; position: relative; width: 100%; } /*********************Seguimiento de pagos**********************/ div.mghht { display: inline-block; position: relative; width: 29%; margin: auto; cursor: pointer; } /**********Cartera**********/ div.carte { position: relative; display: block; padding: 0; margin: auto; justify-content: center; width: 100%; } div.ttcar { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.ttcar label { font-size: 2.3em; padding-bottom: 0.395em; } div.tbtcar { position: relative; display: flex; width: calc(100% - 120px); justify-content: center; padding-left: 120px; } div.tbtcar table { display: block; position: relative; margin: 42px auto; width: 100%; margin-bottom: 0; } div.tbtcar table thead { position: relative; display: block; width: 80%; margin: auto; } div.tbtcar table tbody { position: relative; display: block; width: 80%; margin: auto; } div.tbtcar table thead tr { position: relative; display: block; width: 100%; padding: 10px 0; background: #008139; margin: auto; } div.tbtcar table tbody tr { position: relative; display: block; width: 100%; padding: 10px 0; margin: auto; } div.tbtcar table thead tr th { color: #FFFFFF; position: relative; display: inline-block; width: calc(13% - 12px); text-overflow: ellipsis; word-break: break-word; } div.tbtcar table tbody tr td { position: relative; display: inline-block; width: calc(13% - 8px); text-overflow: ellipsis; word-break: break-word; text-align: center; } div.tbtcar table tbody tr:nth-child(2n) { background: #F0F0F0; } div.titt { width: 100%; display: block; margin: 15px auto; text-align: center; font-size: 20px; font-weight: 800; } button.gris.btr { cursor: pointer; width: 23%; margin: auto; padding: 5px 0; height: 30px; border-radius: 5px; font-size: 15px; font-weight: 700; } div.crrrbtn { width: 80%; display: block; margin: 15px auto; text-align: center; position: relative; } div.blackyy { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 80%; margin: auto; } div.pequecont { display: block; position: relative; margin: auto; width: 90%; } div.tlcoo { display: block; position: relative; margin: 16px auto; width: 80%; margin-bottom: 0; } div.vtgre { display: block; margin: auto; width: 100%; position: relative; } div.vtgre table { width: 100%; display: block; position: relative; margin: auto; } div.vtgre table thead, div.vtgre table tbody { width: 80%; display: block; margin: auto; text-align: center; } div.vtgre table thead tr { width: 100%; display: block; margin: auto; position: relative; background: #008139; color: #ffffff; padding: 10px 0; } div.vtgre table thead tr th { display: inline-block; position: relative; margin: auto; text-align: center; width: 49%; } div.Masc.hytts { height: 349px; } div.ptb { font-size: 22px; } DIV .ContenIZ.tWERR { width: 25%; padding: 3px; } div.plmt { display: inline-block; position: relative; margin: auto; font-size: 30px; width: 49%; } div.yyy { width: 49%; display: inline-block; } div#hyhbvffv { width: 54%; } label.UYTBBR { FONT-WEIGHT: 800; } div.vtgre table tbody tr { width: 100%; display: block; margin: auto; position: relative; padding: 10px 0; } div.vtgre table tbody tr td { display: inline-block; position: relative; margin: auto; text-align: center; width: 49%; } div.tlerrc { display: block; margin: 15px auto; width: 100%; text-align: center; } div.vtgre table tbody tr:nth-child(2n) { background: #F0F0F0; } div.infoAud.gttt { justify-content: center; margin: auto; width: 100%; position: inherit; text-align: center; } button.naranja.direfren { position: relative; padding: 5px 20px; margin: 20px auto; border-radius: 5px; } div.ContenIZ.tgyyy { justify-content: center; margin: auto; width: 32%; position: inherit; text-align: left; } div.contenDR.tyyy.InserCuen { width: 39%; } button.naranja.opi { position: relative; padding: 5px 20px; margin: 20px auto; border-radius: 5px; } div.tbtcr { display: block; position: relative; width: 100%; margin: 30px auto; justify-content: center; margin-bottom: 10px; } div.tbtcr table.qwer { width: 80%; display: block; margin: 0 auto 40px; position: relative; } div.tbtcr table.qwer thead { width: 100%; display: block; position: relative; margin: auto; } div.tbtcr table.qwer thead tr { width: 100%; display: block; margin: auto; position: relative; background: #008139; color: #ffffff; padding: 10px 0; } div.tbtcr table.qwer thead tr th { width: 24%; display: inline-block; margin: auto; text-align: center; position: relative; } div.tbtcr table.qwer tbody { width: 100%; display: inline-block; margin: auto; text-align: center; position: relative; justify-content: center; } div.tbtcr table.qwer tbody tr { width: 100%; display: block; margin: auto; position: relative; padding: 10px 0; } div.tbtcr table.qwer tbody tr td { width: 24%; display: inline-block; margin: auto; text-align: center; position: relative; } div.tbtcr table.qwer tbody tr:nth-child(2n) { background: #F0F0F0; } div.btnkk { display: block; position: relative; margin: 18px auto; width: 100%; text-align: center; height: 30px; } div.btnkk div { display: inline-block; position: relative; margin: auto; text-align: center; justify-content: center; width: 31%; } button.naranja.hhjp, button.gris.jhyp { cursor: pointer; width: 50%; margin: auto; padding: 5px 0; height: 30px; border-radius: 5px; } div.hytr { width: 100%; display: block; margin: 10px auto; text-align: center; font-weight: 800; font-size: 23px; } button.gris.jhyp { background: #CBCBCB; } div.contenDR.bjuuu, div.ContenIZ.bbbb { font-weight: 800; } label.cuotass { font-weight: 800; } div.ContenIZ.bbbb { width: 47%; } div.valorDeudaServ { position: relative; display: flex; width: 80%; margin: auto; text-align: center; justify-content: space-around; } div.valorDeudaServ div.valorDeudaUnit span { position: relative; display: block; margin: 5px 0; font-weight: 500; font-size: 30px; } /***********************pagar servivio ******************************/ /*div.conpagarServi { position: relative; display: block; width: 100%; height: 67em; max-height: 68em; overflow-y: auto; }*/ div.conpagarServi.oculto { position: relative; display: block; width: 100%; } div.tutupagoservi { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.tutupagoservi label { font-size: 2.3em; padding-bottom: 0.395em; } div.contentexcap { display: flex; position: relative; width: 100%; margin: 30px auto; } div.contentexcap div.int { padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; height: 30px; } div.contentexcap div.chec { width: 21%; text-align: center; } button.naranja.ytrrrrs { position: relative; padding: 5px 20px; border-radius: 5px; } div.votcon { width: 80%; display: block; position: relative; margin: auto; } div.tryopvr { width: 80%; display: block; position: relative; margin: auto; } div.int input[type="text"] { width: 100%; height: 100%; } /*********************** fin pagar servivio ******************************/ /************************pagar credito *******************************/ button.naranja.uytbr { position: relative; padding: 5px 20px; border-radius: 5px; } button.naranja.btrswrd { position: relative; padding: 5px 20px; border-radius: 5px; } div.tyyguard { display: block; position: relative; width: 100%; margin: 15px auto; justify-content: center; text-align: center; } /************************fin pagar credito *******************************/ /*********************Admin Servicios***************************/ div.adminServicios { position: relative; display: block; padding-left: 120px; padding: 0; margin: auto; justify-content: center; width: 100%; } div.adminServicios .formtitle { width: 93%; margin: 15px auto; } div.adminServicios .formtitle label { font-size: 2.5em; } div.ContDigitacionTituloModulo { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.adminServicios div.divTitulo { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; margin-bottom: 25px; height: 3.381em; position: relative; } div.adminServicios div.divTitulo label { font-size: 2.3em; padding-bottom: 0.395em; } div.adminServicios div.divContent { position: relative; display: block; margin: auto; overflow-y: auto; } div.adminServicios div.divContent div.formServF { margin: auto; position: relative; display: grid; width: 99%; } div.adminServicios div.divContent div.formServF form { padding: 20px 0; margin: 0px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.adminServicios div.divContent div.formServF form div.camposSede { position: relative; display: block; margin: auto; width: 70%; margin-top: 15px; } div.adminServicios div.divContent div.formServF form div.camposSede div.labelCampo { position: relative; display: inline-block; font-size: 18px; width: 30%; margin: 10px auto; text-align: left; } div.adminServicios div.divContent div.formServF form div.campoGrand { position: relative; display: inline-block; width: calc(70% - 5px); } div.labelCampo { display: inline-block; position: relative; width: 20%; margin-bottom: 10px; } div.adminServicios div.divContent div.formServF div.camposSede div.campoGrand select { width: 100%; font-size: 1.1em; padding: 0.3em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); text-align: center; } .formServ { position: relative; display: block; width: 95%; margin: 10px auto; } div.adminServicios div.divContent div.formServF form { position: relative; display: block; width: 100%; margin: 10px 0; } div.adminServicios div.divContent div.formServF form > div.campoContainer { position: relative; display: inline-block; width: calc(33% - 20px); margin: 0 10px; } div.campoContainer { display: block; position: relative; width: 70%; margin: 15px auto; } div.adminServicios div.divContent div.formServF form div.labelCampo { position: relative; display: inline-block; font-size: 16px; width: 30%; margin: 10px 0; } div#confirmaciondivemerge { display: none; } div.confirmaciondivemerge { display: none; position: relative; width: calc(100% - 10px); margin: auto; text-align: center; } .formFallec { position: relative; display: block; width: 95%; margin: 10px auto; } div.contenedornuevo { display: block; position: relative; width: 100%; margin: auto; justify-content: center; } div#ActualizacionDatosComplementarios { width: 80%; position: relative; display: block; margin: auto; } div.selectFecha { display: block; position: relative; width: 100%; } div.selectDescrip { display: block; position: relative; width: 95%; margin: 10px auto; height: 60px; justify-content: center; } div.botonerass { display: flex; margin: auto; position: relative; width: 52%; justify-content: center; align-items: center; } div.btnCampo.xx { display: inline-block !important; position: relative; margin: auto; justify-content: center; width: 40%; } div.camponuevoaparte { margin: 1em auto; position: relative; width: 85%; display: flex; } div.nuevocampo { display: inline-block; position: relative; width: 95%; margin: auto; margin-left: 0; text-align: left; } .camponuevo { position: relative; display: flex; flex-direction: column; justify-content: flex-end; } /*div.camponuevo { display: inline-block; position: relative; margin: auto; width: 49%; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; height: 31px; justify-content: center; text-align: center; }*/ select#selectServicioDescripcion { width: 100%; font-size: 1.4em; padding: 0.25em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); text-align: center; } div.selectFechasFallecido { display: block; position: relative; width: 80%; margin: 10px auto; } div.nuevoFhNacimiento { display: inline-block; position: relative; width: 31%; margin: auto; } div.campofechass { display: inline-block; width: 49%; position: relative; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.nuevoFhFachecimiento { display: inline-block; position: relative; width: 31%; margin: auto; } div.campofechas { display: inline-block; width: 49%; position: relative; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.campo input { width: 100%; height: 30px; } div.sdd { display: block; position: relative; margin: 10px auto; } textarea#DescripcionMuerteFallecido { height: 42px !important; } div.adminServicios div.divContent div.formServF form div.campoGrand input { width: 100%; font-size: 1.1em; padding: 0.3em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); text-align: center; } div.radio { display: inline-block; position: relative; margin: 10px auto; padding: 8px; } un { display: inline-block; position: relative; margin: 10px auto; padding: 8px; } } div.botondatosfallecido { position: relative; display: grid; width: 80em; margin: auto; justify-content: center; } button#popdivconfirma { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.adminServicios div.divContent div.formServF form div.campoGrand select { width: 100%; font-size: 1.1em; padding: 0.3em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); text-align: center; } div.adminServicios div.divContent div.formServF form > div.infoCliente { position: relative; display: block; margin: 10px auto; width: 80%; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; } div.adminServicios div.divContent div.formServF form div.infoCliente div { position: relative; display: inline-block; width: calc(50% - 3px); } div.adminServicios div.divContent div.formServF form div.infoCliente div label { position: relative; display: block; text-align: center; margin: 5px 0; font-size: 14px; } div.adminServicios div.divContent div.formServF form div.infoCliente div label.labelNombre { font-size: 18px; font-weight: 700; } div.adminServicios div.divContent div.formServF form .areaCampo div.labelCampo { font-size: 18px; margin-top: 20px; text-align: center; } input#CbFolioPrincipal1 { position: relative; display: block; margin: 0px 5px; } div.adminServicios div.divContent div.formServF form .textArea { position: relative; display: block; width: 100%; margin: 10px 0; } div.adminServicios div.divContent div.formServF form .textArea textarea { position: relative; display: block; width: calc(100% - 20px); border: 1px solid rgba(150,150,150,.5); border-radius: 10px; padding: 10px; } div.adminServicios div.divContent div.formServF form .btnCampo button { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.adminServicios div.divContent div.tablaServF { position: relative; display: block; width: 90%; margin: auto; } div.adminServicios div.divContent div.tablaServF div.tituloTabla { display: flex; align-items: center; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 2.381em; margin: 10px auto; position: relative; } div.adminServicios div.divContent div.tablaServF div.tituloTabla label { font-size: 2.3em; padding-bottom: 0.395em; } div.adminServicios div.divContent div.tablaServF table { position: relative; display: block; width: 100%; padding: 0; } div.adminServicios div.divContent div.tablaServF table thead, div.adminServicios div.divContent div.tablaServF table tbody { position: relative; display: block; background: var(--FcSecund); width: 100%; } div.adminServicios div.divContent div.tablaServF table thead tr, div.adminServicios div.divContent div.tablaServF table tbody tr { position: relative; display: block; width: 100%; } div.adminServicios div.divContent div.tablaServF table thead tr th, div.adminServicios div.divContent div.tablaServF table tbody tr td { color: #212529; position: relative; display: inline-block; width: calc(14% - 3px); text-overflow: ellipsis; word-break: break-word; } div.adminServicios div.divContent div.tablaServF table thead tr th { color: #FFFFFF; margin: 10px 0; } div.adminServicios div.divContent div.tablaServF table tbody { background: #FFFFFF; } div.adminServicios div.divContent div.tablaServF table tbody tr:nth-child(2n) { background: #F0F0F0; } div.adminServicios div.divContent div.tablaServF table tbody tr td { text-align: center; font-size: 12px; margin: 5px auto; } div.adminServicios div.divContent div.tablaServF table tbody tr td i { font-size: 16px; cursor: pointer; } div.folios { width: 30%; display: inline-block; margin: auto; position: relative; cursor: pointer; transition: .4s; } div.folios:hover { color: #228AE7; transition: .4s; } div.descripcion { width: 26%; display: inline-block; margin: auto; position: relative; cursor: pointer; transition: .4s; } div.descripcion:hover { color: #228AE7; transition: .4s; } div.folios label, div.descripcion label { cursor: pointer; font-size: 10px; } div.folios i, div.descripcion i { margin-bottom: 3px; } div.adminServicios div.popUpPersona { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 30; top: 0; right: 0; left: 0; bottom: 0; } div.adminServicios div.popUpPersona div.blockPersona { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div#divVistaParcialPersona { z-index: 60; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock { position: relative; display: block; width: 60%; background: #FFFFFF; padding: 40px; border-radius: 20px; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock div.blockTitle { position: relative; display: block; width: 100%; margin: 0 0 20px 0; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 24px; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form { position: relative; display: block; width: 100%; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form > div { position: relative; display: block; width: 100%; margin-bottom: 20px; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockDocumento div { position: relative; display: inline-block; width: calc(50% - 23px); margin: 0 10px; vertical-align: top; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockNombres div { position: relative; display: inline-block; width: calc(25% - 14px); margin: 0 5px; vertical-align: top; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div div label { position: relative; display: block; width: 100%; font-size: 18px; margin: 0 0 10px 0; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div div select { position: relative; display: block; width: 100%; height: 35px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div div input { position: relative; display: block; width: calc(100% - 20px); height: 35px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockBotones { position: relative; display: flex; margin: 10px 0 0; justify-content: center; align-items: center; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockBotones button { position: relative; display: block; margin: 0 10px; padding: 10px; border-radius: 5px; } div.adminServicios div.popUpServicio { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 30; top: 0; right: 0; left: 0; bottom: 0; } div.adminServicios div.popUpServicio div.blockServicio { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio { position: relative; display: block; padding: 20px; width: 60%; background: #FFFFFF; border-radius: 20px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.titleServicio { position: relative; display: block; width: 100%; margin-bottom: 20px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.titleServicio { position: relative; display: block; width: 89%; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 16px; margin: auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.titleServicio label b { display: block; font-size: 20px; font-weight: 700; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio { position: relative; display: block; width: 100%; } div.infoServicio div.titleSeccion { position: relative; display: block; width: 89%; text-align: center; font-weight: 700; font-size: 16px; margin: 7px auto; } label.nServcio { width: 100%; display: block; position: relative; } div.partecero, div.sede, div.unos, div.doss, div.tress, div.infoCliente, div.infoMuerte { display: block; position: relative; width: calc(100% - 20px); margin: 10px auto; } div.cerouno, div.formalizacionsede, div.unodos, div.doscuatro, div.tresseis, div.cuatroocho, div.cinconueve, div.edap, div.muerte { width: 45%; display: inline-block; position: relative; margin: auto; font-weight: 600; font-size: 1.2em; } div.cerodos, div.formalizacionsedes, div.unotres, div.doscinco, div.tressiete, div.cuatrocionco, div.cincodiez, div.numeredadp, div.muere { width: 45%; display: inline-block; position: relative; margin: auto; font-size: 1.2em; } .btnFormCont { position: relative; display: block; margin-top: 55px; } div.cuatros, div.seiss { margin: 10px auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.extraServicio { position: relative; display: flex; width: 100%; margin: 5px 0; align-items: center; justify-content: center; } div.extraServicio { display: inline-flex; position: relative !important; } div.extraServicio > div { display: inline-block; width: 49%; margin: auto; } div.botoncito { width: 100% !important; } div.bbtt { display: inline-flex !important; position: relative; width: 116% !important; margin: auto; } div.bbtt input { position: relative; display: block; margin: 0 10px; padding: 5px 10px; border-radius: 5px; } div.selecv, div.campoGr, div.camGra, div.campio { display: inline-block; position: relative; margin: auto; width: 49%; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; text-align: center; } div.fdq, div.labelC, div.labelCa, div.labelCampohg { display: inline-block; position: relative; margin: auto; width: 49%; } div.copp { display: inline-block; position: relative; margin: auto; width: 49%; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } select#SFIDDLCooperativaGrupoIPP { height: 26px; font-size: 14px; text-align: center; margin: auto; width: 100%; } div.dert { display: inline-block; position: relative; margin: 10px auto; width: 49%; } div.csdf { display: inline-block; position: relative; margin: 10px auto; width: 49%; text-align: center; } select#DDLSeleccionSedeServicioAdicional, input#TxTNumeroFolioAdicional, input#TXTCedulaClienteAdicional, select#selectFolioAdicionalDescripcion { height: 26px; font-size: 14px; text-align: center; margin: auto; width: 100%; } div.adicDesc { width: 100% !important; margin: auto !important; } div.tddt label { width: 100% !important; position: relative; display: block; margin: auto; text-align: center; } div.ocult { position: relative; width: 100% !important; display: block; position: relative; } button#botonVisualizarDatosAfiliacionDetalle { position: relative; padding: 5px 10px; border-radius: 5px; margin: auto; } div.divbtncaalcela { display: flex; margin: auto; width: 100%; position: relative; text-align: center; top: 19px; } /*div.ocult { width: 100%; text-align: left; margin-top: 7px; margin: auto; margin-left: 22px; display:block; position:relative; }*/ div > div.contencinco { position: relative; display: block; width: 100%; } div.contenseis { display: block; position: relative; width: 100%; margin: 17px auto; margin-bottom: 0; } div.botonedid { display: block; position: relative; width: 54%; margin: auto; bottom: 0px; top: 8px; } button#bbtr { position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: 0 20px; margin-top: 10px; } div.informaG label { display: inline-block !important; } div.informaG { width: 70% !important; position: relative; justify-content: center; align-items: center; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.extraServicio input { position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: 0 20px; margin-bottom: 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.extraServicio label { position: relative; display: block; font-size: 14px; width: 27%; margin: 0 10px; } div.lbllll label { margin-left: 10px !important; width: 45% !important; display: inline-block !important; position: relative; font-size: 1.2em; font-weight: 600; margin: 4px auto; } span#VASPANFolioEsAfiliado, span#VASPANFolioCooperativa, span#VASPANFolioCooperativa, span#VAlabelFolioNumeroDocumentoCliente, span#VAlabelFolioTitular, span#VAlabelBeneficiario, span#VAlabelFolioCubrimiento, span#VAlabelFolioNumeroAutorizacion { display: inline-block; position: relative; width: 45%; font-size: 1.2em; text-align: left; font-weight: 300; } div .adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio { position: relative; display: block; width: calc(100% - 50px); margin: auto; } span.separador { position: relative; display: block; content: ''; width: 100%; height: 1px; background: #212529; margin: 10px 0; } div#DivFormServicio { padding: 20px; margin: 0px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.divunoconten, div.divdosconten { padding: 20px; margin: 10px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.mascara { position: relative; display: block; } button#botonCerrarDivVerificacionAfiliado, button#botonCerrarDivSalaVelacion, button#botonCerrarDivExequias, button#botonCerrarDivHomenajeVirtual { padding: 10px; border-radius: 6px; position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio div.titleForm { position: relative; display: block; width: 100%; margin: 5px 0; text-align: center; font-weight: 700; font-size: 16px; } button#editt { position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: auto; } div#diferent { position: relative; display: flex; justify-content: center; width: 100%; margin: 10px 0 5px; padding-top: 10px; } div.edid { display: flex; position: relative; width: 100%; margin: 13px auto; justify-content: center; } div.cfr { display: block; position: relative; } div.cfr button { padding: 5px 10px; border-radius: 5px; } div.dfee { display: block; position: relative; margin: 0 10px; } button#btnGuardarCambios { font-size: 16px; padding: 5px 10px; border-radius: 5px; } button#editactuali { position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: 0 20px; } div.contencuatro div { position: relative; display: block; width: calc(97% - 20px); margin: 5px auto; text-align: left; } div.KKMKNJMJ { width: 31% !important; display: inline-block !IMPORTANT; margin: auto; } div.BHYYHY { display: inline-block !important; position: relative !important; width: 49% !important; border: 1px solid rgba(150,150,150,.5); padding: 0 10px; border-radius: 5px; margin: 10px auto; } div.sdfvgbnmplokj { position: relative; display: block; width: calc(95% - 20px); margin: 5px auto; text-align: left; } div.yyiokjju { position: relative; display: block; width: calc(97% - 20px); margin: 5px auto; text-align: left; } div.titleertsd { position: relative; display: block; width: 100%; margin: 5px 0; text-align: center; font-weight: 700; font-size: 16px; } div.BHYYHY select { height: 30px; text-align: center; width: 100%; } div.nueve { padding: 20px; margin: 10px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.contencuatro { position: relative; display: none; width: 100%; } DIV.divtres { padding: 20px; margin: 10px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.contentres { display: block; width: 100%; position: relative; margin: auto; } div.contentreiss { display: block; width: 100%; position: relative; margin: auto; } button#editactualidos { position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: 0 20px; } button#edidos { position: relative; display: block; padding: 5px 10px; border-radius: 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form { position: relative; display: block; width: 100%; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form > div { position: relative; display: block; width: calc(95% - 20px); margin: 5px auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio > div { position: relative; display: block; width: calc(100% - 14px); margin: 5px auto; vertical-align: top; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio > div label { font-size: 13px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div.infoExtra { position: relative; display: block; width: 98%; margin: auto; } div div.infoExtra div.labelCampo { position: relative; display: inline-block; width: calc(86% - 3px); text-align: left; } div.contendoss { position: relative; display: block; width: 100%; } div.contenunoo { position: relative; display: none; width: 100%; } div.contendoss > div { position: relative; display: block; width: calc(97% - 20px); margin: 5px auto; } div.ceoror, div.partetres, div.partetres, div.primeraparte, div.deer { display: inline-block; position: relative; width: 37%; margin: auto; } div.rorrce, div.trespartes, div.parteuno, div.opu { display: inline-block; position: relative; width: 58%; margin: 10px auto; justify-content: center; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } select#ddlDepartamento, select#DDLCiudadServicio, select#DDLSeleccionSedeVelacion, select#DDLSeleccionSalaVelacion { width: 100%; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.otherOptions div.boxCheckOpciones { display: flex; width: 100%; margin: 10px 0; align-items: center; } div.labelCampo.ggg { width: 31% !important; display: inline-block !IMPORTANT; margin: auto; } div.labelCampo.gff { width: 31% !important; display: inline-block !IMPORTANT; margin: auto; } div.campo.rangoHora.fdr { display: inline-block !important; position: relative !important; width: 49% !important; border: 1px solid rgba(150,150,150,.5); padding: 0 10px; border-radius: 5px; margin: 10px auto; } div.campo.rangoHora.fdr select#DDLHoraCerrada { width: 48%; margin: auto; } div.campo.rangoHora.fdr input#TXTRangoHora { width: 50%; margin: auto; } div input#TXTLugarExequias { width: 100%; } div input#TXTDestinoFinal { width: 100%; } div.campo.fechaExequias.fff, div.campo.fff { display: inline-block !important; position: relative !important; width: 49% !important; border: 1px solid rgba(150,150,150,.5); padding: 0 10px; border-radius: 5px; margin: 10px auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.otherOptions div.boxCheckOpciones input.checkOpciones { position: relative; display: block; height: 20px; width: 20px; margin-right: 10px; margin-left: 5px; } div.labelCampo label, div.nuevoFhNacimiento label, div.nuevoFhFachecimiento label, div.nuevocampo label { position: relative; display: inline-block; font-size: 15px; } div.yyiokjju label { position: relative; display: inline-block; font-size: 15px; margin: 10px auto; } div.yyiokjju span { position: relative; display: inline-block; font-size: 16px; } div.labelCampo label span { position: relative; display: inline-block; font-size: 16px; } div.tiJUJJ { position: relative; display: block; width: 100%; margin: 5px 0; text-align: center; font-weight: 700; font-size: 16px; } div.tiJUJJ button.btnGeneral.naranja { position: relative; padding: 5px 10px; border-radius: 5px; margin: auto; } div.BHYYHY input[type="text"] { width: 100%; height: 30px; margin: auto; text-align: center; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div.horaCampo { position: relative; display: block; width: calc(100% - 10px); } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div.horaCampo div.campo { position: relative; display: inline-block; vertical-align: top; width: calc(30% - 10px); margin: 0 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.campo select { position: relative; display: block; width: 100%; height: 35px; border: 1px solid rgba(150,150,150,.5); padding: 0 10px; border-radius: 5px; cursor: pointer; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio div div.campo select { position: relative; display: inline-block; width: 61%; height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; padding: 0 10px; cursor: pointer; margin: 10px auto; } div.selectDescrip div div.labelCampo { position: relative; display: inline-block; width: calc(49%); margin: 0 5px; } div#DivFolioAdicionalDescripcion { margin: 10px auto; } div.selectDescrip div div.campo { position: relative; display: inline-block; width: 95%; vertical-align: top; } select#TXTServicioDescripcion { position: relative; display: inline-block; width: 100%; height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; padding: 0 10px; cursor: pointer; } div.selectFecha div div.labelCampo { position: relative; display: inline-block; width: auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.servicioValor { position: relative; display: inline-block; width: calc(62% - 1px); vertical-align: top; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.fechaExequias { position: relative; display: inline-block; width: calc(57% - 0px); vertical-align: top; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.rangoHora { position: relative; display: inline-block; width: calc(16% - 2px); vertical-align: top; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.campo input#TXTRangoHora { position: relative; display: block; height: 33px; width: 35px; text-align: center; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; padding: 0 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.campo select#DDLHoraCerrada { position: absolute; display: block; top: 0; right: -10px; width: 50px; padding: 0 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectLugar > div { position: relative; display: block; width: calc(102% - 13px); } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectLugar div div { position: relative; display: inline-block; width: 31%; vertical-align: top; } div.aprobContent div.aprobTable table tbody tr td div { position: relative; display: block; font-size: 14px !important; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFechasFallecido > div { position: relative; display: inline-flex; margin: 0 5px; width: calc(90% - 13px); } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.btnServicios { position: relative; display: flex; justify-content: center; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTitle { position: relative; display: block; width: 100%; text-align: center; margin-bottom: 15px; font-size: 20px; text-transform: uppercase; font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable { position: relative; display: block; width: 100%; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table thead, div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table thead tr { position: relative; display: block; width: 100%; background: #008139; color: #FFFFFF; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table thead tr th { position: relative; display: inline-block; width: calc(17% - 8px); margin: 10px 0; font-size: 14px; } div.popUpTables table thead tr th { position: relative; display: inline-block; width: calc(25% - 8px); margin: 10px 0; font-size: 14px; } div.popUpTables table { position: relative; display: block; width: 100%; } div.popUpTables table thead, div.popUpTables table tbody { position: relative; display: block; width: 100%; } div.popUpTables table thead tr { position: relative; display: block; width: 100%; background: #008139; color: #FFFFFF; } div.popUpTables table tbody tr td { position: relative; display: inline-block; width: calc(25% - 5px); text-align: center; margin: 5px 0; text-overflow: ellipsis; overflow: hidden; } div.popUpTables table tbody tr { position: relative; display: block; width: 100%; } div.popUpTables table tbody tr { position: relative; display: block; width: 100%; } div.popUpTables table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpTables table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpTables table tbody tr td a { position: relative; display: flex; cursor: pointer; color: #FFFFFF; padding: 5px; background: #FA8C00; border-radius: 10px; justify-content: center; align-items: center; width: 80%; margin: auto; transition: .4s; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table tbody tr { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table tbody tr td { position: relative; display: inline-block; width: calc(17% - 5px); text-align: center; margin: 5px 0; text-overflow: ellipsis; overflow: hidden; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table tbody tr td a { position: relative; display: flex; cursor: pointer; color: #FFFFFF; padding: 5px; background: #FA8C00; border-radius: 10px; justify-content: center; align-items: center; width: 80%; margin: auto; transition: .4s; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpTable table tbody tr td a:hover { transition: .4s; background: #F5A43D; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpButton { position: relative; display: flex; margin-top: 20px; justify-content: center; } div#seddd, div.werrr { display: block; margin: auto 17px; justify-content: center; } button.btnGeneral.naranja.trrr { padding: 10px; border-radius: 5px; margin: auto; } div.contenbtd { display: flex; width: 40%; margin: auto; justify-content: center; } div.popUpEstadoAfil div.popUpCentre div.popUpConsulta div.popUpButton button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoSelects { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoSelects div.select { position: relative; display: inline-block; margin: 5px 0; margin-left: 10px; width: calc(50% - 3px); } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoSelects div.select select { position: relative; display: block; width: calc(100% - 10px); padding: 0 10px; height: 35px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoContainer { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoContainer div.labelCampo { position: relative; display: inline-block; width: 20%; padding-left: 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoContainer div.campoGrand { position: relative; display: inline-block; width: calc(80% - 10px); } div.popUpFormat div.popUpBlock div.popUpCont form div.camposResponsable div.campoContainer div.campoGrand input { position: relative; display: block; height: 25px; padding: 0 10px; width: calc(100% - 30px); border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.campoContainer { position: relative; display: inline-block; width: 45%; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.campoContainer div.labelCampo, div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.campoContainer div.campoGrand { position: relative; margin-left: 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.campoContainer div.campoGrand input { position: relative; display: block; width: calc(100% - 20px); margin: 5px 0; padding: 0 10px; height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.infoCliente { position: relative; display: inline-block; width: calc(55% - 10px); vertical-align: top; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.infoCliente div label { position: relative; display: block; margin: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont form div.camposCliente div.infoCliente div label.labelNombre { text-transform: uppercase; font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont form div.selectDescrip div.adicValor { position: relative; display: inline-block; margin: 10px auto; width: calc(30% - 10px); } div.popUpFormat div.popUpBlock div.popUpCont form div.selectDescrip div.adicValor div.labelCampo, div.popUpFormat div.popUpBlock div.popUpCont form div.selectDescrip div.adicDesc div.labelCampo { margin: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont form div.selectDescrip div.adicValor div.campo input, div.popUpFormat div.popUpBlock div.popUpCont form div.selectDescrip div.adicDesc div.campo input { position: relative; display: block; width: calc(100% - 20px); height: 30px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.selectDescrip div.adicDesc { position: relative; display: inline-block; width: calc(70% - 15px); margin: 0 5px; } div.popUpFormat div.popUpBlock div.popUpCont form div.adicBotonera { position: relative; display: flex; margin: 0; margin-top: 20px; width: 100%; justify-content: center; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont form div.adicBotonera div.btnCampo button { position: relative; display: block; margin: 0 5px; padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.btnCampo { display: flex; position: relative; justify-content: center; } div.popUpEstadoAfil div.contEstado { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } div.popUpEstadoAfil div.contEstado div.blockEstado { position: relative; display: block; width: 60%; height: auto; border-radius: 20px; background: #FFFFFF; padding: 20px; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contPopUp { position: relative; display: block; width: 100%; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contPopUp div.popUpTitle { position: relative; display: flex; width: 100%; justify-content: center; margin: 10px 0; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contPopUp div.popUpTitle label { font-size: 18px; font-weight: 600; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contPopUp div.radioButtons { position: relative; display: flex; justify-content: center; margin: 10px 0; } div.dttd { position: relative; display: block; justify-content: center; margin: 10px 0; } div.tddt { display: block; position: relative; width: 100%; } div.Rdr { display: inline-flex; position: relative; width: 100% !important; justify-content: center; align-items: center; margin: 11px auto; } div.un { display: flex; position: relative; margin-left: 27px; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contPopUp div form div.noLabelInput { position: relative; display: inline-block; width: calc(49% - -3px); } div.noLabelInput { position: relative; display: inline-block; width: calc(49% - -3px); height: 57px; } div.tadaQQ { width: calC(49% - 49px); position: relative; display: inline-block; } div.noLabelInput div.inputCedula, div.noLabelInput div.buttonCedula { position: relative; display: flex; justify-content: center; align-items: center; margin: 15px 0; } div.noLabelInput div.inputCedula label { margin: 0 10px; } div.noLabelInput div.inputCedula input { margin: 0 10px; padding: 0 10px; height: 35px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; } div.noLabelInput div.buttonCedula button { margin: 0 10px; padding: 5px 10px; border-radius: 5px; } div.labelCedula { position: relative; display: flex; justify-content: center; margin: 20px 0; font-size: 18px; font-weight: 700; } div#numeroautoriza input { padding: 0 10px; height: 28px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; width: calc(76% - 1px); margin-top: 10px; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contButtons { position: relative; display: flex; width: 100%; justify-content: center; margin: 10px 0; } div.valcc { display: none; width: 100%; position: relative; } div.conjunto { display: flex; width: 100%; position: relative; } div.input { display: inline-block; width: 69%; position: relative; } div.input label { display: inline-block !important; width: 30% !important; } div.input input[type="text"] { display: inline-block !important; height: 24px; width: calc(56% - 20px); border: 1px solid rgba(150,150,150,.5); border-radius: 5px !important; padding: 0 10px !important; } button#vla { position: relative; display: block; padding: 5px 10px; border-radius: 5px; margin: 0 20px; margin-top: 10px; } div.bover { display: none; margin: 20px auto; position: relative; width: 100%; margin-bottom: 0; } div.contens { display: block; position: relative; width: 20%; margin: auto; text-align: center; justify-content: center; } div.contens label { width: 80% !important; text-align: center; } div.afii label { width: auto !important; text-align: center; margin: 20px auto !important; margin-bottom: 15px !IMPORTANT; } div.afii { display: block; position: relative; width: 100%; margin: 14px auto; text-align: center; } div.ccdt { display: none; width: 100%; position: relative; } div.lbllll { display: block; width: 100%; margin: auto; position: relative; } div.lbllll div { display: block; position: relative; width: 100%; margin: auto; justify-content: center; align-items: center; align-content: center; } div.afii { display: block; position: relative; width: 100%; margin: 25px auto; } div.contens select { position: relative; display: inline-block; width: 79%; height: 35px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; padding: 0 10px; cursor: pointer; } div.contens input[type="text"] { display: inline-block !important; height: 31px; width: calc(80% - 20px); border: 1px solid rgba(150,150,150,.5); border-radius: 5px !important; padding: 0 10px !important; margin: 0 8px !important; } div.bvb { display: inline-block; position: relative; width: 12%; } button.btnGeneral.naranja.vfdv { position: relative; padding: 5px 10px; border-radius: 5px; margin: auto; } div.bbim { display: block; position: relative; width: 35%; margin: 10px auto; padding: 10px; justify-content: center; align-items: center; align-content: center; } div.btgun, div.btgdou { display: inline-block; position: relative; width: 49%; margin: auto; } button.acep { position: relative; padding: 5px 10px; border-radius: 5px; margin: auto; } div.popUpEstadoAfil div.contEstado div.blockEstado div.contButtons button { position: relative; padding: 10px; border-radius: 5px; margin: 0 5px; } div.popUpDiscriminarservicio { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 34; top: 0; right: 0; left: 0; bottom: 0; } div.Dservicio { position: relative; display: block; width: 60%; background: #FFFFFF; padding: 24px; border-radius: 20px; } div.DCrimunarservicio { position: relative; display: block; width: 100%; margin: 0 0 20px 0; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 24px; } form#FormClientePopUpFolio { position: relative; display: block; height: 310px; } div.tituloserv { position: relative; display: block; margin-bottom: 20px; text-align: center; font-size: 24px; } div.CONTROLES { display: flex; position: relative; justify-content: center; align-items: center; width: 100%; } div.ControlCirculo { position: relative; display: none; justify-content: center; align-items: center; } span.circulito { position: relative; display: block; content: ''; margin: 5px; width: 5px; height: 5px; background: black; border-radius: 50%; } div.controlIzquierda { position: absolute; left: 0; } div.controlDerecha { position: absolute; right: 0; } div.cubrimientoo { position: relative; display: block; justify-content: center; margin: 20px auto; width: 94%; /* font-size: 18px; */ /* font-weight: 700; */ } .formdescrpServ { position: relative; display: block; width: 93%; margin: 15px auto; } .campo.descripServ { width: 66% !important; } div#DivfolioPrincipal2 { POSITION: relative; display: flex; justify-content: center; align-items: flex-end; margin: 15px auto; font-weight: 600; } div#DivfolioPrincipal { position: relative; display: flex; justify-content: center; align-items: flex-end; margin: 15px auto; font-weight: 600; } div.empresaconvenio, div.cubrimientoempresa { display: block; position: relative; width: 26%; text-align: center; padding: 10px; font-size: 11px; } div.cubrimientoo select { position: relative; display: block; padding: 0 10px; margin-top: 10px; width: 100%; height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.Formulariodservicio { position: relative; display: block; width: calc(100% - 10px); margin: auto; height: 100%; transition: .4s; overflow: hidden; } div.tablads { position: relative; width: 100%; height: 430px; overflow-y: auto; display: block; } div.tablads th { width: 25%; } div.tablads td { width: 25%; font-size: 15px; text-align: center; margin: auto; } div.tablads input[type="checkbox"] { height: 20px; width: 20px; } div.tablads input[type="checkbox"] { height: 17px; width: 17px; } div.tablads input { position: relative; display: inline-flex; width: calc(100% - 106px); height: 19px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; right: -19px; } div.tbnSD button.btnGeneral { position: relative; display: block; margin: auto 10px; padding: 10px; border-radius: 5px; } div.tbnSD { width: 100%; display: flex; margin: 17px auto; justify-content: center; position: relative; top: 17px; } div.numeracion { position: relative; display: flex; margin: 10px 0; left: 20px; } div.numeracionuno { width: 50%; position: relative; display: inline-flex; align-items: center; margin: 0 5px; transition: .4s; } div.Num { position: relative; display: inline-block; font-size: 32px; width: 15%; margin: 0 5px; text-align: center; transition: .4s; } div.ind { position: relative; display: inline-block; width: 65%; height: 100%; transition: .4s; } div.inl { width: 50%; position: relative; display: inline-flex; align-items: center; margin: 0 5px; transition: .4s; } div.cNum { position: relative; display: inline-block; font-size: 32px; width: 15%; margin: 0 5px; text-align: center; transition: .4s; } div.indicT { position: relative; display: inline-block; width: 65%; height: 100%; transition: .4s; } div.indicm { position: relative; display: flex; height: 100%; width: 20%; justify-content: center; align-items: center; transition: .4s; } div.indicm span.ll { position: relative; display: block; transition: .4s; } div.indicm span:nth-child(2) { left: 10px; } div.indicm span:before { position: absolute; display: block; content: ''; height: 20px; width: 4px; background: #212529; bottom: -2px; border-radius: 5px; transform: rotate(-30deg); transition: .4s; } div.indicm span:after { position: absolute; display: block; content: ''; height: 20px; width: 4px; background: #212529; top: -2px; border-radius: 5px; transform: rotate(30deg); transition: .4s; } div.nombreLL { width: 84%; justify-content: center; padding: 7px; position: relative; display: block; margin: auto; } div.nombreLL div.labelSd { margin: auto; width: 50%; text-align: center; } div.nombreLL div.labelSd label { font-size: 20px; text-align: center; } div.nombreLL div.inSD { position: relative; display: block; width: calc(100% - 20px); height: 35px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.contenTCC { width: 100%; display: inline-block; } div.TIPOcc, div.CCTF { width: 48%; position: absolute; } div.contenTCC label { font-size: 20px; } div.contenTCC input { position: relative; display: block; width: 66%; height: 31px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin: auto; } div.CCTF { margin: auto 478px; } div.contenDT { width: 100%; display: inline-block; margin: 68px auto; } div.Do, div.TL { width: 48%; position: absolute; } div.TL { margin: auto 478px; } div.contenDT label { font-size: 20px; } div.contenDT input { position: relative; display: block; width: 66%; height: 31px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin: auto; } div.bcerrar { position: absolute; display: flex; right: -10px; top: -10px; width: 40px; height: 40px; cursor: pointer; justify-content: center; align-items: center; background: #E0E0E0; color: #212529; border-radius: 50%; } div.tablads tbody tr:nth-child(2n) { background: #F0F0F0; } div.tablads thead tr { height: 35px; background: #008139; font-size: 18px; color: #FFFFFF; } div.tablads table { width: 100%; } div.tablads tbody tr { height: 30px; } span.CAMPOchek { position: absolute; display: flex; z-index: 20; right: 21%; align-items: center; justify-content: center; } div.total { width: 100%; display: flex; position: absolute; justify-content: flex-end; } span#CaptionValorTotalTabla { width: 30%; position: relative; display: block; text-align: center; margin-top: 10px; } span.valor { display: block; text-align: right; font-size: 16px; font-weight: 800; margin: 10px 0; } /**********************Fin Admin Servicios**************************/ /**********************Editar Perfil********************************/ .formtitle.editar { justify-content: center; } .userInfo { position: relative; display: flex; width: 100%; margin: 15px auto; justify-content: center; } .sveBttn { position: relative; display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); margin: 15px auto; padding: 25px 0px; } .photoUser { position: relative; display: block; width: 45%; margin: 15px 0; } .nameUser { position: relative; display: block; width: 45%; margin: auto 0; } .nameUser label { font-size: 1.4em; font-weight: 600; } .fllName { position: relative; display: block; margin: 15px auto; font-size: 3.0em; } .userName { position: relative; display: block; width: 60%; font-size: 1.4em; } .infoPerson .rowCampo .campo { text-align: center; } .formSubirFoto { position: relative; display: block; width: 100%; } .prevFoto { position: relative; display: block; width: 38%; margin: 0 auto; } .realFoto { position: relative; display: block; width: 100%; height: 290px; text-align: center; } .realFoto img.imgContFoto { display: block; height: 100%; width: 100%; object-fit: cover; margin: auto; border-radius: 50%; } .tapaderaFoto { position: absolute; display: flex; top: 0; width: 100%; text-align: center; height: 100%; background: #A1A1A1; color: #FFFFFF; border-radius: 50%; justify-content: center; align-items: center; } .btnSub { position: relative; display: flex; justify-content: center; margin: 20px 0; } label.btnSubFoto { position: relative; display: block; width: 35%; padding: 15px; text-align: center; background: var(--FcSecund); cursor: pointer; border-radius: 15px; color: #FFFFFF; transition: .5s; } label.btnSubFoto:hover { background: #08c333; } .infoPerson { position: relative; display: block; font-size: 1.8em; } /***************************Admin Sedes********************************/ div.adminSedes { position: relative; display: block; width: calc(100% - 120px); padding-left: 120px; padding: 0; width: 100%; } div.adminSedes div.adminTitulo { position: relative; display: block; width: 80%; margin: 40px auto 20px; text-align: center; } div.adminSedes div.adminTitulo label { position: relative; display: block; text-transform: uppercase; font-weight: 800; font-size: 35px; } div.adminSedes div.blockSede { position: relative; display: block; margin: 40px auto; width: calc(60% - 40px); padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.adminSedes div.blockSede > div { position: relative; display: block; width: 100%; margin: 20px 0; } div.adminSedes div.blockSede div.selectSede label { position: relative; display: block; margin: 10px auto; width: 33%; text-align: center; font-size: 18px; } div.adminSedes div.blockSede div.selectSede div.campo { position: relative; display: block; width: 30%; margin: auto; } div.adminSedes div.blockSede div.selectSede div.campo select { position: relative; display: block; width: 100%; height: 35px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; } div.adminSedes div.blockSede div.infoSede div.sedeTitle { position: relative; display: block; margin: 10px auto; width: 40%; padding: 0; border: 0; } div.adminSedes div.blockSede div.infoSede div.sedeTitle label { position: relative; display: block; text-align: center; font-size: 22px; font-weight: 700; text-transform: uppercase; } div.adminSedes div.blockSede div.infoSede > div { position: relative; display: block; width: calc(100% - 40px); margin: 20px 0; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; } div.adminSedes div.blockSede div.infoSede > div div.ingDatos { position: relative; display: flex; width: 100%; margin: 10px 0; justify-content: center; } div.adminSedes div.blockSede div.infoSede > div div.ingDatos button { position: relative; display: block; padding: 10px; border-radius: 5px; } div.adminSedes div.blockSede div.infoSede div div.divLabel label { position: relative; display: block; text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 10px; } div.adminSedes div.blockSede div.infoSede div div.infoLabel label { position: relative; display: block; text-align: center; text-transform: uppercase; margin-bottom: 5px; } div.adminSedes div.blockSede div.infoSede div div.btnLabel button { position: relative; display: block; margin: 5px auto; padding: 5px 10px; border-radius: 5px; cursor: pointer; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm { position: relative; margin: 20px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; padding: 10px 20px; transition: .5s; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart { position: relative; display: inline-block; width: 40%; margin-right: 10px; vertical-align: middle; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart p { position: relative; display: block; text-align: center; font-size: 12px; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart span { position: relative; display: block; font-size: 16px; text-transform: uppercase; text-align: center; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 { position: relative; display: inline-block; width: calc(60% - 15px); vertical-align: middle; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 p { position: relative; display: block; text-align: center; font-size: 12px; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 form div.inputsForm { position: relative; display: block; width: 100%; margin: 5px 0; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 form div.inputsForm div.campo { position: relative; display: inline-block; width: calc(50% - 8px); margin-right: 5px; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 form div.inputsForm div.campo input { position: relative; display: block; width: calc(100% - 10px); height: 25px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; padding: 0 5px; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 form div.buttonsForm { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 10px; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 form div.buttonsForm button { margin: 0 5px; padding: 5px 10px; border-radius: 5px; } div.adminSedes div.blockSede div.infoSede div div.datosTelefono { position: relative; display: block; width: 100%; } div.adminSedes div.blockSede div.infoSede div div.datosTelefono div { position: relative; display: inline-block; width: calc(33% + 2px); } div.adminSedes div.blockSede div.infoSede div div.datosTelefono div label { position: relative; display: block; text-align: center; font-size: 18px; } div.adminSedes div.blockSede div.infoSede div div.datosTelefono div button { position: relative; display: block; margin: 5px auto; padding: 5px 10px; border-radius: 5px; cursor: pointer; } div.adminSedes div.blockSede div.infoSede div.divFoto div.datosImagen { position: relative; display: block; } div.adminSedes div.blockSede div.infoSede div.divFoto div.datosImagen div.imagenSede { position: relative; display: block; height: 300px; margin: auto; } div.adminSedes div.blockSede div.infoSede div.divFoto div.datosImagen div.imagenSede img { position: relative; display: block; height: 100%; width: 100%; margin: auto; object-fit: contain; } div.adminSedes div.blockSede div.infoSede div.divFoto div.datosImagen div.botonSede { position: relative; display: block; width: 100%; margin: 10px 0; } div.adminSedes div.blockSede div.infoSede div.divFoto div.datosImagen div.botonSede button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: auto; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion { position: relative; width: calc(100% - 40px); border: 1px solid rgba(150,150,150,.5); border-radius: 10px; padding: 20px; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion div.titleEdit { position: relative; display: block; margin: 10px 0; text-align: center; font-size: 14px; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion form { position: relative; display: block; width: 100%; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion form div.campoFile input { position: relative; display: block; margin: 10px auto; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion form div.campoBoton { position: relative; display: flex; width: 100%; justify-content: center; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion form div.campoBoton { position: relative; display: flex; width: 100%; justify-content: center; } div.adminSedes div.blockSede div.infoSede div.divFoto div#DivFotoActualizacion form div.campoBoton button { position: relative; display: block; padding: 10px; margin: 0 5px; border-radius: 5px; } /***************************Fin Admin Sedes********************************/ /***********************popup formucliente discriminar servicios*****************************/ div.CONTENPOPUP { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 33; bottom: 0; } div.CIENTEPOPUP { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } div.FORMULARIOPOP { position: relative; width: 40%; background: #FFFFFF; padding: 24px; border-radius: 20px; } div.NOMBRESS { position: relative; display: flex; width: calc(100%); margin: 11px 0; justify-content: center; } div.nmb1 { position: relative; display: inline-block; width: calc(100% - 17px); margin: 5px 10px; text-align: center; } div.document { position: relative; display: block; width: calc(100%); margin: 11px 0; justify-content: center; } div.tipddc1, div.numeroddc2 { position: relative; display: inline-block; width: calc(47% - 17px); margin: 5px 10px; text-align: center; } div.tipddc1 select { width: calc(100%) !important; } div.DATOSS { position: relative; display: block; width: calc(100%); margin: 11px 0; justify-content: center; } div.correoo, div.telefonoo { position: relative; display: inline-block; width: calc(47% - 17px); margin: 5px 10px; text-align: center; } div.FORMULARIOPOP input { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.FORMULARIOPOP select { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.DATOSacargo { margin-bottom: 8px; } div.jh { width: calc(100% - 117px); display: inline-flex; position: relative; margin: auto; font-size: 15px; } div.hhf { display: inline-block; width: calc(100% - 30px); font-size: 15px; margin: auto; } di.ff { display: inline-block; width: calc(50% - 24px); text-align: center; font-size: 14px; justify-content: center; } div.hhf input { width: calc(100% - 34px); display: inline-block; right: 0; } div.dddd input { width: calc(100% - 34px); display: inline-block; right: 0; } div.dddd { width: calc(100% - 117px); display: inline-flex; position: relative; margin: auto; align-items: baseline; } div.vc, div.sa { display: inline-block; width: calc(100% - 30px); font-size: 15px; margin: auto; } div.ghn, div.cv, div.aj, div.ja { display: inline-block; width: calc(50% - 24px); text-align: center; font-size: 14px; justify-content: center; } div.dddd { width: calc(108% - 100px); display: inline-flex; position: relative; margin: auto; align-items: baseline; } div.ghn select { width: calc(100%) !important; position: relative; display: block; padding: 0 10px; height: 25px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.ghn label, div.cv label { font-size: 12px; } button#actualizarDatos { position: relative; display: block; margin: auto 10px; padding: 9px; border-radius: 5px; font-size: 11px; margin-bottom: 7px; } div.mn { margin-top: 6px; } div.informacionquemada { width: calc(100% - 117px); display: block; position: relative; margin: auto; font-size: 13px; margin-bottom: 10px; } span.contenedordatosq { width: 100%; position: relative; display: block; text-align: left; margin: 3px auto; } button#actualdatoQM { position: relative; display: block; margin: auto 10px; padding: 7px; border-radius: 5px; font-size: 11px; } /********************popup cuentas discrminar servicio************************/ div.POUPCUENTAS { position: fixed; display: flex; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 30; top: 0; right: 0; left: 0; bottom: 0; } div.CONTENPOUPCUENTAS { position: relative; width: 70%; background: #FFFFFF; padding: 24px; border-radius: 20px; } div.tituloserv.CZ { font-size: 26px; } div.tbnSDL { width: 100%; justify-content: center; margin: auto; display: flex; position: relative; margin-top: 20px; } div.tituloserv.hh { font-size: 22px; margin-bottom: 10px; } div.contenSERVICIO { position: relative; display: inline-flex; justify-content: space-between; padding: 9px 6px; width: calc(50% - 25px); } div.contenSERVICIO span i { font-size: 10px; margin-right: 5px; } div.contenSERVICIO span { display: flex; align-items: center; font-size: 12px; } span.numeroprecio { color: #008139; } div.contenSERVICIO:nth-child(2n) { background: #f0f0f0; margin-right: 20px; } div.contenSERVICIO:nth-child(2n + 1) { background: #f0f0f0; } div.contenSERVICIO:nth-child(4n) { background: #fff; } div.contenSERVICIO:nth-child(4n + 1) { background: #fff; } div.contenedorVALORE { margin-top: 16px; margin-bottom: 15px; } div.Contenedorvalores { width: calc(50% - 21px); display: inline-block; position: relative; margin: auto; text-align: center; } span.valortt { display: block; } span.valortt { display: block; text-align: right; } button#FACTURACION { font-size: 16px; padding: 6px; border-radius: 6px; } div.Contenedorcuenta { margin: auto; position: relative; display: flex; height: 350px; } div.botoneraSDllll { width: 100%; position: relative; display: flex; } div.tituloserv.pooo { font-size: 3em; font-weight: 600; margin-bottom: 0px; } span.svp { font-size: 24px; font-weight: 800; } div.dataa span, div.datae span, div.datai span { font-weight: 500; } div.dataa label, div.datae label, div.datai label { font-weight: 800; } div.Contenedorcuenta > div ~ div { border-left: 1px solid rgba(150,150,150,.5); margin-left: 5px; padding-left: 5px; } div.cuentas.cajaservicios { width: 100%; } div.SERVICOADQUIRIDO { width: calc(50%); display: inline-block; position: relative; vertical-align: top; padding: 10px; text-align: justify; } div.SERVICOADQUIRIDO.extra { width: calc(90%); } div.SERVICOADQUIRIDO.ddd { width: calc(50% - 3px); display: block; justify-content: center; align-items: center; overflow: auto; } div.rbtrr { display: block; position: relative; width: 58%; top: 113%; margin: 24px auto; } div.contresss { display: block; position: relative; margin-top: 20px; } div.diezz { display: none; width: 100%; margin: auto; position: relative; top: 80%; } div.diezz { display: none; width: 100%; margin: 9px auto; position: relative; top: 114%; } div.pot { display: inline-block; width: 49%; margin: auto; text-align: left; position: relative; } div.contenDiez { display: block; position: relative; width: 80%; margin: auto; } div.VRYYOO { position: relative; display: block; margin: auto; text-align: center; } div.wbfr div { display: inline-block; position: relative; margin: auto; } div.rfbw div { display: inline-block; position: relative; margin: auto; } div.wbfr, div.rfbw { display: inline-block; position: relative; width: 49%; justify-content: center; margin: auto; } div.Contenedorcuentauno { position: relative; display: block; height: 49%; margin: auto; } div.contenedorDos { position: relative; display: block; height: auto; margin: auto; justify-content: center; width: 100%; } div.totalreal { position: relative; display: inline-block; width: calc(49% - 1px); margin: auto 0 0 23px; height: auto; } div.preciostotales { position: relative; display: inline-block; width: calc(34% - 5px); vertical-align: top; } div.informacionquemada.dfos { width: calc(100% - 81px); font-size: 12px; margin-bottom: 5px; } span.contenedordatosq.lli, span.contenedordatosq.kjjll, span.contenedordatosq.dfr, span.contenedordatosq.saa, span.contenedordatosq.vaq { margin: 6px auto; } div.tituloserv.tttlo { font-size: 12px; margin-bottom: 7px; } div.preciostotales input.precio { position: relative; display: inline-flex; width: calc(100% - 32px); height: 19px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; margin: 1px 0; } div.TOL { position: relative; display: block; height: 57px; margin: auto; justify-content: center; align-items: center; top: 30px; } div.ttll { position: absolute; display: block; height: 57px; width: calc(100% - 41px); margin: auto; justify-content: center; align-items: center; text-align: center; font-size: 26px; } span.precio { position: relative; display: block; text-align: center; font-size: 16px; margin: 10px 0; } span.hhl { background: black; } span.separadornn { position: relative; display: block; content: ''; width: 100%; height: 1px; background: rgba(150,150,150,.5); margin: 10px 0; } /******************** fin popup cuentas discrminar servicio************************/ /*******************************Admin Bono***************************/ div.adminBono { display: block; position: relative; width: calc(100% - 120px); height: 100%; padding-left: 120px; padding: 0; width: 100%; } div.adminBono div.nombreBono { align-items: center; display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; margin: 15px auto; text-align: center; } div.adminBono div.nombreBono label.titleBono { font-size: 2.3em; padding-bottom: 0.395em; } div.adminBono div.bonoForm { position: relative; display: block; width: 100%; margin: 7px auto; } .naranja:hover { background: var(--ColorOrange1); } div.adminBono div.bonoForm form div.datosSorteo { position: relative; display: block; width: 80%; padding: 10px 0; margin: auto; margin-bottom: 5px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.adminBono div.bonoForm form div.datosSorteo div.tituloDatos { position: relative; display: block; width: 100%; text-align: center; margin-bottom: 10px; } div.adminBono div.bonoForm form div.datosSorteo label { position: relative; display: inline-block; width: 33%; text-align: center; font-size: 14px; } div.adminBono div.bonoForm form div.datosSorteo label span { position: relative; display: block; font-size: 20px; } div.adminBono div.bonoForm form div.tituloInfo { position: relative; display: grid; width: 20em; text-align: center; margin: auto; } div.adminBono div.bonoForm form div.cuentaBono { position: relative; display: block; width: 100%; margin: 0; } div.adminBono div.bonoForm form div.cuentaBono div.labelCampo { position: relative; display: block; text-align: left; font-size: 18px; margin: auto; width: 30%; } div.adminBono div.bonoForm form div.cuentaBono div.campo { position: relative; display: block; width: 30%; margin: 5px auto 30px; } div.adminBono div.bonoForm form div.cuentaBono div.labelCover { position: relative; display: block; width: 100%; margin: 10px 0; text-align: center; } div.adminBono div.bonoForm form div.cuentaBono div.labelCover label { color: rgba(150,150,150,.8); font-style: italic; font-size: 14px; } div.adminBono div.bonoForm form div div.campo input.campo { position: relative; display: block; padding: 0 10px; width: calc(100% - 20px); height: 33px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.adminBono div.bonoForm form div.cuentaBono div.campoBtn { position: relative; display: block; width: 100%; } div.adminBono div.bonoForm form div.cuentaBono div.campoBtn input { position: relative; display: block; margin: auto; padding: 5px 10px; border-radius: 5px; } div.adminBono div.bonoForm form div.numerosBono, div.adminBono div.bonoForm form div.ganadorBono { position: relative; display: block; width: 80%; margin: 20px auto 30px; } div.adminBono div.bonoForm form div.numerosBono > div, div.adminBono div.bonoForm form div.ganadorBono > div { position: relative; display: inline-block; width: calc(50% - 13px); margin: 0 5px; } div.adminBono div.bonoForm form div.numerosBono div div.labelCampo, div.adminBono div.bonoForm form div.ganadorBono div div.labelCampo { position: relative; display: block; margin-bottom: 5px; width: 100%; } div.adminBono div.bonoForm form div.numerosBono div div.campo, div.adminBono div.bonoForm form div.ganadorBono div div.campo { position: relative; display: block; width: 100%; } div.adminBono div.bonoForm form div.numerosBono div.campo input.campo, div.adminBono div.bonoForm form div.ganadorBono div.campo input.campo { width: calc(100% - 20px); } div.adminBono div.bonoForm form div.ganadorBono div.campo select { position: relative; display: block; height: 35px; width: 100%; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; } div.adminBono div.bonoForm form div.botonesBono { position: relative; display: block; width: 100%; margin: 10px 0; } div.adminBono div.bonoForm form div.botonesBono input { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.adminBono div.tableHolder { position: relative; display: block; width: 100%; margin: 40px auto; } div.adminBono div.tableHolder table { position: relative; display: block; width: 100%; } div.adminBono div.tableHolder table thead { position: relative; display: block; width: 100%; background: #008139; color: #FFFFFF; } div.adminBono div.tableHolder table tbody { position: relative; display: block; width: 100%; background: #FFFFFF; /* max-height: 6em; */ overflow: hidden; height: auto; /* overflow-y: scroll; */ } div.adminBono div.tableHolder table thead tr, div.adminBono div.tableHolder table tbody tr { position: relative; display: block; width: 100%; padding: 5px 0; } div.adminBono div.tableHolder table thead tr { padding: 10px 0; } div.adminBono div.tableHolder table tbody tr:nth-child(2n) { background: #F0F0F0; } div.adminBono div.tableHolder table thead tr th, div.adminBono div.tableHolder table tbody tr td { position: relative; display: inline-block; width: calc(20% - 5px); text-align: center; } div.adminBono div.tableHolder table tbody tr tds { font-size: 14px; } div.adminBono div.tableHolder table tbody tr td.extra { position: relative; display: block; width: 100%; height: 0px; overflow: hidden; transition: .4s; } div.adminBono div.tableHolder table tbody tr td.extra.activo { height: 175px; transition: .4s; } div.adminBono div.tableHolder table tbody tr td button { padding: 5px 10px; border-radius: 5px; } div.adminBono div.divDetalleSorteo, div.adminBono div.divDetalleGanadorEstado { position: relative; display: block; width: 80%; margin: 0 auto 20px; } div.adminBono div.divDetalleGanadorEstado div.compGanador div.titleComp { position: relative; display: block; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 10px; } div.adminBono div.divDetalleGanadorEstado div.compGanador div.contentComp { position: relative; display: flex; justify-content: center; } div.adminBono div.divDetalleGanadorEstado div.compGanador div.contentComp div.label { position: relative; display: flex; margin: 0 20px; align-items: center; } div.adminBono div.divDetalleGanadorEstado div.compGanador div.contentComp div.select select { position: relative; display: block; height: 35px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; } div.adminBono div.divDetalleGanadorEstado div.compGanador div.button { position: relative; display: flex; justify-content: center; margin: 20px 0; } div.adminBono div.divDetalleGanadorEstado div.compGanador div.button input { padding: 10px; border-radius: 5px; } div.adminBono div.divDetalleSorteo table, div.adminBono div.divDetalleSorteo table thead, div.adminBono div.divDetalleSorteo table tbody, div.adminBono div.divDetalleSorteo table thead tr, div.adminBono div.divDetalleSorteo table tbody tr { width: 100%; } div.adminBono div.divDetalleSorteo table caption { position: relative; display: block; width: 100%; margin: 20px 0 10px; text-transform: uppercase; font-size: 18px; font-weight: 700; } div.adminBono div.divDetalleSorteo table thead { background: #008139; color: #FFFFFF; } div.adminBono div.divDetalleSorteo table thead tr th, div.adminBono div.divDetalleSorteo table tbody tr td { position: relative; display: inline-block; width: calc(14% - -2px); text-align: center; } div.adminBono div.divDetalleSorteo table tbody tr td { padding: 5px 0; font-size: 14px; } div.adminBono div.divDetalleSorteo table tbody tr td a { color: blue; font-weight: 600; } div.adminBono div.bonoForm form div.cuentaBono div.campo label { width: 260px; top: 30px; height: 30px; left: 0px; padding: 0; } div.adminBono div.bonoForm form div.numerosBono div.campo label, div.adminBono div.bonoForm form div.ganadorBono div.campo label { top: 30px; height: 25px; width: 250px; padding: 0; left: 0; } /******************************Fin Admin Bono*******************************/ /*******************************Crear Roles*******************************/ div.blackBack { position: fixed; display: none; background: rgba(10,20,30,.5); width: 100%; height: 100vh; z-index: 1; opacity: 0; transition: .4s; } div.blackBack.activo { display: flex; opacity: 1; transition: .4s; } div.creacionRoles { position: relative; display: block; width: 80%; top: 70px; margin: 40px auto; } div.creacionRoles div.adminTitulo { position: relative; display: block; width: 80%; margin: 40px auto 20px; text-align: center; } div.creacionRoles div.adminTitulo label { position: relative; display: block; text-transform: uppercase; font-weight: 800; font-size: 35px; } div.creacionRoles form div.contentRoles { position: relative; display: block; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.creacionRoles form div.contentRoles div.partRoles div.btnCerrar { position: absolute; display: none; justify-content: center; align-items: center; right: 15px; top: 15px; } div.creacionRoles form div.contentRoles div.partRoles.activo div.btnCerrar { display: flex; } div.creacionRoles form div.contentRoles div.partRoles div.btnCerrar button { position: relative; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; background: #BBBBBB; transition: .4s; } div.creacionRoles form div.contentRoles div.partRoles div.btnCerrar button:hover { background: #DDDDDD; transition: .4s; } div.creacionRoles form div.contentRoles > div { position: relative; display: block; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; margin: 20px; background: #FFFFFF; transition: .4s; } div.creacionRoles form div.contentRoles div.partRoles.activo { position: absolute; z-index: 2; top: -150px; width: calc(100% - 80px); transition: .4s; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos { position: relative; display: block; width: 100%; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.labelPermisos { position: relative; display: block; width: 30%; text-align: center; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.labelPermisos { position: relative; display: block; width: 25%; text-align: center; font-size: 18px; font-weight: 400; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.btnPermisos { position: relative; display: flex; width: 15%; align-items: center; justify-content: center; height: 100%; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.btnPermisos button { position: relative; display: block; padding: 5px 0; width: 35px; margin: 0 5px; background: #FFFFFF; cursor: pointer; border-radius: 5px; transition: .4s; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.btnPermisos button i { font-size: 16px; color: #FFFFFF; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.hiddenPermisos { position: relative; display: block; height: 0; overflow: hidden; transition: .4s; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.hiddenPermisos.activo { height: auto; transition: .4s; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; width: 60%; margin: auto; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.hiddenPermisos div.hiddenCont { position: relative; display: flex; justify-content: space-between; padding: 10px 20px; margin: 10px auto; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.hiddenPermisos div.hiddenCont div.hiddenLabel { position: relative; display: block; font-weight: 500; } button.btnEdit { background: #209eeb !important; } button.btnEdit:hover { background: #68b7e8 !important; transition: .4s; } button.btnErase { background: #ec3725 !important; } button.btnErase:hover { background: #e96659 !important; transition: .4s; } button.btnSave { display: none !important; background: #dfcf18 !important; transition: .4s; } button.btnSave:hover { background: #e2d54a !important; transition: .4s; } div.creacionRoles form div.contentRoles div.partRoles.activo div.permisos div.contPermisos div.nombPermisos div.btnPermisos button.btnSave { display: block !important; } div.creacionRoles form div.contentRoles div.partRoles div.labelCrear { position: relative; display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 600; } div.creacionRoles form div.contentRoles div.partRoles div.controlCrear { position: relative; display: block; width: 40%; margin: 20px auto; } div.creacionRoles form div.contentRoles div.partRoles div.controlCrear > div { position: relative; display: inline-block; width: calc(50% - 13px); margin: 5px; } div.creacionRoles form div.contentRoles div.partRoles div.controlCrear > div input { position: relative; display: block; height: 35px; width: calc(100% - 20px); border: 1px solid rgba(150,150,150,.5); border-radius: 10px; padding: 0 10px; } div.creacionRoles form div.contentRoles div.partRoles div.controlCrear > div button { position: relative; display: block; padding: 10px; margin: auto; border-radius: 5px; } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos { position: relative; display: block; width: 60%; margin: auto; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; padding: 20px; } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos div.contPermisos { position: relative; display: flex; justify-content: space-between; margin: 10px 0; } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos div.contPermisos div.newPLabel { font-weight: 600; } /*************************************************Reportes Comercial**************************************************/ div.comReportes { position: relative; display: flex; width: calc(100% - 120px); justify-content: center; margin: 0 0 40px 0; padding-left: 120px; } div.comReportes div.contReportes { position: relative; display: block; width: 95%; } div.comReportes div.contReportes div.titleReportes { position: relative; display: block; width: 80%; margin: 40px auto 20px; text-align: center; } div.comReportes div.contReportes div.titleReportes label { position: relative; display: block; text-transform: uppercase; font-weight: 800; font-size: 35px; } div.comReportes div.contReportes div.allReportes { position: relative; display: block; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.comReportes div.contReportes div.allReportes > div { position: relative; display: block; width: 80%; margin: auto; } div.comReportes div.contReportes div.allReportes > div.gerenteReporte { margin: 0 auto 20px; width: 80%; } div.comReportes div.contReportes div.allReportes div.basicoReportes > div { position: relative; display: block; width: 100%; text-align: left; font-size: 22px; } div.comReportes div.contReportes div.allReportes div.basicoReportes div label span { position: relative; font-size: 24px; font-weight: 600; } div.comReportes div.contReportes div.allReportes > div.basicoReportes > div:nth-child(1) { font-size: 50px; text-transform: uppercase; margin-bottom: 20px; } div.comReportes div.contReportes div.allReportes > div.basicoReportes > div:nth-child(1) label span { font-size: 60px; font-weight: 800; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte { position: relative; display: inline-block; width: calc(50% - 3px); vertical-align: top; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div { margin: 5px 0; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div label { font-size: 22px; font-weight: 600; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div label.btnGeneral { position: relative; display: block; width: 90%; padding: 5px; margin: auto; text-align: center; border-radius: 5px; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div label span { font-size: 20px; font-weight: 400; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div { margin: 0 0 10px 0; text-align: center; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorTipo label span { position: relative; display: block; font-size: 18px; font-weight: 600; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorDesc { position: relative; display: block; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorDesc label { font-weight: 600; font-size: 18px; text-transform: uppercase; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorDesc label span { position: relative; display: block; margin: 5px 0; font-weight: 400; font-size: 16px; text-transform: none; } div.comReportes div.contReportes div.allReportes div.ventasReporte { width: 60%; } div.comReportes div.contReportes div.allReportes div.ventasReporte > div { position: relative; display: inline-block; width: calc(50% - 3px); vertical-align: top; } div.comReportes div.contReportes div.allReportes div.ventasReporte > div > div label { position: relative; display: inline-block; width: 80%; } div.comReportes div.contReportes div.allReportes div.ventasReporte > div > div span { position: relative; display: inline-block; width: 20%; text-align: center; font-weight: 700; vertical-align: top; } div.comReportes div.contReportes div.allReportes div.ventasReporte > div > div { position: relative; display: flex; align-items: center; margin: 5px 0; height: 31px; } div.comReportes div.contReportes div.allReportes div.controlReporte { width: 40%; margin: 20px auto; } div.comReportes div.contReportes div.allReportes div.controlReporte div.campo { position: relative; display: inline-block; width: 100%; } div.comReportes div.contReportes div.allReportes div.controlReporte div.boton { position: relative; display: inline-flex; width: 100%; justify-content: center; vertical-align: top; margin: 10px 0; } div.comReportes div.contReportes div.allReportes div.controlReporte div.boton button { padding: 10px; border-radius: 5px; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 { width: 100%; overflow-x: auto; margin: 0; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table#tblReportes { position: relative; display: block; width: 100%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead, div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody, div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr, div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr { position: relative; display: block; width: 100%; } div.comReportes div.paginacion { margin: 0; } /*****************************************************************/ div.comReportes div.contReportes div.allReportes > div.tablareportedos { width: 100%; } div.comReportes div.contReportes div.allReportes > div.paginacion { position: relative; display: flex; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th, div.comReportes div.contReportes div.allReportes > div.tablareportedos table tbody tr td { padding: 4px; text-align: center; width: 4%; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(1), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(2), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(3), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(4), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(5), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(6), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr th:nth-child(11) { padding: 17px 0; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table thead tr { background: #008139; color: #FFFFFF; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table tbody tr:nth-child(2n) { background: #F0F0F0; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table tbody tr td { padding: 14px 0 !important; } /*****************************************************************************/ div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr { background: #008139; color: #FFFFFF; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr:nth-child(2n) { background: #F0F0F0; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th, div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td { position: relative; display: inline-block; padding: 5px; text-align: center; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(1), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(2), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(3), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(4), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(5), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(6) { width: 6%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(1), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(2), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(3), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(4), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(5), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(6) { width: calc(6% + 4px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(18) { width: calc(5% - 17px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(18) { width: calc(5% - 13px); } /*************************************Admin Credito********************************************/ div.adminCredito { position: relative; display: block; width: 100%; height: 100%; } div.adminCredito div.contCredito { position: relative; display: block; height: 100%; width: 100%; } div.adminCredito div.contCredito div.solicCredito { position: relative; display: block; width: 100%; margin: auto; padding: 40px 0; } div.adminCredito div.contCredito div.solicCredito div.titleCredito { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; margin: 10px auto; position: relative; } div.adminCredito div.contCredito div.solicCredito div.titleCredito label { font-size: 2.3em; padding-bottom: 0.395em; } div.adminCredito div.contCredito div.solicCredito div.wizCredito { position: relative; display: block; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit { position: relative; display: inline-flex; width: 11em; height: 50px; vertical-align: top; align-items: center; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit.activo { color: #FF8F00; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizNumber { position: relative; display: block; font-size: 45px; margin: 0 10px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizInfo { position: relative; display: block; margin-right: 20px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span { position: absolute; display: flex; height: 100%; justify-content: center; align-items: center; right: 10px; top: 0; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span:nth-child(1) { right: 20px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span:before { position: absolute; display: block; content: ''; width: 4px; height: 20px; background: #000000; transform: rotate(-30deg); border-radius: 10px; top: 10px; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span:after { position: absolute; display: block; content: ''; width: 4px; height: 20px; background: #000000; transform: rotate(30deg); border-radius: 10px; margin-top: 10px; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit.activo div.wizArrow span:before, div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit.activo div.wizArrow span:after { background: #FF8F00; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito { position: relative; display: -webkit-box; overflow: hidden; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div { position: relative; display: none; width: 100%; right: 0%; height: auto; margin: 20px 0; border-radius: 0 0 20px 20px; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div.activo { display: block; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.expanButton { position: relative; display: block; width: 95%; margin: auto; cursor: default; background: rgba(0, 129, 57,.8); color: #FFFFFF; padding: 10px 0; text-align: center; text-transform: uppercase; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito { position: relative; display: block; width: calc(95% - 40px); margin: auto; height: auto; padding: 20px; box-shadow: 0px 5px 5px rgba(150,150,150,.5); border-radius: 0 0 20px 20px; transition: .4s; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito { position: relative; display: block; width: 100%; margin: 10px 0; margin-top: 0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.radio { text-align: center; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.radio > div { position: relative; display: inline-flex; align-items: center; justify-content: center; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > div { position: relative; display: inline-block; padding: 0 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso { position: relative; display: block; width: calc(100% - 40px); padding: 0 20px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit { position: relative; display: inline-block; margin: 0 5px; width: calc(33% - 12px); transition: .4s; font-weight: 600; vertical-align: top; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit.comp { color: #008139; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit label { position: relative; display: inline-block; width: 75%; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit span { position: relative; display: inline-block; width: calc(25% - 5px); text-align: center; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso div.progTitle { position: relative; display: block; width: 100%; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 700; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > div.contenidoResumen { text-align: center; font-weight: 700; width: calc(100% - 10px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > div.contenidoResumen span { font-weight: 400; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > div.obs { width: calc(100% - 10px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > div label { position: relative; display: block; margin-bottom: 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.radio > div label { margin-bottom: 0; margin-left: 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.rows4 > div { width: calc(25% - 14px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.rows3 > div { width: calc(33% - 9px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.rows2 > div { width: calc(50% - 14px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.rows1 > div { width: calc(100% - 15px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla { position: relative; display: inline-block; width: calc(50% - 3px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla { position: relative; width: 100%; padding: 0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody { position: relative; width: 100%; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead tr td { position: relative; padding: 0 0 5px; color: #FFFFFF; text-align: center; text-transform: uppercase; background: rgba(0, 129, 57,.8); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead tr.title td { padding: 5px 0; font-size: 20px; font-weight: 700; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr { padding: 5px 0; height: auto; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr:nth-child(2n) { background: #F0F0F0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr td.inputTable { position: relative; display: flex; margin: 5px 10px; align-items: center; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr td.inputTable span { position: relative; display: block; margin: 0 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr td.labelTable { padding: 10px; text-transform: uppercase; font-size: 14px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.btnAgregar { position: relative; display: block; margin: 0 0 10px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.btnAgregar > input { position: relative; display: block; padding: 10px; border-radius: 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > input { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > label { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 700; margin: 30px 0 20px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla { position: relative; display: block; width: 100%; padding: 0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla thead, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla tbody, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla thead, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla tbody, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla thead, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla tbody { position: relative; display: block; width: 100%; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla thead, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla thead, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla thead { background: rgba(0, 129, 57,.8); color: #FFFFFF; font-weight: 600; padding: 5px 0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla thead tr, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla tbody tr, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla thead tr, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla tbody tr, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla thead tr, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla tbody tr { position: relative; display: block; width: 100%; padding: 5px 0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla tbody tr:nth-child(2n), div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla tbody tr:nth-child(2n), div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla tbody tr:nth-child(2n) { background: #F0F0F0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla tbody tr td { position: relative; display: inline-block; width: calc(15% - 15px); text-align: center; word-break: break-word; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla tbody tr td { position: relative; display: inline-block; width: calc(17% - 9px); text-align: center; word-break: break-word; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla tbody tr td { position: relative; display: inline-block; width: calc(13% - 12px); text-align: center; word-break: break-word; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla tbody tr td spa div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla tbody tr td span, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla tbody tr td span { position: relative; display: flex; cursor: pointer; width: 20px; height: 20px; justify-content: center; align-items: center; margin: auto; color: #FF0000; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.inputArch { position: relative; display: flex; margin: 0 0 10px; width: 100%; justify-content: center; align-items: center; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.inputArch div.inputDiv { position: relative; display: flex; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.inputArch div.inputDiv input { display: none; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.inputArch div.inputDiv label, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.inputArch div.inputDiv button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.archSub div.archTitle { position: relative; display: block; margin: 20px 0 5px; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.archSub div.archCont { position: relative; display: block; padding: 10px; background: #E1E5E9; border-radius: 50px; box-shadow: 3px 3px 5px rgba(150,150,150,.5); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.archSub div.archCont div.itemArch { position: relative; display: inline-flex; width: auto; padding: 5px 10px; margin: 5px; color: #FFFFFF; cursor: default; background: rgb(255, 143, 0); border-radius: 50px; box-shadow: 3px 2px 4px rgba(150,150,150,.5); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.archSub div.archCont div.itemArch div.btnRetirar { margin-left: 5px; cursor: pointer; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.sigCredito { position: relative; display: flex; justify-content: center; align-items: center; margin: 20px 0 0; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.sigCredito input { padding: 10px; border-radius: 5px; margin: 0 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito label.sepTitle { position: relative; display: block; width: 100%; text-align: center; margin: 10px 0; font-size: 22px; text-transform: uppercase; font-weight: 600; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito label.sepTitle span { font-weight: 400; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito span.separador { position: relative; display: block; content: ''; width: 100%; height: 1px; background: #212529; margin: 10px 0; } label.sepTitle.empresa { text-align: left !important; font-size: 18px !important; } /*************************************Fin Admin Credito********************************************/ /****************************************Aprobacion Credito******************************************/ div.aprovCredito { position: relative; display: block; width: 100%; height: 100%; } div.aprovCredito div.contAprov div.aprovTitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.aprovCredito div.contAprov { position: relative; display: block; width: 100%; height: 100%; } div.aprovCredito div.contAprov div.aprovTitle label { font-size: 2.3em; padding-bottom: 0.395em; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaTitle { position: relative; display: block; margin: 20px 0; font-size: 25px; font-weight: 700; text-transform: uppercase; color: rgb(150,150,150); } div.minifj.ocultos { display: none; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont { position: relative; display: block; font-size: 0; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem { position: relative; display: flex; margin: 10px 20px; padding: 5px 10px; width: calc(100% - 60px); overflow: hidden; border-radius: 10px; justify-content: space-between; border: 1px solid rgba(150,150,150,.5); box-shadow: 3px 3px 3px rgba(150,150,150,.5); transition: .4s; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem:hover { box-shadow: 5px 5px 5px rgba(150,150,150,.5); transition: .4s; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera div.btnRevisar:hover { background: #228AE7; color: #FFFFFF; transition: .4s; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre { position: relative; display: flex; font-size: 20px; font-weight: 800; text-transform: uppercase; text-align: center; align-items: center; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaIndic { position: absolute; display: flex; height: 100%; width: 20px; top: 0; left: 0; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaIndic span { position: relative; display: block; content: ''; width: 100%; height: 100%; background: gray; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem.pendiente div.grillaIndic span { background: yellow; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem.rechazada div.grillaIndic span { background: red; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem.aprobada div.grillaIndic span { background: green; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre span { position: relative; display: block; cursor: default; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre span { position: relative; display: block; font-size: 12px; font-weight: 400; margin: 0 10px 0 25px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera div.btnRevisar { position: relative; display: flex; cursor: pointer; color: #228AE7; transition: .4s; padding: 10px; border-radius: 5px; align-items: center; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera div.btnRevisar i { position: relative; display: block; font-size: 18px; margin: 0 5px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera div.btnRevisar span { font-size: 14px; text-transform: uppercase; } div.aprovCredito div.popAprov { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; justify-content: center; align-items: center; background: rgba(0,0,0,.5); } div.aprovCredito div.popAprov div.contPopAprov { position: relative; display: block; width: 80%; padding: 20px; background: #FFFFFF; border-radius: 10px; max-height: 34em; overflow: hidden; overflow-y: auto; } div.aprovCredito div.popAprov div.contPopAprov div.popApTitle { position: relative; display: block; width: 100%; margin-bottom: 20px; font-size: 26px; font-weight: 700; text-align: center; text-transform: uppercase; } div.aprovCredito div.popAprov div.contPopAprov div.popApTitle span { position: relative; display: block; font-size: 16px; font-weight: 40 0; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic { position: relative; display: block; width: 100%; margin: 10px 0; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont { position: relative; display: inline-flex; width: calc(12% - 16px); justify-content: center; align-items: center; cursor: pointer; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont div.wizData label { font-size: 0.8em; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont label { cursor: pointer; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont div.wizNum { position: relative; display: block; margin-right: 5px; font-size: 40px; transition: .4s; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont.activo div.wizNum, div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont:hover div.wizNum, div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont.activo div.wizData, div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont:hover div.wizData { color: #FF8F00; transition: .4s; } div.aprovCredito div.popAprov div.contPopAprov div.wizFolioCont { position: relative; display: block; width: 60%; margin: auto; } div.aprovCredito div.popAprov div.contPopAprov div.wizFolioCont div.wizFolio { position: relative; display: inline-block; width: calc(50% - 23px); margin: 5px 10px; } div.aprovCredito div.popAprov div.contPopAprov div.wizFolioCont div.wizFolio label { font-weight: 700; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard { position: relative; display: -webkit-box; overflow: hidden; width: 100%; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem { position: relative; display: block; width: 100%; right: 0%; transition: .4s; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.titleWiz { position: relative; display: block; text-align: center; text-transform: uppercase; font-weight: 600; padding: 10px 0; background: #008139; color: #FFFFFF; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz { position: relative; display: block; padding: 10px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow { position: relative; display: block; width: 100%; padding: 5px 0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow:nth-child(2n) { background: #F0F0F0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow label.fullLabel { position: relative; display: block; width: 100%; font-weight: 700; text-align: center; text-transform: uppercase; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow.cR2 div.contCol { width: calc(50% - 3px); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow.cR3 div.contCol { width: calc(33%); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow.cR4 div.contCol { width: calc(25% - 4px); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol { position: relative; display: inline-block; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol label { position: relative; display: block; margin-bottom: 5px; font-weight: 700; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol table { width: 100%; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol table thead { text-align: center; background: #008139; color: #FFFFFF; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol table thead tr td span { position: relative; display: block; margin: 5px; margin-top: 0; text-transform: uppercase; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol table thead tr.tableTitle td span { margin: 10px 0 5px; font-size: 20px; font-weight: 700; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol table tbody tr td span { position: relative; display: block; margin: 5px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdBotonera { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdBotonera input { margin: 0 5px; padding: 10px; border-radius: 5px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef { position: relative; width: 100%; text-align: center; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef thead, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef tbody { position: relative; display: block; width: 100%; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef thead { background: #008139; color: #FFFFFF; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef thead tr, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef tbody tr { position: relative; display: block; width: 100%; padding: 5px 0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef thead tr { padding: 5px 0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef tbody tr { margin: 5px 0; padding: 0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef tbody tr:nth-child(2n) { background: #F0F0F0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef tbody tr td { position: relative; display: inline-block; word-break: break-word; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t5 thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t5 tbody tr td { width: calc(20% - 4px); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t6 thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t6 tbody tr td { width: calc(17% - 8px); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t7 thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t7 tbody tr td { width: calc(14% - 1px); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef tbody tr td { font-size: 14px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.buttonWiz { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.buttonWiz input { padding: 10px; border-radius: 5px; margin: 0 5px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.archSub { position: relative; display: block; padding: 10px; background: rgba(255, 143, 0,.5); border-radius: 50px; box-shadow: 3px 3px 5px rgba(150,150,150,.5); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.archSub div.archSubIt { position: relative; display: inline-flex; width: auto; padding: 5px 10px; margin: 5px; color: #FFFFFF; cursor: default; background: rgb(255, 143, 0); border-radius: 50px; box-shadow: 3px 2px 4px rgba(150,150,150,.5); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.archSub div.archSubIt div.btnDescarga { margin-left: 5px; cursor: pointer; } /****************************************Fin Aprobacion Credito******************************************/ /******************************************Entrega Credito*******************************************************/ div.entreCredito { position: relative; display: block; width: 100%; height: 100%; } div.entreCredito div.entreContent { position: relative; display: block; height: 100%; padding-left: 120px; width: calc(100% - 120px); } div.entreCredito div.entreContent div.entreTitle { position: relative; display: block; width: 80%; padding: 30px 0; margin: auto; text-align: center; text-transform: uppercase; font-size: 32px; font-weight: 700; } div.entreCredito div.entreContent div.entreCont { position: relative; display: block; width: 100%; } div.entreCredito div.entreContent div.entreCont div.entreSecc { position: relative; display: block; width: 100%; margin-bottom: 20px; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreSubtitle { position: relative; display: block; margin: 20px 0; font-size: 25px; font-weight: 700; text-transform: uppercase; color: rgb(150,150,150); } div.entreCredito div.entreContent div.entreCont div.entreSecc { position: relative; display: block; width: calc(100% - 40px); margin: 0 20px 20px; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem { position: relative; display: flex; cursor: pointer; margin: 10px 20px; padding: 5px 10px; width: calc(100% - 60px); overflow: hidden; border-radius: 10px; justify-content: space-between; border: 1px solid rgba(150,150,150,.5); box-shadow: 3px 3px 3px rgba(150,150,150,.5); transition: .4s; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem:hover { box-shadow: 5px 5px 5px rgba(150,150,150,.5); transition: .4s; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem div.entreNombre { position: relative; display: flex; font-size: 20px; font-weight: 700; align-items: center; text-transform: uppercase; padding-left: 10px; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem div.entreNombre label { cursor: pointer; font-size: 12px; font-weight: 500; margin-right: 5px; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem div.entreBtn { position: relative; display: flex; padding-right: 10px; justify-content: center; align-items: center; text-align: center; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem div.entreBtn span { position: relative; display: flex; cursor: pointer; color: #228AE7; padding: 10px; border-radius: 5px; align-items: center; font-size: 14px; text-transform: uppercase; transition: .4s; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem div.entreBtn span i { position: relative; display: block; font-size: 18px; margin: 0 5px; } div.entreCredito div.entreContent div.entreCont div.entreSecc div.entreItem:hover div.entreBtn span { background: #228AE7; color: #FFFFFF; transition: .4s; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntTitle { position: relative; display: block; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 22px; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos { position: relative; display: block; margin: auto; margin-bottom: 10px; width: 80%; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos div.entRow { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos div.entRow div.entCol { position: relative; display: inline-block; width: calc(50% - 3px); } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos div.entRow div.entCol label { font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm { position: relative; display: block; margin: 10px auto; width: 80%; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol { position: relative; display: inline-block; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol:nth-child(1) { width: calc(30%); } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol:nth-child(2) { width: calc(70% - 5px); } div.popUpFormat div.popUpBlock div.popUpCont div.popEntBtn { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntBtn input { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntCerrar { position: absolute; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; cursor: pointer; background: #E0E0E0; border-radius: 50%; right: -10px; top: -10px; } /******************************************Fin Entrega Credito*******************************************************/ /**********************************Progreso credito*************************************/ div.progContent { position: relative; display: block; width: 100%; } div.progContent > div.progTitle label { font-size: 2.3em; padding-bottom: 0.395em; } div.progContent > div { position: relative; display: block; width: 90%; margin: 15px auto; } div.progContent > div div.extraInfo { position: relative; display: inline-block; width: calc(50% - 3px); text-align: center; } div.progContent > div div.extraInfo span { position: relative; display: block; font-size: 20px; font-weight: 700; } div.progContent > div.progTitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.progContent > div.progOpc div.progSelect { position: relative; display: block; margin: 20px 0; margin-top: 0; } div.progContent > div.progOpc div.progSelect div.progLabel { position: relative; display: inline-block; width: 25%; } div.progContent > div.progOpc div.progSelect div.campo { position: relative; display: inline-block; width: calc(50% - 5px); } div.progContent > div.progOpc div.progSelect div.check { position: relative; display: inline-flex; align-items: center; width: calc(20% - 4px); } div.progContent > div.progOpc div.progSelect div.check input { margin-left: 40px; margin-right: 10px; } div.progContent > div.progTabla table { position: relative; display: block; width: 100%; text-align: center; } div.progContent > div.progTabla table thead, div.progContent > div.progTabla table tbody { position: relative; display: block; width: 100%; } div.progContent > div.progTabla table tbody tr:nth-child(2n) { background: #F0F0F0; } div.progContent > div.progTabla table thead { background: #008038; color: #FFFFFF; padding: 10px 0; } div.progContent > div.progTabla table thead tr, div.progContent > div.progTabla table tbody tr { position: relative; display: block; width: 100%; } div.progContent > div.progTabla table thead tr td, div.progContent > div.progTabla table tbody tr td { position: relative; display: inline-block; width: calc(12%); word-break: break-word; } div.progContent > div.progTabla table tbody tr td { padding: 5px 0; width: calc(12% + 5px); } div.progContent > div.progTabla table tbody tr td span.detalleBtn { position: relative; padding: 5px 20px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.progTitle { position: relative; display: block; width: 100%; margin: 10px 0 20px; text-align: center; text-transform: uppercase; font-size: 24px; font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow { position: relative; display: block; padding: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow div.progCol { position: relative; display: inline-block; width: calc(50% - 13px); margin: 0 5px; vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow div.progCol label { position: relative; display: inline-block; width: 45%; vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow div.progCol span { position: relative; display: inline-block; width: calc(55% - 5px); vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow div.progCol.btn { display: inline-flex; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont div.progInfo div.progRow div.progCol.btn input { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progSelect { position: relative; display: inline-block; width: 30%; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progSelect div.label { position: relative; display: inline-block; width: 20%; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progSelect div.campo { position: relative; display: inline-block; width: calc(80% - 15px); } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progButton { position: relative; display: inline-flex; width: calc(10% - 13px); justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progButton input { position: relative; display: block; padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable { position: relative; display: block; width: 80%; height: 160px; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table thead, div.popUpFormat div.popUpBlock div.popUpCont div.progTable table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table thead { color: #FFFFFF; background: #008039; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.progTable table tbody tr { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table thead tr td { position: relative; display: inline-block; width: calc(25% - 4px); text-align: center; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable table tbody tr td { position: relative; display: inline-block; width: calc(25% - 1px); text-align: center; padding: 5px 0; } /**********************************Fin Progreso credito*************************************/ /*************************************Consulta Servicio*********************************/ div.consultaServicio { position: relative; display: grid; width: 100%; } div.consultaServicio div.consultaTitulo { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.consultaServicio div.consultaTitulo label { font-size: 2.3em; padding-bottom: 0.395em; } div.consultaServicio div.consultaCont { position: relative; display: block; width: 90%; margin: 20px auto; } div.consultaServicio div.consultaCont div.consCedula { position: relative; display: inline-block; width: calc(40% - 32px); padding: 20px; margin-right: 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; vertical-align: top; } div.consultaServicio div.consultaCont div.consParam { position: relative; display: inline-block; width: calc(56% - 12px); padding: 20px; margin-left: 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; } div.consultaServicio div.consultaCont > div div.consInput { position: relative; display: block; margin: 10px 0; } div.consultaServicio div.consultaCont > div div.consInput div.campo label { position: relative; display: block; margin-bottom: 5px; } div.consultaServicio div.consultaCont > div.consCedula div.consInput div.campo { position: relative; display: block; width: 100%; } div.consultaServicio div.consultaCont > div.consParam div.consInput div.campo { position: relative; display: inline-block; width: calc(33% - 10px); margin: 0 5px; } div.consultaServicio div.consultaTable { position: relative; display: block; width: 90%; margin: 20px auto; } div.consultaServicio div.consultaTable table { position: relative; display: block; width: 100%; } div.consultaServicio div.consultaTable table thead, div.consultaServicio div.consultaTable table tbody { position: relative; display: block; width: 100%; } div.consultaServicio div.consultaTable table thead { background: #008139; color: #FFFFFF; } div.consultaServicio div.consultaTable table thead tr, div.consultaServicio div.consultaTable table tbody tr { position: relative; display: block; width: 100%; padding: 10px 0; } div.consultaServicio div.consultaTable table tbody tr { padding: 5px 0; } div.consultaServicio div.consultaTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.consultaServicio div.consultaTable table thead tr td, div.consultaServicio div.consultaTable table tbody tr td { position: relative; display: inline-block; width: calc(17% - 9px); text-align: center; word-break: break-word; } div.consultaServicio div.consultaTable table tbody tr td { width: calc(17% - 6px); } div.consultaServicio div.consultaTable table tbody tr td input { padding: 5px 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; right: -10px; top: -10px; cursor: pointer; background: #E0E0E0; border-radius: 50%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServTitle { position: relative; display: block; width: 100%; margin-bottom: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServTitle label { position: relative; display: block; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServTitle label.title2 { font-size: 16px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServInfo { position: relative; display: block; width: 50%; text-align: center; margin: 0 auto 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServInfo div.infoRow { position: relative; display: block; margin-bottom: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServInfo div.infoRow span { font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServExtra { position: relative; display: block; margin: 0 20px 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServExtra > div div.infoUnit:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServExtra > div div.infoUnit { position: relative; display: block; padding: 5px 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServExtra > div div.infoUnit label { position: relative; display: inline-block; width: 35%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServExtra > div { position: relative; display: inline-block; width: calc(50% - 3px); vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos { position: relative; display: block; width: 95%; margin: auto; max-height: 120px; margin-bottom: 20px; overflow-y: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table thead, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table tbody, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table thead, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table thead, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table thead { background: #008139; color: #FFFFFF; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table tbody tr, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table tbody tr { position: relative; display: block; width: 100%; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table tbody tr, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table tbody tr { padding: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table tbody tr:nth-child(2n), div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServFolios table tbody tr td, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoServ div.infoServCreditos table tbody tr td { position: relative; display: inline-block; width: calc(20% - 4px); } div.consultaServicio div.consButton { position: relative; display: flex; width: 100%; margin: 10px 0; justify-content: center; } div.consultaServicio div.consButton input { padding: 10px; border-radius: 5px; } /*********************************Fin Consulta Servicio*********************************/ /**********************************Auditoria Factura******************************************/ div.admiFacturas { position: relative; display: block; width: calc(100% - 120px); margin: 40px 0; } div.admiFacturas > div { position: relative; display: block; margin: 30px 40px; width: 100%; } div.admiFacturas > div.factTitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; align-items: center; height: 3.381em; position: relative; } div.admiFacturas > div.factTitle label { font-size: 2.3em; padding-bottom: 0.395em; } div.admiFacturas > div.factInput { width: 60%; margin: 15px auto; } div.admiFacturas > div.factInput div.factSelect { position: relative; display: block; margin: 0 20px 20px; } div.admiFacturas > div.factInput div.factSelect div.campo { position: relative; display: inline-flex; width: calc(85%); justify-content: center; align-items: center; vertical-align: middle; } div.admiFacturas > div.factInput div.factSelect div.campo label { position: relative; display: block; margin: 0 20px; width: 20%; text-align: right; } div.admiFacturas > div.factInput div.factSelect div.check { position: relative; display: inline-flex; width: calc(15% - 5px); justify-content: center; align-items: center; } div.admiFacturas > div.factInput div.factSelect div.check label { position: relative; display: block; margin: 0 10px; } div.admiFacturas > div.factTable table { position: relative; display: block; width: 100%; text-align: center; } div.admiFacturas > div.factTable table thead, div.admiFacturas > div.factTable table tbody { position: relative; display: block; width: 100%; } div.admiFacturas > div.factTable table thead { color: #FFFFFF; background: #008139; font-weight: 700; padding: 10px 0; } div.admiFacturas > div.factTable table thead tr, div.admiFacturas > div.factTable table tbody tr { position: relative; display: block; width: 100%; } div.admiFacturas > div.factTable table tbody tr { padding: 10px 0; } div.admiFacturas > div.factTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.admiFacturas > div.factTable table thead tr th, div.admiFacturas > div.factTable table tbody tr td { position: relative; display: inline-flex; width: calc(13% - 13px); justify-content: center; align-items: center; } div.admiFacturas > div.factTable table tbody tr td { width: calc(13% - 10px); } div.admiFacturas > div.factTable table tbody tr.folioEnv td { width: calc(14% - 30px); } div.admiFacturas > div.factTable table tbody tr td button { position: relative; display: block; padding: 5px 20px; border-radius: 5px; font-size: 18px; margin: 0 10px; } div.admiFacturas > div.factTable table.smallTable thead tr th, div.admiFacturas > div.factTable table.smallTable tbody tr td { width: calc(15% - 17px); } div.popUpFormat div.popUpBlock div.popUpCont div.folioTitle { position: relative; display: block; text-align: center; margin: 0 0 20px; font-size: 26px; font-weight: 700; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable { position: relative; display: block; width: 100%; max-height: 500px; margin: 0 0 10px; overflow: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table thead { color: #FFFFFF; background: #008139; font-weight: 700; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table thead, div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table tbody { position: relative; display: block; width: 100%; overflow-y: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table tbody tr { position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table thead tr th, div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table tbody tr td { position: relative; display: inline-block; width: calc(17% - 8px); word-break: break-word; } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table tbody tr td { width: calc(17% - 4px); } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table tbody tr:nth-child(2n) { background: #F0F0F0 } div.popUpFormat div.popUpBlock div.popUpCont div.folioTable table tbody tr td button.btnDiscriminar { position: relative; padding: 5px 20px; font-size: 17px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.folioCerrar { position: absolute; display: flex; width: 40px; height: 40px; background: #E0E0E0; justify-content: center; align-items: center; border-radius: 50%; right: -10px; top: -10px; cursor: pointer; } /**********************************PopUpPosfechar******************************************/ div.popAposfechar { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: 0; left: 0; z-index: 10; } div.popAposfecharcont { position: relative; display: block; width: 40%; padding: 20px; background: #FFFFFF; border-radius: 20px; } div.popfecharTitle > label { position: relative; display: block; text-align: center; font-size: 26px; text-transform: uppercase; } div.popfecharTitle > div label { position: relative; display: block; margin-bottom: 5px; } div.smoll { font-size: 19px; padding-bottom: 20px; padding-top: 13px; text-align: center; text-transform: uppercase; } div.popAposfecharCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #E0E0E0; top: -10px; right: -10px; font-size: 19px; } div.popAfCarteraBotonera { position: relative; display: flex; justify-content: center; } div.popAfCarteraBotonera button { position: relative; display: inline-flex; margin-top: 20px; padding: 10px; border-radius: 5px; } div.popfecharTitle > div.campo { position: relative; display: block; margin: 10px 0; } /*********************************FinPopUpPosfechar*******************************************/ div.popUpFormat div.popUpBlock div.popUpCont div.discTitle { position: relative; display: block; text-align: center; margin: 0 0 20px; font-size: 28px; font-weight: 700; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popUpCont div.discTitle label.labelSub { position: relative; display: block; font-size: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo { position: relative; display: block; width: 80%; margin: 0 auto 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo div.discSep { position: relative; display: inline-block; width: calc(50% - 3px); vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo div.discSep div.discItem { position: relative; display: block; padding: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo div.discSep div.discItem label { position: relative; display: inline-block; width: calc(40% - 10px); margin-left: 10px; vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo div.discSep div.discItem span { position: relative; display: inline-block; width: calc(60% - 5px); vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo div.discSep div.discItem button { position: absolute; display: block; padding: 5px; border-radius: 5px; right: 10px; top: 1px; } div.popUpFormat div.popUpBlock div.popUpCont div.discCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; top: -10px; right: -10px; cursor: pointer; border-radius: 50%; background: #E0E0E0; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable { position: relative; display: block; height: 400px; overflow-y: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table thead, div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table thead { background: #008139; color: #FFFFFF; font-weight: 600; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr { position: relative; display: block; width: 100%; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table thead tr th { position: relative; display: inline-block; width: calc(17% - 8px); } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td { position: relative; display: inline-flex; width: calc(17% - 9px); text-align: center; justify-content: center; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td span.cashSymbol { position: absolute; display: block; z-index: 11; left: 17%; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td input { padding-left: 20px !important; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td input.btnCheck { padding: 5px !important; margin-right: 5px; border-radius: 5px; font-size: 12px; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td.indicTable { justify-content: flex-start; text-transform: uppercase; text-align: left; left: 20px; font-size: 18px; font-weight: 600; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td textarea.inputField { height: 18px; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td input.inputField { width: 60%; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td input.checkBox { margin: 0 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table.folioEnviarPopTable thead tr th { position: relative; display: inline-block; width: calc(25% - 4px); } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table.folioEnviarPopTable tbody tr td { width: calc(25% - 4px); } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table.folioEnviarPopTable tbody tr td span.checkBox { position: absolute; display: block; left: 30px; } div.popUpFormat div.popUpBlock div.popUpCont div.discBotonera { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.discBotonera button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 10px; } div.popUpDiscFolio div.actCampos { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.popUpDiscFolio div.actCampos div.actCamp { position: relative; display: block; width: 20%; margin: 0 10px; } div.popUpDiscFolio div.actCampos div.actCamp label { position: relative; display: block; margin-bottom: 5px; } div.popUpDiscFolio div.actNombre { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 10px 0; } div.popUpDiscFolio div.actNombre div.actLabel { position: relative; display: block; text-align: center; margin: 0 20px; } div.popUpDiscFolio div.actNombre div.actLabel span { position: relative; display: block; text-align: center; font-size: 20px; font-weight: 600; } div.popUpFormat div.popUpBlock div.popUpCont div.reteCerrar { position: absolute; display: flex; width: 40px; height: 40px; border-radius: 50%; top: -10px; right: -10px; justify-content: center; align-items: center; cursor: pointer; background: #E0E0E0; } div.popUpFormat div.popUpBlock div.popUpCont div.reteTitle { position: relative; display: block; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 600; } div.popUpFormat div.popUpBlock div.popUpCont div.reteBotones { position: relative; display: flex; justify-content: center; margin-top: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.reteBotones button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 26px; margin-bottom: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCerrar { position: absolute; display: flex; width: 40px; height: 40px; border-radius: 50%; right: -10px; top: -10px; justify-content: center; align-items: center; cursor: pointer; background: #E0E0E0; } div.popUpFormat div.popUpBlock div.popUpCont span.separHor { position: relative; display: block; content: ''; background: #CACACA; height: 2px; width: 75%; margin: 10px auto; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiBotonera { position: relative; display: flex; margin-top: 20px; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiBotonera button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div { position: relative; display: inline-block; padding: 10px; max-height: 300px; width: calc(50% - 24px); overflow: auto; vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div ~ div { border-left: 2px solid #CACACA; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.valorInfo { position: relative; display: block; margin-bottom: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.valorInfo label { position: relative; display: block; margin: 5px 0; padding-left: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.valorServicio { position: relative; display: block; text-align: center; font-size: 22px; text-transform: uppercase; font-weight: 700; margin: 30px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.valorCuota { position: relative; display: block; width: 70%; margin: auto; text-align: center; margin-top: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor span.sepSpan { position: relative; display: block; content: ''; height: 2px; width: 60%; background: #E0E0E0; margin: 20px auto; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord { position: relative; display: block; margin: 20px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table { position: relative; display: block; width: 80%; margin: 20px auto; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord div.tableCoordTitle { position: relative; display: block; margin-bottom: 10px; font-size: 22px; font-weight: 600; text-transform: uppercase; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord div.tableCoordTitle span#SpanCofre { font-weight: 500; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord div.tableCoordSubTitle { position: relative; display: block; text-align: center; text-transform: uppercase; margin-bottom: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table thead, div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table tbody tr { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table thead tr { background: #008139; color: #FFFFFF; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table tbody tr td { position: relative; display: inline-block; width: calc(33% - 2px); text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table tbody tr td { padding: 5px 0; margin: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table tbody tr td.cellColor { background: #008139; color: #FFFFFF; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; right: -10px; top: -10px; cursor: pointer; background: #E0E0E0; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaTitle { position: relative; display: block; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: 600; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBoton { position: relative; display: flex; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBoton button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock { position: relative; display: block; width: 70%; margin: 20px auto; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock div.audiFacturaField { position: relative; display: block; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock div.audiFacturaField label { position: relative; display: inline-block; width: 20%; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock div.audiFacturaField .inputField { position: relative; display: inline-block; width: calc(80% - 27px); } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock div.audiFacturaField { position: relative; display: block; align-items: center; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock div.audiFacturaField select.inputField { width: calc(80% - 5px); } /**********************************Fin Auditoria Factura******************************************/ /**********************************Cooinpaz Autorizacion*******************************/ div.cooinAutorizacion { position: relative; display: block; width: 100%; } div.cooinAutorizacion div.autorTitle { position: relative; display: block; margin: 40px 0; font-size: 28px; font-weight: 700; text-align: center; text-transform: uppercase; } div.cooinAutorizacion div.autorCont { position: relative; display: block; width: 100%; margin: auto; } div.cooinAutorizacion div.autorCont div.autorTable { position: relative; display: block; text-align: center; } div.cooinAutorizacion div.autorCont div.autorTable table { position: relative; display: block; width: 100%; } div.cooinAutorizacion div.autorCont div.autorTable table thead, div.cooinAutorizacion div.autorCont div.autorTable table tbody { position: relative; display: block; width: 100%; } div.cooinAutorizacion div.autorCont div.autorTable table thead { padding: 10px 0; background: #008139; color: #FFFFFF; } div.cooinAutorizacion div.autorCont div.autorTable table thead tr, div.cooinAutorizacion div.autorCont div.autorTable table tbody tr { position: relative; display: block; width: 100%; } div.cooinAutorizacion div.autorCont div.autorTable table tbody tr { padding: 10px 0; } div.cooinAutorizacion div.autorCont div.autorTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.cooinAutorizacion div.autorCont div.autorTable table thead tr th, div.cooinAutorizacion div.autorCont div.autorTable table tbody tr td { position: relative; display: inline-block; width: calc(25% - 14px); } div.cooinAutorizacion div.autorCont div.autorTable table tbody tr td span { position: relative; padding: 5px 10px; border-radius: 5px; } div.detalleCooinPopUp { position: fixed; display: none; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(0,0,0,.5); top: 0; z-index: 10; left: 0; } div.detalleCooinPopUp div.detalleCooinContent { position: relative; display: block; width: 70%; background: #FFFFFF; padding: 20px; border-radius: 10px; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTitle { position: relative; display: block; text-align: center; font-size: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table { position: relative; display: block; width: 100%; text-align: center; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table thead, div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody { position: relative; display: block; width: 100%; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table thead { background: #008139; color: #FFFFFF; padding: 10px 0; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table thead tr, div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody tr { position: relative; display: block; width: 100%; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody tr { padding: 10px 0; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table thead tr th, div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody tr td { position: relative; display: inline-block; width: calc(17% - 8px); } div.detalleCooinPopUp div.detalleCooinContent div.detallesCooinCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #E0E0E0; right: -10px; top: -10px; cursor: pointer; } div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody tr td span { position: relative; padding: 5px 10px; border-radius: 5px; } div.discriminarCooinPopUp { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; z-index: 10; justify-content: center; left: 0; align-items: center; } div.discriminarCooinPopUp div.discriCooinContent { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 60%; } div.discriminarCooinPopUp div.discriCooinContent .discriCooinOver { position: relative; display: block; width: 100%; height: 100%; overflow: auto; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinCerrar { position: absolute; display: flex; width: 40px; height: 40px; right: -10px; top: -10px; border-radius: 50%; background: #E0E0E0; justify-content: center; align-items: center; cursor: pointer; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTitle { position: relative; display: block; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 700; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable { position: relative; display: block; height: 80%; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTotal { position: relative; display: flex; justify-content: center; margin: 20px 0; font-size: 20px; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTotal label { font-weight: 700; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinBotonera { position: relative; display: flex; justify-content: center; margin-top: 20px; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinBotonera button { padding: 10px; margin: 0 5px; border-radius: 5px; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table { position: relative; display: block; width: 100%; text-align: center; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody { position: relative; display: block; width: 100%; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr { position: relative; display: block; width: 100%; padding: 10px 0; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr { background: #008139; color: #FFFFFF; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr th, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr td { position: relative; display: inline-block; width: calc(33% - 1px); font-size: 1em; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr:nth-child(2n) { background: #F0F0F0; } /**********************************Fin Cooinpaz Autorizacion*******************************/ /*******************************************Manejo Papeleria***********************************/ div.manejoPapeleria { position: relative; display: block; padding-left: 120px; width: calc(100% - 120px); } div.manejoPapeleria div.papeleriaCont { position: relative; display: block; width: 100%; } div.manejoPapeleria div.papeleriaCont div.papeleriaTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 26px; margin: 40px 0; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection { position: relative; display: block; width: 90%; margin: auto; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaPest { position: relative; display: flex; width: 100%; bottom: -2px; justify-content: center; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaPest div.pestanaItem { position: relative; display: block; padding: 10px 20px; margin: 0 10px; cursor: pointer; background: #FFFFFf; border: 1px solid rgba(150,150,150,.5); border-bottom: 0; border-radius: 10px 10px 0 0; box-shadow: 0px -2px 2px rgba(150,150,150,.5); transition: .5s; z-index: 1; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaPest div.pestanaItem:hover { box-shadow: 0px -4px 4px rgba(150,150,150,.5); transition: .5s; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaPest div.pestanaItem.activo { z-index: 3; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo { position: relative; display: block; width: 100%; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; z-index: 2; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo div.papeleriaCrear.activo, div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo div.papeleriaAnular.activo { display: block; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo div.papeleriaCrear, div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo div.papeleriaAnular { position: relative; display: none; width: 100%; height: 100%; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaInput { position: relative; display: block; width: 60%; margin: 20px auto; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaInput div.campo { position: relative; display: block; margin: 10px 0; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaInput div.campo label { position: relative; display: block; margin-bottom: 5px; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaNumeracion { position: relative; display: flex; justify-content: center; align-items: center; width: 40%; margin: 20px auto; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaNumeracion div.campo { position: relative; display: block; width: 40%; margin: 10px; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaBotonera { position: relative; display: flex; justify-content: center; margin: 20px 0; } div.manejoPapeleria div.papeleriaCont div.papeleriaSection div.papeleriaInfo > div div.papeleriaBotonera button { padding: 10px; border-radius: 5px; } /********************************************Fin Manejo Papeleria********************************************/ /****************servicio al cliete ******************/ div.contenOT { position: relative; display: grid; width: 100%; } div.yupl { position: relative; display: block; width: calc(100% - 85px); padding: 20px; margin: auto; justify-content: center; } div.titull { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.PoSelec { margin: auto; width: calc(36% - 1px); text-align: center; position: relative; display: inline-block; } div.gfrds { width: 99%; margin: 10px auto; text-align: center; display: inline-block; position: relative; } .conttpo { width: calc(36% - 1px); display: inline-block; margin: auto; } .selpi { margin: 12px auto; width: 49%; display: inline-block; } .contendosa { width: 49%; display: inline-block; } .contenbg { width: 70%; margin: auto; display: block; } div.conteIz { width: calc(51% - 1px); display: inline-block; margin: 10px auto; position: relative; } div.botnn { width: calc(10% - 1px); display: inline-block; margin: 10px auto; position: relative; } button.btnGeneral.naranja { padding: 10px; border-radius: 6px; } div.clscc { width: 40%; display: inline-block; margin: 10px auto; } div.rin { width: 100%; display: inline-block; margin: auto; } table.lol { position: relative; display: block; width: calc(100% - 1px); margin: auto; } thead.boo { background: #008139; color: #FFFFFF; padding: 10px 0; position: relative; display: block; width: 100%; } thead.boo tr.jmnf th { position: relative; display: inline-block; width: calc(19% - 1px); text-align: center; margin: auto; } tr.jmnf { padding: 10px 0; position: relative; display: flex; width: 100%; } tbody.kjhhl { position: relative; display: grid; max-height: 25em; height: 24em; width: 100%; overflow-y: auto; } tr.fnmj { position: relative; display: flex; width: 100%; align-items: center; } tr.fnmj td { position: relative; display: inline-block; width: 15em; text-align: center; margin: 10px auto; } div.titull label { font-size: 2.3em; padding-bottom: 0.395em; } tr.fnmj td button.btnGeneral.naranja { padding: 5px; border-radius: 6px; width: 30%; font-size: 20px; } div.popservi { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.conbl { position: relative; display: block; padding: 20px; border-radius: 10px; background: #FFFFFF; width: 40%; } div.vbcf { width: 100%; margin: 10px auto; text-align: center; font-size: 20px; } span.cierr { position: absolute; display: flex; width: 40px; height: 40px; top: -10px; cursor: pointer; justify-content: center; align-items: center; border-radius: 50%; background: #E0E0E0; right: -10px; } div.bgnt { width: 80%; margin: 14px auto; text-align: center; position: relative; } div.consel { width: 80%; text-align: center; display: block; margin: 15PX auto; } div.bcls { display: inline-block; margin: auto; position: relative; padding: 9px; text-align: center; border-radius: 6px; font-size: 14px; } span.btnGeneral.naranja { padding: 10px; border-radius: 6px; } div.bcls span a { color: #FFFFFF; text-decoration: none; } div.gfrds label { font-size: 12px; } button.btnn.naranja.consl { padding: 8px; } /***********pop vend*****************/ div.popventd { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.comblosd { position: relative; display: block; padding: 20px; width: calc(50% - 1px); border-radius: 10px; background: #FFFFFF; } div.tildiv { position: relative; display: block; width: 60%; margin: 13px auto; font-size: 24px; font-weight: 600; text-transform: uppercase; text-align: center; } .adevr { font-size: 20px; font-family: helvetica; font-weight: 600; color: red; margin: 10px auto; text-transform: uppercase; text-align: center; } .parpadea { animation-name: parpadeo; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: parpadeo; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } div.comselcun, div.comselcdos { width: 80%; text-align: center; display: block; margin: 15PX auto; } div.sdghhyhj { width: 100%; text-align: center; margin: 10px auto; } label.inputField.ajustar { width: calc(40% - 20px); display: inline-block; } p.ajusop { width: calc(54% - 1px); display: inline-block; margin: auto; position: relative; } /**************fin servicio al cliete***************/ /*********************************************Afiliacion Cartera**********************************************/ div.afiliacionCooinpaz { position: relative; display: -webkit-box; width: 100%; /* padding-left: 120px; */ overflow: hidden; } div.afiliacionCooinpaz > div, div.afiliacionCooinpaz > form { position: relative; display: block; width: 100%; right: 0; transition: .5s; } div.afiliacionCooinpaz > div div.grillTitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; margin: 10px auto; } div.afiliacionCooinpaz > div div.grillTitle label { font-size: 2.3em; padding-bottom: 0.395em; } div.afiliacionCooinpaz > div div.grillTable { position: relative; display: block; width: 90%; margin: auto; } div.afiliacionCooinpaz > div div.grillTable div.grillRadio { position: relative; display: flex; width: 90%; margin: 20px auto; justify-content: center; align-items: center; } div.afiliacionCooinpaz > div div.grillTable div.grillRadio div.radioItem { position: relative; display: block; margin: 0 10px; } div.afiliacionCooinpaz > div div.grillTable div.grillFilter { position: relative; display: none; width: 80%; margin: 10px auto; } div.afiliacionCooinpaz > div div.grillTable div.grillFilter.activo { display: flex; } div.afiliacionCooinpaz > div div.grillTable div.grillFilter div.filterField { position: relative; display: inline-block; width: calc(50% - 23px); margin: 0 10px; } div.afiliacionCooinpaz > div div.grillTable div.grillFilter div.filterField.bigField { width: calc(45% - 5px); } div.afiliacionCooinpaz > div div.grillTable div.grillFilter div.filterField label { position: relative; display: block; margin-bottom: 5px; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter, div.afiliacionCooinpaz > div div.grillTable div.grill3Filter { position: relative; display: none; width: 80%; margin: 20px auto; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter.activo, div.afiliacionCooinpaz > div div.grillTable div.grill3Filter.activo { display: block; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter > div, div.afiliacionCooinpaz > div div.grillTable div.grill3Filter > div { position: relative; display: block; width: 100%; margin: 0 10px; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter > div div.btn, div.afiliacionCooinpaz > div div.grillTable div.grill3Filter > div div.btn { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 5px 0; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter > div div.btn button, div.afiliacionCooinpaz > div div.grillTable div.grill3Filter > div div.btn button { padding: 10px; border-radius: 5px; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter > div label { position: relative; display: block; margin-bottom: 5px; } div.afiliacionCooinpaz > div div.grillTable div.grillButton { position: relative; display: flex; width: 200%; left: -100%; justify-content: center; margin: 10px 0; } div.afiliacionCooinpaz > div div.grillTable div.grillButton button { padding: 10px; border-radius: 5px; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont { position: relative; display: block; width: 80%; margin: 0 auto; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table { position: relative; display: block; width: 100%; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table thead, div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody { position: relative; display: block; width: 100%; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table thead td { padding: 0.36em 0.2em; font-weight: 600; width: 20em; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table thead { background: var(--FcSecund); color: var(--ColorWhite); width: 100%; text-align: center; font-size: 1.4em; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table thead tr, div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr { position: relative; display: flex; width: 100%; align-items: center; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr:nth-child(2n) { background: #F0F0F0; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table thead tr td, div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr td { position: relative; display: inline-block; width: 50%; text-align: center; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr td { padding: 5px 0; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr td button { padding: 5px 10px; border-radius: 5px; } div.afiliacionCooinpaz > div div.grillTable div.grillBtn { position: relative; display: flex; margin: 20px 0; justify-content: center; align-items: center; } div.afiliacionCooinpaz > div div.grillTable div.grillBtn button { padding: 10px; border-radius: 5px; } div.popcontenoculAfil { width: calc(94% - 1px); display: none; padding: 4px; margin: auto; justify-content: center; text-align: center; } div.cotenff { width: calc(100% - 1px); height: auto; margin: auto; text-align: center; justify-content: center; padding: 10px; } div.contenAsid { width: 40%; display: block; margin: auto; justify-content: center; } input.CC { position: relative; display: flex; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; justify-content: center; } div.contentri { width: 14%; margin: auto; display: inline-block; text-align: center; justify-content: center; } div.CEDUL { width: 53%; margin: auto; display: inline-block; text-align: center; } div.bbt { width: 100%; display: flex; justify-content: center; margin: 10px auto; } div.conteObser { width: 50%; margin: auto; display: none; } button.btnGeneral.naranja.seG { padding: 10px; border-radius: 5px; } button.btnGeneral.naranja.Grab { padding: 10px; border-radius: 5px; } div.CajaBoton { width: 100%; display: flex; justify-content: center; margin: 10px auto; } div.TiulePo { width: 100%; margin: 10px auto; text-align: center; font-size: 20px; } div.popUpFormat div.popUpBlock div.popBonoTitle { position: relative; display: block; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: 600; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popBonoInfo { position: relative; display: block; width: 60%; margin: 20px auto; } div.popUpFormat div.popUpBlock div.popBonoInfo div.bonoInfoBlock { position: relative; display: flex; margin: 5px 0; } div.popUpFormat div.popUpBlock div.popBonoInfo div.bonoInfoBlock label { width: 30%; font-weight: 600; } div.popUpFormat div.popUpBlock div.popBonoInfo div.bonoInfoBlock div.popButton { position: relative; display: flex; width: 100%; justify-content: center; } div.popUpFormat div.popUpBlock div.popBonoInfo div.bonoInfoBlock div.popButton button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popBonoObs { position: relative; display: block; width: 95%; margin: auto; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoClickObs { position: relative; display: block; padding: 10px 20px; border: 1px solid rgba(0,0,0,.5); border-radius: 20px; cursor: pointer; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs { position: relative; display: block; width: 90%; height: 0; max-height: 200px; margin: auto; overflow: hidden; transition: .5s; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table { position: relative; display: block; width: 100%; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table thead, div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table thead tr, div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table tbody tr { position: relative; display: flex; width: 100% } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table thead tr { background: #008139; color: #FFFFFF; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table tbody tr { padding: 5px 0; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table thead tr td, div.popUpFormat div.popUpBlock div.popBonoObs div.bonoHidObs table tbody tr td { position: relative; display: inline-block; width: 20%; text-align: center } div.popUpFormat div.popUpBlock div.popBonoTable { position: relative; display: block; width: 80%; margin: auto; } div.popUpFormat div.popUpBlock div.popBonoTable div.popTableTitle { position: relative; display: block; text-align: center; margin: 10px 0; font-size: 18px; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popBonoTable table { position: relative; display: block; width: 100%; max-height: 200px; overflow: auto; } div.popUpFormat div.popUpBlock div.popBonoTable table thead, div.popUpFormat div.popUpBlock div.popBonoTable table tbody { position: relative; display: block; text-align: center; width: 100%; } div.popUpFormat div.popUpBlock div.popBonoTable table thead tr, div.popUpFormat div.popUpBlock div.popBonoTable table tbody tr { position: relative; display: flex; width: 100%; } div.popUpFormat div.popUpBlock div.popBonoTable table thead tr { background: #008139; color: #FFFFFF; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popBonoTable table tbody tr { padding: 5px 0; } div.popUpFormat div.popUpBlock div.popBonoTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popBonoTable table thead tr td, div.popUpFormat div.popUpBlock div.popBonoTable table tbody tr td { position: relative; display: inline-block; width: 25%; } div.popUpFormat div.popUpBlock div.locTitle { position: relative; display: block; text-align: center; font-size: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } div.popUpFormat div.popUpBlock div.locBlock { position: relative; display: block; max-height: 200px; margin: 10px; overflow: auto; } div.popUpFormat div.popUpBlock div.locBlock div.locItem { position: relative; display: flex; align-items: center; padding: 5px 0; } div.popUpFormat div.popUpBlock div.locBlock div.locItem:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.locBlock div.locItem input { position: relative; display: block; margin-left: 10px; margin-right: 5px; } div.popUpFormat div.popUpBlock div.locButton { position: relative; display: flex; justify-content: center; margin-top: 10px; } span.separadorSeccion { position: relative; display: block; content: ''; margin: 20px auto; width: 76%; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,129,57,1) 50%, rgba(255,255,255,0) 100%); } /***********************************************Afiliacion Cartera**************************************************/ div.afiliacionCartera { position: relative; display: block; width: 80%; margin: 40px auto; } div.afiliacionCartera div.afiliacionContent { position: relative; display: block; width: calc(100% - 40px); padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.afiliacionCartera div.afiliacionContent div.afiliacionTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 700; margin-bottom: 40px; } /*aside { width: 13%; height: 15%; position: absolute; top: 2%; right: 17px; border-radius: 12px; }*/ div.botonciton { position: relative; display: inline-flex; width: calc(48% - 1px); justify-content: center; align-items: center; margin: auto; } div.btnGeneral.procuraduria { padding: 6px; border-radius: 5px; margin: auto; width: 100%; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; } div.btnGeneral.policia { padding: 6px; border-radius: 5px; margin: auto; width: 100%; color: #FFFFFF; transition: .3s; cursor: pointer; text-transform: uppercase; } a.Linck { text-decoration: none; color: #ffffff; } div.btnGeneral.policia img { object-fit: cover; width: 100%; height: 100%; } div.btnGeneral.procuraduria img { width: 100%; height: 100%; object-fit: cover; } div.titulosSeccion { position: relative; display: block; text-align: center; margin: 20px 0; text-transform: uppercase; font-size: 20px; } div.inputSection { position: relative; display: block; width: 100%; margin: 10px 0; } div.inputSection div.campo { position: relative; display: inline-block; margin: 0 10px; width: calc(100% - 20px); } div.inputSection.in2 div.campo { width: calc(50% - 23px); } div.campo.rtd { width: calc(37% - 23px) !important; } div.campo.reducc { width: calc(27% - 23px) !important; } div.campo.reduccff { width: calc(18% - 23px) !important; } div.inputSection.in3 div.campo { width: calc(33% - 20px); } div.inputSection.in4 div.campo { width: calc(25% - 24px); } div.campo.eddad { width: calc(25% - 24px) !important; } label.ccrt { font-size: 15px !important; } div#chek { width: calc(90% - 24px); margin-left: 23px; } div.inputSection div.campo label { position: relative; display: block; margin-bottom: 5px; } div.inputSection.in4 div.campo.flexCampo { display: inline-flex; align-items: center; } div#campoDifern { width: calc(32% - 24px) !important; } div.inputSection.in4 div.campo.flexCampo label { margin-left: 10px; margin-bottom: 0; } div.seccionBotonera { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.seccionBotonera.secBlock { display: block; margin-left: 10px; margin-bottom: 10px; } div.seccionBotonera input { padding: 10px; border-radius: 5px; margin: 10px; } div.afiliacionCartera div.afiliacionContent div.seccionTabla { position: relative; display: block; width: 100%; height: 205px; overflow-y: scroll; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table { position: relative; display: block; width: 99%; margin: auto; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead, div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table thead, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table tbody { position: relative; display: block; width: 100%; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead tr, div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody tr, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table thead tr, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table tbody tr { position: relative; display: block; width: 100%; text-align: center; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead tr, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table thead tr { background: #008139; color: #FFFFFF; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody tr, div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table tbody tr { padding: 10px 0; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody tr:nth-child(2n), div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table tbody tr:nth-child(2n) { background: #F0F0F0; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead tr th { position: relative; display: inline-block; width: calc(15% - 2px); padding: 10px 0; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody tr td { position: relative; display: inline-block; width: calc(15% - 2px); } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead tr th.smallTab, div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody tr td.smallTab { width: 3%; cursor: pointer; font-weight: 900; font-size: 20px; transition: .3s; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead tr th.smallTab:hover { background: #00b751; transition: .3s; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table tbody tr td span.elimBenef { color: red; cursor: pointer; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table tbody tr td { position: relative; display: inline-block; width: calc(33% - 4px); } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo table thead tr th { position: relative; display: inline-block; width: calc(33% - 2px); padding: 5px 0; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraTitle { position: relative; display: block; text-align: center; margin-bottom: 20px; font-size: 26px; font-weight: 700; text-transform: uppercase; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraTitle label.small { position: relative; display: block; font-size: 18px; font-weight: 600; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraTitle label.small span { position: relative; display: block; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo { position: relative; display: block; width: 100%; height: 521px; border: 1px solid rgba(150,150,150,.5); border-radius: inherit; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol { position: relative; display: inline-block; width: calc(50% - 3px); vertical-align: top; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion { position: relative; display: block; width: 80%; margin: 20px auto; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion.benef { width: 100%; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraTitle { position: relative; display: block; text-align: center; margin-bottom: 10px; font-size: 20px; font-weight: 600; text-transform: uppercase; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo { position: relative; display: block; margin: 5px 0; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo label { font-weight: 600; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraBotonera { position: relative; display: flex; width: 100%; margin: 12px 0; justify-content: center; padding-top: 1px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraBotonera div.campo { margin: 0 10px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraBotonera button { padding: 9px; border-radius: 5px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo.esp { position: relative; display: block; text-align: center; font-size: 19px; margin: 28px 0; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo.esp span { position: relative; display: block; font-size: 22px; font-weight: 800; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup { position: relative; display: block; margin: 20px 0; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo { position: relative; margin: 5px 20px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo.cartFlex { display: flex; justify-content: space-between; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo div.chectNumero { position: relative; display: flex; width: 40%; justify-content: flex-end; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo div.numbetex { width: 30%; text-align: right; } div.znt, div.ntz { position: relative; display: block; } div.labeltxx { width: 65%; } div.tinpu { width: 65%; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo.cartBlock { display: flex; } div.tcre { width: 65%; } div.lapt { width: 32%; text-align: right; margin: auto; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo label { position: relative; display: block; margin-bottom: 5px; width: 100%; color: #008139; font-weight: 700; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo span#spnValorMensualidad { width: 60%; text-align: right; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo.cartFlex input { position: relative; display: block; margin: 0 10px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.cuadroCartera { position: relative; display: block; padding: 15px; border: 2px solid rgba(150,150,150,.5); border-radius: 10px; margin: 0 10px; } div.formHidden { position: relative; display: block; height: 0; overflow: hidden; transition: .5s; } div.formHidden div.seccionTexto { position: relative; display: block; text-align: center; margin: 20px 0; font-size: 20px; font-weight: 700; color: #f02828; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont { position: relative; display: block; width: 100%; max-height: 500px; } div.Contenasser { width: 80%; height: auto; margin: 10px auto; justify-content: center; } input.popDocument { position: relative; display: flex; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.TiulePop { width: 100%; margin: 10px auto; text-align: center; font-size: 20px; } div.contnevisicle { width: calc(63% - 1px); margin: 15px auto; justify-content: center; display: block; padding: 5px; text-align: center; } div.tutuleLabel { width: calc(20% - 1px); display: inline-block; margin: auto; } div.trabajarchek { width: calc(20% - 1px); display: inline-block; margin: auto; justify-content: center; text-align: center; } div.contenchek { width: calc(17% - 1px); display: inline-block; margin: auto; text-align: center; } div.ClasNop { width: calc(15% - 1px); display: inline-block; margin: auto; text-align: center; } div.sip { width: calc(15% - 1px); display: inline-block; margin: auto; text-align: center; } div.conTOculto { width: 100%; margin: auto; justify-content: center; text-align: center; display: none; } div.CONTENparte { width: calc(49% - 1px); display: inline-block; margin: auto; text-align: center; } div.cntr { width: 35%; margin: auto; height: auto; display: inline-block; text-align: center; } div.inputCUIP { width: 50%; display: inline-block; margin: auto; } div.ContenpARTEDOS { width: calc(50% - 1px); display: inline-block; margin: auto; } button#btnSiguienteAsesorVal { padding: 10px; border-radius: 5px; } div.cajitaBoton { width: 100%; display: flex; justify-content: center; margin: 10px auto; } div.NombreaSESOR { position: relative; display: block; width: 62%; margin: auto; font-size: 15px; text-align: center; } div.NbAser { width: 15%; display: inline-block; margin: auto; text-align: center; } /*********************************Afiliacion web Correciones*******************************/ div.CONTTP { position: relative; display: -webkit-box; width: 100%; margin: auto; overflow: hidden; } div.encirr { position: relative; display: block; width: 80%; margin: 40px auto; } div.cap { position: relative; display: grid; margin: auto; width: 94%; } .DIVCONUN.lmp { width: 100%; position: relative; margin: auto; display: grid; } div.ContDigitacionTituloModulo { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.afiliacionTitlee label { font-size: 2.3em; padding-bottom: 0.395em; } div.titulosSeccions { position: relative; display: block; text-align: center; margin: 20px 0; text-transform: uppercase; font-size: 20px; } div.inft, div.unf, div.fuun.d3, div.fuun.dd4 { position: relative; display: inline-block; margin: 0 10px; width: calc(24% - 20px); } div.contOcultt { width: 100%; margin: auto; justify-content: center; display: none; } div.BBtn { width: 100%; display: flex; margin: 15px auto; justify-content: center; text-align: center; position: relative; } button.btnGeneral.naranja.actuali { padding: 10px; border-radius: 5px; } div.popaSS { width: 100%; margin: auto; text-align: center; display: block; } div.count { width: 80%; margin: auto; text-align: center; justify-content: center; } div.contNum { width: calc(100% - 1px); display: inline-block; margin: 12px auto; } div.TXnum { width: 90%; margin: 10px auto; text-align: center; } div.Intp { width: 78%; margin: auto; justify-content: center; text-align: center; } div.CAJABUTT { width: 100%; display: flex; justify-content: center; margin: 10px auto; } div.BBTca { width: 22%; justify-content: center; display: block; } button.btnGeneral.gris.CAN { padding: 10px; border-radius: 5px; } span.cONERR { color: #FF0000; font-weight: bold; font-size: 20px; } div.btre1 { width: calc(23% - 1px); justify-content: center; text-align: center; } div.btre2 { width: 100%; margin: auto; justify-content: center; display: flex; } div.RED { background: #DC143C; color: #ffffff; transition: .3s; cursor: pointer; text-transform: uppercase; } .RED:hover { background: #FF0000; transition: .3s; } div.MSMERROR { width: 100%; margin: auto; justify-content: center; text-align: center; display: block; position: relative; } div.CAJAconERR { width: 80%; margin: 6px auto; text-align: center; height: auto; display: block; } div.RED.continu { width: 27%; margin: auto; padding: 5px; border-radius: 5px; } div.CAJABUTT { width: 100%; display: flex; justify-content: center; margin: 10px auto; } div.resum { position: relative; display: block; width: 100%; margin: auto; height: 180px; overflow-y: scroll; } table.resumd { position: relative; display: block; width: 99%; margin: auto; } thead.cabezaResum { position: relative; display: block; width: 100%; margin: auto; } tr.Cbr { background: #008139; color: #FFFFFF; position: relative; display: block; width: 100%; text-align: center; } tr.Cbr th { position: relative; display: inline-block; width: calc(33% - 2px); padding: 10px 0; } tbody.CuerpoResum { position: relative; display: block; width: 100%; } tr.CPresum { position: relative; display: block; width: 100%; text-align: center; margin: 10px auto; } tr.CPresum td { position: relative; display: inline-block; width: calc(33% - 2px); text-align: center; } button.naranja.continu { padding: 6px; border-radius: 5px; } button.btnGeneral.naranja.CO { padding: 10px; border-radius: 5px; } div.ptrUN, div.ptrdos { position: relative; display: block; width: 100%; margin: 10px 0; } div.cctp { margin: 10px auto; } div.ptrUN.GT, div.ptrUN.GT1, div.ptrUN.GT2, div.ptrUN.GT3 { position: relative; display: inline-block; margin: 0 10px; width: calc(24% - 24px); } div.ptrdos.TG4 { position: relative; display: inline-block; margin: 0 10px; width: calc(25% - 27px); } div.ptrdos.TG5, div.ptrdos.TG6 { width: calc(37% - 17px); position: relative; display: inline-block; margin: 0 10px; } div.ptrdos.TG7, div.ptrdos.TG8, div.ptrdos.TG9, div.ptrdos.TG10 { position: relative; display: inline-block; margin: 0 10px; width: calc(50% - 23px); margin-top: 10px; } div.ConTab { position: relative; display: block; width: 100%; height: 205px; overflow-y: scroll; } table.CLON { position: relative; display: block; width: 99%; margin: auto; } thead.CabezaClo { position: relative; display: block; width: 100%; margin: auto; } tr.Cloprin { background: #008139; color: #FFFFFF; position: relative; display: block; width: 100%; text-align: center; } tr.Cloprin th { position: relative; display: inline-block; width: calc(14% - 7px); padding: 10px 0; } tbody.cuerpoCLon { position: relative; display: block; width: 100%; } tr.PrinCURPO { position: relative; display: block; width: 100%; text-align: center; margin: 10px auto; } tr.PrinCURPO td { position: relative; display: inline-block; width: calc(14% - 2px); } td.rojito { color: red; cursor: pointer; } th.difetClo { width: 3% !important; cursor: pointer; font-weight: 900; font-size: 20px; transition: .3s; } td.difetClo { width: 4% !important; cursor: pointer; font-weight: normal; font-size: 17px; transition: .3s; } div.inavilitCam { position: relative; display: inline-block; margin: 0 10px; width: calc(52% - 42px); justify-content: center; } div.county { width: 100%; margin: 30px auto; justify-content: center; text-align: center; } div.rrew { width: calc(65% - 1px); margin: 13px auto; display: flex; } div.cont1, div.cont2, div.cont3, div.cont4, div.cont5 { width: 80%; margin: 10px auto; justify-content: center; text-align: center; display: flex; } div.bgts { width: 50%; margin: auto; justify-content: center; text-align: -webkit-right; } div.rrew2 { position: relative; display: block; padding: 15px; border: 2px solid rgba(150,150,150,.5); border-radius: 10px; margin: 0 10px; width: 80%; margin: auto; } div.bgts input.inputField { width: calc(66% - 20px); } div.bgts1 input.inputField { height: 15px; } div.trer1 { width: 50%; margin: auto; text-align: left; } div.bgts2 { width: 39%; text-align: center; margin: auto; } div.bgts1 { width: 32%; text-align: -webkit-left; margin: auto; } div.trer3 { width: 50%; text-align: left; margin: auto; } div.bgts3 { width: 43%; margin: auto; text-align: center; } div.trer4 { width: 50%; text-align: left; margin: auto; } div.bgts4 { width: 42%; text-align: center; margin: auto; } div.cont5 { text-align: left; justify-content: left; width: 82%; margin-left: 62px; } div.bgts5 { width: 14%; } div.trer5 { width: 50%; text-align: left; } div.trer label, div.trer1 label, div.trer3 label, div.trer4 label, div.trrd label { position: relative; display: block; margin-bottom: 5px; width: 100%; color: #008139; font-weight: 700; } div.pl1 { width: 50%; margin: auto; text-align: right; } div.popTituleee { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 26px; margin-bottom: 40px; } div.cont { width: calc(24% - 1px); display: inline-block; margin: 10px auto; padding: 3px; } div.cont label { font-size: 14px; } div.bbtCAJA { width: 100%; display: flex; justify-content: center; margin: 10px auto; } button.btnGeneral.gris.COC { padding: 10px; border-radius: 5px; } button.btnGeneral.naranja.COC { padding: 10px; border-radius: 5px; } /**************************Afiliaciones en proceso******************************************/ div.NuevoCont { position: relative; display: -webkit-box; width: 100%; /* padding-left: 120px; */ overflow: hidden; /* top: 48px; */ } div.cONtNV { position: relative; display: block; width: calc(100% - 85px); padding: 20px; margin: auto; justify-content: center; } div.titu { position: relative; display: block; width: 60%; margin: 40px auto; font-size: 24px; font-weight: 600; text-transform: uppercase; text-align: center; } div.TABLAcon { position: relative; display: block; width: 80%; margin: 20px auto; } table.Cotn { position: relative; display: block; width: 100%; } thead.NUevaCAV { background: #008139; color: #FFFFFF; padding: 10px 0; position: relative; display: block; width: 100%; } tr.TrCav { padding: 10px 0; position: relative; display: flex; width: 100%; } tr.TrCav th { position: relative; display: inline-block; width: calc(19% - 1px); text-align: center; margin: auto; } tbody.cuerpp { padding: 10px 0; position: relative; display: block; width: 100%; } tr.TRcuerpp { position: relative; display: flex; width: 100%; align-items: center; margin: 10px auto; } tr.TRcuerpp td { position: relative; display: inline-block; width: 50%; text-align: center; } div.SECCC { margin: auto; width: calc(80% - 20px); text-align: center; position: relative; display: block; } div.CONTpROCESO { max-height: 490px !important; } div.Proses { position: relative; display: block; width: 100%; max-height: 500px; } div.popPRIN { position: relative; display: block; width: calc(99% - 40px); padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.one, div.two, div.three { width: calc(100% - 1px); margin: 12px auto; } div.cONTsec { width: calc(48% - 1px); margin: auto; justify-content: center; text-align: center; padding: 7px; display: inline-block; position: relative; } div.llbr { width: calc(22% - 1px); display: inline-block; margin: auto; text-align: center; } div.btnGeneral.naranja.pros { padding: 5px; border-radius: 5px; width: 50%; margin: auto; } div.DRT { position: relative; display: inline-block; margin: 0 10px; width: calc(24% - 20px); } div.ytre { position: relative; display: inline-block; margin: 0 10px; width: calc(31% - 8px); } div.frd { width: calc(46% - 1px); margin: 8px 15px; } div.gfr { position: relative; display: block; width: 100%; margin: 10px 0; } div.copbt { width: 80%; margin: auto; text-align: center; display: block; position: relative; } div.BVBD { width: 25%; display: inline-block; margin: 15px auto; justify-content: center; text-align: center; position: relative; } button.btnGeneral.gris.reti { padding: 10px; border-radius: 5px; width: 77%; } button.btnGeneral.naranja.botnone { padding: 10px; border-radius: 5px; } form.popd { margin: 20px auto; } div.ConTab { position: relative; display: block; width: 100%; height: 205px; overflow-y: scroll; } table.ONETabl { position: relative; display: block; width: 99%; margin: auto; } thead.CABEon { position: relative; display: block; width: 100%; margin: auto; } tr.Trv { background: #008139; color: #FFFFFF; position: relative; display: block; width: 100%; text-align: center; } th.difrent { width: 3% !important; cursor: pointer; font-weight: 900; font-size: 20px; transition: .3s; } tr.Trv th { position: relative; display: inline-block; width: calc(15% - 7px); padding: 10px 0; } tbody.cuerpisONE { position: relative; display: block; width: 100%; } tr.RTon { position: relative; display: block; width: 100%; text-align: center; margin: 10px auto; } td.difrent { width: 1% !important; cursor: pointer; font-weight: normal; font-size: 17px; transition: .3s; } tr.RTon td { position: relative; display: inline-block; width: calc(15% - 6px); text-align: center; } div.conin { position: relative; display: inline-block; margin: 0 10px; width: calc(34% - 42px); justify-content: center; } div.contrenCu { width: 100%; margin: 30px auto; justify-content: center; text-align: center; } div.cucu { position: relative; display: block; padding: 15px; border: 2px solid rgba(150,150,150,.5); border-radius: 10px; margin: 0 10px; width: 80%; margin: auto; } div.txds { width: calc(48% - 1px); margin: auto; display: inline-block; text-align: left; } div.bazx { width: calc(27% - 1px ); margin: auto; display: inline-block; text-align: center; } div.tyrfv { margin: 11px auto; color: #008139; font-weight: 700; } div.conutrs { margin: 10px auto; } input.lmvdd { margin: auto 5px; } div.pkr { width: calc(77% - 1px); margin: auto; text-align: left; } div.btrpñ { width: 100%; display: flex; margin: 15px auto; justify-content: center; text-align: center; position: relative; } div.contenOculTWO { margin: auto; display: none; } div.blancodeaparte { position: relative; display: block; padding: 20px; border-radius: 10px; background: #FFFFFF; width: 60%; } div.apartes { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.campin { width: calc(23% - 1px); display: inline-block; margin: 10px auto; padding: 3px; } div.QUIP { width: calc(23% - 1px); display: inline-block; margin: 10px auto; padding: 3px; } div.texdt label, div.pic label { font-size: 14px; } div.cajitbo { width: 100%; display: flex; justify-content: center; margin: 10px auto; } div.breuno, div.bredos { width: calc(23% - 1px); justify-content: center; text-align: center; } button.btnGeneral.naranja.butonmuev { padding: 10px; border-radius: 5px; } button.btnGeneral.gris.segundoboton { padding: 10px; border-radius: 5px; } div.TBT { position: relative; display: block; width: 100%; height: 205px; overflow-y: scroll; } div.popSioNodos { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } button.btnGeneral.naranja.ACEePS { padding: 10px; border-radius: 6px; } button.btnGeneral.gris.CAPPe { padding: 10px; border-radius: 6px; } /********************************************** fin Afiliaciones en proceso***************************************************/ /***********************Afiliacion plan Vitalicio****************/ button.btnGeneral.naranja.act { padding: 10px; border-radius: 5px; } div.juyr { width: 100%; margin: auto; justify-content: center; display: none; } div.COUNTT { margin: auto; justify-content: center; width: calc(80% - 1px); } button.btnGeneral.naranja.COCp { padding: 10px; border-radius: 5px; margin: 20px auto; } button.btnGeneral.naranja.COCyht { padding: 10px; border-radius: 5px; } button.btnGeneral.gris.COCw { padding: 10px; border-radius: 5px; } div.nuevv { width: calc(100% - 1px); margin: 23px auto; display: block; position: relative; text-align: center; } div.coutDos { position: relative; display: inline-block; width: calc(44% - 1px); height: 26px; padding: 0 10px; margin: 10px 0; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; text-align: left; } div.coutDos span { width: 100%; height: 65%; margin: auto; text-align: left; padding: 4px; display: block; } div.coutDos.sele input[type="number"] { width: 100%; height: 100%; } div.cut { width: calc(47% - 1px); margin: auto; display: inline-block; } div.coutUno { width: calc(49% - 1px); margin: auto; display: inline-block; } div.ascer { width: calc(90% - 1px); margin: auto; display: none; text-align: center; } div.nbr { width: calc(49% - 1px); margin: auto; display: inline-block; } div.NUMBERAcer { width: calc(49% - 1px); margin: auto; display: inline-block; } div.bisible { width: calc(49% - 1px); margin: auto; display: inline-block; } div.octN { width: calc(49% - 1px); margin: auto; display: inline-block; } div.vetaAser { width: calc(70% - 1px); margin: 21px auto; text-align: center; display: block; } input.deple { width: calc(7% - 3px) !important; height: 12px; display: inline-block; } /******************************** Afiliacion plan Vitalicio************************/ /****************popup si o no ***********************/ div.popSioNo { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.conblan { position: relative; display: block; border-radius: 10px; background: #FFFFFF; width: 40%; padding: 40px; justify-content: center; margin: auto; margin-top: 20%; } div.copn { width: 100%; display: inline-block; margin: auto; justify-content: center; text-align: center; } div.conty, div.contud2 { width: 49%; margin: 12px auto; display: inline-block; text-align: center; } div.rdb { margin: auto; width: 18%; text-align: center; display: inline-block; } div.tcctg { width: 11%; margin: auto; display: inline-block; } div.conty, div.contud2 { width: calc(13% - 1px); margin: 12px auto; display: inline-block; text-align: center; } div.btAcep { width: 40%; display: flex; justify-content: center; margin: 10px auto; } button.btnGeneral.naranja.ACEPS, button.btnGeneral.gris.CAPP { padding: 10px; border-radius: 5px; } div.tt1, div.tt2 { width: 20%; margin: auto; text-align: center; justify-content: center; } /***************************************************/ div.infoNm { width: 30%; display: inline-block; margin: auto; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popAfiContInfo { position: relative; display: block; width: 75%; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popAfiContInfo div.infoItem { position: relative; display: inline-block; width: calc(50% - 3px); margin: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock { position: relative; display: block; width: 85%; margin: 20px auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem { position: relative; display: block; margin: 5px 0; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockClick { position: relative; display: block; padding: 10px; border: 1px solid rgba(0,0,0,.5); border-radius: 10px; cursor: pointer; box-shadow: 2px 2px 2px rgba(150,150,150,.5); } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockClick label { cursor: pointer; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden { position: relative; display: block; height: 0; overflow: hidden; transition: .5s; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable { position: relative; display: block; max-height: 250px; overflow: auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table { position: relative; display: block; width: 100%; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead { color: #FFFFFF; background: #008139; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead tr, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr { position: relative; display: flex; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr { padding: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr td { position: relative; display: inline-block; width: 33%; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popButton { position: relative; display: flex; margin-top: 10px; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popButton button { padding: 10px; border-radius: 5px; margin: 0 5px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.checkList { position: relative; display: block; width: 80%; margin: auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.checkList div.checkListItem { position: relative; display: inline-block; width: calc(50% - 3px); margin: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoTitle { position: relative; display: block; margin-bottom: 20px; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoTitle span.bigTitle { position: relative; display: block; font-size: 24px; font-weight: 600; text-transform: uppercase; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoTitle span.smolTitle { position: relative; display: block; } .afiliacionTitlee { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock { position: relative; display: block; overflow: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 20px; margin-bottom: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textB { position: relative; display: flex; margin: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textB label { width: 30%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable { position: relative; display: block; margin: 20px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table { position: relative; display: block; width: 100%; max-height: 200px; overflow: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table thead, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table tbody { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table thead tr, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table tbody tr { position: relative; display: flex; width: 100%; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table thead tr { background: #008139; color: #FFFFFF; padding: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table tbody tr { padding: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textTable table tbody tr td { position: relative; display: inline-block; width: 33%; } div.popUpFormat div.popUpBlock div.popUpCont div.popInfoBlock div.blockIText div.textButton { position: relative; display: flex; justify-content: center; margin: 20px 0; } /*********************************************Fin Afiliacion Cartera**********************************************/ /*********************************************Folio Enviar**********************************************/ label.apTitle { position: relative; display: block; font-size: 26px; font-weight: 600; margin-bottom: 20px; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.seccionBotonera { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.seccionBotonera input { position: relative; display: block; padding: 9px; border-radius: 3px; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol { position: relative; display: inline-block; text-align: center; width: calc(50% - 4px); vertical-align: top; height: 350px; overflow: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol label.subirtit { position: relative; display: block; font-size: 20px; margin-bottom: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div label.labellist { position: relative; display: inline-block; width: calc(50% - 10px); font-size: 16px; text-align: left; padding: 5px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div label.labellist:nth-child(4n), div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div label.labellist:nth-child(4n + 1) { background: #E0E0E0; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.textCont { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.textCont label.letra { position: relative; display: block; text-align: left; margin: 5px 0; margin-left: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota { position: relative; display: block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota label.valorse { position: relative; display: block; font-size: 24px; margin: 20px 0 40px; font-weight: 600; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota label.valorse span { margin-left: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota label span { margin-left: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota.flex { position: relative; display: flex; width: 80%; justify-content: center; align-items: center; margin: auto; padding: 5px 0; border-top: 1px solid rgba(150,150,150,.5); border-bottom: 1px solid rgba(150,150,150,.5); } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota.flex label.cuota2 { width: 50%; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.cuota.flex div.inputBlock { width: 50%; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock span.metod { position: relative; display: block; margin: 10px 0; font-size: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.radios { position: relative; display: flex; justify-content: center; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont div.popApfolioCol div.contBlock div.radios div.inputradio { position: relative; display: block; margin: 0 10px; } div.cerrarFolio { position: absolute; display: flex; right: -10px; top: -10px; width: 40px; height: 40px; cursor: pointer; justify-content: center; align-items: center; background: #E0E0E0; color: #212529; border-radius: 50%; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpNombTitle { position: relative; display: flex; font-size: 24px; justify-content: center; text-transform: uppercase; margin-bottom: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpCampo { position: relative; display: inline-block; width: calc(50% - 23px); margin: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.nombreCampo { position: relative; display: block; margin: 10px 0; padding: 10px 0; border-top: 1px solid rgba(150,150,150,.5); } div.popUpFormat div.popUpBlock div.popUpCont div.nombreCampo span { position: relative; display: block; font-size: 24px; font-weight: 600; } div.popUpFormat div.popUpBlock div.popUpCont input.btnGeneral { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont div.popUpNombreFolioCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #E0E0E0; cursor: pointer; border-radius: 50%; right: -10px; top: -10px; } div.popUpPersona { position: fixed; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,.5); } div.popUpPersona div.blockPersona { position: relative; display: block; width: 50%; background: #FFFFFF; padding: 20px; border-radius: 10px; } div.popUpPersona div.blockPersona div.blockTitle { position: relative; display: block; text-align: center; font-size: 24px; margin-bottom: 20px; text-transform: uppercase; } div.popUpPersona div.blockPersona div.blockDocumento div.contInput { position: relative; display: inline-block; width: calc(50% - 13px); margin: 10px 5px; } div.popUpPersona div.blockPersona div.blockNombres div.contInput { position: relative; display: inline-block; width: calc(25% - 14px); margin: 10px 5px; } div.popUpPersona div.blockPersona div.blockBotones { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.popUpPersona div.blockPersona div.blockBotones button { padding: 10px; border-radius: 5px; margin: 0 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr .inputField { height: 20px !important; padding: 0 10px; } /*********************************************Fin Folio Enviar**********************************************/ /*************************************************Acuerdos********************************************************/ div.pagosAcuerdo { position: relative; display: block; width: 100%; /* padding-left: 120px; */ /* padding-top: 1px; */ } div.pagosAcuerdo div.pagosAcuerdoCont { position: relative; display: block; width: 100%; margin: auto; } div.admincampañatitle label { font-size: 2.3em; padding-bottom: 0.395em; } div.pagosAcuerdo div.pagosAcuerdoCont div.titleAcuerdos { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } div.pagosAcuerdo div.pagosAcuerdoCont div.titleAcuerdos label { font-size: 2.3em; padding-bottom: 0.395em; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos { position: relative; display: block; width: 100%; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectCampo { position: relative; display: block; width: 25%; margin: 0 10px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectCampo label { position: relative; display: block; margin-bottom: 5px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectCampo.selFlex { display: flex; justify-content: center; align-items: center; width: 15%; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectCampo.selFlex button { padding: 10px; border-radius: 5px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectBlock { position: relative; display: flex; width: 100%; margin: 10px 0; justify-content: center; align-items: center; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectBlock label { margin-left: 10px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectBlock button { padding: 10px; border-radius: 5px; margin: 0 10px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectDate { position: relative; display: flex; width: 70%; margin: auto; justify-content: flex-start; align-items: center; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectDate div.selectRadio { position: relative; display: block; width: 50%; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectDate div.selectInput { position: relative; display: block; width: 50%; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectDate div.selectRadio div.itemRadio { margin: 5px 0; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectDate div.selectInput label { position: relative; display: block; margin-bottom: 5px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos.inPagos { width: 100%; margin: 1em auto; display: flex; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos.inPagos div.selectCampo { width: 33%; } div.pagosAcuerdo div.pagosAcuerdoCont div.buttonAcuerdos { position: relative; display: flex; justify-content: center; margin: 10px 0; } div.pagosAcuerdo div.pagosAcuerdoCont div.buttonAcuerdos button { padding: 10px; border-radius: 5px; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos { position: relative; display: block; margin: 20px 0; text-align: center; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div.tableCuerpo { position: relative; display: block; width: 100%; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div.tableCabeza { position: relative; display: block; width: 100%; background: #008139; color: #FFFFFF; font-weight: 700; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div > div.tableCont { position: relative; display: block; padding: 10px 0; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div.tableCuerpo div.tableCont:nth-child(2n) { background: #F0F0F0; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div > div.tableCont > div { position: relative; display: block; width: 100%; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div > div.tableCont > div div.tableItem { position: relative; display: inline-block; width: calc(14% - 0px); vertical-align: middle; word-break: break-word; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div > div.tableCont > div div.tableItem button { padding: 5px 10px; border-radius: 5px; font-size: 16px; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos.inPagos div > div.tableCont > div div.tableItem { width: calc(16% - 9px); ñ } div.tableAcuerdos div > div.tableCont > div.hiddenItem { position: relative; display: block; left: 0; bottom: 0; width: 100%; height: 0; overflow: hidden; transition: .5s; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont { position: relative; display: block; width: 100%; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenTitle { position: relative; display: block; text-align: center; margin: 20px 0; font-size: 20px; font-weight: 600; text-transform: uppercase; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenInfo { position: relative; display: flex; width: 100%; margin: auto; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenInfo div.hiddenColumn { position: relative; display: block; width: calc(50%); margin: 20px 0; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenInfo div.hiddenColumn div.hiddenInfoItem { position: relative; display: flex; padding: 5px 0; padding-left: 20px; text-align: left; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenInfo div.hiddenColumn div.hiddenInfoItem label { position: relative; display: block; font-weight: 700; width: 35%; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenBenefCont { position: relative; display: block; width: 90%; margin: auto; text-align: center; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo { position: relative; display: block; width: 80%; text-align: left; margin: auto; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo div.hiddenExpand { position: relative; display: block; width: 100%; margin: 10px 0; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo div.hiddenExpand div.hiddenExLabel { position: relative; display: block; padding: 10px; text-transform: uppercase; font-weight: 600; cursor: pointer; border: 1px solid rgba(0,0,0,.5); box-shadow: 2px 2px 2px rgba(150,150,150,.5); border-radius: 10px; padding-left: 10px; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo div.hiddenExpand div.hiddenExTable { position: relative; display: block; overflow: hidden; width: 100%; height: 0px; transition: .5s; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo div.hiddenExpand.activo div.hiddenExTable { height: 250px; transition: .5s; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo div.hiddenExpand div.hiddenExTable div.hiddenExSize { position: relative; display: block; padding: 20px 0; max-height: 200px; overflow: auto; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo div.hiddenExpand div.hiddenExTable div.hiddenExSize .noField { width: 100%; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenBotonera button { padding: 10px; border-radius: 5px; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table { position: relative; display: block; width: 100%; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table thead, div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table tbody { position: relative; display: block; width: 100%; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table tbody, div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont div.hiddenPagosBody { background: #FFFFFF; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table thead tr { position: relative; display: flex; width: 100%; padding: 10px 0; color: #FFFFFF; background: #008139; font-weight: 700; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table tbody tr { position: relative; display: flex; width: 100%; padding: 10px 0; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table tbody tr:nth-child(2n) { background: #F0F0F0; } div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table thead tr td, div.hiddenItem div.hiddenItemCont div.hiddenBenefCont table tbody tr td { position: relative; display: block; width: 34%; word-break: break-word; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont { position: relative; display: block; margin: auto; width: 90%; text-align: center; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont div.hiddenPagosHead { position: relative; display: block; padding: 10px 0; text-transform: uppercase; font-size: 18px; font-weight: 600; background: #008139; color: #FFFFFF; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont div.hiddenPagosBody > div { position: relative; display: block; padding: 5px 0; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont div.hiddenPagosBody > div:nth-child(2n) { background: #F0F0F0; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont div.hiddenPagosHead label { position: relative; display: inline-block; width: calc(33% - 2px); vertical-align: middle; font-size: 14px; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenPagosCont div.hiddenPagosBody span { position: relative; display: inline-block; width: calc(33% - 2px); font-size: 14px; vertical-align: middle; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popTitle { position: relative; display: block; text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: 600; text-transform: uppercase; } /********/ div.zsr { width: 100%; margin: 10px auto; } div.botonm { width: 19%; margin: 10px auto; text-align: center; } div.wfc { width: calc(100% - 1px); display: inline-block; margin: 10px auto; } div.rtb { width: calc(49% - 1px); margin: auto; text-align: center; display: inline-block; } div.selec.peques { width: 10%; height: auto; display: inline-flex; } div.selecy { width: 67%; margin: auto; text-align: center; display: block; } div.selec.lds { width: calc(81% - 1px); margin: auto; text-align: center; display: inline-block; } div.seleoc { width: 100%; display: none; margin: 10px auto; } div.lados { width: calc(11% - 1px); margin: auto; text-align: center; display: inline-block; } div.SECDIREC { width: 100%; display: block; margin: auto; text-align: center; } div.direccp { width: 100%; display: block; position: relative; margin: 13px auto; } div.acuerdoItem.linapr { width: calc(21%) !important; } div.tedireqm { width: 20%; margin: auto; text-align: center; display: inline-block; } div.direcqum { width: 83%; margin: auto; display: inline-block; text-align: left; } div.direcqum span { margin: auto 5px; } div.cfw { width: calc(80% - 1px); display: inline-block; margin: 10px auto; } div.ckq { width: 15%; display: inline-block; margin: auto; text-align: center; } div.lfto { width: 46%; display: inline-block; margin: auto; } div.sertidirecc { width: calc(100% - 1px); display: none; margin: 11px auto; } div.conttp { width: 100%; display: block; margin: auto; } div.unp, div.dop { width: calc(46% - 1px ); display: inline-block; margin: 2px 8px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.compk { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.rds { position: relative; display: block; width: 100%; } /**************/ div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoForm { position: relative; display: block; width: 80%; margin: 8px auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoForm div.acuerdoItem { position: relative; display: block; margin: 10px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoForm div.acuerdoItem label { position: relative; display: block; margin-bottom: 5px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoForm div.hidInputs { position: relative; display: none; width: 100%; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoForm div.hidInputs div.acuerdoItem { position: relative; display: inline-block; width: calc(46%); margin: 0 10px; align-items: center; justify-content: center; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoForm div.hidInputs div.acuerdoItem input.check { position: relative; display: block; margin-right: 10px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoBotonera { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.acuerdoBotonera button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAcuerdoText { position: relative; display: block; width: 60%; margin: 20px auto; text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAcuerdoInput { position: relative; display: block; width: 80%; margin: 10px auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAcuerdoInput label { position: relative; display: block; margin-bottom: 10px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAcuerdoBotonera { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAcuerdoBotonera input { padding: 10px; border-radius: 5px; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenBotonera { position: relative; display: block; padding: 20px 0; } /*******************************************Gestion Llamadas****************************************/ div.gestionLlamadas { position: relative; display: block; /* padding-left: 120px; */ width: 100%; /* padding-top: 1px; */ } div.gestionLlamadas div.gestionLlamadasCont { position: relative; display: block; margin: 40px 0; width: 100%; } div.gestionLlamadas div.gestionLlamadasCont div.gestionTitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; margin: 15px auto; position: relative; } div.gestionLlamadas div.gestionLlamadasCont div.gestionTitle label { font-size: 2.3em; padding-bottom: 0.395em; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult { position: relative; display: flex; width: 70%; margin: auto; align-items: center; justify-content: center; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult div.campoSelect { position: relative; display: flex; width: 70%; margin: 0 20px; align-items: center; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult div.campoSelect label { position: relative; display: block; margin-right: 20px; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult div.campoCheck { position: relative; display: flex; align-items: center; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult div.campoCheck input { position: relative; display: block; margin-right: 10px; } div.gestionTableBlock { position: relative; display: block; width: 85%; margin: 20px auto; } div.gestionTableBlock div.gestionTable { position: relative; display: block; width: 100%; } div.gestionTableBlock div.gestionTable div.gTHead { position: relative; display: block; color: #FFFFFF; background: #008139; } div.gestionTableBlock div.gestionTable div.gTBody div.gtRow:nth-child(2n) { background: #F0F0F0; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowShow { position: relative; display: flex; padding: 10px 0; justify-content: center; align-items: center; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowShow div.gtCol { position: relative; display: inline-block; width: 15%; text-align: center; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowShow div.gtCol.bigField { width: 30%; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowShow div.gtCol button { padding: 5px 10px; border-radius: 5px; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowHidden { position: relative; display: block; width: 100%; height: 0; overflow: hidden; transition: .5s; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowHidden div.gtRowHiddenCont { position: relative; display: block; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowHidden div.gtRowHiddenCont div.gtHiddenInfo { position: relative; display: block; padding: 10px 0; width: 100%; font-size: 12px; max-height: 250px; overflow: auto; margin: auto; } div.gtHiddenInfo table { position: relative; display: block; width: 95%; margin: auto; } div.gtHiddenInfo table thead, div.gtHiddenInfo table tbody { position: relative; display: block; width: 100%; } div.gtHiddenInfo table thead { background: #008139; color: #FFFFFF; padding: 10px 0; } div.gtHiddenInfo table thead tr, div.gtHiddenInfo table tbody tr { position: relative; display: flex; width: 100%; align-items: center; } div.gtHiddenInfo table tbody tr { padding: 10px 0; } div.gtHiddenInfo table tbody tr:nth-child(2n) { background: #F0F0F0; } div.gtHiddenInfo table thead tr td, div.gtHiddenInfo table tbody tr td { position: relative; display: block; width: 20%; text-align: center; } /***************************AdminActivaciones********************************/ div.Activaciones { position: relative; display: block; width: 100%; /* padding-left: 120px; */ /* padding-top: 1px; */ } div.Activaciones div.Activacionescont { width: 90%; margin: auto; } div.Activaciones div.activacionestitle { position: relative; display: flex; font-size: 38px; margin: 30px 0; justify-content: center; } div.Activaciones div.ListaActiv { position: relative; display: inline-block; width: 100%; } div.Activaciones div.ListaActiv ul.ulactiv { position: relative; display: block; width: 80%; margin: auto; } div.Activaciones div li.listali { position: relative; display: inline-flex; align-items: center; font-weight: 600; width: 33%; margin: 5px 0; } div.Activaciones input.checkboxcampo { width: 20px; } div.Activaciones div.botonfiltro { position: absolute; display: block; margin-top: 1%; margin: auto; margin-left: 29%; } div.Activaciones div.tablaActi { position: relative; display: flex; width: 100%; height: auto; padding: 20px 0; } div.Activaciones div.tablaActi > div { position: relative; display: block; width: 100%; } div.Activaciones div.tablaActi table.correacti { position: relative; display: block; width: 100%; } div.Activaciones div.tablaActi table.correacti thead.theadacti { background: #008931; color: #ffffff; padding: 10px 0; } div.Activaciones div.tablaActi table.correacti thead.theadacti, div.Activaciones div.tablaActi table.correacti tbody.tbodyacti { position: relative; display: block; width: 100%; text-align: center; } div.Activaciones div.tablaActi table.correacti thead.theadacti tr, div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr { position: relative; display: block; width: 100%; } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr { padding: 5px 0; } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr:nth-child(2n) { background: #F0F0F0; } div.Activaciones div.tablaActi table.correacti thead.theadacti tr th { position: relative; display: inline-block; width: calc(14% - 9px); } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr td { position: relative; display: inline-block; width: calc(15% - 9px); text-align: center; } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr td button { padding: 5px 10px; border-radius: 5px; } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr td.hiddenTable { position: relative; display: block; width: 100%; height: 0; overflow: hidden; transition: .5s; } div.Activaciones div.botonfiltro2 { position: relative; display: block; margin-left: 43%; } div.Activaciones div.paginacionactiv { position: relative; display: inline-flex; width: 100%; justify-content: center; z-index: 3; margin: 0 0 40px 0; margin-right: calc(50% - 100px); } div.Activaciones div.paginacionactiv ul.paginas { position: relative; display: -webkit-inline-box; padding: 10px 20px 30px; } div.Activaciones div.paginacionactiv ul.paginas li.pagActual input { position: relative; display: block; color: #000000; width: 30px; text-align: center; } div.Activaciones div.paginacionactiv ul.paginas li.pagActual { position: relative; display: block; padding: 5px 8px; margin: 0 5px; font-size: 14px; border-radius: 5px; border: solid 1px #000000; box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5); } div.Activaciones div.paginacionactiv ul.paginas li.numPagina:hover { background: rgba(200,200,200,.9); transition: .4s; } div.Activaciones div.paginacionactiv ul.paginas li.numPagina { position: relative; display: block; padding: 5px 8px; cursor: pointer; color: rgba(100,100,100,.9); font-size: 14px; border: solid 1px rgba(200,200,200,.9); border-radius: 5px; transition: .4s; } div.Activaciones div.desglose { position: relative; display: block; width: 80%; margin: auto; } div.Activaciones div.titleactive1 { position: relative; display: flex; justify-content: center; font-size: 38px; margin-bottom: 23px; } div.Activaciones div.titleactive { position: relative; display: flex; border: 1px solid rgba(0,0,0,.5); padding: 5px 0; padding-left: 20px; margin: 5px 0; cursor: pointer; border-radius: 10px; } div.Activaciones div.titleactive label { cursor: pointer; } div.Activaciones div.titleactive label i { margin-right: 5px; } div.Activaciones div.activele { position: relative; display: block; height: 0; overflow: hidden; transition: .5s; } div.Activaciones div.activele div.activCont { position: relative; display: block; width: 100%; height: 100%; overflow: auto; } div.Activaciones div.activele div.activCont ul.ulactiv { position: relative; display: block; width: 95%; margin: auto; } div.Activaciones div.activele div.activCont ul.ulactiv li.listali { width: calc(50% - 3px); text-align: left; } div.Activaciones div.activele div.activCont ul.ulactiv li.listali label { position: relative; display: block; width: 50%; } div.Activaciones div.activele div.activCont table { position: relative; display: block; width: 100%; } div.Activaciones div.activele div.activCont table thead, div.Activaciones div.activele div.activCont table tbody { position: relative; display: block; width: 100%; } div.Activaciones div.activele div.activCont table thead tr, div.Activaciones div.activele div.activCont table tbody tr { position: relative; display: flex !important; width: 100% !important; background: #FFFFFF; } div.Activaciones div.activele div.activCont table thead tr { background: #008931; color: #FFFFFF; padding: 10px 0 !important; } div.Activaciones div.activele div.activCont table thead tr th, div.Activaciones div.activele div.activCont table tbody tr td { position: relative !important; display: inline-block !important; width: 33% !important; text-align: center !important; } div.Activaciones div.activele div.activCont table tbody tr td.noField { position: relative; display: block !important; width: 100% !important; text-align: center; } div.Activaciones div label.centrotitle { position: relative; display: flex; justify-content: center; padding-top: 6px; } div.Activaciones div.activsep { position: relative; display: inline-flex; padding-left: 59px; margin-bottom: 18px; width: 100%; } div.Activaciones div.contentactiv { position: relative; display: block; } div.Activaciones div.campo2 { position: relative; display: block; margin-right: 41px; width: 42%; } div.Activaciones div.campo3 { position: relative; display: block; margin-right: 40px; width: 40%; } div.Activaciones div.campo4 { width: 321px; position: relative; display: block; padding-left: 13px; padding-right: 13px; } div.Activaciones div.activsep1 { position: relative; display: inline-flex; margin-left: 13%; } div.Activaciones div.infoactiv { position: relative; display: block; width: 50%; float: left; } div.Activaciones div.factSelect { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0; } div.Activaciones div.factSelect div.campo6 { position: relative; display: flex; width: 50%; margin: 0 10px; } div.Activaciones div.factSelect div.campo6 label { margin-right: 10px; } div.Activaciones div.factSelect div.check1 { position: relative; display: flex; } div.Activaciones div.factSelect div.check1 input#checksed { margin-right: 10px; } div.Activaciones div.botonfiltro1 { position: relative; display: flex; justify-content: center; margin: 10px 0; } div.Activaciones div.botonfiltro1 button { padding: 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivTitle { position: relative; display: block; text-align: center; text-transform: uppercase; width: 100%; margin: 20px 0; font-size: 26px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo { position: relative; display: block; margin: -21px 96px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listpop { position: relative; display: block; width: 60%; margin: 10px auto; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listpop li { position: relative; display: block; margin: 5px 0; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listpop li input { margin-right: 5px; } div.PopActivInfo div.listasactiv { position: relative; display: flex; width: 94%; margin: -7px auto; padding-bottom: 11px; } div li.smaller2 { position: relative; display: none; } div li#LIValorIncremento { position: relative; padding-bottom: 14px; margin: -11px auto; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div { position: relative; display: inline-block; width: 60%; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.divacti { width: 40%; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div li.smaller { position: relative; display: block; padding: 7px 0; margin: 19px 0; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div li.espacioacti { position: relative; display: flex; margin: 14px 0; height: 34px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div li.espacioacti div.innerCheck { position: relative; display: flex; align-items: center; width: 60%; margin: 0 10px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div li.espacioacti div.innerCheck input { margin-right: 5px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.benefacti, div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.actil { position: relative; display: block; margin: 0 10px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.benefacti input, div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.actil input { margin-top: 5px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv div.observBlock { position: relative; display: block; width: calc(100% - 20px); margin: 0 10px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv div.observBlock label { position: relative; display: block; margin-bottom: 5px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivBotonera > div { position: relative; display: flex; justify-content: center; margin: 10px 0; padding-top: 22px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivBotonera > div button { padding: 10px; border-radius: 5px; } li.espacioactil { position: relative; display: none; padding-bottom: 1px !important; } /*********************************************Seguimiento Envios***************************************************/ div.seguiEnvios { position: relative; display: block; width: calc(100% - 120px); padding-left: 120px; } div.seguiEnvios div.seguiTitle { position: relative; display: block; width: 80%; margin: 30px auto; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 600; } div.seguiEnvios div.seguiCont { position: relative; display: block; width: 95%; margin: auto; } div.seguiEnvios div.seguiCont div.seguiField { position: relative; display: block; width: 50%; margin: auto; } div.seguiEnvios div.seguiCont div.seguiField div.campo { position: relative; display: flex; width: 100%; margin: 10px 0; justify-content: center; align-items: center; } div.seguiEnvios div.seguiCont div.seguiField div.campo label { width: 15%; text-align: right; margin: 0 10px; } div.seguiEnvios div.seguiCont div.seguiField div.seguiButton { position: relative; display: flex; margin: 10px 0; justify-content: center; } div.seguiEnvios div.seguiCont div.seguiField div.seguiButton button { padding: 10px; border-radius: 5px; } div.seguiEnvios div.seguiCont div.seguiTable { position: relative; display: block; width: 100%; } div.seguiEnvios div.seguiCont div.seguiTable table { position: relative; display: block; width: 100%; } div.seguiEnvios div.seguiCont div.seguiTable table thead, div.seguiEnvios div.seguiCont div.seguiTable table tbody { position: relative; display: block; width: 100%; } div.seguiEnvios div.seguiCont div.seguiTable table thead tr, div.seguiEnvios div.seguiCont div.seguiTable table tbody tr { position: relative; display: block; width: 100%; align-items: center; } div.seguiEnvios div.seguiCont div.seguiTable table thead tr { padding: 10px 0; color: #FFFFFF; background: #008139; } div.seguiEnvios div.seguiCont div.seguiTable table tbody tr { padding: 5px 0; } div.seguiEnvios div.seguiCont div.seguiTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.seguiEnvios div.seguiCont div.seguiTable table thead tr td, div.seguiEnvios div.seguiCont div.seguiTable table tbody tr td { position: relative; display: inline-block; text-align: center; word-break: break-word; } div.seguiEnvios div.seguiCont div.seguiTable table thead tr td { width: calc(11% - 3px); } div.seguiEnvios div.seguiCont div.seguiTable table tbody tr td { width: calc(11% - 3px); } div.seguiEnvios div.seguiCont div.seguiTable table tbody tr td a { color: #1A0DAB; font-weight: 700; cursor: pointer; text-decoration: underline; } div.seguiEnvios div.seguiCont div.seguiTable table tbody tr td button { padding: 5px 10px; border-radius: 5px; } div.popUpFormat div.popUpBlock div.titleSegui { position: relative; display: block; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-size: 24px; } div.popUpFormat div.popUpBlock div.contSegui { position: relative; display: block; width: 95%; margin: auto; } div.popUpFormat div.popUpBlock div.contSegui div.seguiItem { position: relative; display: inline-flex; width: calc(50% - 23px); margin: 5px 10px; } div.popUpFormat div.popUpBlock div.contSegui div.seguiItem label { position: relative; display: block; margin-right: 10px; font-weight: 600; } div.popUpFormat div.popUpBlock div.contSegui div.seguiItem span.link { color: #1A0DAB; font-weight: 700; cursor: pointer; text-decoration: underline; } /************************************Envios por Correo Certificado**************************************/ div.EnviosporCorreo { position: relative; display: block; width: calc(100% - 120px); padding-left: 120px; padding-top: 1px; } div.EnviosporCorreo div.certificadotitle { position: relative; display: flex; font-size: 38px; margin: 30px 0; justify-content: center; } div.EnviosporCorreo div.campoCert { position: relative; display: flex; width: 100%; margin: 18px 10px; justify-content: center; } div.EnviosporCorreo div.ECorreofactSelect { position: relative; display: flex; justify-content: center; } div.EnviosporCorreo div.tablaEpccT { position: relative; display: block; margin: auto; width: 90%; } div.EnviosporCorreo div table.tablaEpcc { position: relative; display: block; width: 100%; } div.EnviosporCorreo div thead.theadEpcc, div.EnviosporCorreo div tbody.tbodyEpcc { position: relative; display: block; width: 100%; text-align: center; } div.EnviosporCorreo div thead.theadEpcc { background: #008931; color: #ffffff; padding: 10px 0; } div.EnviosporCorreo div thead.theadEpcc tr, div.EnviosporCorreo div tbody.tbodyEpcc tr { position: relative; display: block; width: 100%; } div.EnviosporCorreo div tbody.tbodyEpcc tr { padding: 5px 0; } div.EnviosporCorreo div tbody.tbodyEpcc tr:nth-child(2n) { background: #F0F0F0; } div.EnviosporCorreo div thead.theadEpcc tr th, div.EnviosporCorreo div tbody.tbodyEpcc tr td { position: relative; display: inline-block; padding: 0; word-break: break-word; } div.EnviosporCorreo div tbody.tbodyEpcc tr td.hidCont { position: relative; display: block; width: 100%; height: 0; overflow: hidden; transition: .5s; } div.EnviosporCorreo div tbody.tbodyEpcc tr td.hidCont div.hidHidCont { position: relative; display: block; width: 85%; margin: auto; } div.EnviosporCorreo div thead.theadEpcc tr th { width: calc(11% - 3px); } div.EnviosporCorreo div tbody.tbodyEpcc tr td { width: calc(11% - 3px); } div.EnviosporCorreo div button.btnGeneral.naranja.Cert, div.EnviosporCorreo div button.btnGeneral.naranja.Cert3 { position: relative; display: block; margin: auto; padding: 5px 10px; border-radius: 5px; } div.EnviosporCorreo div.popCertCont { display: flex; } div.EnviosporCorreo div.popCertTitle { position: relative; display: block; text-align: center; font-weight: 600; } div.EnviosporCorreo div ul.ulCert { position: relative; display: block; width: 100%; } div.EnviosporCorreo div div.tablaCert1 { position: relative; display: block; width: 100%; height: 0; max-height: 200px; overflow: auto; transition: .5s; } div.EnviosporCorreo div div.tablaCert1.activo { height: 200px; transition: .5s; } div.EnviosporCorreo div li.liCert { position: relative; display: block; text-align: left; padding: 10px 20px; font-weight: 600; border: 1px solid; border-radius: 16px; cursor: pointer; } div.EnviosporCorreo div li.liCert label { cursor: pointer; } div.EnviosporCorreo div.listCert { position: relative; display: block; padding: 20px 0; } div.EnviosporCorreo div.listCert > div { position: relative; display: block; width: 100%; margin: 10px 0; } div.EnviosporCorreo div.botonCert { position: relative; display: flex !important; justify-content: center; } div.EnviosporCorreo div button.btnGeneral.naranja.Cert2 { position: relative; display: block; padding: 10px; border-radius: 5px; } div.EnviosporCorreo div.DivPopCert1 { position: relative; display: flex; width: 100%; padding-top: 10px; padding-bottom: 23px; } div.EnviosporCorreo div.DivPopCert2 { position: relative; display: flex; padding-top: 20px; padding-bottom: 38px; width: 95%; } div.EnviosporCorreo div label.movCertpop { position: relative; display: flex; margin-right: 4%; margin-left: 11px; } div.EnviosporCorreo div input.checkCert { position: relative; display: flex; margin-right: 11px; } div.EnviosporCorreo div table.tablaEpcc1 { position: relative; display: block; width: 95%; padding: 5px 0; margin: auto; } div.EnviosporCorreo div table.tablaEpcc1 thead, div.EnviosporCorreo div table.tablaEpcc1 tbody { position: relative; display: block; width: 100%; } div.EnviosporCorreo div table.tablaEpcc1 thead tr, div.EnviosporCorreo div table.tablaEpcc1 tbody tr { position: relative; display: flex; width: 100%; text-align: center; } div.EnviosporCorreo div table.tablaEpcc1 thead tr { background: #008139; color: #FFFFFF; padding: 10px 0; } div.EnviosporCorreo div table.tablaEpcc1 tbody tr { padding: 5px 0; background: #FFFFFF; } div.EnviosporCorreo div table.tablaEpcc1 tbody tr:nth-child(2n) { background: #F0F0F0; } div.EnviosporCorreo div table.tablaEpcc1 thead tr th, div.EnviosporCorreo div table.tablaEpcc1 tbody tr td { position: relative; display: inline-block; width: 25%; } div.EnviosporCorreo div table.tablaEpcc1 thead tr th.obsBig, div.EnviosporCorreo div table.tablaEpcc1 tbody tr td.obsBig { width: 60%; } div.popUpFormat div.popCertTitle { position: relative; display: block; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: 700; } div.popUpFormat div.CertInfos { position: relative; display: block; margin: 20px 0; } div.popUpFormat div.botonCert { position: relative; display: flex; justify-content: center; } div.popUpFormat div.botonCert button { padding: 10px; border-radius: 5px; } div.popUpFormat div.CertInfos > div { position: relative; margin: 10px; } div.popUpFormat div.CertInfos > div div.campo { position: relative; display: block; margin: 5px; } div.popUpFormat div.CertInfos > div div.campo label { position: relative; display: block; margin-bottom: 5px; } div.popUpFormat div.CertInfos > div.DivPopCert1 { display: flex; } div.popUpFormat div.CertInfos > div.DivPopCert1 div.campo { position: relative; display: block; width: calc(100% - 10px); } div.popUpFormat div.CertInfos > div.DivPopCert1 div.campo div.campoBtnPop { position: relative; display: flex; height: 100%; justify-content: center; align-items: center; } div.popUpFormat div.CertInfos > div.DivPopCert1 div.campo div.campoBtnPop input { padding: 10px; border-radius: 5px; } div.popUpFormat div.chngTitle { position: relative; display: block; text-align: center; text-transform: uppercase; margin-bottom: 20px; font-size: 24px; font-weight: 700; } div.popUpFormat div.chngCont { position: relative; display: block; margin-top: 20px; } div.popUpFormat div.chngCont div.chngRow { position: relative; display: flex; margin: 10px 0; } div.popUpFormat div.chngCont div.chngRow div.campo { position: relative; display: inline-block; width: 50%; margin: 0 10px; } div.popUpFormat div.chngCont div.chngRow div.campo label { margin-bottom: 5px; position: relative; display: block; } div.popUpFormat div.chngCont div.chngRowSing { position: relative; display: block; margin: 10px; } div.popUpFormat div.chngCont div.chngRowBtn { position: relative; display: flex; margin-top: 20px; justify-content: center; } div.popUpFormat div.chngCont div.chngRowBtn button { padding: 10px; border-radius: 5px; } /************************************FinEnviosporCorreoCertificado**************************************/ /************************************AdminCampaña**************************************/ div .admincampaña { position: relative; display: flex; width: 100%; justify-content: center; height: auto; } div.admincampañatitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } /*div.admincampañacont { height: auto; width: calc(60% - 1px); margin: auto; justify-content: center; display: block; position: absolute; }*/ div.AdminCampañaInput { position: relative; display: flex; justify-content: center; padding: 18px; } div.factSelect { width: calc(70% - 1px); height: auto; margin: auto; display: inline-block; position: relative; padding: 5px; } div.campocontenedoruno { width: calc(60% - 1px); height: auto; margin: auto; display: inline-block; position: relative; padding: 5px; } div.ContenedorFecha { width: calc(100% - 1px); height: auto; display: inline-block; position: relative; margin: 10px auto; } div.campoCampaña { position: relative; display: inline-flex; width: calc(100% - 1px); } div.admincampañacont { width: 100%; /* padding-left: 10%; */ justify-content: center; } div label.Camptit { position: relative; display: flex; padding: 4px; text-align: center; font-size: large; } div .botonfiltroCampa { position: relative; display: flex; justify-content: center; height: 39px; margin-top: 20px; } div.CONTENFROMT { width: 80%; margin: auto; justify-content: center; height: auto; } div.tablaCampaña { position: relative; display: block; width: calc(100% - 1px); justify-content: center; padding: 17px 0px; height: calc(20% - 1px); } table#TblCampaña { width: calc(100% - 1px); height: auto; position: absolute; display: block; margin: auto; text-align: center; } thead.theadCampaña { background: #008139; color: #ffffff; width: calc(100% - 1px); height: auto; display: block; margin: auto; position: relative; text-align: center; padding: 5px; } tr.TrPrincipal { width: calc(100% - 1px); height: auto; margin: auto; padding: 5px; display: flex; position: relative; text-align: center; } tr.TrPrincipal th { width: 50%; height: auto; margin: auto; position: relative; text-align: center; } tbody.tbodycampaña { width: calc(100% + 8px); position: relative; display: block; text-align: center; margin: auto; } tr#TrSecundario { position: relative; width: calc(100% - 1px); text-align: center; margin: auto; word-break: break-word; display: block; } tr#TrSecundario td { width: calc(16% + 4px); text-align: center; word-break: break-word; position: relative; display: inline-block; } button.btnGeneral.naranja.popsde { margin: 10px auto; text-align: center; justify-content: center; width: 24%; } div td.centcampaña { position: relative; display: flex; justify-content: center; padding-top: 6px; padding-right: 9px; } div.popuppo { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.comperde { position: relative; display: block; padding: 20px; border-radius: 10px; background: #FFFFFF; width: 40%; } div.buttonPopUp.popUpClose { position: absolute; display: flex; width: 40px; height: 40px; top: -10px; cursor: pointer; justify-content: center; align-items: center; border-radius: 50%; right: -10px; background: #E0E0E0; } select.selec, input.selec, textarea.selec { position: relative; display: flex; padding: 0 10px; width: calc(100% - 20px); height: 27px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; justify-content: center; } div.tyttill { position: relative; display: block; justify-content: center; font-size: 32px; font-weight: 400; margin: 10px auto; text-align: center; } div.comssd { width: calc(49% - 1px); margin: 10px auto; display: inline-block; text-align: center; } /***********************/ div.LabelTex { width: calc(92% - 1px); height: auto; } div.SelcTex { width: calc(93% - 1px); } div.LB { width: calc(100% - 1px); height: auto; } div.TXB { width: calc(100% - 1px); justify-content: center; } div.wrt { width: calc(93% - 1px); text-align: center; justify-content: center; } div.byt { width: calc(93% - 1px); } div.BLRX { width: calc(100% - 1px); text-align: center; } div.XRT { width: calc(100% - 1px); margin: auto; } div button.btnGeneral.naranja.ork { border-radius: 5px; width: 110px; } div button.btnGeneral.naranja.ark { position: relative; display: flex; height: 31px; width: 33px; justify-content: center; border-radius: 5px; } div button.btnGeneral.rojo.erk { position: relative; display: flex; width: 33px; justify-content: center; border-radius: 5px; margin-left: 3px; } div.campocamp1 { position: relative; display: block; width: calc(48% - 1px); margin: 14px auto; justify-content: center; float: left; } div.campocamp2 { position: relative; display: block; width: calc(48% - 1px); margin: 14px auto; justify-content: center; float: left; } div.camposcamp { width: calc(100% - 15px); justify-content: center; margin: auto; height: auto; } div.camposcamp2 { position: relative; display: flex; width: 100%; justify-content: center; padding-top: 20px; } div input.designcampocamp { position: relative; display: flex; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; width: 100%; height: 30px; } div#inuno { width: 48%; margin: auto; display: inline-block; position: relative; } div#indoss { width: 48%; margin: auto 7px; display: inline-block; position: relative; } div.timepickerscamp { position: relative; display: block; width: 90%; height: auto; margin: auto; } div label.Camptit2 { position: relative; display: flex; justify-content: center; padding-top: 26px; padding-bottom: 8px; font-size: large; } /************************************FinAdminCampaña**************************************/ div.factInputx { position: relative; display: flex; margin-bottom: 16px; margin-top: 16px; justify-content: center; } div li.radioxx { padding: 13px; font-weight: 600; float: left; } div.textcactiv { position: relative; display: flex; justify-content: center; padding: 0px 370px; margin-bottom: 9px; } /****CampañasConvenios*****/ div.campConvenio { position: relative; display: flex; height: auto; width: 100%; justify-content: center; } div.campConTitle { position: relative; display: flex; font-size: 41px; font-weight: 500; margin: auto; margin-top: 24px; justify-content: center; } div.convenioInput { position: relative; display: block; width: 100%; height: auto; } div.inputConv { position: relative; display: flex; justify-content: center; } /****AdquisicionTCO*****/ div.Adqtittle { position: relative; display: flex; justify-content: center; padding: 38px; font-size: xx-large; } div.AdqTCOCont { width: 90%; margin: auto; } div.TablaAdqTCO { position: relative; display: flex; justify-content: center; width: 100%; } div table.tablaAdq { position: relative; display: block; width: 100%; } div thead.TheadAdq { background: #008931; color: #ffffff; display: block; position: relative; width: 100%; } div th.thAdq { position: relative; width: calc(100% - 14px) !important; margin: auto; text-align: center; padding: 27px; display: inline; } div td.tdAdq { position: relative; display: inline; padding: 20px; height: auto; margin: auto; width: calc(14% - 15px) !important; } div.AdqTCO { position: relative; display: flex; justify-content: center; } div tr.trAdq { position: relative; display: block; width: 100%; padding: 12px; } div button.btnGeneral.naranja.px { position: relative; display: flex; margin: auto; padding: 14px 15px; border-radius: 5px; margin-bottom: 20px; } div.inputCambio { position: relative; display: flex; justify-content: center; width: 100%; padding: 13px 0px; margin: auto; align-items: center; } div.labelxxx { position: relative; display: flex; padding-top: 33px; padding-right: 59px; color: #008139; font-weight: 700; } div .labelxx { position: relative; font-weight: 700; color: #008139; height: 21px; width: 152px; } div.labelOrder { position: relative; display: flex; height: 88px; width: 30%; float: left; flex-flow: column-reverse; padding-top: 6px; padding-right: 10px; } div span.spanlet { position: absolute; padding-left: 8px; } div.label.portaser { height: 37px; margin-bottom: 14px; } div .inputsolo { position: relative; display: flex; justify-content: center; width: 100%; margin: auto; align-items: center; padding-bottom: 5px; } ddiv .campo.trx { padding: 14px; padding-bottom: 1px; width: 70%; position: relative; display: inherit; font-size: 3px; } div .labelAdicional { position: relative; display: flex; font-weight: 700; color: #008139; padding-top: 15px; width: 25%; } div.campo.trx.tuyuu { width: 70%; position: relative; display: contents; color: #008139; font-weight: 700; } /****FinAdquisicionTCO*****/ div.cm { position: relative; display: -webkit-box; width: 100%; /* padding-left: 120px; */ overflow: hidden; /* top: 48px; */ } div.cmtitul { position: relative; display: block; width: 60%; margin: 40px auto; font-size: 24px; font-weight: 600; text-transform: uppercase; text-align: center; } div.loip { position: relative; display: block; width: calc(100% - 85px); padding: 20px; margin: auto; justify-content: center; } div.cmcom { width: calc(80% - 1px); margin: 15px auto; } div.comprime { width: calc(49% - 1px); display: inline-block; margin: auto; } div.cmbotm { width: calc(36% - 1px); display: inline-block; margin: auto; } button.btnGeneral.naranaja.conscm { width: calc(60% - 1px); margin: auto 10px; padding: 10px; border-radius: 6px; } div.cominfoo { width: calc(80% - 1px); display: block; position: relative; margin: 15px auto; } div.minifj { width: calc(32% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } div.diiv { width: calc(49% - 1px ); display: inline-block; position: relative; } div.diiv div.minifj { width: calc(48% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } div.edcfd { width: calc(88% - 1px); display: inline-block; margin: auto; position: relative; } div.ajgt { width: 10%; display: inline-block; margin: auto; text-align: center; } div.borde { border: 2px solid #E0E0E0; border-radius: 20px; } /*****************************Bonos Sunem********************************/ div.padre { position: relative; display: block; width: 100%; } div.tittle { align-items: center; display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; margin: 15px auto; text-align: center; } div.tittle label { font-size: 2.3em; padding-bottom: 0.395em; } div.important { position: relative; display: grid; width: 90%; margin: 15px auto; } div.marco { position: relative; display: block; padding: 20px; border: 2px solid #E0E0E0; border-radius: 20px; background: #FFFFFF; top: -5px; z-index: 2; } div.container { display: block; margin: 10px auto; width: calc(90% - 1px); position: relative; } div.contFrm.esconder { display: none; } div.prte { width: calc(32% - 4px); display: inline-block; margin: auto 7px; position: relative; } div.sve { width: 100%; text-align: center; position: relative; margin: 10px auto; } div.bton { width: 50%; margin: 10px auto; position: relative; } button.btnn.naranaja.btnSunem { width: auto; } /********************Consulta Bonos**************************/ div.grandiv { position: relative; display: block; width: 100%; } div.titulito { align-items: center; display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; margin: 15px auto; text-align: center; } div.titulito label { font-size: 2.3em; padding-bottom: 0.395em; } div.conjtElm { position: relative; display: block; width: 90%; margin: auto; margin-top: 5%; } div.atrbbCons { position: relative; display: flex; width: 100%; justify-content: center; margin: 20px auto; } div.bnsBtn { display: none; justify-content: center; } div.divXtra { width: 10%; } div.atribtt { width: 25%; margin: 0px 15px; } div.tbltaEsa { display: none; margin: 5px 15px; } div.ahrSiTbltaEsa { position: relative; display: block; width: 100%; margin: 0 auto; overflow: auto; height: 14em; } div.tbltaEsa div.ahrSiTbltaEsa table { position: relative; display: block; width: 170%; } div.tbltaEsa div.ahrSiTbltaEsa table thead { background: #008139; color: #FFFFFF; padding: 10px 0px; display: block; margin: auto; } div.tbltaEsa div.ahrSiTbltaEsa table tbody { position: relative; display: block; width: 100%; margin: auto; } div.tbltaEsa div.ahrSiTbltaEsa table thead tr { position: relative; display: flex; width: 100%; align-items: center; } div.tbltaEsa div.ahrSiTbltaEsa table tbody tr { position: relative; display: flex; width: 100%; align-items: center; margin: 15px 0px; } div.tbltaEsa div.ahrSiTbltaEsa table thead tr td, div.tbltaEsa div.ahrSiTbltaEsa table tbody tr td { position: relative; display: inline-block; width: 10%; text-align: center; overflow: hidden; text-overflow: ellipsis; margin: 0px 5px; } div.bnoTtl { font-weight: bold; text-align: center; font-size: 25px; margin: 30px auto; } /*****************************Planillas Egresos*************************/ .viewCont { position: relative; display: block; width: 100%; height: 100%; overflow: auto; } .contTitle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; align-items: center; position: relative; font-size: 2.5em; } button.buttForm { padding: 5px; } input.input { width: 100%; font-size: 1.4em; padding: 0.3em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); text-align: center; } input.input:focus { border: 1px solid var(--FcSecund) !important; } input.input.boRojo { border: 1px solid var(--ColorRed) !important; } input.checkBox { position: relative; display: flex; margin: 0px 5px; } textarea.textArea { width: 100%; font-size: 1.4em; padding: 0.3em 0.15em; border-radius: 5px; border: 1px solid rgba(150, 150, 150, .5); position: relative; outline: none; color: var(--ColorBlack); text-align: center; height: 2em; } textarea.textArea:focus { border: 1px solid var(--FcSecund) !important; } textarea.textArea.boRojo { border: 1px solid var(--ColorRed) !important; } button.BtnGreen { border-radius: 60px; width: 100%; font-size: 1.2em; height: 100%; display: flex; justify-content: center; padding: 7px; position: relative; align-items: center; cursor: pointer; transition: all 0.3s ease-in-out; background: var(--FcSecund); color: var(--ColorWhite); } button.BtnGreen.poes { width: 16em; margin: auto; } button.BtnGreen.poes.other { background: var(--ColorOrange1); } select.select, input.select, textarea.select { width: 100%; font-size: 1.4em; padding: 0.25em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); } select.select.boRojo { border: 1px solid var(--ColorRed) !important; } /*select.select:focus { border: 1px solid var(--FcSecund) !important; }*/ select.select { cursor: pointer; } input#txtTotalAcum { text-align: center; } input.date { width: 100%; font-size: 1.4em; padding: 0.23em 0.15em; border-radius: 5px; border: 1px solid black; position: relative; outline: none; color: var(--ColorBlack); text-align: center; } input.date:focus { border: 1px solid var(--FcSecund); } .viewTitle { display: flex; justify-content: space-between; border-bottom: 2px solid var(--FcSecund); width: 100%; align-items: center; position: relative; } .viewTitle label { font-size: 2.3em; padding-bottom: 0.395em; } .pestMenu { position: relative; display: flex; width: 100%; justify-content: center; padding: 1em 0; background: var(--ColorSilver0); } .modCont { position: relative; display: block; height: 100%; overflow: auto; } .headForm { position: relative; display: flex; width: 100%; margin: 15px auto; align-items: center; } .datePlanilla { position: relative; display: block; /* width: 20%; */ margin: 10px 0px; } .datePlanilla span { color: var(--ColorBlack); font-weight: 600; font-size: 1.4em; } .planillaNumber { position: relative; display: flex; justify-content: end; /* margin: 15px auto; */ /* width: 95%; */ } .planillaNumber span { font-size: 2.3em; padding-bottom: 0.395em; color: var(--FcSecund); } .pestUnit { width: 20%; height: calc(6.5em - 0.4545em - 17px); border-radius: 25px; margin: 0px 15px; position: relative; border: 4px solid #FFFFFF; background-color: var(--ColorSilver4); display: flex; justify-content: center; align-items: center; transition: all 0.2s ease; cursor: pointer; } .pestUnit:hover { background: var(--FcSecund); } .pestUnit span { font-size: 2.3em; color: white; font-weight: 600; } .pestUnit .MenuCont { position: absolute; display: flex; width: 90%; justify-content: center; background: var(--FcSecund); color: #FFFFFF; overflow: hidden; border-radius: 0px 0px 20px 20px; top: 51px; transition: .5s; z-index: 3; height: 0; } .pestUnit .MenuCont .heightCont { width: 100%; } .pestUnit .MenuCont .heightCont .menuHeight { position: relative; display: block; width: 100%; } .pestUnit .MenuCont .heightCont .menuHeight .optUnit { position: relative; display: flex; justify-content: initial; width: 95%; padding: 10px 5px; margin: 5px auto; border: 1px solid #00A326; border-radius: 10px; transition: .5s; } .pestUnit .MenuCont .heightCont .menuHeight .optUnit:hover { background: #008139; border: 1px solid #FFFFFF; } .pestUnit .MenuCont .heightCont .menuHeight .optUnit span { color: #FFFFFF; font-size: 1.5em; font-weight: 100; } .formCont { position: relative; display: block; width: 95%; margin: 15px auto; border: 1px solid; border-radius: 20px; padding: 15px; } .discrimCont { position: relative; display: none; width: 100%; } .viewText { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 99%; padding-bottom: 5px; position: relative; margin: 0 auto; font-size: 3em; } .formtitle { display: flex; justify-content: initial; border-bottom: 2px solid var(--FcSecund); width: 99%; position: relative; margin: 0 auto; } .formtitle label { font-size: 3em; padding-bottom: 0.3em; } .formtitle.reportDaily { justify-content: space-between; } .formtitle.reportDaily .filtrCont { width: 35%; } .tableExpand .formtitle { width: 90%; margin: 20px auto; } .tableExpand .formtitle label { font-size: 1.8em; } .formEgresos { position: relative; display: block; width: 100%; margin: 15px auto; } button.BtnGreen.poes.ajustar { width: 100%; height: 100%; border-radius: 5px; background: var(--ColorBlue1); font-size: 1.4em; cursor: pointer; color: var(--ColorBlack); } button.BtnGreen.poes.ajustar span { font-weight: 600; font-size: 1em; letter-spacing: 2px; padding: 0.1em; } .conTble table.tbleCont thead tr td { position: relative; display: flex; width: 25%; justify-content: center; padding: 5px; font-weight: 600; } .conTble table.tbleCont tbody tr td { position: relative; display: flex; width: 25%; justify-content: center; padding: 5px; } .conTble table.tbleCont tbody tr td i { cursor: pointer; } .conTble table.tbleCont tbody tr td.tdRojo i { color: #ff0000; } .rowCampo.rC2 .campoFlex.botoncom { width: 30em; margin-left: 3em; } .rowCampo.rC1.botonss .campoFlex.botoncom { width: 23%; } .rowCampo { position: relative; display: flex; width: 100%; margin: 15px auto; align-items: flex-end; } .rowCampo .campo { position: relative; display: block; margin: 0 10px; } .rowCampo .campoFlex { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 10px; } .rowCampo.rC1 .campo { width: 100%; } .rowCampo.rC2 .campoFlex { width: 50%; margin: auto; } .rowCampo .campoFlex button { width: 50%; /*Modifico de 50*/ /*justify-content: space-around;*/ } .rowCampo.rC3 .campo { width: 33%; } .rowCampo.rC3 .campoFlex { width: 33%; } .rowCampo.rC2 .campo { width: 50%; } .rowCampo.rC1 .campoFlex { width: 60%; margin: 0px auto; } .rowCampo.rC1 .campoFlex button.buttForm.Azul { left: 0; } .rowCampo.rC4 .campo { width: 33%; /*se modifico de 25%*/ } .rowCampo.rC4 .campoFlex { width: 25%; } .campo.BancPay { display: none; } .campoFlex input.chkBttn { margin-right: 5px; } .campoFlex input.radio { margin-right: 5px; cursor: pointer; } .campo label { color: var(--ColorBlack); font-weight: 600; font-size: 1.4em; } .campoFlex label { color: var(--ColorBlack); font-weight: 600; font-size: 1.4em; } .campo.prncpal { display: none; } .campoFlex.modOblg { display: none; } .discrmTble { position: relative; display: flex; width: 100%; justify-content: space-between; margin: 0px auto; } .discrmTble .subTtl .valCont { position: relative; display: block; text-align: end; font-size: 2em; margin: 0px; } .discrmTble .subTtl .txtCont { position: relative; display: flex; width: 100%; font-size: 1.2em; font-weight: 600; justify-content: end; } .anticipoTble .contTble { width: 100%; } .tbleConsig .contTble { width: 100%; } .contTble { position: relative; display: flex; width: 50%; justify-content: center; margin: 25px 0px; } .contTble.full { width: 100%; } .contTble.valTble { width: 33%; } .contTble table.tbleCont { position: relative; display: block; width: 100%; border-spacing: 0; } .contTble table.tbleCont thead { position: relative; display: block; width: 100%; } .contTble table.tbleCont thead.tbleSticky { position: sticky; top: 0; z-index: 2; } .contTble table.tbleCont thead tr { background: var(--FcSecund); color: var(--ColorWhite); width: 100%; text-align: center; font-size: 1.4em; } .contTble table.tbleCont thead tr.other { background: var(--ColorSilver1); } .contTble table.tbleCont thead tr td { font-weight: 600; width: 45%; padding: 0.36em 1em; border: solid 0.1em var(--borde-tablas); } .contTble table.tbleCont thead tr td.actBttn { width: 10%; } .contTble table.tbleCont thead tr td.tdBttn, .contTble table.tbleCont tbody tr td.tdBttn { width: 10%; } .contTble table.tbleCont tbody tr td.tdBttn i { cursor: pointer; transition: .5s; } .contTble table.tbleCont thead tr td.obsrvTd, .contTble table.tbleCont tbody tr td.obsrvTd { width: 70%; } .contTble table.tbleCont tbody tr td.tdBttn span { cursor: pointer; } .contTble table.tbleCont tbody { position: relative; display: block; width: 100%; } .contTble table.tbleCont tbody tr { width: 100%; height: max-content; font-size: 1.4em; } .contTble table.tbleCont tbody tr.rowBlock { display: block; } .contTble table.tbleCont tbody tr.rowBlock td.bttnTd i { cursor: pointer; } .contTble table.tbleCont tbody tr.rowBlock td { width: 12.5%; } .contTble table.tbleCont tbody tr.rowBlock td.tdhidden { position: relative; display: list-item; width: 90%; font-size: 0.7em; height: 0; overflow: hidden; padding: 0; border: 0; margin: 0 auto; transition: .5s; } .contTble table.tbleCont tbody tr.blockRow { display: block; } .contTble table.tbleCont tbody tr.blockRow td.bttnTd i { cursor: pointer; } .contTble table.tbleCont tbody tr.blockRow td { width: 6%; } .contTble table.tbleCont tbody tr.blockRow td.tdhidden { position: relative; display: list-item; width: 90%; font-size: 0.7em; height: 0; overflow: hidden; margin: 0 auto; padding: 0; border: 0; transition: .5s; } .contTble table.tbleCont tbody tr:nth-child(even) { background-color: var(--franjatablas); } .contTble table.tbleCont tbody tr td { text-align: center; word-break: break-word; width: 45%; padding: 0.36em 1em; border: solid 0.1em var(--borde-tablas); } .contTble table.tbleCont tbody tr td.inputTd { font-size: 0.7em; } .contTble table.tbleCont tbody tr td.actBttn { width: 10%; } .contTble table.tbleCont tbody tr td.actBttn span { color: #E73F32; cursor: pointer; } td.tdhidden .contTble table.tbleCont thead tr { background: #838683; } td.tdhidden .contTble table.tbleCont thead tr td, td.tdhidden .contTble table.tbleCont tbody tr td { width: 25%; } .popAutorCodigo { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .popAutorCodigo .popblanco { width: 65em; } .formPop .labelCont { position: relative; display: block; font-size: 2em; width: 98%; margin: 15px auto; } .formPop .labelCont span { color: #E53E30; font-weight: 600; } .fechTble { position: relative; display: none; margin: 15px auto; justify-content: center; } .fechTble .contTble { width: 80%; } .fechTble .contTble table.tbleCont thead tr td.asesorTd, .fechTble .contTble table.tbleCont tbody tr td.asesorTd { width: 60%; } td.val.btnRojo i { color: var(--ColorRed); cursor: pointer; } .contTble.valTble table.tbleCont tbody td { width: 45%; } .ObligTble .contTble.pagoTble { width: 100%; /* max-height: 22em; */ /* overflow: auto; */ } .contTble.pagoTble .tbleExpand { width: 100%; position: relative; margin: auto; height: auto; /* max-height: 35em; */ /* overflow-y: auto; */ } .contTble.pagoTble .tbleExpand .tbleHead { width: 100%; position: relative; text-align: center; /* cursor: pointer; */ display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; border-bottom: 0px solid black; font-size: 1.4em; } .contTble.pagoTble .tbleExpand .tbleHead span { width: 50%; position: relative; display: block; text-align: center; margin: auto; } .contTble.pagoTble .tbleExpand .tbleHead span.expandBttn { width: 5em; } .contTble.pagoTble .tbleExpand .tbleBody .tbleRow { border: 0.2em solid var(--ColorSilver3); width: 100%; border-radius: 15px; margin-bottom: 10px; } .contTble.pagoTble .tbleExpand .tbleBody .tbleRow .bodyCont { width: 100%; position: relative; text-align: center; cursor: pointer; margin: 0.2em auto; display: flex; justify-content: space-between; align-items: center; padding: 0.4em 1em; height: max-content; font-size: 1.3em; } .contTble.pagoTble .tbleExpand .tbleBody .tbleRow .bodyCont span { width: 50%; position: relative; display: block; text-align: center; margin: auto; } .contTble.pagoTble .tbleExpand .tbleBody .tbleRow .bodyCont span.expandBttn { width: 5em; } .contTble.pagoTble .tbleExpand .tbleBody .tbleRow .bodyExpand { width: 98%; margin: 0.2em auto; display: block; position: relative; height: 0px; top: 0em; overflow: hidden; border-radius: 0px 0px 6px 6px; transition: .5s; /* max-height: 15em; */ /* overflow: auto; */ } .contTble.pagoTble .tbleExpand .tbleBody .tbleRow .bodyExpand .expandHeight { position: relative; display: block; width: 100%; } .tableExpand .contTble { width: 90%; margin: 25px auto; } .popDocumentos { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: var(--ColorSilver2); z-index: 80; display: none; justify-content: center; align-items: center; } .popDocumentos .popCuadro { width: 95%; } .popCuadro { font-size: 11px; width: auto; height: auto; padding: 3em; overflow-y: auto; overflow-x: hidden; max-height: 60em; border-radius: 10px; border: 1px solid silver; background: var(--ColorWhite); position: relative; transition: all 0.5s ease-in-out; display: flex; flex-direction: column; gap: 2em; opacity: 1; top: 0px; } .BtnCloseRegisterNewBar1 { width: 4em; height: 4em; background: var(--ColorSilver0); position: absolute; top: 0.5em; right: 0.5em; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-out; cursor: pointer; z-index: 10; border: 5px outset var(--ColorBlue1); } .popTittle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; align-items: center; position: relative; } .popTittle label { font-size: 2.3em; padding-bottom: 0.395em; } .tbleOrdenes .contTble { width: 100%; margin: 15px auto; } .tbleOrdenes .contTble table.tbleCont thead tr td { width: 45%; } .tbleOrdenes .contTble table.tbleCont thead tr td.resp { width: 10%; } .tbleOrdenes .contTble table.tbleCont thead tr td.val { width: 11.4%; } .tbleOrdenes .contTble table.tbleCont tbody tr td { width: 45%; } .tbleOrdenes .contTble table.tbleCont tbody tr td.resp { width: 10%; } .tbleOrdenes .contTble table.tbleCont tbody tr td.val { width: 11.4%; } .tbleOrdenes .contTble table.tbleCont tbody tr td.val input.input { padding: 0; font-size: 1.1em; } .tbleOrdenes { position: relative; display: block; width: 100%; max-height: 40em; overflow: auto; } .consigTble .contTble { width: 100%; } .selecMod { position: relative; display: none; width: 80%; margin: 15px auto; } .modSelec { position: relative; display: block; width: 45%; margin: 15px auto; } .anulTble .contTble { width: 100%; margin: 15px auto; } .anulTble .contTble table.tbleCont thead tr td { width: 50%; } .anulTble .contTble table.tbleCont tbody tr td { width: 50%; } .consigCuentTble { position: relative; display: flex; width: 100%; margin: 15px auto; justify-content: center; } .consigCuentTble .contTble { width: 100%; } .consigCuentTble .contTble table.tbleCont thead tr td { width: 33.3%; } .consigCuentTble .contTble table.tbleCont tbody tr td { width: 33.3%; } span.tdBttn { cursor: pointer; } .checksCont { position: relative; display: flex; width: 96%; margin: 15px auto; } .checksCont .itemCont { position: relative; display: block; width: 25%; margin: 10px; } .checksCont .itemCont .campo { position: relative; display: flex; text-align: initial; align-items: stretch; margin: 5px auto; } .checksCont .itemCont .campo input { position: relative; display: block; margin-right: 5px; } .checksCont .itemCont .campo label { font-size: 1.3em; } .checksCont .itemCont .valCont { position: relative; display: block; text-align: end; font-size: 2em; } .rowCampo.rC3.Independiente { width: 35em; position: relative; display: flex; justify-content: flex-end; margin: auto; margin-right: 0.2em; } textarea.select.boRojo { border: 1px solid var(--ColorRed) !important; } .rowCampo.rC3.Independiente .campo { width: 30em; display: flex; } .rowCampo.rC3.Independiente .campo span.pesos { position: relative; width: auto; display: flex; align-items: center; font-size: 2.4em; margin: auto 0.5em; } .popProveeCaus { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .ttleLabel { position: relative; display: block; margin: 10px auto; font-size: 3em; font-weight: 600; } .sbTtleLabel { position: relative; display: block; font-size: 1.3em; } .popHead { position: relative; display: flex; width: 100%; margin: 25px auto; } .clientInfo { position: relative; display: block; width: 100%; } .clientInfo .rowCampo .campo { justify-content: flex-start; } .clientInfo .rowCampo .campo label { font-size: 1.2em; font-weight: 100; } .clientInfo .rowCampo .campo label.blck { font-weight: 600; } .factVenta { position: relative; display: block; width: 25%; padding: 15px; border: 1px solid; } .factVenta .factTxt { font-size: 1.8em; font-weight: 600; text-align: center; } .factVenta .factNumb { text-align: center; position: relative; margin: 10px auto; font-size: 1.5em; font-weight: 600; } .factVenta .dateTxt { position: relative; margin: 5px auto; font-size: 1.3em; text-align: center; } .factVenta .dateTxt label.blck { font-weight: 600; } .popTbleCont { position: relative; display: flex; width: 100%; justify-content: space-between; margin: 15px auto; } .btnPopCont { position: relative; display: flex; width: 100%; justify-content: space-between; margin: 15px auto; } .btnPopCont button.buttForm { width: 30%; margin: 0px auto; } td.expnsBttn i { cursor: pointer; } input[disabled], select[disabled], textarea[disabled] { background-color: #F2F2F2; border: 1px solid #5a5a5a !important; opacity: 0.9; } .factTble { position: relative; display: flex; width: 50%; justify-content: center; margin: 0px auto; } .factTble table.tableCont { width: 100%; border-spacing: 0; } .factTble table.tableCont thead { position: relative; display: block; width: 100%; } .factTble table.tableCont thead tr { background: var(--FcSecund); color: var(--ColorWhite); width: 100%; text-align: center; font-size: 1.4em; } .factTble table.tableCont thead tr td { padding: 0.36em 0.2em; font-weight: 600; width: 10%; text-align: center; } .factTble table.tableCont tbody { position: relative; display: block; width: 100%; } .factTble table.tableCont tbody tr { width: 100%; height: max-content; font-size: 1.4em; } .factTble table.tableCont tbody tr:nth-child(even) { background: var(--ColorGreen1); } .factTble table.tableCont tbody tr td { text-align: center; word-break: break-word; padding: 0.36em 0.2em; width: 5%; } .valTtlCont { position: relative; display: flex; width: 30%; margin: 0px auto; } .valTtlCont .tbleCont table { width: 100%; border-spacing: 0; } .valTtlCont .tbleCont table tbody { /*position: relative; display: block; width: 100%;*/ } .valTtlCont .tbleCont table tbody tr { width: 100%; height: max-content; font-size: 1.4em; } .valTtlCont .tbleCont table tbody tr td { text-align: center; word-break: break-word; padding: 0.36em 0.2em; } .valTtlCont .tbleCont table tbody tr td.tdPorcj { width: 3em; } .inTrasTble .contTble { width: 100%; } td.verdTd { background: var(--ColorSilver1); color: var(--ColorWhite); border-bottom: 1px solid var(--ColorWhite); padding: 0.36em 0.2em; font-weight: 600; width: 10em; text-align: center; font-size: 1.4em; } .descrpTxt { position: relative; display: flex; width: 85%; margin: 15px auto; } .descrpTxt .txtCont { font-size: 1.4em; } .descrpTxt .txtCont label.blck { font-weight: 600; } .legalTble .contTble { width: 100%; } .infoTxt { position: relative; display: flex; width: 100%; padding: 10px; border: 2px; } .infoTxt .campo { position: relative; display: block; width: 15em; } .infoTxt .btnExpnd { opacity: 0; } .divCampo { position: relative; display: flex; width: 100%; align-items: center; margin-top: 2px; } .infoclient { position: relative; display: block; width: 100%; padding: 0px 10px; border: 2px solid; cursor: pointer; border-radius: 15px; } .infoclient .campo { position: relative; display: block; width: 15em; } .infoclient .campo label { font-weight: 100; } .btnExpnd { position: relative; display: flex; align-items: center; font-size: 1.8em; transition: .5s; } .infoHeight { position: relative; display: flex; height: 0; overflow: auto; margin: 5px auto; width: 95%; transition: .5s; } .infoHide { position: relative; display: block; width: 100%; border-top: 1px solid; } .infoHide .campo { position: relative; display: block; width: 20em; } .heoghtcont { position: relative; display: block; width: 100%; } .infoHidden { position: relative; display: flex; width: 100%; } .popTbleCont { position: relative; display: flex; width: 100%; justify-content: space-between; } /*****************************Papeleria*********************************/ .tittleView { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; align-items: center; position: relative; } .tittleView label { font-size: 2.3em; padding-bottom: 0.395em; } .typTble { position: relative; display: block; width: 30%; margin: 25px auto; } .typTble label { color: var(--ColorBlack); font-weight: 600; font-size: 1.4em; } .formPapel { position: relative; display: block; width: 65%; margin: 15px auto; border: 1px solid; border-radius: 20px; padding: 15px; } .tblePapel { position: relative; display: flex; width: 85%; justify-content: center; margin: 25px auto; } table.tbleCont { width: 100%; border-spacing: 0; } table.tbleCont thead { position: relative; display: block; width: 100%; } table.tbleCont thead tr { position: relative; display: flex; background: var(--FcSecund); color: var(--ColorWhite); width: 100%; text-align: center; font-size: 1.4em; justify-content: space-between; } table.tbleCont tbody { position: relative; display: block; width: 100%; } table.tbleCont tbody tr { position: relative; display: flex; width: 100%; text-align: center; font-size: 1.4em; justify-content: space-between; } table.tbleCont tbody tr:nth-child(even) { background: var(--ColorSilver0); } .blacTble.tbleInfo tbody tr { cursor: pointer; transition: .5s; } .blacTble.tbleInfo tbody tr:hover { background: var(--ColorSilver0); } .tblePapel table.tbleCont thead tr td { padding: 0.36em 0.2em; font-weight: 600; width: 25%; } .tblePapel table.tbleCont tbody tr td { padding: 0.36em 0.2em; font-weight: 600; width: 25%; } /*****************************Balance de planilla***********************/ .prcplCont { position: relative; display: flex; width: 100%; justify-content: center; margin: 25px auto; } .prcplCont .formBalnc { position: relative; display: block; width: 30%; margin: 10px 20px; border: 1px solid; border-radius: 20px; padding: 15px; } .prcplCont .formBalnc .formtitle { font-size: 0.8em; } .prcplCont .formBalnc .formBtn { position: relative; display: block; width: 100%; margin: 15px auto; } .prcplCont .formBalnc .formBtn .clcCont { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--FcSecund); padding: 0.6em 1em; transition: all 0.5s ease; cursor: pointer; font-weight: 600; color: var(--ColorWhite); font-size: 1.2em; letter-spacing: 2px; margin: 2px auto; } .prcplCont .formBalnc .formBtn .clcCont:hover { background: var(--FcMain); } .prcplCont .formBalnc .formBtn .clcCont.activo { background: var(--ColorOrange1); } .prcplCont .formBalnc .formBtn .clcCont .clcTxt { position: relative; display: flex; width: 50%; justify-content: end; } .prcplCont .formBalnc .formBtn .clcCont .clcVal { position: relative; display: flex; width: 50%; justify-content: end; } .prcplCont .formBalnc .formBtn .formTxt { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0.6em 1em; transition: all 0.5s ease; font-weight: 600; font-size: 1.2em; letter-spacing: 2px; margin: 2px auto; } .prcplCont .formBalnc .formBtn .formTxt .txDiv { position: relative; display: flex; width: 50%; justify-content: end; } .prcplCont .formBalnc .formBtn .formTxt .txtVal { position: relative; display: flex; width: 50%; justify-content: end; } .tblsBlc { position: relative; display: flex; width: 95%; margin: 15px auto; } .tblsBlc .formBalnc { position: relative; display: block; width: 75%; border: 1px solid; border-radius: 20px; padding: 15px; margin: 0px 10px; overflow: auto; max-height: 440px; } .tblsBlc .smlTble { position: relative; display: block; width: 33%; margin: 0px 10px; } .tblsBlc .smlTble .formBalnc { position: relative; display: block; width: 100%; margin-bottom: 15px; } .tblsBlc .smlTble .formBalnc .formtitle { font-size: 0.7em; } .tblsBlc .formBalnc .blacTble { position: relative; display: flex; justify-content: center; width: 100%; margin: 15px auto; } .tblsBlc .formBalnc .blacTble.ocultarTabla { display: none; } .tblsBlc .formBalnc .blacTble table.tbleCont thead tr td { position: relative; display: flex; width: 10%; padding: 5px 0px; justify-content: center; } .tblsBlc .formBalnc .blacTble table.tbleCont tbody tr td { position: relative; display: flex; width: 10%; padding: 5px 0px; justify-content: center; } .tblsBlc .smlTble .formBalnc .blacTble table.tbleCont thead tr td { width: 50%; } .tblsBlc .smlTble .formBalnc .blacTble table.tbleCont tbody tr td { width: 50%; } .tblsBlc .formBalnc .blacTble.six table.tbleCont thead tr td, .tblsBlc .formBalnc .blacTble.six table.tbleCont tbody tr td { width: 16%; } .tblsBlc .formBalnc .blacTble.four table.tbleCont thead tr td, .tblsBlc .formBalnc .blacTble.four table.tbleCont tbody tr td { width: 25%; } .tblsBlc .formBalnc .blacTble.five table.tbleCont thead tr td, .tblsBlc .formBalnc .blacTble.five table.tbleCont tbody tr td { width: 25%; } .tblsBlc .formBalnc .blacTble.three table.tbleCont thead tr td, .tblsBlc .formBalnc .blacTble.three table.tbleCont tbody tr td { width: 33%; } .tblsBlc .formBalnc .blacTble.seven table.tbleCont thead tr td, .tblsBlc .formBalnc .blacTble.seven table.tbleCont tbody tr td { width: 14.5%; } .btnCajaBlu { width: 100%; height: 100%; border-radius: 5px; background: var(--ColorBlue1); font-size: 1.4em; cursor: pointer; color: var(--ColorBlack); padding: 5px 0px; text-align: center; } .popCuenta { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .popCrrPlanilla { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .tbleCuenta .contTble { width: 100%; } .popForm { position: relative; display: block; width: 60%; margin: 15px auto; } .emailSend { position: relative; display: none; width: 60%; margin: 25px auto; } .emailSend input { margin-bottom: 15px; } .emailSend label { font-size: 1.3em; } .emailSend button { width: 55%; margin: 0px auto; position: relative; display: block; } .imprimBttn { position: relative; display: none; width: 40%; margin: 25px auto; } /*****************************Inventario*****************************/ .modTittle { display: flex; justify-content: center; border-bottom: 2px solid var(--FcSecund); width: 100%; height: 3.381em; position: relative; } .modTittle label { font-size: 2.3em; padding-bottom: 0.395em; } .invenSelec { position: relative; display: block; width: 100%; margin: 15px auto; } .invenSelec .rowCampo .campo { width: 33%; font-size: 1em; margin: 0px auto; } .invenSelec .rowCampo .campo label { font-size: 1em; } .invenSelec .rowCampo .campo select.select { font-size: 1em; } .invenTble { position: relative; display: block; width: 100%; margin: 15px auto; } .invenTble table.tbleFun { position: relative; display: block; width: 100%; } .invenTble table.tbleFun thead { position: relative; display: block; width: 100%; background: #008139; color: #FFFFFF; } .invenTble table.tbleFun thead tr { position: relative; display: flex; width: 100%; padding: 10px 0; } .invenTble table.tbleFun thead tr td { position: relative; display: block; width: 25%; text-align: center; word-break: break-word; } .invenTble table.tbleFun tbody { position: relative; display: block; width: 100%; } .invenTble table.tbleFun tbody tr { position: relative; display: flex; width: 100%; padding: 10px 0; } .invenTble table.tbleFun tbody tr:nth-child(even) { background-color: #E5E5E5; } .invenTble table.tbleFun tbody tr td { position: relative; display: block; width: 25%; text-align: center; word-break: break-word; } /*****************************Consulta recaudos periodo*********************/ .recaudSelec { position: relative; display: block; width: 95%; margin: 15px auto; } .recaudTble { position: relative; display: none; width: 95%; margin: 15px auto; } .recaudTble .contTble { width: 100%; } .recaudTble .contTble table.tbleCont thead tr td.tdNumber, .recaudTble .contTble table.tbleCont tbody tr td.tdNumber { width: 15%; } /*****************************Manuales******************************/ .manualCont { position: relative; display: block; margin: 15px auto; width: 95%; } .manuExpand { position: relative; display: block; width: 100%; margin: 15px auto; border: 2px solid; border-radius: 10px; } .nombCont { position: relative; display: flex; width: 100%; padding: 10px; font-size: 1.3em; cursor: pointer; font-weight: 600; border-bottom: 1px black dotted; } .expandName { position: relative; display: flex; width: 95%; justify-content: center; } .expandCont { position: relative; display: block; height: 0; overflow: hidden; transition: .5s; } .expandSearch { position: relative; display: block; width: 50%; margin: 15px auto; } .expandTble .contTble { width: 95%; margin: 15px auto; } .ContainerActFechaR.desactivarModal form { position: relative; display: block; max-height: 500px; overflow: auto; } /*****************************Creacion Cofres***************************/ .coffinMod { position: relative; display: flex; width: 100%; } .coffinType { position: relative; display: block; width: 33%; color: var(--ColorBlack); font-weight: 600; font-size: 1.4em; margin: 15px 3px; } .coffSec { position: relative; display: block; width: 67%; } .coffNew { display: none; } .coffOld { display: none; } .popUpCont { position: relative; display: block; width: 100%; height: 100%; overflow: auto; } /*****************Auditaria recibos de Caja Funeraria********************/ .rowTittles { position: relative; display: flex; width: 95%; font-size: 1.5em; font-weight: 600; } .tbleAuditoria { display: none; } .tittlesCont { position: relative; display: flex; width: 18%; justify-content: center; } .tbleItem { position: relative; display: block; width: 96%; margin: 10px 0px; } .tbleData { position: relative; display: flex; width: 100%; margin: 10px auto; } .tbleRow { position: relative; display: block; width: 100%; } .rowCont { position: relative; display: flex; width: 100%; padding: 1rem; border: 2px solid; border-radius: 2rem; cursor: pointer; } .campoRow { position: relative; display: flex; width: 17%; justify-content: center; } .tbleCheck { position: relative; display: flex; width: 3%; justify-content: center; align-items: center; } .rowExpand { position: relative; display: block; width: 100%; height: 0; overflow: auto; transition: .5s; } .rowExpand .realHeight .contTble { width: 95%; margin: 25px auto; } /********************Ingresos Cuota Cartera***********************/ .itemSearch { position: relative; display: block; width: 25%; margin: 15px auto; } .classbutom { position: relative; display: flex; margin: 15px 0px; } .tipoPagCont { position: relative; display: grid; width: 100%; gap: 0.5em; grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); } .Abontble .contTble { width: 100%; } .Abontble .contTble table.tbleCont tbody tr td { width: 25%; } .cuotCartForm { position: relative; display: none; } .efectCampo { position: relative; display: none } /*********Ingreso a nombre de un Tercero**********/ .notaLabel { position: relative; display: flex; margin: 15px auto; align-items: center; width: 98%; font-size: 1.4em; } .notaLabel label { position: relative; display: block; font-weight: 800; margin-right: 5px; } .pagoRow { position: relative; display: flex; width: 100%; margin: 15px auto; } .pagoRow .campoSelec { position: relative; display: block; margin: 0 3px; width: 34%; } .pagoRow .campoSelec label { color: var(--ColorBlack); font-weight: 600; font-size: 1.4em; } .bankPay { position: relative; display: none; width: 69%; } .bankPay .campo { position: relative; display: block; width: 50%; } .tercerTble .contTble { width: 100%; } /*****************************Documento Soporte*************************/ .modForm { position: relative; display: block; width: 100%; margin: 25px auto; } .DocTble { position: relative; display: none; width: 100%; margin: 45px auto; padding: 15px; border: 1px solid; border-radius: 20px; } /*************************Movimientos Contabilidad**********************/ .modCont.resumen { display: none; } .planiText { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 15px 0px; } .planiText .bckBttn { position: relative; display: block; width: 35%; } .planiText .bckBttn button.BtnGreen.poes { width: 14em; margin: auto 0; } .planiText .planiTittle { position: relative; display: flex; width: 60%; font-size: 2em; } .tblesInfo { position: relative; display: none; width: 100%; } .resumCont { position: relative; display: block; width: 100%; margin: 45px auto; } .itemTittle { display: flex; border-bottom: 2px solid var(--FcSecund); width: 99%; padding-bottom: 5px; position: relative; margin: 0 auto; font-size: 2em; } .tbleResum { position: relative; display: flex; width: 95%; margin: 15px auto; } table.resumTble { position: relative; display: block; width: 100%; border: 1.5px solid; border-radius: 10px; overflow: hidden; } table.resumTble thead { position: relative; display: block; width: 100%; border-bottom: 1.5px solid; font-size: 1.5em; font-weight: 600; } table.resumTble thead tr { position: relative; display: flex; width: 100%; justify-content: space-between; padding: 5px 0px; background: #dcdcdc; } table.resumTble thead tr td, table.resumTble tbody tr td { position: relative; display: flex; width: 15%; justify-content: center; padding: 0px 10px; } table.resumTble thead tr td.tdVis, table.resumTble tbody tr td.tdVis { width: 180px !important; } table.resumTble tbody tr td i { cursor: pointer; } table.resumTble thead tr.rowTble.tD2 td, table.resumTble tbody tr.rowTble.tD2 td { width: 50%; } table.resumTble thead tr.rowTble.tD3 td, table.resumTble tbody tr.rowTble.tD3 td { width: 45%; } table.resumTble tbody { position: relative; display: block; width: 100%; font-size: 1.5em; } table.resumTble tbody tr { position: relative; display: flex; width: 100%; justify-content: space-between; padding: 5px 0px; border-bottom: 1.5px solid; } table.tbleCont.cR1 { width: 50%; margin: 0px auto; } .conTble table.tbleCont.cR1 thead tr td, .conTble table.tbleCont.cR1 tbody tr td { width: 100%; } table.tbleCont.cR2 { width: 65%; margin: 0px auto; } .conTble table.tbleCont.cR2 thead tr td, .conTble table.tbleCont.cR2 tbody tr td { width: 50%; } .pestUnit.btnContabilidad.activo { background-color: var(--FcSecund); } .popReportConta { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0; background: var(--ColorSilver2); z-index: 5; display: none; justify-content: center; align-items: center; } .tblesInfo.egresos { display: block; } /***********Transferencias Masivas*************/ .tbleTrasnf .contTble { width: 100%; } .transfExpand { position: relative; display: block; width: 100%; margin: 15px auto; } .tbleHead { position: relative; display: flex; width: 100%; justify-content: space-between; } .tbleHead .tbleTD { position: relative; display: flex; width: 20%; justify-content: center; font-size: 1.4em; font-weight: 600; } .expandTble { position: relative; display: block; width: 100%; border: 2px solid; border-radius: 20px; margin: 5px 0; } .expandInfo { position: relative; display: flex; width: 100%; justify-content: space-between; } .tdTble { position: relative; display: flex; width: 20%; justify-content: center; font-size: 1.4em; } .expandInfo { position: relative; display: flex; width: 100%; justify-content: space-between; padding: 10px 0; cursor: pointer; } /*******Trabaje con nosotros*******/ .bannCont { position: relative; display: flex; width: 100%; margin-bottom: 25px; height: 45vh; } .bannCont .imgCont { position: relative; display: flex; width: 100%; justify-content: center; } .bannCont .imgCont img { width: 100%; height: 100%; object-fit: fill; } .txtCont { position: absolute; display: block; bottom: 20%; width: 80%; left: 16%; } .titulTxt { position: relative; display: block; font-size: 3em; font-weight: 600; color: #FFFFFF; margin-bottom: 65px; } .bdyTxt { position: relative; display: block; color: #58605B; } .bdyTxt label { font-weight: 600; } .frmuCont { position: relative; display: block; width: 70%; padding-bottom: 20px; margin: 15px auto; } .bttnCont { margin-top: 60px; } button.btnHome.green { background-color: #008139; color: #FFFFFF; padding: 15px 0px; font-size: 1.2em; font-weight: 600; cursor: pointer; } /**************Crear Anticipo***************/ .campo.tBancara { display: none; } .campo.agencia { display: none; width: 32.2% !important; } /*************Legalizar Anticipo***********/ .leglTble .conTble table.tbleCont thead tr td, .leglTble .conTble table.tbleCont tbody tr td { width: 15%; } .leglTble .conTble table.tbleCont thead tr td.tdDescrp, .leglTble .conTble table.tbleCont tbody tr td.tdDescrp { width: 30%; } /*************Notas***********/ .formNotas { position: relative; display: block; width: 90%; margin: 10px auto; background: #E8F5E9; padding: 15px 20px; } .infoText { position: relative; display: block; width: 60%; margin: 15px auto; text-align: center; font-size: 2em; } .infoText label { color: #237422; } .infoText span { color: #FF0000; } .contInfo { position: relative; display: block; width: 100%; font-size: 1.7em; } .infoItem { position: relative; display: flex; width: 100%; margin: 10px auto; } .infoItem label { font-weight: 600; margin-right: 10px; } .infoFormu { position: relative; display: block; width: 100%; margin: 20px auto; } .tittleItem { display: flex; justify-content: initial; border-bottom: 2px solid var(--FcSecund); width: 100%; position: relative; margin: 15px auto; font-size: 1.8em; } .tbleFlex { position: relative; display: flex; width: 100%; justify-content: space-between; } .tbleFlex .conTble { width: 49%; } .conTble table.tbleCont tbody tr td select.select, .conTble table.tbleCont tbody tr td input.select { font-size: 1em; height: 1.8em; } .bancForm { position: relative; display: none; } span.spanDate { color: #FF0000; font-weight: 600; font-size: 1.4em; } .addAnticipForm { display: none; border: 1px solid; border-radius: 20px; padding: 15px; } .addAnticip { display: none; } /*****************************Responsive 1920px*************************/ @media screen and (max-width: 1920px) { div .tablafact table th { width: 12em; } div.tablafact table tr td { width: 18em; } tr.fnmj td { width: 15em; } } /*****************************Responsive 1600px*************************/ @media screen and (max-width: 1600px) { .obligTble .contTble table.tbleCont thead tr td.tdBttn { width: 8%; } .notfCont { left: 92.3%; top: 2%; } .alertCount { left: 93.6%; top: 1%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(1), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(2), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(3), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(4), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(5), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(6) { width: calc(6% - 1px); } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr td { width: calc(15% - 16px); } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div > div.tableCont > div div.tableItem { width: calc(15% - 14px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(1), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(2), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(3), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(4), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(5), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(6) { width: calc(6% + 3px); } /**********************Credito********************************/ div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit { width: calc(11% - 3px); } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizNumber { font-size: 40px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizInfo { font-size: 14px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span { right: -5px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span:nth-child(1) { right: 5px; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont div.wizNum { font-size: 36px; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont div.wizData { font-size: 12px; } /*****************************************Servicios a Facturar*******************************************/ div.tablafact table th { width: calc(15% - 22px); } div.tablafact table tr td { width: calc(15% - 22px); } div.tablafact table { width: 80%; } /**********************Credito********************************/ div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit { width: calc(33% - 9px); } /*************************SERVICIOS audirtar***************************************/ thead.cabecera tr th { width: calc(15% - 70px); } div.auditabla table.auditorias thead.cabecera tr th { width: calc(12% - 16px); } tbody.cuerpotablaaudi tr td { width: calc(16% - 66px); } div.progContent > div { width: 80%; } div.progContent > div.progTabla table thead tr td { width: calc(12% - 1px); } tbody.cuerpotablasegimiento tr td { width: calc(16% - 79px); font-size: 11px; } div.Masc { height: 893px; } div.Masc.responsivss { height: 678px; } /********************************cartera 1600***********************/ div.tbtcar table thead tr th { width: calc(16% - 51px); } div.tbtcar table tbody tr td { } div.tbtcar table tbody tr { } button.naranja.opi { margin-left: 16px; } /**********************************Consulta Servicios********************************/ div.consultaServicio div.consultaCont div.consParam { width: calc(56% - 24px); } div.consultaServicio div.consultaCont > div.consParam div.consInput div.campo { width: calc(33% - 12px); } /***************************Auditoria Facturas**************************************/ div.popUpFormat div.popUpBlock div.popUpCont div.discTable { height: 300px; } tr.fnmj td { width: calc(18% - 20px); } /***************************Correccion TCO**************************************/ div.diiv div.minifj { width: calc(47% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } /****************************Planilla Egresos*******************************/ /*.modCont { height: 40em; }*/ /***Responsive sin nombre****/ div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr th, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr td { font-size: 0.8em; } .ContainerActFechaR.desactivarModal form { max-height: 400px; } /****perfil****/ .prevFoto { width: 45%; } /******Trabaje con nosotros*********/ .titulTxt { margin-bottom: 35px; } } /*****************************Responsive 1440px*************************/ @media screen and (max-width: 1440px) { .obligTble .contTble table.tbleCont thead tr td.tdBttn { width: 9%; } .notfCont { left: 92%; top: 1.5%; } .alertCount { left: 93.6%; top: 1%; height: 15px; width: 15px; } /*******************************************Comercial Asesores******************************************/ div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(18) { width: calc(5% - 16px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 { font-size: 12px; } /**********************Credito********************************/ div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizInfo { font-size: 12px; } div.aprovCredito div.popAprov div.contPopAprov { width: 70%; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit { width: calc(33% - 10px); } /************************************Consulta Servicios**************************************/ div.consultaServicio div.consultaCont div.consCedula { width: calc(40% - 38px); } tr.fnmj td { width: calc(18% - 16px); } div.conttpo { width: calc(39% - 1px); display: inline-block; margin: auto; } /*********responsive sin nombre*********/ div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTitle { font-size: 19px; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr { padding: 3px 0; } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr th, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr td { font-size: 0.7em; } .ContainerActFechaR.desactivarModal form { max-height: 300px; } /***Perfil****/ .prevFoto { width: 50%; } } /*****************************Responsive 1370px*************************/ @media screen and (max-width: 1370px) { .notfCont { left: 91.5%; top: 1.5%; height: 40px; width: 40px; } .alertCount { left: 93.1%; top: 1%; height: 15px; width: 15px; } /*******************************************Comercial Asesores******************************************/ div .comReportes div.contReportes div.titleReportes label { font-size: 30px; } div.comReportes div.contReportes div.allReportes div.basicoReportes div.labelReporte { font-size: 25px; vertical-align: top; margin: auto; width: 100%; } div.comReportes div.contReportes div.allReportes div.basicoReportes div label span { width: 100%; font-size: 22px; } div.comReportes div.contReportes div.allReportes > div.basicoReportes > div:nth-child(1) label span { font-size: 30px; font-weight: 800; } div.comReportes div.contReportes div.allReportes div.gerenteReporte { width: 100%; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte:nth-child(1) { width: 50%; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte:nth-child(2) { width: calc(50% - 5px); } div.comReportes div.contReportes div.allReportes div.controlReporte div.boton button { width: 100%; margin: auto; align-content: center; vertical-align: top; } div.comReportes div.contReportes div.allReportes > div { width: 100%; } div.comReportes div.contReportes div.allReportes div.ventasReporte { vertical-align: top; width: calc(50% - 5px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(18) { width: calc(5% - 17px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(18) { width: calc(5% - 14px); } div.comReportes div.contReportes div.allReportes div.ventasReporte > div > div { margin: 5px 0; } div.comReportes div.campo select.inputField { width: calc(100%); height: 33px; margin: 11px 0; } div.comReportes div.contReportes div.allReportes div.controlReporte div.boton { width: calc(87% - 5px); } div.comReportes div.contReportes div.allReportes div.ventasReporte > div > div label { font-size: 13px; } div.contMenu div.btnMenu { width: 55px; } /**********************Credito********************************/ div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizNumber { font-size: 35px; margin: 0 5px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span { right: 0; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizArrow span:nth-child(1) { right: 10px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.rows3 > div { width: calc(33% - 10px); } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre { font-size: 16px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre span { font-size: 10px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera div.btnRevisar i { font-size: 16px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaBotonera div.btnRevisar span { font-size: 12px; } div.aprovCredito div.contAprov div.aprovTitle { padding: 20px 0; font-size: 25px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaTitle { margin: 10px 0; font-size: 20px; } div.aprovCredito div.popAprov div.contPopAprov div.popApTitle { font-size: 20px; margin-bottom: 10px; } div.aprovCredito div.popAprov div.contPopAprov div.popApTitle span { font-size: 14px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.titleWiz { font-size: 14px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol { font-size: 14px; } div.adminCredito div.contCredito div.solicCredito div.titleCredito { font-size: 24px; } /*******************************Servicios********************************/ div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio div div.campo select { font-size: 10px; height: 25px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.campo input { height: 25px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.btnServicios button { padding: 5px 10px; margin: auto; border-radius: 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div.infoMuerte label.info { height: 20px; padding: 5px; font-size: 10px; width: calc(100% - 20px); } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div label.info, label#LBLCausaMuerte { font-size: 12px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.labelCampo label span { font-size: 12px; } /**************************************Servicios a Facturar*********************************************/ div.tablafact table th { width: calc(16% - 33px); } div.tablafact table tr td { width: calc(16% - 33px); } /***************************************auditR SERVICIOS***************************/ thead.cabecera tr th { width: calc(15% - 48px); } div.progContent > div.progOpc div.progSelect { margin: 10px 0; } div.progContent > div.progTabla { width: 90%; } tbody.cuerpotablasegimiento tr td { width: calc(15% - 57px); font-size: 15px; } tbody.cuerpotablaaudi tr td { width: calc(16% - 56px); } /*************************cartera 1370****************/ div.tbtcar table tbody tr td { } div.tbtcar table thead tr th { width: calc(16% - 44px); } /****************************************Consulta Servicios*******************************************/ div.consultaServicio div.consultaCont div.consParam { width: calc(55% - 15px); } /*****************************Auditorio Factura********************************************/ div.popUpFormat div.popUpBlock div.popUpCont div.discTable { height: 160px; } div.popUpFormat div.popUpBlock div.popUpCont div.discInfo { width: 95%; } div.aprovCredito div.popAprov div.contPopAprov { width: 80%; height: 90%; overflow: auto; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table.folioEnviarPopTable tbody tr td span.checkBox { left: 20px; } /********************************************Pagos Acuerdo*******************************************/ div.pagosAcuerdo div.pagosAcuerdoCont { width: 90%; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo > div.hiddenBenef { width: 60%; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo > div.hiddenPagos { width: 40%; } div.botonfiltro { margin-top: 147%; } /***********************Afiliacion web*****************************/ div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr td { width: 33%; } div.NombreaSESOR { width: 100%; } div.afiliacionCooinpaz > div div.grillTable div.grillRadio { width: 100%; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr.DIFERENTr td { width: 33%; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo { width: 97%; } /************************************coreccion Afiliacion web 1370*****************************/ tr.PrinCURPO { width: 100%; margin: 8px auto; } td.difetClo { width: 3% !important; } tr.PrinCURPO td { text-align: center; padding: 10px 0; width: calc(14% - 2px); } div.bgts1.ytrd { width: 39%; text-align: center; } div.botonciton { width: calc(48% - 38px); } /***************************1370 afiliacion en proceso ******************************/ div.llbr { width: calc(24% - 1px); } /*************************** Plan vitalicio************************************************/ div.cut { width: calc(38% - 1px); display: inline-flex; } div.coutUno { width: calc(76% - 1px); } div.coutDos { width: calc(65% - 1px); } div.COUNTT { margin: auto; justify-content: center; } div.inavilitCam { position: relative; display: inline-block; margin: auto 10px; width: calc(45% - 1px) !important; } tr.fnmj td { width: calc(18% - 16px); } div.conttpo { width: calc(48% - 1px) !important; display: inline-block !important; margin: auto; } button.btnn.naranja.consl { padding: 8px; width: 121% !important; } /*/********/ tbody.cuerpotablaaudi tr td { width: calc(16% - 56px); } /*****************************Correccion TCO*************************/ div.cominfoo { width: calc(81% - 1px); display: block; position: relative; margin: 15px auto; } div.diiv { width: calc(52% - 36px ); display: inline-block; position: relative; } button.btnn.naranja.consl { padding: 8px; width: 117%; } div.conttpo { width: calc(43% - 1px); display: inline-block; margin: auto; } div.conteIz { width: calc(51% - 1px); display: inline-block; margin: 10px auto; position: relative; margin-left: -46px; } div.botnn { width: calc(10% - 1px); display: inline-block; margin: 10px auto; margin-left: 5px; position: relative; } .tbleOrdenes .contTble table.tbleCont thead tr td.resp { font-size: 0.8em; } .tbleOrdenes .contTble table.tbleCont tbody tr td.resp { font-size: 0.8em; } /***Perfil****/ .prevFoto { width: 53%; } } /*****************************Responsive 1024px*************************/ @media screen and (max-width: 1024px) { .contLaySecLog .NameContUser.caja { right: 10%; } .userContent { right: 10%; } .notfCont { left: 89.3%; top: 1.5%; height: 40px; width: 40px; } .alertCount { left: 91.5%; top: 1%; height: 15px; width: 15px; } div.selectDescrip div div.campo { width: 85%; } div.acuerdoItem.linapr { width: calc(45%) !important; } div.selecy { width: 98%; } div.direcqum { width: 100%; margin: 17px auto; display: inline-block; font-size: 15px; text-align: center; } /**********************************Servicios**************************/ div.Dservicio { height: 76%; width: 61%; } div.tablads { height: 358px !important; } div .adminServicios div.popUpEstadoAfil div.popUpCentre div.popUpConsulta { width: 80%; } div.popUpEstadoAfil div.popUpCentre div.popUpConsulta div.popUpTable table thead tr th { font-size: 12px; } div.popUpEstadoAfil div.popUpCentre div.popUpConsulta div.popUpTable table tbody tr td { font-size: 14px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio > div { vertical-align: bottom; } div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.camposCliente div.infoCliente div label.labelNombre { font-size: 16px; } div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.camposResponsable div.campoContainer div.labelCampo, div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.camposCliente div.campoContainer div.labelCampo, div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.camposCliente div.infoCliente div label, div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.labelCampo label span, div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.selectDescrip div.adicValor div.labelCampo, div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.selectDescrip div.adicDesc div.labelCampo { font-size: 12px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.btnServicios button { font-size: 14px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio div.titleForm { font-size: 14px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.servicioValor { width: calc(100% - 1px); } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.fechaExequias { width: calc(100% - 0px); } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.rangoHora { width: calc(100% - 2px); } /********************************Bono Millonario***********************************/ div.adminBono div.bonoForm form div.datosSorteo label { width: calc(33% - 1px); } /*******************************Servicio Funerario************************************/ div.adminServicios div.divContent div.tablaServF { width: calc(80% - 20px) !important; font-size: 13px; } div .adminServicios div.popUpPersona div.blockPersona div.contentBlock form div div label { font-size: 14px; } div.ocult { font-size: 11px; } .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-orange.jconfirm-type-animated { width: 60% !important; } /**********************************Sedes*******************************************/ div.adminSedes div.blockSede { width: calc(80% - 40px); } div.tablafact table tr td { width: calc(16% - 33px); } div.tablafact table th { width: calc(16% - 33px); } /***********************************Roles***********************************/ div.creacionRoles form div.contentRoles div.partRoles div.controlCrear { width: 60%; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.btnPermisos { width: 20%; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.labelPermisos { width: 40%; } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos { width: 70%; } /*******************************************Comercial Asesores******************************************/ div.comReportes div.contReportes { width: 95%; } div.comReportes div.contReportes div.allReportes div.basicoReportes > div { width: calc(33% - 1px); } div.comReportes div.contReportes div.titleReportes label { font-size: 26px; } div.comReportes div.contReportes div.allReportes div.basicoReportes div.labelReporte { font-size: 12px; vertical-align: top; } div.comReportes div.contReportes div.allReportes div.basicoReportes div label span { font-size: 16px; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div label { font-size: 16px; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorDesc label { font-size: 16px; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorDesc label span { font-size: 14px; } div.comReportes div.contReportes div.allReportes div.ventasReporte { width: 80%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr { font-size: 10px; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(18) { width: calc(5% - 16px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(18) { width: calc(5% - 14px); } div.comReportes div.contReportes div.allReportes div.controlReporte { width: 50%; } /**********************Credito********************************/ div.menuModulo { top: 66px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit { width: calc(20% - 5px); } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizNumber { margin: 0 10px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito.rows3 > div { width: calc(33% - 11px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr td.labelTable { font-size: 10px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead tr td { font-size: 14px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead tr.title td { font-size: 18px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table tbody tr td { font-size: 12px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.vehTabla tbody tr td { width: calc(13% - 8px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.refTabla tbody tr td { width: calc(15% - 10px); } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla thead tr td, div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito table.inmuTabla tbody tr td { width: calc(17% - 7px); } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre { font-size: 16px; } div.aprovCredito div.contAprov div.aprovGrilla div.grillaSep div.grillaCont div.grillaItem div.grillaNombre span { font-size: 10px; } div.aprovCredito div.popAprov div.contPopAprov { width: 90%; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit { width: calc(33% - 11px); } /*******************************Servicios a Facturar************************************/ div.dataa, div.datae, div.datai { width: calc(100% - 20px); padding-left: 20px; } div.carrerasservi, div.infocontenser { width: calc(100% - 20px); padding-left: 20px; } div.tituloServiciosc span { width: calc(33% - 1px); } div.contenidoservicioadquirido span { width: calc(33% - 1px); } div.empresaconvenio { display: block; position: relative; width: 32%; text-align: center; padding: 10px; font-size: 11px; } button#botonVisualizarDatosAfiliacionDetalle { position: relative; padding: 5px 10px; border-radius: 5px; margin: auto; margin-left: 158px; } div.folios { width: 29%; font-size: 11px; } div.descripcion { width: 35%; font-size: 10px; } div.edid { width: 52%; } button#editt { font-size: 11px; } button#btnGuardarCambios { font-size: 12px; } div.contenbtd { display: block; width: 47%; margin: auto; justify-content: center; } div.rbtrr { display: block; position: relative; width: 73%; top: 113%; margin: 24px auto; } div.totalreal { position: relative; display: inline-block; width: calc(50% - 1px); margin: auto 0 0 23px; height: auto; } div#seddd, div.werrr { display: inline-block; margin: auto 17px; width: 40%; justify-content: center; } div.mtp { width: 49%; } div.sec, div.ssec { width: 100%; } div.cesc, div.ccesc { width: 20%; } div.int, div.iint { width: 60%; } div.chec, div.cchec { width: 18%; } thead.cabecera tr th { width: calc(16% - 45px); font-size: 12px; } div.deta { width: 100%; } div.imagen { width: 33%; } div.tecxx { width: 62%; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos div.entRow div.entCol { display: inline-block; width: calc(91% - 3px); } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow { position: relative; display: inline-block; margin: 10px 0; width: 49%; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol:nth-child(1) { width: calc(44%); font-size: 14px; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol:nth-child(2) { width: calc(55% - 5px); } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos div.entRow { display: inline-block; width: 49%; } div.botonerass { width: 60%; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm { position: relative; display: block; margin: 10px auto; width: 91%; } div.popUpFormat div.popUpBlock div.popUpCont { position: relative; display: block; padding: 11px; background: #FFFFFF; width: 91%; border-radius: 10px; margin: auto; justify-content: center; } /************************auditar popup 1024********************************/ div.izquierda { width: 36%; font-size: 12px; } div.derecha { width: 46%; font-size: 12px; } div.ContenIZ { width: 36%; font-size: 13px; } div.Considera { margin: 8px auto; } div.popUpFormat div.popUpBlock div.popUpCont div.Grabar, div.Grabar div.popUpFormat div.popUpBlock div.popUpCont div.CerrarAudi, div.CerrarAudi { width: 41%; } div.Masc.responsivss { height: 669px; } div.progContent > div { width: 90%; } div.progContent > div.progTabla table thead tr td { width: calc(12% - 2px); } div.progContent > div.progTabla table tbody tr td { width: calc(12% + 3px); } tbody.cuerpotablaaudi tr td { width: calc(16% - 42px); font-size: 13px; } div.auditabla { } /***********************cartera 1024*********************/ div.tbtcar table thead tr th { width: calc(16% - 35px); } div.tbtcar table tbody tr td { } div.tbtcar table tbody tr { width: calc(100% - 86px); } div.Masc { height: 882px; } div.popUpFormat div.popUpBlock div.popUpCont div.contenDR, div.contenDR { width: 62%; font-size: 10px; } /***************************Credito en Progreso***************************/ div.popUpFormat div.popUpBlock div.popUpCont div.progTable { width: 90%; } div.auditabla table.auditorias.extraTable tbody.cuerpotablasegimiento tr td { width: calc(16% - 49px); font-size: 12px; } div.valorDeudaServ div.valorDeudaUnit span { font-size: 23px; } div.auditabla table.auditorias.extraTable thead.cabecera tr th { width: calc(11% - 12px); } div.popUpFormat div.popUpBlock div.popUpCont div.IMportanconten { padding-left: unset; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT { width: 96%; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT div.InserObc, div.OBT div.InserObc { width: 53%; } div.popUpFormat div.popUpBlock div.popUpCont div.CuEN, div.CuEN, div.popUpFormat div.popUpBlock div.popUpCont div.TPC, div.TPC, div.popUpFormat div.popUpBlock div.popUpCont div.OBT, div.OBT, div.popUpFormat div.popUpBlock div.popUpCont div.SEDEC, div.SEDEC { width: 112%; } div.selecc { padding-left: unset; } /*******************************Consulta Servicio*******************************************/ div.consultaServicio div.consultaCont div.consCedula { display: block; width: calc(100% - 40px); margin-bottom: 10px; } div.consultaServicio div.consultaCont div.consParam { display: block; margin: 0; width: calc(100% - 40px); } div.popUpFormat div.popUpAfiliacionCartera { width: calc(100% - 6px); } div.admiFacturas > div { margin: 30px 20px; } div.admiFacturas > div.factTable table thead tr th { width: calc(15% - 26px); } div.admiFacturas > div.factTable table tbody tr td { width: calc(15% - 22px); } div.admiFacturas > div.factTable table tbody tr td button { padding: 5px 10px; margin: 0 5px; } div.admiFacturas > div.factInput { width: 80%; } div.admiFacturas > div.factInput div.factSelect { margin: unset; } div.admiFacturas > div.factInput div.factSelect div.campo { margin: 10px; width: calc(85% - 20px); } /****************************************************Pagos Acuerdos*******************************************************/ div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenInfo { width: 100%; } div.gestionTableBlock { width: 90%; } div.gestionTableBlock div.gestionTable > div div.gtRow div.gtRowHidden div.gtRowHiddenCont div.gtHiddenInfo { width: 95%; font-size: 10px; } div.ListaActiv { font-size: xx-small; } div .tablaActi { width: 67%; } div.paginacionactiv { position: fixed; } div tbody.tbodyacti:nth-child(2n) { font-size: larger; } div.botonfiltro { position: absolute; display: flex; margin-top: 11%; margin-right: 75px; } div.paginacionactiv ul.paginas { position: relative; display: flex; } div.paginacionactiv ul.paginas { position: relative; } div table.tableacti { margin-left: 46px; } div.paginacionactiv { position: relative; } div.paginacionactiv { padding-left: 36px; } div.seguiEnvios div.seguiCont { width: 98%; } div.factInputx { position: relative; display: flex; justify-content: center; margin-bottom: 36px; margin-top: 36px; } /******************************Call Campaña**************************/ div.CONTENFROMT { width: 83%; } div .botonfiltroCampa { width: calc(98% - 1px); } div label.Camptit2 { padding-top: 16px; } tr#TrSecundario td { width: 13%; } /*****************Afiliacion web**********************/ div.Contenasser { width: 80%; } div.contnevisicle { width: calc(97% - 1px); } div.trabajarchek, div.tutuleLabel { width: calc(30% - 1px); } div.contenchek { width: calc(20% - 1px); } div.cntr { width: 100%; margin: 10px auto; } div.inputCUIP { width: 100%; } div.conTOculto { margin: 13px auto; } div.NbAser { width: 24%; } div.infoNm { width: 35%; } div.cotenff { width: calc(100% - 1px); padding: 0px; } div.contenAsid { width: 45%; } div.botonciton { width: calc(45% - 1px); margin: 7px auto; } div.contentri { width: 32%; } div.CEDUL { width: 54%; } div.popcontenoculAfil { padding: 0; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr td { padding: 5px 0; font-size: 14px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popAfiContInfo div.infoItem { font-size: 12px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr td { width: 25%; font-size: 11px; } div.tBHiddenTable.responDIF thead tr td { width: 31% !important; } div.conteObser { width: 99%; } div.inputSection.in3 div.campo { width: calc(32% - 20px); } div.inputSection.in4 div.campo { width: calc(25% - 24px); } div.campo.reducc { width: calc(50% - 23px) !important; } div.campo.reduccff { width: calc(50% - 23px) !important; } div.campo.respn { width: calc(25% - 24px); font-size: 13px; } div.campo.respn { width: calc(49% - 2px) !important; font-size: 13px; margin: 10px auto !important; } /**********************************RESPONSIVE AFILIACION WEB CORRECIONES*************************************/ div.inft, div.unf, div.fuun.d3, div.fuun.dd4 { width: calc(23% - 20px); } div.txtla { font-size: 15px; } div.ptrdos.TG4 { width: calc(22% - 27px); } tr.Cloprin th { FONT-SIZE: 12px; width: calc(15% - 2px); } div.count { width: 93%; } div.TXnum { font-size: 12px; } th.difetClo { font-size: 16px !important; } td.difetClo { width: 3% !important; font-size: 17px !important; } tr.PrinCURPO td { width: calc(16% - 2px); font-size: 14px; text-align: center; } tr.PrinCURPO { margin: 10px auto; } div.bgts5 { width: 10%; } div.bgts1.ytrd { width: 98%; } div.bgts1 { width: 19%; } tr.Cbr th { font-size: 12px; } button.naranja.continu { padding: 5px; font-size: 12px; } div.cont { width: calc(23% - 1px); } div.cont.j5, div.cont.j6, div.cont.j7 { width: calc(32% - 1px); } div.btre1 { width: calc(33% - 1px); } /**********************************1024 Afiliación En Proceso***************************************/ div.TABLAcon { width: 90%; } div.llbr { width: calc(36% - 1px); } div.ytre { width: calc(30% - 8px); } div.frd { width: calc(44% - 1px); } tr.Trv th { width: calc(16% - 7px); font-size: 14px; } tr.RTon td { width: calc(15% - 1px); font-size: 14px; } div.breuno, div.bredos { width: calc(30% - 1px); } div.cMPOtrx { font-size: 12px; } div.tyrfv { font-size: 14px; } div.bazx { font-size: 14px; } /********************************** fin 1024 Afiliación En Proceso***************************************/ /*********************Plan vitalicio 1024***************/ div.cut { width: calc(49% - 1px); } div.clscc { width: 50%; } tbody.kjhhl { padding: 10px 0; position: relative; display: inline-block; width: 102%; } tr.fnmj td { width: calc(15% - -9px); text-align: center; margin: auto; } tr.fnmj td.chiqui { width: calc(15% - -9px); text-align: center; margin: auto; } div.conttpo { width: calc(50% - 1px) !important; display: inline-block; margin: auto; } div.selpi { margin: 12px auto; width: 60%; display: inline-block; } div.contendosa { width: 38%; display: inline-block; } button.btnn.naranja.consl { padding: 8px; width: 149% !important; margin-left: -17px; } /*****************************Correccion TCO*************************/ div.diiv div.minifj { width: calc(45% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } div.minifj { width: calc(30% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } div.cmbotm { width: calc(49% - 1px); display: inline-block; margin: auto; } button.btnGeneral.naranaja.conscm { width: calc(66% - 1px); margin: auto 10px; padding: 10px; border-radius: 6px; } button.btnn.naranaja.btffggh { width: calc(50% - 1px); margin: auto; text-align: center; position: relative; } /*****************************Bonos Sunem*************************/ div.container { display: block; margin: 10px auto; width: calc(91% - 1px); position: relative; } div.prte { width: calc(31% - 4px); display: inline-block; margin: auto 7px; position: relative; } .ContainerActFechaR.desactivarModal form { max-height: 250px; } /*****Perfil*****/ .prevFoto { width: 70%; } } /*****************************Responsive 768px*************************/ @media screen and (max-width: 768px) { div.ContLayMain .HeaderLayout { display: flex !important; gap: 0em !important; } .CenterContentImg { width: 40%; } .contLaySecIcon { width: 100% !important; height: 100% !important; } .notfCont { left: 85.5%; top: 1.5%; height: 40px; width: 40px; } .alertCount { left: 88.5%; top: 1%; height: 15px; width: 15px; } div.conteIz { width: calc(82% - 1px); } thead.boo tr.jmnf th { font-size: 13px; } tr.fnmj td { width: calc(24% - 45px); font-size: 13px; } tbody.kjhhl { padding: 10px 0; position: relative; display: block; width: 100%; overflow: hidden; } tr.fnmj td button.btnGeneral.naranja { padding: 5px; border-radius: 6px; width: 42%; font-size: 16px; } tr.fnmj td > td.chiqui { width: calc(20% - 31px) !important; font-size: 13px; } div.gfrds { width: 100%; } div.conttpo { width: calc(46% - 1px); display: inline-block; margin: auto; } div.selpi { margin: 12px auto; width: 68%; display: inline-block; margin-left: -63px; } div.contendosa { width: 38%; display: inline-block; margin-left: -21px; } div .contenbg { width: 88%; margin: auto; display: inline-block; margin-left: 18px; } button.btnn.naranja.consl { padding: 8px; width: 123% !important; margin-left: -9px; font-size: 9px; } div.PoSelec { margin: auto; width: calc(46% - 1px); } div.botnn button.btnGeneral.naranja { font-size: 11px; } div.botnn { width: calc(-13% - 1px); } div.gfrds label { font-size: 9px; } /*****seguimiento de pagos servicios funerarios *****/ div.auditabla table.auditorias.extraTable tbody.cuerpotablasegimiento tr td { width: calc(16% - 37px); font-size: 9px; } div.valorDeudaServ { width: 99%; } div.valorDeudaServ div.valorDeudaUnit span { font-size: 17px; } div.auditabla table.auditorias.extraTable thead.cabecera tr th { width: calc(11% - 10px); } div.Masc { height: 957px; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table thead tr th, div.SegiTablas table thead tr th { font-size: 12px; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody tr td, div.SegiTablas table tbody tr td { height: auto; font-size: 13px; } button.naranja.segiDeudas { width: 71%; } /******/ div.popUpFormat div.popUpBlock div.popUpCont div.contenDR, div.contenDR { width: 61%; font-size: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.InserCuen input[type="text"], div.InserCuen input[type="text"] { height: 30px; width: 79%; } div.popUpFormat div.popUpBlock div.popUpCont div.TXcUEN, div.TXcUEN, div.popUpFormat div.popUpBlock div.popUpCont div.texTOP, div.texTOP, div.popUpFormat div.popUpBlock div.popUpCont div.TEXobt, div.TEXobt { width: 30%; } div.popUpFormat div.popUpBlock div.popUpCont div.Grabar, div.Grabar div.popUpFormat div.popUpBlock div.popUpCont div.CerrarAudi, div.CerrarAudi { width: 56%; } /*****************************Correccion TCO*************************/ div.diiv { width: calc(100% - 36px ); display: flex; position: relative; } div.diiv div.minifj { width: calc(48% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } button.btnGeneral.naranaja.conscm { width: calc(77% - 1px); margin: auto 10px; padding: 10px; border-radius: 6px; font-size: 0.6em; } div.edcfd { width: calc(119% - 1px); display: inline-block; margin: auto; position: relative; } button.btnn.naranaja.btffggh { width: calc(50% - 1px); margin: auto; text-align: center; position: relative; font-size: 0.6em; } div.cmcom { width: calc(94% - 1px); margin: 15px auto; } div.cominfoo { width: calc(94% - 1px); display: block; position: relative; margin: 15px auto; } div.edcfd { width: calc(100% - 1px); display: inline-block; margin: auto; position: relative; } div.minifj { width: calc(35% - 1px); display: inline-block; margin: 10px auto; padding: 0px 5px; } div.frnf { display: flex; } /*****************************Responsive 768px*************************/ div.unp, div.dop { width: calc(44% - 1px ); font-size: 11px; } div.botonm { width: 29%; } div.acuerdoItem.linapr { width: calc(43%) !important; } div.textcactiv { padding: 0px !important; } div.Activaciones div.tablaActi table.correacti thead.theadacti tr th { font-size: 12px; } div.Activaciones div.tablaActi table.correacti tbody.tbodyacti tr td { font-size: 12px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo { position: relative; display: block; margin: auto; width: 100%; } /********************************Servicios***********************************/ div.popUpEstadoAfil div.popUpCentre div.popUpAdicion { width: 70%; } div.popUpEstadoAfil div.popUpCentre div.popUpAdicion form div.selectDescrip div.adicValor { vertical-align: top; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio > div { vertical-align: bottom; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div.infoMuerte label.info { height: 30px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div label.info { font-size: 14px; } /********************************Bono Millonario***********************************/ div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.btnPermisos { width: 30%; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.hiddenPermisos.activo { width: 80%; } div.adminBono div.tableHolder, div.adminBono div.divDetalleSorteo { width: 90%; } div.adminBono div.divDetalleSorteo table thead tr th, div.adminBono div.divDetalleSorteo table tbody tr td { width: calc(14% - -1px); } /************************************Servicios******************************************/ div.adminServicios div.divTitulo label, div.adminServicios div.divContent div.formServF, div.adminSedes div.adminTitulo label { width: 90%; } div.adminServicios div.divContent div.formServF form div > div.campoContainer { width: calc(33% - 21px); } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockNombres div { width: calc(50% - 14px); margin: 5px; } div.adminServicios div.divContent div.tablaServF table thead tr th, div.adminServicios div.divContent div.tablaServF table tbody tr td { font-size: 12px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio { width: 80%; padding: 20px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div { font-size: 12px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div label.info { font-size: 16px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div > div { display: block; width: calc(100% - 20px) !important; } div.tablads { height: 374px !important; } div.tablads input[type="checkbox"] { height: 17px; width: 22px; } div.tablads input { position: relative; display: inline-flex; width: calc(100% - 90px); height: 17px; padding: 0 10px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; } div.tablads td { width: 22%; font-size: 12px; text-align: center; margin: auto; } div.tablads thead tr { height: 31px; background: #008139; font-size: 17px; color: #FFFFFF; } /**************************************Sedes**********************************************/ div.adminSedes div.blockSede { width: calc(90% - 40px); } /**************************************Comercial Asesores**********************************************/ div.comReportes div.contReportes div.allReportes div.basicoReportes div label span { font-size: 14px; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte:nth-child(1), div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte:nth-child(2) { vertical-align: top; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div label { font-size: 14px; vertical-align: top; } div.comReportes div.contReportes div.allReportes div.gerenteReporte div.gerenteParte > div label span { font-size: 14px; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorTipo label { font-size: 14px; } div.comReportes div.contReportes div.allReportes div.asesorReporte > div.asesorTipo label span { font-size: 16px; } div.comReportes div.contReportes div.allReportes div.ventasReporte { width: 95%; } div.comReportes div.contReportes div.allReportes div.controlReporte { width: 70%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr { font-size: 8px; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(1), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(2), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(3), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(4), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(5), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(6) { width: calc(6% - 1px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(1), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(2), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(3), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(4), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(5), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(6) { width: calc(6% + 2px); font-size: 8px; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(18) { font-size: 8px; } div.campo select.inputField { height: 23px; font-size: 10px; } input.inputField, select.inputField { height: 23px; font-size: 10px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla tbody tr td.labelTable { padding: 5px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead tr.title td { font-size: 16px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito > div label { font-size: 12px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.divFinTabla table.finTabla thead tr td { font-size: 10px; } div.adminCredito div.contCredito div.solicCredito div.wizCredito div.wizUnit div.wizNumber { margin: 0 5px; } div.adminCredito div.contCredito div.solicCredito div.titleCredito { font-size: 25px; } div.aprovCredito div.popAprov div.contPopAprov div.wizIndic div.wizCont { position: relative; display: inline-flex; width: calc(20% - 4px); justify-content: center; align-items: center; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow.cR3 div.contCol { width: calc(33% - 1px); } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow.cR2 div.contCol.contTbl { position: relative; display: block; width: 100%; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t6 thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t6 tbody tr td { font-size: 12px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t5 thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t5 tbody tr td { font-size: 14px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t7 thead tr td, div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow table.tRef.t7 tbody tr td { width: calc(14% - 2px); font-size: 11px; } div.aprovCredito div.popAprov div.contPopAprov div.popAdWizard div.popWizItem div.contWiz div.contRow div.contCol table thead tr.tableTitle td span { font-size: 18px; } div.adminCredito div.contCredito div.solicCredito div.contFormCredito > div div.hidCredito div.rowCredito div.contProgreso > div.progUnit { width: calc(33% - 12px); } /*********************************Servicios a Facturar*************************************/ div.tablafact table { width: 95%; } div.tablafact table th { width: calc(15% - 21px); font-size: 14px; } div.tablafact table tr td i { font-size: 16px; } div.tablafact table tr td { width: calc(15% - 21px); } div.llamarfolioss { width: 80%; } div.popUpEstadoAfil div.popUpCentre div.popUpConsulta { width: 90%; } div.tituloServiciosc span { width: calc(33% - 2px); } div.contenidoservicioadquirido span { width: calc(33% - 2px); } div.adminServicios div.divContent div.formServF form { width: calc(100% - 120px); margin: 10px auto; } div.adminServicios div.divContent div.formServF form div > div.campoContainer { width: calc(101% - 21px); } div.cubrimientoo { display: block; } div.empresaconvenio { display: inline-block; width: 47%; font-size: 9px; } div.adminServicios div.divContent div.tablaServF { width: calc(100% - 120px) !important; font-size: 13px; right: -77px; } div.noLabelInput div.buttonCedula button { font-size: 10px; } div.empresaconvenio, div.cubrimientoempresa { display: block; position: relative; width: 54%; text-align: center; padding: 9px; font-size: 11px; } div.adminServicios div.divContent div.tablaServF table thead tr th, div.adminServicios div.divContent div.tablaServF table tbody tr td { font-size: 11px; } div.adminServicios div.divTitulo { margin-left: 241px; width: 63%; } div.descripcion { width: 42%; font-size: 12px; } span.detalleBtn.btnGeneral.naranja.ffe, span.detalleBtn.btnGeneral.naranja.eff { position: relative; padding: 7px 7px; border-radius: 5px; margin: auto; } div.folios { width: 44%; font-size: 11px; } button#botonVisualizarDatosAfiliacionDetalle { position: relative; padding: 5px 10px; border-radius: 5px; margin: auto; margin-left: 133px; } /************************auditar servicio********************************/ tbody.cuerpotablaaudi tr td { width: calc(15% - 28px); font-size: 7px; } table.auditorias thead.cabecera tr th { width: calc(12% - 10px); font-size: 7px; } div.popUpFormat div.popUpBlock div.popUpCont div.contenDR, div.contenDR { width: 53%; font-size: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.InserCuen input[type="text"], div.InserCuen input[type="text"] { height: 30px; width: 81%; } div.contenbtd { width: 57%; } div.wbfr, div.rfbw { display: inline-block; position: relative; width: 48%; justify-content: center; margin: auto; } div.CONTENPOUPCUENTAS { position: relative; width: 78%; background: #FFFFFF; padding: 24px; border-radius: 20px; } div.totalreal { position: relative; display: inline-block; width: calc(58% - 1px); margin: auto 0 0 1px; height: auto; } div.contenDiez { display: block; position: relative; width: 96%; margin: auto; } div.botonerass { display: flex; margin: auto; position: relative; width: 100%; justify-content: center; align-items: center; } div.popUpFormat div.popUpBlock div.popUpCont { width: 86%; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntDatos div.entRow { width: 49%; position: relative; display: inline-block; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol:nth-child(1) { width: calc(36%); font-size: 12px; } input.inputField { width: calc(89% - 12px); } div.popUpFormat div.popUpBlock div.popUpCont div.popEntForm div.entRow div.entCol:nth-child(2) { width: calc(60% - 5px); } div.auditabla table.auditorias thead.cabecera tr th { width: calc(12% - 12px); font-size: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.IMportanconten { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.CuEN, div.popUpFormat div.popUpBlock div.popUpCont div.TPC, div.popUpFormat div.popUpBlock div.popUpCont div.OBT, div.popUpFormat div.popUpBlock div.popUpCont div.SEDEC { width: 90%; } div.popUpFormat div.popUpBlock div.popUpCont div.TXcUEN, div.popUpFormat div.popUpBlock div.popUpCont div.texTOP, div.popUpFormat div.popUpBlock div.popUpCont div.TEXobt { width: 33%; vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT div.InserObc { width: 52%; } div.popUpFormat div.popUpBlock div.popUpCont button.naranja.Grabaraudi, button.naranja.Grabaraudi, div.popUpFormat div.popUpBlock div.popUpCont button.gris.crr, button.gris.crr { width: 85%; } /***************POPUP AUDITORIA 768***********/ div.Masc { height: 904px; } button.naranja.Grabaraudi { cursor: pointer; width: 67%; margin: auto; padding: 5px 0; border-radius: 5px; font-size: 13px; } div.opppk { position: relative; display: block; width: 100%; margin: 0 0 20px 0; text-align: center; text-transform: uppercase; } div.blancoauditar { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 80%; margin: auto; } div.IMportanconten { display: block; position: relative; width: 80%; margin: auto; padding-left: 205px; } div.progContent > div.progOpc div.progSelect div.campo, div.progContent > div.progOpc div.progSelect div.check { vertical-align: top; } div.progContent > div.progTabla { overflow: auto; } div.progContent > div.progTabla table { width: 150%; } /**************** popup seguimiento a pagar******************/ div.blancoSegumientos { width: 78%; } thead.cabecera tr { width: 92%; } tbody.cuerpotablaaudi { width: 92%; } tbody.cuerpotablasegimiento { width: 92%; } div.imagen { width: 100%; } div.auditabla table.auditorias.extraTable tbody.cuerpotablasegimiento tr td { width: calc(16% - 43px); font-size: 12px; } div.valorDeudaServ div.valorDeudaUnit span { font-size: 20px; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table thead tr th, div.SegiTablas table thead tr th { font-size: 13px; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody tr td, div.SegiTablas table tbody tr td { height: auto; font-size: 13px; } /******************************cartera 768****************/ div.tbtcar table thead tr th { width: calc(16% - 25px); font-size: 14px; } div.tbtcar table tbody tr td { width: calc(13% - 6px); font-size: 14px; } div.adminServicios div.divContent div.tablaServF table tbody tr td i { font-size: 17px; cursor: pointer; } div.ContenIZ.tgyyy { width: 43%; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progSelect { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; margin: 10px 0; } div.popUpFormat div.popUpBlock div.popUpCont div.progOption div.progButton { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.progTable { width: 100%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table#tblReportes { width: 200%; } div.admiFacturas > div.factTable table.smallTable thead tr th { width: calc(16% - 15px); } div.admiFacturas > div.factTable table.smallTable tbody tr td { width: calc(16% - 11px); font-size: 12px; } div.admiFacturas > div.factTable table.smallTable tbody tr td button { font-size: 14px } div.admiFacturas > div.factTable table.smallTable tbody tr td button { margin: 0 2px; } div.admiFacturas > div.factTable table thead tr th { width: calc(13% - 7px); overflow: hidden; word-break: break-word; font-size: 10px; } div.admiFacturas > div.factTable table tbody tr td { width: calc(14% - 10px); overflow: hidden; word-break: break-word; font-size: 10px; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td.indicTable { font-size: 12px; } div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont div.cotiCuenta > div.cotiValor div.tableCoord table tbody tr td { position: relative; display: inline-block; width: calc(33% - 4px); text-align: center; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock { width: 90%; } div.popUpFormat div.popUpBlock div.popUpCont div.audiFacturaBlock div.audiFacturaField { display: flex; } div.popUpFormat div.popUpBlock div.popUpCont div.discTable table tbody tr td span.cashSymbol { left: 5%; } /****************************************Pagos Acuerdo***************************************************/ div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos div > div.tableCont > div div.tableItem { font-size: 12px; } div.tableAcuerdos div > div.tableCont > div.hiddenItem div.hiddenItemCont div.hiddenExtraInfo > div.hiddenBenef { width: 70%; font-size: 13px; } div.gestionTableBlock { font-size: 12px; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectDate { width: 100%; margin: 10px auto; } div.pagosAcuerdo div.pagosAcuerdoCont div.selectAcuerdos div.selectBlock { width: 100%; } div.EnviosporCorreo div tbody.tbodyEpcc tr td { width: calc(11% - 4px); font-size: 12px; } div.EnviosporCorreo div thead.theadEpcc tr th { width: calc(11% - 4px); font-size: 12px; } /*************************Call Campaña*********************************/ div.admincampañacont { width: 100%; } div.CONTENFROMT { width: 100%; } div#inuno, div#indoss { width: 47%; } div.tablaCampaña { padding-left: 28px; } table#TblCampaña { width: calc(90% - 1px); } tr.TrPrincipal th { width: 20%; font-size: 12px; } tr#TrSecundario td { width: 16%; font-size: 14px; } /***********************Afiliacion web************************/ div.NbAser { width: 27%; } div.infoNm { width: 56%; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.checkList { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popButton button { padding: 10px; font-size: 11px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popAfiContInfo div.infoItem { font-size: 11px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table thead tr td, div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table tbody tr td { width: 25%; font-size: 10px; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popAfiContInfo { width: 90%; } div.inputSection div.campo label { font-size: 11px; } div.seccionBotonera input { font-size: 9px; } div.afiliacionCartera div.afiliacionContent div.seccionTabla table thead tr th { font-size: 11px; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table tbody tr td { padding: 5px 0; font-size: 10px; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table thead { font-size: 14px; } div.afiliacionCooinpaz > div div.grillTable div.grillBtn button, div.btn button { font-size: 11px; } div.campo.respn { width: calc(50% - 3px) !important; margin: 10px auto !important; } label.ccrt { font-size: 12px !important; } div.campo.reducc { width: calc(50% - 3px) !important; margin: 10px auto !important; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraTitle { font-size: 22px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraTitle label.small { font-size: 15px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraTitle { font-size: 16px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo label { font-size: 13px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.campo span { font-size: 12px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.cuadroCartera { padding: 0px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo label { font-size: 11px; } div.znt, div.ntz { font-size: 9px; } div.popUpFormat div.popUpAfiliacionCartera div.popAfCarteraInfo div.popAfCarteraCol div.popAfCarteraSeccion div.popCarteraInfo div.popAfCarteraGroup div.popCarteraCampo.cartFlex input { height: 16px; } span#spnValorCuotaMensual, span#spnValorTCO, span#lblValorAfiliacion { font-size: 12px; } input#chkAfiliacionWeb { text-align: center; position: relative; display: inline-block; margin: 0 1px; height: 12px; } div#chek label { font-size: 12px; text-align: center; } /**********************************RESPONSIVE AFILIACION WEB CORRECIONES 768*************************************/ div.encirr { width: 100%; } div.txtla { font-size: 12px; margin: 5px auto; } tr.PrinCURPO td { font-size: 10px; width: calc(15% - 2px); } div.labelINABIL { font-size: 14px; } div.cont1, div.cont2, div.cont3, div.cont4, div.cont5 { width: 100%; } div.trer label, div.trer1 label, div.trer3 label, div.trer4 label, div.trrd label { font-size: 13px; } div.cont5 { width: 100%; margin-left: 0px; } div.bgts5 { width: 7%; } div.trer5 { font-size: 13px; } tr.Cbr th { font-size: 10px; } tr.CPresum td { font-size: 13px; } button.btnGeneral.naranja.CO { padding: 6px; border-radius: 5px; } div.cont.j1, div.cont.j2, div.cont.j3, div.cont.j4 { width: calc(22% - 1px); } div.cont.j1 label, div.cont.j2 label, div.cont.j3 label, div.cont.j4 label { font-size: 10px; } div.cont.j5, div.cont.j6, div.cont.j7, div.cont.j8 { width: calc(22% - 1px); } div.cont.j5 label, div.cont.j6 label, div.cont.j7 label, div.cont.j8 label { font-size: 10px; } div.btre1 { width: calc(46% - 1px); } div.BBTca { width: 37%; } button.btnGeneral.gris.CAN { padding: 6px; border-radius: 5px; } /*******************************768 Afiliación en Proceso****************************************/ div.llbr { width: calc(49% - 1px); font-size: 14px; } div.cONTsec { width: calc(47% - 1px); } tr.TrCav th { width: calc(20% - 1px); font-size: 11px; } tr.TRcuerpp td { font-size: 13px; } div.DRT { margin: 10px auto; font-size: 13px; width: calc(49% - 1px); } div.ytre { width: calc(32% - 1px); font-size: 13px; } div.frd { width: calc(42% - 1px); margin: 6px 16px; } div.gfr { width: 100% !important; } button.btnGeneral.naranja.botnone { padding: 8px; border-radius: 5px; } /*****************************Bonos Sunem*************************/ div.container { display: block; margin: 5px auto; width: calc(91% - 1px); position: relative; text-align: center; } div.prte { width: calc(84% - 4px); display: inline-block; margin: 5px 5px; position: relative; } /************************Consulta Bono***************************/ div.tbltaEsa div.ahrSiTbltaEsa table { position: relative; display: block; width: 260%; } div.atrbbCons { position: relative; display: block; width: 100%; justify-content: center; margin: 20px auto; } div.atribtt { width: 90%; margin: 15px 20px; } div.divXtra { width: 20%; } .tbleOrdenes .contTble { display: block; overflow: auto; } .tbleOrdenes .contTble table.tbleCont { width: 1500px; } .tbleOrdenes .contTble table.tbleCont thead tr td { width: 950px; } .tbleOrdenes .contTble table.tbleCont thead tr td.resp { font-size: 0.8em; width: 310px; } .tbleOrdenes .contTble table.tbleCont thead tr td.val { width: 510px; } .tbleOrdenes .contTble table.tbleCont tbody tr td { width: 950px; } .tbleOrdenes .contTble table.tbleCont tbody tr td.resp { font-size: 0.8em; width: 310px; } .tbleOrdenes .contTble table.tbleCont tbody tr td.val { width: 510px; } /**********************Planilla Egresos**************************/ .viewTitle { flex-direction: column; } .pestMenu { display: block; } .pestUnit { width: 95%; } .modCont { height: auto; } .rowCampo.rC3 { display: block; } .rowCampo.rC3 .campo { width: 95%; margin: 10px auto; } .rowCampo.rC3 .campoFlex { width: 100%; margin: 10px auto; } .rowCampo.rC4 { display: block; margin: 0px auto; } .rowCampo.rC4 .campo { width: 95%; margin: 10px auto; } .contTble table.tbleCont { width: 1000px; } .consigCuentTble .contTble { justify-content: flex-start; overflow: auto; } .consigCuentTble .contTble table.tbleCont thead tr td { width: 45%; } .consigCuentTble .contTble table.tbleCont tbody tr td { width: 45%; } .ObligTble .contTble.pagoTble { justify-content: flex-start; overflow: auto; } .ObligTble .contTble.pagoTble table.tbleCont { width: 1500px; } .ObligTble .contTble.pagoTble table.tbleCont thead tr td { width: 45%; } .ObligTble .contTble.pagoTble table.tbleCont tbody tr td { width: 45%; } .pestUnit .MenuCont { top: 35px; } .modSelec { width: 78%; } .discrmTble { display: block; } .contTble { width: 100%; display: block; overflow: auto; } .contTble.valTble { width: 100%; } .fila-tabla { display: block; } .tabla111 { width: 100%; margin: 15px auto; } .tabla30111 { width: 100%; border-collapse: collapse; } .datePlanilla { width: 100%; } .planillaNumber { width: 95%; } .inTrasTble .contTble table.tbleCont { width: 1500px; } .bancTble { position: relative; display: block; width: 100%; overflow: auto; } .contTble table.tbleCont thead tr td { width: 30%; } .contTble table.tbleCont tbody tr td { width: 30%; } .contTble table.tbleCont tbody tr td { width: 30%; } .fechTble .contTble table.tbleCont { width: 750px; } .fechTble .contTble table.tbleCont thead tr td, .fechTble .contTble table.tbleCont tbody tr td { width: 30%; } .fechTble .contTble table.tbleCont thead tr td.asesorTd, .fechTble .contTble table.tbleCont tbody tr td.asesorTd { width: 40%; } .rowCampo.rC4 .campoFlex { width: 90%; } .ContainerActFechaR.desactivarModal form { max-height: 200px; } /******Creacion Cofres*******/ .coffinMod { display: block; } .coffinType { width: 95%; margin: 15px; } .coffSec { width: 100%; } /***Perfil***/ .prevFoto { width: 100%; } .userInfo { flex-direction: column; align-items: center; } .nameUser { width: 94%; margin: 10px auto; } .userName { width: 80%; font-size: 1.5em; } .infoPerson { font-size: 1.8em; } .rowCampo.rC2 { display: block; } .rowCampo.rC2 .campo { width: 100%; margin: 0 auto; } } /*******************************fin 768 Afiliación en Proceso****************************************/ /*********vitalicio *******/ div.cut { width: calc(101% - 1px); } /*****************************Responsive 480px*************************/ @media only screen and (max-width:480px) { .userContent { display: none; } span.SpanNameMovil.caja { right: 50px; position: relative; } .notfCont { left: 74.5%; top: 1.5%; height: 40px; width: 40px; } .alertCount { left: 80.5%; top: 1%; height: 15px; width: 15px; } .popNotif { width: 60%; top: 9%; left: 37%; } div.contLaySecLog { width: 90% !important; } .pestMenu { position: relative; display: block; width: 100%; margin: auto; padding: 1em 0; background: var(--ColorSilver0); } .pestUnit { width: 80%; margin: 0px auto; } .viewTitle { display: block; margin: auto; position: relative; } .planillaNumber { position: relative; display: block; margin: 0.8em auto; } .pestMenu { display: grid; } .pestUnit { padding: 0.3em; width: 30em; } .viewTitle label { font-size: 1.8em; } .planillaNumber span { font-size: 1.8em; } .ContenedortablaTransferenciasEntreMisCuentas table thead { font-size: 0.93em; } .ContenedortablaTransferenciasEntreMisCuentas table tbody tr { width: 100%; height: max-content; font-size: 1em; } .ContenedortablaTransferenciasEntreMisCuentas table tbody { overflow-y: scroll; height: auto; display: block; max-height: 9vh; } .ContenedortablaTransferenciasEntreMisCuentas table tbody tr { position: relative; display: inline-block; } .ContenedortablaTransferenciasEntreMisCuentas table thead { display: block; } /*************************Planilla egresos*************************/ .contTble table.tbleCont thead tr td.actBttn { padding: 0px; display: flex; align-items: center; justify-content: center; } .contTble table.tbleCont tbody tr td.actBttn { padding: 0px; display: flex; justify-content: center; align-items: center; } /*********************/ div.parteunoop, div.carrerasservi, div.infocontenser { width: 100%; font-size: 1em; } div.datoses { display: block; } div.totalidads { width: 100%; } div.tituloServiciosc span { font-size: 12px; } div.contenidoservicioadquirido span { font-size: 8px; } div.contenidoservicioadquirido span.precioreal { font-size: 12px; } } /*****************************Responsive 640px*************************/ @media screen and (max-width: 640px) { /******************************Servicios********************************/ div.adminServicios div.divContent div.formServF form div > div.campoContainer { width: calc(33% - 22px); } div.adminServicios div.divContent div.tablaServF table thead tr th, div.adminServicios div.divContent div.tablaServF table tbody tr td { font-size: 10px; width: calc(11% - 4px); } div.adminServicios div.divContent div.formServF form div.camposSede div.campoGrand select { width: 40%; } /**********************************Sedes******************************/ div.adminSedes div.blockSede div.selectSede label, div.adminSedes div.blockSede div.selectSede div.campo { width: 40%; } div.seguiEnvios div.seguiCont div.seguiTable table thead tr td { width: calc(11% - 4px); } div.seguiEnvios div.seguiCont div.seguiTable table tbody tr td { width: calc(11% - 4px); } div.clscc { width: 76%; } tr.fnmj td { width: calc(31% - 63px); font-size: 13px; } tr.fnmj td button.btnGeneral.naranja { padding: 5px; border-radius: 6px; width: 43%; font-size: 16px; } } /*****************************Responsive 425px*************************/ @media screen and (max-width: 425px) { /***************************Login***************************/ div.login { background-position: center; } div.yupl { width: calc(100% - 20px); } div.login div.contLogin { padding: 10px 40px; width: 70%; } /*****************************Menu**************************/ header.headerFrontEnd div.logoPrinc a { position: relative; display: flex; align-items: center; width: 100%; } header.headerFrontEnd div.logoPrinc a div.adminLogo { height: calc(100% - 23px) !important; width: 320px; } header.headerFrontEnd div.logoPrinc a img { height: calc(100% - 25px); } div.contIconoFlechaHeader { display: none; } /****************************Bono Millonario*******************************/ div.adminSedes div.blockSede div.infoSede div.sedeTitle { width: 80%; } div.adminBono div.bonoForm form div.datosSorteo label { width: calc(100%); display: block; margin: 10px 0; } div.adminBono div.bonoForm form div.cuentaBono div.campo { width: 90%; } div.adminBono div.bonoForm form div.numerosBono, div.adminBono div.bonoForm form div.ganadorBono { width: 100%; } div.adminBono div.bonoForm form div.numerosBono > div, div.adminBono div.bonoForm form div.ganadorBono > div { display: block; width: 100%; margin: 15px 0; } div.adminBono div.tableHolder table thead tr th, div.adminBono div.tableHolder table tbody tr td, div.adminBono div.tableHolder table tbody tr td button { font-size: 10px !important; } div.adminBono div.divDetalleSorteo table thead tr th, div.adminBono div.divDetalleSorteo table tbody tr td { text-overflow: ellipsis; word-break: break-word; font-size: 10px; } /********************************Sede y Servicios*******************************/ div.adminSedes div.blockSede div.infoSede div div.datosTelefono div { display: block; width: calc(100%); } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart { display: block; width: 100%; margin: 10px 0; } div.adminSedes div.blockSede div.infoSede div div.hiddenForm div.formPart2 { display: block; width: calc(100%); } div.adminSedes div.blockSede div.selectSede label, div.adminSedes div.blockSede div.selectSede div.campo { width: 80%; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock div.blockTitle { margin: 0 0 10px 0; font-size: 18px; } div.adminServicios div.divTitulo label, div.adminServicios div.divContent div.formServF, div.adminSedes div.adminTitulo label { font-size: 20px; } div.adminServicios div.divContent div.formServF form div div.infoCliente div { display: block; width: calc(100%); } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockDocumento div { display: block; width: calc(100%); margin: 10px 0; } div.adminServicios div.popUpPersona div.blockPersona div.contentBlock form div.blockNombres div { width: 100%; display: block; margin: 5px 0; } div.adminServicios div.divContent div.formServF form div.camposSede div.labelCampo, div.adminServicios div.divContent div.formServF form div.camposSede div.campoGrand select { width: 80%; } div.adminServicios div.divContent div.formServF form div > div.campoContainer { width: calc(100%); display: block; margin: 0; } div.adminServicios div.divContent div.tablaServF table thead tr th, div.adminServicios div.divContent div.tablaServF table tbody tr td { font-size: 6px; } div.adminServicios div.divContent div.tablaServF table tbody tr td i { font-size: 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div { font-size: 10px; display: block; width: 100%; margin: 5px 0; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div label.info { font-size: 12px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.extraServicio { display: block; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.extraServicio input { margin: auto; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio > div { display: inline-block; width: calc(50% - 13px); margin: 5px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectSitio div div.campo select { height: 25px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha > div { display: block; width: 100%; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.labelCampo { width: calc(50% - 1px) !important; display: inline-block; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div.selectFecha div div.campo { display: inline-block; width: calc(50% - 4px) !important; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div div { width: calc(50% - 4px); display: inline-block !important; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.titleServicio { font-size: 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.titleServicio label b { font-size: 14px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div.titleSeccion { font-size: 12px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio { width: 90%; padding: 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.labelCampo label { font-size: 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.labelCampo label span { font-size: 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.formServicio form div div div.campo input { height: 23px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div.infoMuerte label { font-size: 10px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.infoServicio div.infoMuerte label.info { height: 20px; } div.adminServicios div.popUpServicio div.blockServicio div.contServicio div.btnServicios button { font-size: 10px; } div.adminServicios div.popUpServicio div.blockServicio { overflow-y: auto; } /******************************Rol************************************/ div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.labelPermisos { width: 50%; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.nombPermisos div.btnPermisos { width: 40%; } div.creacionRoles form div.contentRoles div.partRoles div.controlCrear { width: 100%; } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos { width: 80%; } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos div.contPermisos { display: block; } div.creacionRoles form div.contentRoles div.partRoles div.controlCrear > div { display: block; width: calc(100% - 20px); } div.creacionRoles form div.contentRoles div.partRoles div.newPermisos div.contPermisos div.newPLabel { font-weight: 700; margin: 10px 0; } div.creacionRoles form div.contentRoles div.partRoles.activo { width: calc(100% - 20px); left: -30px; } div.creacionRoles form div.contentRoles div.permisos div.contPermisos div.hiddenPermisos div.hiddenCont { display: block; } div.creacionRoles { width: 85%; margin: 30px auto; } /***************************Call Campaña***************************************/ div .admincampaña { display: block; width: 100%; } div.admincampañacont { width: 100%; /* padding-left: 37%; */ } div.admincampañatitle { font-size: 24px; height: auto; } div.CONTENFROMT { width: calc(90% - 1px); /* padding-left: 43px; */ } div.campocamp1 { width: calc(100% - 1px); } div.SelcTex { width: calc(103% - 1px); } div.LabelTex { width: calc(100% - 1px); height: auto; } div.campocamp2 { width: calc(100% - 1px); float: none; } div.wrt { width: calc(100% - 1px); } div.byt { width: calc(99% - 1px); } div.BLRX { width: calc(100% - 1px); text-align: center; } div.XRT { width: calc(100% - 1px); margin: auto; } div.ContenedorFecha { width: calc(100% - 1px); height: auto; display: block; margin: auto; padding-left: 7px; } div.timepickerscamp { width: calc(100% - 1px); } div label.Camptit2 { padding-top: 16px; padding-left: 25px; font-size: 14px; display: block; } div label.Camptit { font-size: 16px; } div#inuno { width: calc(100% - 1px); margin: 10px auto; display: block; } div#indoss { width: calc(100% - 1px); margin: 10px auto; display: block; } div.paginacion { padding-top: 8px; } tr.TrPrincipal th { width: 20%; font-size: 1em; } div.tablaCampaña { padding-left: 0; padding-right: 0; overflow: auto; } table#TblCampaña { width: 1500px; position: relative; } tr#TrSecundario td { width: 25%; font-size: 1em; padding: 0; } tr#TrSecundario { width: calc(95% - 1px); } tbody.tbodycampaña { width: calc(104% - 3px); } /****************Resposnsive afiliacion web correciones 425*********** div.contNum { width: calc(100% - 1px); display: block; } tr.Cbr th { font-size: 7px; width: calc(31% - 2px); } button.naranja.continu { padding: 5px; font-size: 7px; } tr.CPresum td { font-size: 11px; width: calc(32% - 2px); } div.TXnum { font-size: 11px; width: 100%; } div.Intp input.CC { height: 21px; } tr.CPresum td { font-size: 8px; width: calc(32% - 2px); margin: auto; } button.btnGeneral.naranja.CO { padding: 6px; border-radius: 5px; font-size: 9px; } div.afiliacionTitlee { font-size: 16px; } div.titulosSeccions { font-size: 12px; } div.inft, div.unf, div.fuun.d3 { width: calc(100% - 10px); } div.ptrUN.GT, div.ptrUN.GT1, div.ptrUN.GT2, div.ptrUN.GT3 { width: calc(100% - 18px); } div.ptrdos.TG5, div.ptrdos.TG6 { width: calc(95% - 17px); } div.ptrdos.TG4 { width: calc(99% - 27px); } div.ptrdos.TG7, div.ptrdos.TG8, div.ptrdos.TG9, div.ptrdos.TG10 { width: calc(100% - 23px); }******/ div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table thead tr th, div.detalleCooinPopUp div.detalleCooinContent div.detalleCooinTable table tbody tr td { width: calc(26% - 8px); } div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table thead tr th, div.discriminarCooinPopUp div.discriCooinContent div.discriCooinTable table tbody tr td { width: calc(32% - 1px); } button.btnGeneral.gris.CAN { font-size: 9px; } div.resum { overflow-x: scroll; } table.resumd { width: 345px; } div.menuModulo { width: 65px; } div.menuModulo div.contentMenu div.itemMenu div.contentItem div.infoItem div.iconoItem { font-size: 18px; } div.menuModulo div.contentMenu div.itemMenu div.contentItem div.infoItem div.textoItem { font-size: 12px; } div.contenOT { width: calc(100% - 72px); padding-left: 66px; } div.titull { width: 81%; } div.rin { width: 82%; } div.clscc { width: 84%; } div.botnn { width: calc(26% - 1px); } div.botnn button.btnGeneral.naranja { font-size: 11px; width: 197%; margin-left: -16px; } tr.jmnf { padding: 3px 5px; width: calc(100% - 1px); text-align: center; } button.btnGeneral.naranja { padding: 7px; border-radius: 6px; font-size: 9px; } div.bcls { width: 40%; margin: 14px auto; height: auto; padding: 4px; } div.PoSelec { margin: 8px auto; width: calc(81% - 1px); display: inline-block; position: relative; } tr.fnmj { width: calc(102% - 1px); } tr.fnmj td { width: calc(26% - 29px); font-size: 6px; } tr.fnmj td button.btnGeneral.naranja { width: 57%; font-size: 10px; } thead.boo tr.jmnf th { font-size: 7px; display: block; width: calc(16% - 2px); position: relative; text-align: center; margin: auto; } div.conteIz { width: calc(87% - 1px); margin-left: -72px; } span.btnGeneral.naranja { font-size: 9px; } div.conttpo { width: calc(85% - 1px) !important; display: inline-block; margin: auto; } div.selpi { margin: 12px auto; width: 68%; display: inline-block; margin-left: -63px; } div.contendosa { width: 38%; display: inline-block; margin-left: -21px; } div.contenbg { width: 88%; margin: auto; display: inline-block; margin-left: 29px; } button.btnn.naranja.consl { padding: 8px; width: 154% !important; font-size: 9px; } /**********************/ div.princconten { width: calc(100% - 1px); padding-left: 67px; } div.tituloD { font-size: 25px; } div.selecc { width: calc(100% - 23px); } div.cesc, div.ccesc { width: 27%; font-size: 11px; } div.int, div.iint { width: 51%; } div.chec, div.cchec { width: 19%; } div.ftd, div.tdf { margin-left: 6px; font-size: 12px; } div.valorDeudaServ { width: 99%; font-size: 12px; } div.auditabla table.auditorias.extraTable thead.cabecera tr th { width: calc(11% - 8px); font-size: 6px; } div.auditabla table.auditorias.extraTable tbody.cuerpotablasegimiento tr td { width: calc(16% - 20px); font-size: 6px; } span.detalleBtn.btnGeneral.naranja { position: relative; padding: 3px 10px; border-radius: 5px; } div.valorDeudaServ div.valorDeudaUnit span { font-size: 11px; } div.popUpFormat div.popUpBlock div.popUpCont div.contentexaudi, div.contentexaudi, div.popUpFormat div.popUpBlock div.popUpCont div.infoctAd, div.infoctAd { display: inline-block; position: relative; width: 115%; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table, div.SegiTablas table { width: 100%; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table thead tr th, div.SegiTablas table thead tr th { font-size: 10px; width: 23%; } div.popUpFormat div.popUpBlock div.popUpCont div.SegiTablas table tbody tr td, div.SegiTablas table tbody tr td { height: auto; font-size: 10px; } div.Masc { height: 1198px; } div.popUpFormat div.popUpBlock div.popUpCont div.contenDR, div.contenDR { width: 52%; font-size: 10px; } button.naranja.segiDeudas { width: 119%; font-size: 11px; } div.popUpFormat div.popUpBlock div.popUpCont div.InserCuen input[type="text"], div.InserCuen input[type="text"] { height: 20px; width: 80%; } div.InserTPC input[type="text"] { height: 20px; width: 79%; } div.popUpFormat div.popUpBlock div.popUpCont div.insersede, div.insersede { width: 89%; } div.popUpFormat div.popUpBlock div.popUpCont div.insersede select, div.insersede select { width: 100%; height: 22px; } div.popUpFormat div.popUpBlock div.popUpCont div.InserCuen, div.popUpFormat div.popUpBlock div.popUpCont div.InserTPC, div.popUpFormat div.popUpBlock div.popUpCont div.OBT { width: 89%; } /********/ div.auditabla table.auditorias thead.cabecera tr th { width: calc(12% - 7px); font-size: 7px; } tbody.cuerpotablaaudi tr td { width: calc(15% - 13px); font-size: 7px; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT div.InserObc { width: 95%; } div.popUpFormat div.popUpBlock div.popUpCont div.TXcUEN, div.popUpFormat div.popUpBlock div.popUpCont div.texTOP, div.popUpFormat div.popUpBlock div.popUpCont div.TEXobt { width: 50%; font-size: 13px; vertical-align: top; } div.popUpFormat div.popUpBlock div.popUpCont div.OBT div.InserObc { width: 100%; margin-left: -13px; } div.popUpFormat div.popUpBlock div.popUpCont button.naranja.Grabaraudi, button.naranja.Grabaraudi, div.popUpFormat div.popUpBlock div.popUpCont button.gris.crr, button.gris.crr { width: 106%; } /*****************************Bono Sunem*************************************/ div.marco { position: relative; display: block; padding: 10px; border: 2px solid #E0E0E0; border-radius: 20px; background: #FFFFFF; top: -5px; z-index: 2; } div.container { display: block; margin: 5px auto; width: calc(105% - 1px); position: relative; text-align: left; } div.prte { width: calc(95% - 4px); display: block; margin: 5px 5px; position: relative; } /***********************Consulta Bono****************************/ div.atrbbCons { position: relative; width: 100%; display: block; justify-content: center; margin: 20px auto; } div.atribtt { width: 90%; margin: 0px 15px; } div.tbltaEsa div.ahrSiTbltaEsa table { position: relative; display: block; width: 710%; } /***********************Cartera****************************/ .commmpartedos { position: relative; display: block; width: 100%; overflow: auto; } div.pagosAcuerdo div.pagosAcuerdoCont div.tableAcuerdos { width: 1000px; } div.admincampañatitle label { font-size: 1.3em; } /**********************Egresos**************************/ .viewTitle { display: block; } .planillaNumber { display: block; } .pestMenu { display: block; } .pestUnit { width: 90%; } .pestUnit .MenuCont { top: 30px; } .rowCampo { display: block; } .rowCampo.rC1 .campo { width: 100%; } .rowCampo.rC2 .campo { width: 100%; } .rowCampo.rC3 .campo { width: 100%; } .rowCampo.rC4 .campo { width: 100%; } .rowCampo.rC3 .campoFlex { width: 100%; margin: 10px auto; } .rowCampo.rC2 .campoFlex { width: 100%; margin: 10px auto; } .rowCampo.rC1 .campoFlex { width: 100%; margin: 10px auto; } .rowCampo.rC4 .campoFlex { width: 100%; margin: 10px auto; } .ObligTble { position: relative; display: flex; justify-content: flex-start; width: 100%; overflow: auto; } .ObligTble .contTble.pagoTble { width: 1000px; } .ObligTble .contTble.pagoTble table.tbleCont thead tr td { width: 270px; } .ObligTble .contTble.pagoTble table.tbleCont tbody tr td { width: 270px; } .consigCuentTble { display: block; overflow: auto; } .consigCuentTble .contTble { width: 1030px; } .consigCuentTble .contTble table.tbleCont thead tr td { width: 345px; } .consigCuentTble .contTble table.tbleCont tbody tr td { width: 345px; } .anulTble { display: block; position: relative; width: 100%; overflow: auto; } .anulTble .contTble { width: 700px; margin: 15px auto; } .legalTble .contTble { justify-content: flex-start; overflow: auto; } .legalTble .contTble table.tbleCont thead tr td { width: 20em; } .legalTble .contTble table.tbleCont tbody tr td { width: 20em; } /******Perfil******/ .formCont { width: 90%; } .photoUser { width: 90%; } .realFoto { height: 275px; } } div .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-red.jconfirm-type-animated { width: 70% !important; left: -36px; } /*****************************Paginacion*************************************/ div.paginacion { position: relative; display: flex; width: 100%; justify-content: center; z-index: 3; margin: 0 0 40px 0; } div.paginacion ul.paginas { position: relative; display: inline-flex; padding: 10px 20px 30px; } div.paginacion ul.paginas li.numPagina { position: relative; display: block; padding: 5px 8px; cursor: pointer; color: rgba(100,100,100,.9); font-size: 14px; border: solid 1px rgba(200,200,200,.9); border-radius: 5px; transition: .4s; } div.paginacion ul.paginas label { position: relative; display: flex; padding: 5px 3px; } div.paginacion ul.paginas li.numPagina:hover { background: rgba(200,200,200,.9); transition: .4s; } div.paginacion ul.paginas li.pagActual { position: relative; display: block; padding: 5px 8px; margin: 0 5px; font-size: 14px; border-radius: 5px; border: solid 1px #000000; box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5); } div.paginacion ul.paginas li.pagActual input { position: relative; display: block; color: #000000; width: 30px; text-align: center; } /**************************************/ div.bottomB { width: 100%; justify-content: center; margin: 10px auto; } /**************************************/ /**************************************************Pop Up Format*************************************************/ div.popUpFormat { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 10; } div.popUpFormat div.popUpBlock { position: relative; display: block; padding: 30px; border-radius: 10px; height: 500px; background: #FFFFFF; } div.popUpFormat div.popUpBlock div.buttonPopUp { position: absolute; display: flex; width: 40px; height: 40px; top: -18px; cursor: pointer; justify-content: center; align-items: center; border-radius: 50%; background: #E0E0E0; } div.popUpFormat div.popUpBlock div.buttonPopUp.popUpBack { left: -10px; } div.popUpFormat div.popUpBlock div.buttonPopUp.popUpClose { right: -19px; } div.popUpFormat div.popUpBlock div.popUpCont > div { overflow-x: hidden; height: auto; display: none; } .contenedor111 { border: 2px solid black; width: 100%; border-radius: 15px; margin-bottom: 10px; } .columnas111 { display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; border-bottom: 0px solid black; font-size: 12px; } .columna111 { flex: 1; text-align: center; } .fila-tabla { display: flex; align-items: start; justify-content: space-between; font-size: 12px; } .tabla111 { width: 65%; border-collapse: collapse; } .tabla30111 { width: 25%; border-collapse: collapse; } .tabla111 th, .tabla111 td, .tabla30111 th, .tabla30111 td { border: 1px solid #bfbfbf; padding: 8px; text-align: left; } .tabla111 thead { background-color: #00a326; color: white; } /* Agrega el color al thead de la segunda tabla */ .tabla30111 thead { background-color: #838683; color: white; } .tabla111 tbody tr:nth-child(odd), .tabla30111 tbody tr:nth-child(odd) { background-color: #ffffff; /* Cambia este color si lo deseas */ } /* Estilo para las filas pares en ambas tablas */ .tabla111 tbody tr:nth-child(even), .tabla30111 tbody tr:nth-child(even) { background-color: #E9E9E9; /* Cambia este color si lo deseas */ } .botonMostrar { padding: 5px 10px; background-color: #3498db; color: white; border: none; cursor: pointer; } .contenidooculto { height: 0; overflow: hidden; transition: height 0.5s ease-in-out; max-height: 300px; /* Ajusta la altura máxima según tu preferencia */ overflow-y: auto; } .contenedor-tablas111 { padding: 20px; /* Agrega aquí el valor de padding que desees */ } .pointer111 { cursor: pointer; } .grupo-titulo111 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; /*width: 50%;*/ /* Cada grupo ocupa el 50% del ancho */ padding: 0 10px; /* Espacio entre los grupos */ box-sizing: border-box; /* Para incluir el padding en el ancho del elemento */ } .titulo111 { font-weight: bold; margin-bottom: 5px; } .padding10 { padding-bottom: 10px; } .btnExp111 { width: 1em; /* Ajusta el ancho según tu preferencia */ font-size: 1.6em; } .ne111 { font-weight: bold; } input[disabled] { background-color: #f2f2f2; border: 1px solid #cccccc; opacity: 0.9; } /*425px*/ @media only screen and (max-width:425px) { div.cooinAutorizacion div.autorCont div.autorTable table { width: 300%; overflow-x: scroll; } div.cooinAutorizacion div.autorCont { overflow-x: scroll; } div.gestionTableBlock div.gestionTable { width: 250%; overflow-x: scroll; } div.gestionTableBlock { overflow-x: scroll; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult div.campoSelect { display: flex; flex-direction: column; margin: 10px 29px; } div.gestionLlamadas div.gestionLlamadasCont div.gestionConsult { display: flex; flex-direction: column; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont table { position: relative; display: block; width: 200%; overflow: auto; } div.afiliacionCooinpaz > div div.grillTable div.grillTableCont { overflow-x: auto; } div.afiliacionCooinpaz > div div.grillTable div.grillRadio { flex-direction: column; } div.afiliacionCooinpaz > div div.grillTable div.grill2Filter > div div.btn button, div.afiliacionCooinpaz > div div.grillTable div.grill3Filter > div div.btn button { left: -10px; position: relative; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.tableBlock div.tableBlockItem div.tBlockHidden div.tBHiddenTable table { width: 275%; overflow-x: auto; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.popButton { flex-direction: column; } div.popUpFormat div.popUpBlock div.popUpCont > div div.popAfiCont div.checkList { display: flex; flex-direction: column; align-items: center; } div.popUpFormat div.popUpBlock { position: relative; display: block; padding: 30px; border-radius: 10px; height: 500px; background: #FFFFFF; width: 80% !important; } .itemSearch { width: 75%; } } /* Estilos del botón transparente */ .botonTransparente { background-color: transparent !important; border: 2px solid red; color: red !important; padding: 10px 20px; border-radius: 5px; font-size: 16px; cursor: pointer; } /* Botón verde al detectar archivo */ .botonVerde { background-color: transparent !important; border: 2px solid green !important; color: green !important; } /* Modal */ .modal5 { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .modal5-content { background-color: #fff; margin: auto; padding: 20px; border: 1px solid #888; width: 50%; } .modal8 { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .modal8-content { background-color: #fff; margin: auto; padding: 20px; border: 1px solid #888; width: 50%; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .StyleToPopUp { display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 5%; } .submitButto { width: 52% !important; } .classNewBut { height: 20%; } .formtitle.formtitle2 { justify-content: center; } .claseParaCausacionNomina { width: 32.5%; position: relative; left: 33.8%; margin-top: 1%; } .claseParaBtnCausacionNomina { width: 24%; display: inline-flex; gap: 15%; } @import url('https://fonts.googleapis.com/css?family=Courgette&display=swap'); @import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap'); /**********************Header**************************/ header.headerAfil div.headerDiv { position: fixed; display: flex; background: #008139; box-shadow: 1px 2px 4px rgba(150,150,150,.5); height: 66px; justify-content: space-between; width: 100%; z-index: 10; } header.headerAfil div.headerDiv div.headerLogo, header.headerAfil div.headerDiv div.headerInfo, header.headerAfil div.headerDiv div.headermenu { position: relative; display: inline-block; height: 100%; vertical-align: top; } header.headerAfil div.headerDiv div.headerLogo { width: 20%; } header.headerAfil div.headerDiv div.headerLogo div.headerImg { position: relative; display: block; padding: 5px; height: calc(100% - 10px); } header.headerAfil div.headerDiv div.headerLogo div.headerImg a img { position: relative; height: 100%; object-fit: contain; width: 100%; } header.headerAfil div.headerDiv div.headerInfo div.headerDatos { position: relative; display: block; padding: 5px 0; } header.headerAfil div.headerDiv div.headerInfo div.headerDatos label { position: relative; display: block; color: #FFFFFF; text-align: center; font-size: 18px; font-weight: 700; } label.nombre, label.cedula { font-size: 14px !important; font-weight: 500 !important; } header.headerAfil div.headerDiv div.headermenu div.headerButton { position: relative; display: flex; justify-content: center; align-items: center; background: #FFFFFF; height: 100%; width: 60px; cursor: pointer; transition: .4s; padding-left: 211px; } header.headerAfil div.headerDiv div.headermenu div.headerButton:hover, header.headerAfil div.headerDiv div.headermenu div.headerButton.activo { background: rgba(0, 99, 47,.9); transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.headerButton span.menu { position: relative; display: flex; content: ''; width: 20px; height: 2px; background: #212529; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.headerButton.activo span.menu, header.headerAfil div.headerDiv div.headermenu div.headerButton:hover span.menu { background: #FFFFFF; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.headerButton span.menu:before { position: absolute; display: flex; content: ''; width: 20px; height: 2px; background: #212529; bottom: 8px; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.headerButton.activo span.menu:before, header.headerAfil div.headerDiv div.headermenu div.headerButton:hover span.menu:before { background: #FFFFFF; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.headerButton span.menu:after { position: absolute; display: flex; content: ''; width: 20px; height: 2px; background: #212529; top: 8px; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.headerButton.activo span.menu:after, header.headerAfil div.headerDiv div.headermenu div.headerButton:hover span.menu:after { background: #FFFFFF; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.menuOculto { position: absolute; display: flex; background: rgb(0, 102, 48); width: auto; height: 0px; right: 0; overflow: hidden; transition: .4s; border-radius: 0 0 10px 10px; } header.headerAfil div.headerDiv div.headermenu div.menuOculto.activo { height: 95px; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista { position: relative; display: block; justify-content: center; align-items: center; padding: 5px 10px 10px; width: calc(100% - 20px); } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item { position: relative; display: flex; justify-content: left; align-items: center; padding: 5px; cursor: pointer; margin: 5px 0; border-radius: 5px; transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item a { position: relative; display: flex; align-items: center; color: #FFFFFF; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item:hover { background: rgb(0, 129, 57); transition: .4s; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item span.itemIcono { position: relative; display: flex; margin-right: 5px; background: #FFFFFF; border-radius: 50%; width: 25px; height: 25px; justify-content: center; align-items: center; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item span.itemIcono i { color: rgb(0, 102, 48); font-size: 14px; } /***********Cambio de color cuadros***********/ div.headerDiv div.element { display: flex; justify-content: center; align-items: center; height: 110px; overflow: hidden; width: 550px; } div.headerDiv div.element.cambioColorPreHeader { position: absolute; right: 0; z-index: 0; } div.headerDiv div.element.cambioColorHeader { transform: rotate(180deg); position: absolute; bottom: 0; right: 90px; width: 200px; height: 66px; z-index: 9999999; } span.transicionColor { transform: rotate(-45deg); margin: 0 8px; left: -190px; } span.transicionColor, span.transicionColor > span, span.transicionColor > span:after { content: ''; width: 40px; height: 40px; background: #008139; position: relative; transition: .4s; } span.transicionColor > span.elementLeft { position: absolute; right: -40px; } span.transicionColor > span.elementLeft:after { position: absolute; right: -40px; } span.transicionColor > span.elementRight { position: absolute; bottom: -40px; left: 0; } span.transicionColor > span.elementRight:after { position: absolute; bottom: -40px; left: 0; } /***********color de los cuadros***********/ span.transicionColor.linea1 { background: rgba(0, 129, 57, .0); z-index: 1; } span.transicionColor.linea1 > span { background: rgba(0, 129, 57, .0); } span.transicionColor.linea1 > span:after { background: rgba(0, 129, 57, .1); animation: opacitiColor 4s infinite; } span.transicionColor.linea2 { background: rgba(0, 129, 57, .1); animation: opacitiColor 3.8s infinite; z-index: 2; } span.transicionColor.linea2 > span { background: rgba(0, 129, 57, .2); animation: opacitiColorDos 3.6s infinite; } span.transicionColor.linea2 > span:after { background: rgba(0, 129, 57, .4); animation: opacitiColorTres 3.4s infinite; } span.transicionColor.linea3 { background: rgba(0, 129, 57, .4); animation: opacitiColorTres 3.2s infinite; z-index: 3; } span.transicionColor.linea3 > span { background: rgba(0, 129, 57, .6); animation: opacitiColorCuatro 3s infinite; } span.transicionColor.linea3 > span:after { background: rgba(0, 129, 57, .8); animation: opacitiColorCinco 3.5s infinite; } span.transicionColor.linea4 { background: rgba(0, 129, 57, .8); animation: opacitiColorCinco 3.7s infinite; z-index: 4; } span.transicionColor.linea4 > span { background: rgba(0, 129, 57, 1); } span.transicionColor.linea4 > span:after { background: rgba(0, 129, 57, 1); } span.transicionColor:nth-child(4):after { content: ''; background: rgba(0, 129, 57, 1); position: absolute; width: 410px; height: 172px; transform: rotate(45deg); bottom: -231px; right: -351px; } span.transicionColor:nth-child(1):after { content: ''; background: linear-gradient(90deg, rgba(21, 128, 64, 0) 10%,rgba(21, 128, 64, 0) 50%); position: absolute; width: 620px; height: 172px; transform: rotate(45deg); bottom: -305px; right: -528px; } /***********Fin Cambio de color cuadros***********/ /*************************Footer****************************/ div.footerLogos { position: fixed; display: block; width: 100%; height: 49px; overflow: hidden; bottom: 0; background: #FFFFFF; z-index: 9; box-shadow: 0px -4px 3px rgba(150,150,150,.5); } div.footerLogos div.footerContent { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; } div.footerLogos div.footerContent div.footerImg { position: relative; display: block; height: calc(100% - 10px); margin: 10px; cursor: pointer; } div.footerLogos div.footerContent div.footerImg a img { position: relative; display: block; height: 100%; } /************************Index Afiliados******************************/ div.index { position: relative; display: flex; justify-content: center; width: 100%; height: 100%; background: url(../../img/AdministrativoCooinpaz/ImgBackGroundLogin.jpg); } div.index div.indexBlock { position: relative; display: block; width: 81%; justify-content: center; margin: auto; border-radius: 5px; /* margin-bottom: 245px; */ } div.index div.indexBlock div.indexContent { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; } div.index div.indexBlock div.indexContent > div { position: relative; display: inline-block; width: calc(33% - 34px); padding: 20px; margin: 10px; background: #FFFFFF; border-radius: 20px; vertical-align: top; } .indexTarjeta { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); } div.index div.indexBlock div.indexContent div.indexText { position: relative; display: inline-block; width: calc(33% - 59px); vertical-align: top; background: unset; padding: unset; margin: unset; background: unset; border-radius: unset; } div.index div.indexBlock div.indexContent div.indexDatos, div.index div.indexBlock div.indexContent div.indexRadio { padding: 22px; margin: 10px; background: #FFFFFF; border-radius: 20px; vertical-align: top; } div.index div.indexBlock div.indexContent div.indexRadio div.tituloRadio { position: relative; display: block; color: #008139; text-transform: uppercase; font-size: 26px; font-weight: 700; margin-bottom: 10px; } div.index div.indexBlock div.indexContent div.indexRadio div.soloRadio { position: relative; display: flex; align-items: center; margin: 5px 0; } div.index div.indexBlock div.indexContent div.indexRadio div.soloRadio input { margin: 0 10px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexTitulo { position: relative; display: block; color: #008139; text-transform: uppercase; font-size: 26px; font-weight: 700; margin-bottom: 10px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexInfo { position: relative; display: block; padding-left: 10px; padding-bottom: 20px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexInfo > div label { position: relative; display: block; margin: 5px 0; font-weight: 600; color: #50A754; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago { position: relative; display: block; height: 116px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexDeuda label { position: relative; display: block; margin: 5px 0; font-weight: 600; color: #50A754; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexDeuda span { font-size: 20px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexButton { position: relative; display: flex; padding-top: 10px; justify-content: flex-end; width: 100%; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexButton button { position: relative; display: block; padding: 20px; border-radius: 20px; font-size: 20px; background: #A6C307; color: #FFFFFF; cursor: pointer; transition: .4s; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexButton button:hover { background: #C6E327; transition: .4s; } div.index div.indexBlock div.indexContent div.indexPubli div.publiTitle { position: relative; display: block; color: #008139; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-bottom: 10px; text-align: center; } /************************Publi Ofertshop*************************************/ div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) { display: flex; position: relative; width: 100%; justify-content: center; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div { display: inline-block; width: calc(50% - 0px); margin: 5px 0; border: 1px solid #dddddd; margin: 5px; border-radius: 3px; background: #ffffff; cursor: pointer; box-shadow: 0 43px 43px -43px rgba(0,0,0,0.5); max-width: 220px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentImgProducto { position: relative; margin: auto; height: 200px; text-align: center; display: flex; justify-content: center; align-content: center; align-items: center; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentImgProducto > span.banderaPromo { text-transform: uppercase; transform: rotate(312deg); color: #fff; position: absolute; z-index: 9; top: 26px; font-size: 11px; padding: 4px 15px; left: -26px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentImgProducto > span.banderaPromo > i { color: #FFC400; position: absolute; top: -25px; left: 50px; font-size: 20px; transform: rotate(48deg); text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentImgProducto > span.banderaPromo:after { content: ''; border-bottom: 20px solid #FF5722; border-left: 22px solid transparent; border-right: 18px solid transparent; position: absolute; top: 0px; width: 77%; height: 0px; left: -9px; border-radius: 5px; z-index: -1; box-shadow: 2px 8px 12px -6px rgba(0,0,0,0.4); } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentImgProducto > img { margin: auto; height: auto !important; width: auto !important; max-width: 165px; max-height: 175px; padding: 5%; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText { position: relative; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText h2 { font-size: 16px; font-weight: 300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px; color: #606060; text-align: center; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios { display: inline-block; vertical-align: middle; width: 100%; position: relative; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios p.precioUsuarioOrganicoIndex { font-size: 17px; color: #606060; width: 98%; margin: auto; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-flex; justify-content: center; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios div.precioUsuarioAfiliado { height: 50px; font-size: 0; background: #FF5722; padding: 5px 0; margin: 5px 0; display: flex; align-items: center; align-content: center; justify-content: center; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios div.precioUsuarioAfiliado img { padding: 0 4% 0 0; vertical-align: middle; display: inline-block; height: 29px; max-width: 51px !important; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios div.precioUsuarioAfiliado p { line-height: 0.8; text-align: left; color: #ffffff; font-size: 18px; max-width: 74%; vertical-align: middle; display: inline-block; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios div.precioUsuarioAfiliado p label { line-height: 0.8; color: #ffffff; max-width: 100%; margin-bottom: -6px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios span { font-size: 11px; opacity: 0.6; display: block; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextBoton { width: 95%; display: block; cursor: pointer; margin: 1px auto 6px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextBoton button.botonVerMasProducto { width: 100%; padding: 6px; color: #ffffff; background: #FF5722; border-radius: 3px; cursor: pointer; font-size: small; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div:nth-child(1) { animation-name: enlacePublicidad1; animation-duration: 1s; } /************************Fin Publi Ofertshop*************************************/ div.index div.indexBlock div.indexContent div.tarjeta div.imgTarjeta img { position: relative; display: block; width: 100%; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { position: absolute; display: block; top: 250px; margin: 20px; width: calc(100% - 80px); } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label { display: block; color: #FFFFFF; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.numeroTarjeta { font-size: 40px; max-width: 76%; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.nombreTarjeta { font-size: 19px; max-width: 77%; text-transform: uppercase; } div.index div.indexBlock div.indexContent div.tarjeta div.estadoTarjeta { position: relative; display: flex; justify-content: flex-end; width: 92%; margin: 20px 0px; height: 52px; } /*******************AdquisiciónTCO**************************/ div.BotonRenovA { position: relative; display: flex; justify-content: end; width: 28%; border-radius: 5px; margin-right: 62px; } div.index div.indexBlock div.indexContent div.tarjeta div.estadoTarjeta div { width: 150px; text-align: center; font-size: 14px; padding: 0px 0px 0px 3px; color: #FFFFFF; } div button.btnGeneral.naranja.Eln { border-radius: 3px; font-size: small; clip-path: polygon(100% 100%,100% 100%,0% 100%,0% 0%,100% 0%, 81% 55%); text-transform: capitalize; width: 120px; } div.index div.indexBlock div.indexContent div.tarjeta div.estadoTarjeta div.tarjetaActiva { position: relative; display: block; background: #A6C307; text-align: center; padding: 19px 0px; clip-path: polygon(100% 0%,100% 100%,0% 100%,20% 50%, 0% 0%); } div.camposPopRenov { width: 100%; justify-content: center; display: flex; } div.campoPopR { margin: 0 6px; position: relative; display: flex; padding: 0 0px; text-align: center; } div input.checkAdq { position: relative; display: flex; margin: 6px; } div label.titleAdq { position: relative; display: flex; margin-right: 4px; } /***********FinAdquisiciónTCO*******************/ div.index div.indexBlock div.indexContent div.tarjeta div.estadoTarjeta div.tarjetaInactiva { position: relative; display: none; background: #c32607; text-align: center; padding: 19px 0px; clip-path: polygon(100% 0%,100% 100%,0% 100%,20% 50%, 0% 0%); } div.index div.indexBlock div.indexContent div.tarjeta div.estadoTarjeta div.tarjetaTemporal { position: relative; display: none; background: orange; text-align: center; padding: 19px 0px; clip-path: polygon(100% 0%,100% 100%,0% 100%,20% 50%, 0% 0%); } div.index div.indexBlock div.indexContent div.tarjeta div.estadoTarjeta div.tarjetaSin { position: relative; display: none; background: darkgray; text-align: center; padding: 19px 0px; clip-path: polygon(100% 0%,100% 100%,0% 100%,20% 50%, 0% 0%); } div.indexBenef, div.indexMoves { display: none; position: relative; margin: 10px 0; overflow: auto; } div.indexBenef.activo, div.indexMoves.activo { display: block; } div.indexBenef div.contTablaBeneficiarios, div.indexMoves div.contTablaMovimientos { display: block; max-height: 200px; width: 150%; } div.indexMoves div.contTablaMovimientos { width: auto; } div.indexBenef div.contTablaBeneficiarios div.contTituloCabecera, div.indexMoves div.contTablaMovimientos div.contTituloCabecera { display: block; background-color: #313539; width: 100%; } div.indexBenef div.contTablaBeneficiarios div.contTituloCabecera div, div.indexMoves div.contTablaMovimientos div.contTituloCabecera div { display: inline-block; width: calc(25% - 4px); margin-top: 1px; text-align: center; vertical-align: middle; margin: 5px 0; } div.indexMoves div.contTablaMovimientos div.contTituloCabecera div { width: calc(33% - 4px); } div.indexBenef div.contTablaBeneficiarios div.contTituloCabecera div h5, div.indexMoves div.contTablaMovimientos div.contTituloCabecera div h5 { color: #ECFDFF; } div.indexBenef div.contTablaBeneficiarios div.contCuerpoTablaBeneficiarios div.contCuerpoTablaBeneficiarios, div.indexMoves div.contTablaMovimientos div.contCuerpoTablaMovimientos div.contCuerpoTablaMovimientos { display: block; background-color: #F5F5F9; margin-top: 1px; width: 100%; padding: 0; } div.indexBenef div.contTablaBeneficiarios div.contCuerpoTablaBeneficiarios div, div.indexMoves div.contTablaMovimientos div.contCuerpoTablaMovimientos div { display: inline-block; width: calc(25% - 4px); text-align: center; vertical-align: middle; padding: 5px 0; font-size: 14px; } div.indexMoves div.contTablaMovimientos div.contCuerpoTablaMovimientos div { width: calc(33% - 4px); } div.indexBotonera { position: relative; display: flex; justify-content: center; } /************************Boton TCO*************************************/ div.indexBotonunico { position: relative; display: block; padding: 20px; margin: 10px; background: white; border-radius: 20px; } div.seccionBoton { display: flex; padding: 10px; margin: auto; justify-content: center; } div.seccionBoton button { position: relative; display: block; padding: 10px; border-radius: 5px; text-transform: uppercase; margin: 0 5px; cursor: pointer; transition: .3s; } /************************Fin Boton TCO*************************************/ div.indexBotonera button { position: relative; display: block; padding: 13px; border-radius: 5px; text-transform: uppercase; margin: 3px 5px; cursor: pointer; transition: .3s; } div.indexBotonera button.activo { background: #008139; color: #FFFFFF; transition: .3s; } /*****************************Publi Slider*********************************/ div.index div.slider { position: relative; display: block; overflow: hidden; width: 100%; height: 120px; border-radius: 10px; z-index: 1; margin-top: 60px; } div.slider div img { object-fit: cover; width: 100%; height: 100%; } div.index div.slider div.sliderItem { position: relative; display: flex; align-items: center; width: 100%; height: 100%; opacity: 0; } div.index div.slider div.sliderItem.activo { opacity: 1; transition: .8s; } div.index div.slider div.sliderItem div img { object-fit: cover; width: 100%; height: 100%; } div.index div.slider div.sliderItem div.index div.sliderText { position: absolute; text-align: right; display: block; width: 45%; } div.index div.slider div.sliderItem div.index div.sliderText label { position: relative; display: block; text-transform: uppercase; font-size: 28px; font-weight: 900; color: #313539; } div.index div.slider div.sliderItem div.index div.sliderText p { position: relative; display: block; font-weight: 600; color: #717579; } div.index div.slider div.sliderItem div.index div.sliderText span.afilieseLabel { position: absolute; display: block; font-size: 80px; text-align: right; width: 100%; color: #008139; margin: 10% 0; font-family: Brush Script MT, Brush Script Std, Dancing Script, cursive; transform: rotate(-10deg); } div.index div.slider div.sliderItem div.index div.sliderText span.afilieseLabel.blanco { color: #FFFFFF; } label.labelHome { color: #FFFFFF !important; } p.pHome { color: #A1A5A9 !important; } /******************************Fin Publi Slider****************************************/ /*******************************Actualizacion Datos*******************************/ div.actualDatos { position: relative; display: flex; justify-content: center; width: 100%; height: 100%; top: -6px; background: rgba(150,150,150,.1); } div.actualDatos div.actualContent { position: relative; display: block; width: 85%; padding-top: 20px; } div.actualDatos div.actualContent div.actualLista { position: relative; display: inline-block; width: 25%; vertical-align: top; margin-top: 20px; } div.actualDatos div.actualContent div.actualLista div.actualItem { position: relative; display: block; padding: 10px 0px 10px 30px; margin: 10px 0; margin-top: 0; border-radius: 10px 0 0 10px; cursor: pointer; background: #FFFFFF; z-index: 0; transition: .4s; } div.actualDatos div.actualContent div.actualLista div.actualItem:hover { transition: .4s; box-shadow: -2px 1px 3px rgba(150,150,150,.5); } div.actualDatos div.actualContent div.actualLista div.actualItem.activo { z-index: 2; transition: .4s; box-shadow: -2px 1px 3px rgba(150,150,150,.5); } div.actualDatos div.actualContent div.actualCambio { position: relative; display: inline-block; width: calc(75% - 7px); vertical-align: top; border-radius: 20px; overflow: hidden; box-shadow: -3px 2px 6px rgba(150,150,150,.5); left: -5px; margin-bottom: 80px; z-index: 1; } div.actualDatos div.actualContent div.actualCambio div.actualCampos { position: relative; display: flex; justify-content: center; padding: 20px 0; background: #FFFFFF; min-height: 170px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos > div { display: none; width: calc(100% - 60px); } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.activo { display: block; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTitle { position: relative; display: block; margin: 20px auto; margin-top: 0; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 700; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.direcContainer { position: relative; display: block; width: 100%; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualDesc, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualAntigua, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualNueva { position: relative; display: block; margin: 10px 0; text-align: center; width: 100%; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualContra div.actualAntigua, div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualContra div.actualNueva, div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualCorreo div.actualAntigua { width: 70%; margin: auto; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualAntigua div.campo, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualNueva div.campo { position: relative; display: block; margin: 10px 2px; width: calc(100% - 4px); } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div div.label { font-size: 14px; position: relative; display: block; text-align: left; padding-left: 10px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion { position: relative; display: flex; width: calc(100% - 42px); padding: 20px; justify-content: space-between; margin: 10px 0; border-radius: 10px; box-shadow: 0px 1px 5px rgba(150,150,150,.5); transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion:hover { box-shadow: 2px 2px 9px rgba(150,150,150,.5); transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion b span { font-weight: 500; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion div { position: relative; display: block; width: auto; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion div span.editarDir { color: #228AE7; cursor: pointer; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion div span.eliminarDir { color: #FF0000; cursor: pointer; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.direcEdit { position: relative; display: block; margin: auto; width: 540px; overflow: hidden; height: 0; transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.direcEdit.activo { height: 420px; transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div div.nueva1, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div div.nueva2 { position: relative; display: inline-block; width: calc(50% - 3px); } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div div.nueva1.dir { width: calc(40% - 3px); } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div div.nueva2.dir { width: calc(60% - 3px); } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualBotonera { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; width: 100%; } div.actualDatos div.actualContent div.actualLista div.RegresarHom { position: relative; display: flex; justify-content: center; align-items: center; margin: 10px 0; width: 100%; } div.actualDatos div.actualContent div.actualLista div.RegresarHom button.btnGeneral.naranja { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 10px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualBotonera button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 10px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualCelular { width: calc(100% - 60px); } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualCelular div.telefCelular { position: relative; display: block; width: 100%; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef { position: relative; display: flex; width: calc(100% - 42px); padding: 20px; justify-content: space-between; margin: 10px 0; border-radius: 10px; box-shadow: 0px 1px 5px rgba(150,150,150,.5); transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef b span { font-weight: 500; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef:hover { box-shadow: 2px 2px 9px rgba(150,150,150,.5); transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef div { position: relative; display: block; width: auto; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef div span.editarBtn { color: #228AE7; cursor: pointer; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef div span.eliminarBtn { color: #FF0000; cursor: pointer; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualEdit { position: relative; display: block; margin: auto; width: 500px; overflow: hidden; height: 0; transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualEdit.activo { height: 150px; transition: .4s; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.botonAgregar { position: absolute; display: block; width: auto; height: auto; top: 12px; right: 32px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.botonAgregar button { position: relative; display: flex; justify-content: center; align-items: center; font-size: 20px; padding: 8px; border-radius: 10px; } div.actualDatos div.popUpAddTelefono, div.actualDatos div.popUpAddDireccion { display: none; } div.actualDatos div.popUpAddTelefono.activo, div.actualDatos div.popUpAddDireccion.activo { position: fixed; display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100% + 60px); background: rgba(50,50,50,.5); top: -60px; z-index: 10; } div.actualDatos div.popUpAddTelefono div.popTelefContent, div.actualDatos div.popUpAddDireccion div.popDirecContent { position: relative; display: block; padding: 30px; width: 50%; height: auto; background: #FFFFFF; border-radius: 20px; } div.actualDatos div.popUpAddDireccion div.popDirecContent div.inputDirec div.actualAntigua { margin: 10px 0; } div.actualDatos div.popUpAddDireccion div.popDirecContent div.inputDirec div.actualAntigua div.nueva1 { position: relative; display: inline-block; width: 35%; } div.actualDatos div.popUpAddDireccion div.popDirecContent div.inputDirec div.actualAntigua div.nueva2 { position: relative; display: inline-block; width: calc(65% - 6px); } div.actualDatos div.popUpAddTelefono div.popTelefContent div.titleLabel, div.actualDatos div.popUpAddDireccion div.popDirecContent div.titleLabel { position: relative; display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 20px; margin: 10px 0; } div.actualDatos div.popUpAddTelefono div.popTelefContent div.inputTelef, div.actualDatos div.popUpAddDireccion div.popDirecContent div.inputDirec { margin: 20px 0; } div.actualDatos div.popUpAddTelefono div.popTelefContent div.botonTelef, div.actualDatos div.popUpAddDireccion div.popDirecContent div.botonDirec { position: relative; display: flex; justify-content: center; align-items: center; } div.actualDatos div.popUpAddTelefono div.popTelefContent div.botonTelef button, div.actualDatos div.popUpAddDireccion div.popDirecContent div.botonDirec button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 5px; } div.actualDatos div.popUpAddTelefono div.popTelefContent div.inputTelef div.telefBlock { position: relative; display: block; width: 100%; margin: 10px 0; } div.actualDatos div.popUpAddTelefono div.popTelefContent div.inputTelef div.telefBlock label { position: relative; display: block; margin: 5px 0; } div.actualDatos div.popUpAddTelefono div.popTelefContent div.inputTelef div.telefBlock div.campo { position: relative; display: inline-block; width: calc(50% - 13px); margin: 0 5px; } /*******************************Fin Actualizacion Datos*******************************/ /*************************************Cuenta Pagar PayU******************************************/ div.pagarPayU { position: relative; display: flex; width: 100%; height: 140%; justify-content: center; padding: 30px 0 0; background: #E5E5E9; top: -6px; } div.pagarPayU div.contPayU { position: relative; display: block; width: 90%; } div.pagarPayU div.contPayU div.infoPayU { position: relative; display: inline-block; width: calc(40% - 63px); margin: 0px 10px; vertical-align: top; } div.pagarPayU div.contPayU div.infoPayU p { color: #212529; margin: 10px 0; } div.pagarPayU div.contPayU form.formPayU { position: relative; display: inline-block; width: calc(60% - 82px); margin: 0 20px; vertical-align: middle; padding: 20px; background: #FFFFFF; border-radius: 10px; } div.pagarPayU div.contPayU form.formPayU div.titlePayU { position: relative; display: block; margin: 0 0 20px; text-transform: uppercase; font-size: 26px; font-weight: 700; color: rgb(0, 129, 57); } div.pagarPayU div.contPayU form.formPayU div.camposPayU { position: relative; display: block; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU { position: relative; display: block; margin-bottom: 10px; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCont { position: relative; display: block; padding: 20px; background: #FFFFFF; border-radius: 10px; text-align: justify; margin-bottom: 20px; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCard { position: relative; display: block; padding: 20px; background: #FFFFFF; border-radius: 10px; text-align: center; margin-bottom: 20px; overflow-y: auto; height: auto; max-height: 390px; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCard > span { position: relative; display: block; font-size: 18px; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCard span.ofNum { margin: 10px 0; font-size: 24px; font-weight: 700; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCard div.ofStat { position: relative; display: block; margin-top: 10px; font-size: 36px; font-weight: 800; text-transform: uppercase; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCard div.ofStat.ofInactiv { color: #c61a1a; } div.pagarPayU div.contPayU div.infoPayU div.infoPayUCard div.ofStat.ofActiv { color: #008139; } div .fieldPayU.borderrd { border: 1px solid darkgray; border-radius: 5px; padding: 5px 5px; padding-bottom: 15px; width: 98%; } div label.primerlabelborder { position: relative; display: flex; justify-content: center; padding: 12px 0px; font-weight: 700; } div .segundoborder { border: 1px solid darkgray; border-radius: 5px; padding: 3px 8px; padding-bottom: 12px; padding-right: 17px; display: none; } div label.labelSegundop { position: relative; display: flex; justify-content: center; font-weight: 700; padding-top: 15px; padding-bottom: 16px; } div input#radioEnvioTCO { position: relative; display: table-row; margin-right: 8px; } div input#radioTransaccion { margin-right: 8px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.label { position: relative; display: inline-block; width: calc(30% - 5px); color: rgb(0, 129, 57); font-weight: 700; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU:nth-child(9) div.label { vertical-align: top; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo { position: relative; display: inline-block; width: 68%; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo div.radioBtn { position: relative; display: flex; align-items: center; margin-bottom: 10px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo div.radioBtn:nth-child(3) { margin: 0; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo div.radioBtn input.radio { margin-right: 10px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.checkTerms { position: relative; display: block; margin: 10px 0; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.checkTerms input { margin-right: 10px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.checkTerms span { cursor: pointer; color: #0094ff; text-decoration: underline; } div.pagarPayU div.contPayU form.formPayU div.botonPayU { width: 100%; position: relative; display: block; /* margin: auto; */ justify-content: flex-start; text-align: center; } div.pagarPayU div.contPayU form.formPayU div.botonPayU span.boton { position: relative; display: flex; padding: 20px; padding-right: 60px; align-items: center; color: #FFFFFF; background: rgb(0, 129, 57); border-radius: 20px; cursor: pointer; transition: .4s; } div.pagarPayU div.contPayU form.formPayU div.botonPayU:hover span.boton { background: rgb(20, 149, 77); transition: .4s; } div.pagarPayU div.contPayU form.formPayU div.botonPayU.disabled span.boton { background: rgba(50,50,50,.8); cursor: default; } div.pagarPayU div.contPayU form.formPayU div.botonPayU span.icono { position: absolute; display: flex; width: 5em; height: 5em; background: rgb(188, 207, 3); justify-content: center; align-items: center; border-radius: 50%; left: 6em; cursor: pointer; transition: .4s; } div.pagarPayU div.contPayU form.formPayU div.botonPayU:hover span.icono { background: rgb(208, 227, 23); transition: .4s; } div.pagarPayU div.contPayU form.formPayU div.botonPayU.disabled span.icono { background: rgb(150,150,150); cursor: default; } div.pagarPayU div.contPayU form.formPayU div.botonPayU span.icono img { width: 70px; } .doscjun { width: 59em; justify-content: center; position: relative; display: block; } .commetord { width: 50em; margin: 5px auto; position: relative; display: flex; padding: 15px; border-radius: 16px; cursor: pointer; border: 1px solid darkgray; } .tituld { width: 100%; margin: 10px auto; text-align: center; font-size: 16px; font-weight: bold; display: flex; } .texximfor { width: 30em; display: block; margin: auto; position: relative; vertical-align: top; } div.contencel { width: 38em; display: block; position: relative; margin: auto; } .teximfesd { width: 30em; display: block; margin: auto; position: relative; } .activarbtn { visibility: visible; margin-top: 20px; display: flex; justify-content: center; } div.commetord img { width: 60%; height: 100%; object-fit: cover; margin: auto; position: relative; left: 25%; } .btn__text { color: #FFFFFF; background: #ff7700; padding: 11px 24px; font-size: 17px; text-decoration: none; border: none; cursor: pointer; display: inline-block; border-radius: 9px; } .buttprimer { width: 20em; position: relative; display: none; justify-content: center; margin: auto; } button#btnPagar { width: 12em; height: 4em; position: relative; margin: auto; padding: 5px; display: block; border-radius: 16px; background: rgb(188, 207, 3); justify-content: center; } button#btnPagar img { width: 71%; height: 100%; object-fit: contain; } .buttsegun { width: 20em; position: relative; display: none; justify-content: center; margin: auto; } .buterdisf { width: 43em; justify-content: center; margin: 10px auto; position: relative; display: none; } /*****/ div.CHPL { width: 100%; margin: 10px auto; } div.CHPL label { color: #c61a1a !important; font-weight: bold !important; font-size: 17px; } div.zzsr { width: 100%; margin: 10px auto; display: none; } div.ezzsr { width: 100%; margin: 10px auto; display: block; } div.botonm { width: 19%; margin: 10px auto; text-align: center; } div.wfc { width: calc(100% - 1px); display: inline-block; margin: 10px auto; } div.rtb { width: calc(49% - 1px); margin: auto; text-align: center; display: inline-block; } div.selec.peques { width: 10%; height: auto; display: inline-flex; } div.selecy { width: 99% !important; margin: auto; text-align: center; display: block; } div.selec.lds.huhuhu { width: calc(100% - 1px) !important; margin: auto; text-align: center; display: block; } div.seleoc { width: 100%; display: none; margin: 10px auto; } div.fdedxd { width: 100%; display: none; margin: 10px auto; } div.centr { text-align: center !important; } input#CheckValorAbono { width: 6%; display: inline-block; } div.campoPopR.opkd input { width: calc(100% - 61px); display: inline-block; } div.campoPopR.opkd { display: inline-block; width: calc(30% - 1px) !important; } div.lados { width: calc(18% - 1px) !important; margin: auto; text-align: center; display: inline-block; } div.SECDIREC { width: 100%; display: block; margin: auto; text-align: center; } div.direccp { width: 100%; display: block; position: relative; margin: 13px auto; } div.acuerdoItem.linapr { width: calc(21%) !important; } div.tedireqm { width: 65% !important; margin: auto; text-align: center; display: inline-block; } div.direcqum { width: 100% !important; margin: auto; display: inline-block; text-align: center !important; } div.direcqum span { margin: auto 5px; } div.cfw { width: calc(80% - 1px); display: inline-block; margin: 10px auto; } div.ckq { width: 15%; display: inline-block; margin: auto; text-align: center; } div.lfto { width: 46%; display: inline-block; margin: auto; } div.sertidirecc { width: calc(100% - 1px); display: none; margin: 11px auto; } label.negri { font-weight: bold; } input#dese { margin-right: 5px; } div.conttp { width: 100%; display: block; margin: auto; } div.unp, div.dop { width: calc(45% - 1px ) !important; display: inline-block; margin: 2px 8px; } input.radio.radiomedida { margin-right: 8px; } /******/ /*************************************Fin Cuenta Pagar PayU******************************************/ /********************************Registro******************************/ div.registro { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(126, 128, 128, 0.2); } div.registro section { position: relative; display: block; padding: 20px; width: 40%; background: #FFFFFF; border-radius: 10px; } div.registro form { position: relative; display: block; width: 100%; height: 100%; } div.registro form > div { position: relative; display: block; width: 90%; margin: 15px auto; } div.registro form > div#buttom { display: flex; justify-content: center; } div.registro form > div#buttom input { padding: 10px 30px; border-radius: 5px; } div.registro form > div#nombres article { position: relative; display: inline-block; width: calc(50% - 13px); margin: 0 5px; } div.registro form > div#nombres article, div.registro form > div#apellido article, div.registro form > div#correo article, div.registro form > div#contrasena article { position: relative; display: inline-block; width: calc(50% - 13px); margin: 0 5px; } div.registro #titulo h1 { font-size: 2em; color: #212529; text-align: center; } article#nm label#txtNombre1-error { height: 40%; width: 65%; z-index: 0; left: 0%; display: flex; font-size: 14px; } /********************************Fin Registro*******************************/ /*************************************recuperar contrasena***********************************************/ .principal { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(126, 128, 128, 0.2); } .formulario { position: relative; display: block; padding: 20px; background: #FFFFFF; border-radius: 10px; } .principal #titulo { position: relative; text-align: center; width: 100%; margin-bottom: 10px; } #titulo h2 { font-size: 2.5em; color: #212529; } .formulario #texto { position: relative; text-align: center; width: 80%; margin: auto; } .formulario #texto p { font-size: 1em; color: #212529; transition: .4s; } .formulario form { position: relative; display: block; width: 100%; height: 100%; } .formulario form > article { position: relative; display: block; margin: 20px auto; width: 80%; } .formulario #buttom article input { padding: 10px; border-radius: 5px; } .formulario #buttom article { position: relative; display: flex; width: 100%; justify-content: center; } /******************************recuperar contraseña*******************************/ div.principal div.popupcontraseña { display: none; } div.principal div.popupcontraseña.activo { z-index: 10; position: fixed; display: flex; width: 100%; align-items: center; justify-content: center; height: calc(100% + 66px); background: rgba(50,50,50,.5); top: -66px; } div.principal div.popupcontraseña div.contContra { position: relative; display: block; width: calc(30% - 40px); height: auto; padding: 20px; background: #FFFFFF; border-radius: 10px; box-shadow: 4px 4px 10px rgba(33,37,41,1); } .popupcontraseña div article { color: #212529; padding: 15px 30px; text-decoration: none; width: calc(100% --54px); transition: .4s; margin: 6px auto; position: relative; } .texto2 p { text-align: center; position: relative; transition: .4s; font-size: 0,1em; } #opcionuno, #opciondos { width: 85%; position: relative; font-size: 1em; } #opciondos div.radioOpcion { position: relative; display: inline-block; width: calc(30% - 5px); } #opciondos div.campo { position: relative; display: inline-block; width: 70%; } .popupcontraseña div article { color: #212529; padding: 10px 0; width: 100%; text-decoration: none; transition: .4s; margin: auto; position: relative; } div#botonera { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; bottom: 0; margin-top: 10px; } div#botonera button { position: relative; display: block; padding: 10px; border-radius: 5px; margin: 0 5px; } /*******************************************fin recuperar contrasena**********************************/ /**********************************PopUpActivacionTco******************************************/ div.popActivacionBotonera { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); justify-content: center; align-items: center; top: 0; left: 0; z-index: 10; } div.popActivacioncont { position: relative; display: block; width: 33%; padding: 16px; background: #FFFFFF; border-radius: 20px; } div.popActivacionCerrar { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #E0E0E0; top: -10px; right: -10px; font-size: 19px; } div.campo label.tituloact { position: relative; display: flex; justify-content: center; font-size: x-large; padding-bottom: 13px; } div.aceptarBoton { position: relative; display: flex; justify-content: center; } /**********************************FinPopUpActivacionTco******************************************/ /***************************GestionAfiliado******************************/ div.titleGestionAf { position: relative; display: flex; justify-content: center; height: auto; margin: 31px; font-size: xx-large; } div.botonGestionAf { position: relative; display: flex; justify-content: center; margin: 23px; } div button.btnGeneral.naranja.Agf { padding: 11px; border-radius: 5px; } div.tablaAfGestion { position: relative; display: flex; width: 90%; justify-content: center; margin: auto; margin-left: 92px; } div table.tAfGestion { padding: 11px 25px; width: 100%; } div thead.theadGestionAf { position: relative; display: flex; width: 100%; justify-content: center; background: #008931; color: #ffffff; padding: 8px; } th.thGestionAf { padding: 0 29px; position: relative; width: 96px; } div tbody.tbodyGestionAf { position: relative; display: block; width: 100%; justify-content: center; } div td.tdGestionAf { position: relative; display: inline-flex; padding: 8px 16px; width: 131px; justify-content: center; font-size: small; } div button.btnGeneral.naranja.pkl { position: relative; display: flex; padding: 7px 24px; border-radius: 5px; font-size: larger; } div.titlePopGestion { position: relative; display: flex; justify-content: center; font-size: x-large; padding-bottom: 13px; } div button.btnGeneral.naranja.Aty { position: relative; display: flex; padding: 10px; border-radius: 5px; } div.SelectPopGestion { position: relative; display: flex; width: 70%; justify-content: left; margin: auto; height: 204px; } div li.radioPopGestion { position: relative; display: flex; padding: 11px; font-weight: 600; font-size: larger; } div.contup div.du form.llena div.botonPayU { position: absolute; display: flex; align-items: center; left: 0px; bottom: 12px; } div.contup div.du form.llena div.botonPayU span.boton { position: relative; display: flex; padding: 20px; padding-right: 60px; align-items: center; color: #FFFFFF; background: #ff8f00; border-radius: 20px; cursor: pointer; transition: .4s; font-size: 15px; } div.botonPayU span.icono { position: absolute; display: flex; width: 80px; height: 80px; background: #ffab66; justify-content: center; align-items: center; border-radius: 50%; right: 38px; cursor: pointer; transition: .4s; } div.pagarPayU div.contPayU form.formPayU div.botonPayU { position: absolute; display: flex; align-items: center; } div.botonPayU span.boton { position: relative; display: flex; padding: 20px; padding-right: 60px; align-items: center; color: #FFFFFF; background: #008139; border-radius: 20px; cursor: pointer; transition: .4s; font-size: 15px; } /******************************PopGestion2************************/ div .ttpopinfoAfa { position: relative; display: flex; justify-content: center; font-weight: 600; font-size: larger; margin-top: 18px; } div.InforAfiGes { position: relative; display: flex; justify-content: center; margin: auto; padding: 11px; padding-bottom: 23px; } div ul.ulGestionpop { position: relative; display: block; padding: 0 43px; } div li.liGestionpop { position: relative; display: flex; padding: 5px; font-weight: 600; } div.campoGestionx { position: relative; display: flex; border: 1px solid; border-radius: 5px; font-size: large; margin: 5px; padding: 6px; cursor: pointer; } div.GestionCampos { position: relative; display: block; width: 100%; margin: auto; } div .InfoGestionChecks { position: relative; display: flex; justify-content: center; margin: 13px; font-weight: 600; } div ul.ul2x { position: relative; display: block; margin: 0 56px; } div li.li2x { position: relative; display: flex; padding-bottom: 4px; } div button.btnGestionpop { cursor: pointer; padding: 3px; } div.benefGestionpop { position: relative; display: block; height: 0px; overflow: auto; } div.popInfoAfa { position: relative; display: block; width: 1076px; margin-left: 39px; margin-right: 20px; overflow: hidden; } div .campoBenefpop { position: relative; display: block; height: auto; cursor: pointer; overflow: auto; } div .campoTelefpop { position: relative; display: block; height: auto; cursor: pointer; overflow: auto; } div .campoDirpop { position: relative; display: block; height: auto; cursor: pointer; overflow: auto; } div table.tableGestionpop1 { position: relative; display: inline-table; width: 70%; text-align: center; overflow: hidden; margin-left: 130px; padding-bottom: 25px; } div thead.theadGestionpop { background: #008139; color: #ffffff; } div .TelGestionpop { position: relative; display: block; height: 0px; overflow: hidden; } div .direcGestionpop { position: relative; display: block; height: 0px; overflow: hidden; } div.btnppGestion { position: relative; display: flex; justify-content: center; margin: 7px; } div button.btnGeneral.naranja.plñ { border-radius: 5px; padding: 10px; } div.selectpopGestionn { position: relative; display: flex; justify-content: center; margin-left: 132px; margin-right: 132px; margin-bottom: 20px; } div#DivActivacionFormulario { position: relative; display: block; width: 100%; } div.divacti { position: relative; display: flex; width: 50%; float: left; } div.divacti2 { position: relative; display: flex; width: 50%; } div ul.divulpopGestion { position: relative; display: block; margin: auto; } div li.espacioacti { position: relative; display: flex; margin-bottom: 25px; } div li.smaller { position: relative; display: flex; margin-bottom: 46px; } div li#LIInputTextIncremento { position: relative; display: flex; padding-bottom: 22px; } div li#LIValorIncremento { position: relative; display: flex; padding-bottom: 26px; } div.innerCheck { position: relative; display: flex; padding: 6px; } div.popGestionpop1 { position: relative; display: flex; margin: 0 100px; } div.popGestionpop2 { position: relative; display: none; } div tr.trGestionaf { position: relative; display: block; } div.acuerdoItem { position: relative; display: inline-block; margin: 0 23px; } div .campoPagoEfpop { position: relative; display: block; height: auto; cursor: pointer; } div.campoPagoGestionpop { position: relative; display: block; height: 0px; overflow: hidden; } div th.thGestionAfx { padding: 0 63px; } div.GestionAf { margin-left: 25px; padding-left:; } div.inputCambio { position: relative; display: flex; justify-content: center; width: 100%; margin: 0px 0; padding: 0px 0px !important; align-items: center; } div.letras label { font-style: italic !important; font-size: 13px; } div.inputCambio div.campo.trx.tuyuu { width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; color: #008139; font-weight: 700; } div.inputCambio div.campo.trx.tuyuu div.inputContain { position: relative; display: block; width: 55%; } div.inputCambio div.campo.trx.tuyuu div.inputContain div.inputCont { position: relative; display: flex; align-items: center; } div.inputCambio div.campo.trx.tuyuu div.inputContain div.inputTxt { position: relative; display: block; text-align: center; margin-top: 5px; font-size: 12px; font-weight: 800; color: #e12929; } div.inputCambio div.campo.trx.tuyuu div.radioBtn { position: relative; display: block; margin-left: 15px; } /******************************FinPopGestion2************************/ /*********************************FinGestionAfiliado************************/ /*********************DiseñoAfiliados********************************/ div.popRenoTitle { position: relative; display: flex; justify-content: center; padding: 24px; font-size: x-large; } div.acuerdoForm { position: relative; display: flex; justify-content: center; padding: 34px; } div.acuerdoBotonera { position: relative; display: flex; justify-content: center; } div button.btnGeneral.verde.jkhs { padding: 10px; border-radius: 5px; } /*********************FinDiseñoAfiliados********************************/ /********************Responsive 1370px********************/ /********************Responsive 1600px********************/ @media screen and (max-width:1600px) { div .index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { top: 184px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.numeroTarjeta { font-size: 28px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.nombreTarjeta { font-size: 16px; } .doscjun { width: 48em; } .commetord { width: 46em; } } /********************Responsive 1440px********************/ @media screen and (max-width:1440px) { header.headerAfil div.headerDiv div.headerLogo div.headerImg a img { width: calc(100% + 60px); } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { top: 185px; margin: 10px 15px; width: calc(100% - 70px); } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.numeroTarjeta { font-size: 32px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.nombreTarjeta { font-size: 14px; } .doscjun { width: 43em; } .commetord { width: 40em; } div.contencel { width: 25em; } .texximfor { width: 24em; } } /********************Responsive 1370px********************/ @media screen and (max-width:1370px) { .doscjun { width: 41em; margin: 10px auto; } div.titull { width: 80%; } .commetord { margin: 15px auto; width: 36em; } div.contencel { width: 25em; } .tituld { font-size: 14px; } .texximfor { width: 21em; } } /********************Responsive 1366px********************/ @media screen and (max-width:1366px) { div.index div.slider { height: 80px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { top: 173px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.numeroTarjeta { font-size: 24px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.nombreTarjeta { font-size: 12px; } div.popActivacioncont { width: 33%; } div.unp, div.dop { width: calc(99% - 1px ) !important; display: block; } } /********************Responsive 1024px********************/ @media screen and (max-width:1024px) { .doscjun { width: 24em; margin: 10px auto; } div.titull { font-size: 23px; width: 80%; } .commetord { margin: 15px auto; width: 21em; } .texximfor { width: 17em; font-size: 14px; } .tituld { font-size: 12px; } div.popActivacioncont { width: 50%; } /*****************************Registro*************************************/ div .registro section { width: 60%; } /*****************************Layout******************************/ header.headerAfil div.headerDiv div.headerLogo div.headerImg a img { width: calc(100% + 100px); top: 5px; } header.headerAfil div.headerDiv div.element.cambioColorHeader { right: 103px; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item span.itemIcono i { font-size: 12px; } /*****************************Index******************************/ div.index { padding-bottom: 70px; } header.headerAfil div.index div.indexBlock { width: 97%; } div.index div.indexBlock div.indexContent > div { margin: 9px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentImgProducto > img { width: 100% !important; max-width: unset; max-height: unset; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios div.precioUsuarioAfiliado img { height: 20px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios div.precioUsuarioAfiliado p label { font-size: 14px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios span { font-size: 10px; } div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText h2, div.index div.indexBlock div.indexContent div.indexPubli > div:nth-child(2) > div > div.contentText div div.contentTextPrecios p.precioUsuarioOrganicoIndex { font-size: 12px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { top: 125px; margin: 10px; width: calc(100% - 60px); } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.numeroTarjeta { font-size: 20px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta label.nombreTarjeta { font-size: 9px; } div.indexBenef div.contTablaBeneficiarios div.contCuerpoTablaBeneficiarios div, div.indexMoves div.contTablaMovimientos div.contCuerpoTablaMovimientos div { font-size: 10px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexTitulo, div.index div.indexBlock div.indexContent div.indexRadio div.tituloRadio { font-size: 20px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexInfo > div label, div.index div.indexBlock div.indexContent div.indexDatos div.indexInfo > div span, div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexDeuda label, div.index div.indexBlock div.indexContent div.indexRadio div.soloRadio { font-size: 14px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexButton button { font-size: 16px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexDeuda span { font-size: 18px; } /****************************recuperacion de contraseña***************************/ label#txtCedula-error { width: 24px; left: 97%; height: 104%; top: -3%; } #titulo h2 { font-size: 2em !important; } .formulario #texto p { font-size: 1em !important; } /*************************************popup responsive********************************************/ div.principal div.popupcontraseña div.contContra { width: calc(58% - 40px); height: 38%; } /*****************************Actualizacion de Datos******************************/ div.actualDatos div.actualContent { width: 90%; padding-top: 30px; } /*******************************Cuenta Pagar Pay U**********************************/ div.pagarPayU { width: 100%; height: auto; } .buterdisf { width: 28em; } div.pagarPayU div.contPayU { width: 95%; } div.pagarPayU div.contPayU form.formPayU { margin: 0 20px 170px; } div.pagarPayU div.contPayU div.infoPayU { font-size: 14px; } div.pagarPayU div.contPayU form.formPayU div.titlePayU { font-size: 22px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.label, div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo { font-size: 14px; } div.pagarPayU div.contPayU form.formPayU input.inputField, div.pagarPayU div.contPayU form.formPayU select.inputField { height: 25px; } div.pagarPayU div.contPayU form.formPayU div.botonPayU span.boton { padding: 15px; padding-right: 50px; } div.pagarPayU div.contPayU form.formPayU div.botonPayU span.icono { width: 70px; height: 70px; } div.pagarPayU div.contPayU form.formPayU div.botonPayU span.icono img { width: 60px; } div.actualDatos div.popUpAddTelefono div.popTelefContent, div.actualDatos div.popUpAddDireccion div.popDirecContent { width: 60%; } } /********************Responsive 768px********************/ @media screen and (max-width:768px) { .doscjun { width: 23em; margin: 10px auto; } div.titull { font-size: 16px; width: 80%; margin: 18px auto; } .commetord { margin: 15px auto; width: 21em; } .texximfor { width: 15em; font-size: 11px; } .tituld { font-size: 10px; } div.unp, div.dop { width: calc(97% - 1px ) !important; display: block; } div.botonm { width: 42%; margin: 10px auto; text-align: center; } div.selec.lds.huhuhu { width: calc(126% - 1px); } div.direcqum { width: 100% !important; margin: 10px auto !important; font-size: 10px !important; } input#dese { margin: auto 5px; } /********************************Index*******************************/ header.headerAfil div.headerDiv div.headerLogo div.headerImg a img { width: calc(100% + 70px); top: 10px; } div.index div.indexBlock div.indexContent > div { width: calc(50% - 61px); } div.index div.indexBlock div.indexContent div.indexDatos { display: block; margin: auto; width: calc(82%); } header.headerAfil div.headerDiv div.headermenu div.headerButton { padding-left: 150px; } header.headerAfil div.headerDiv div.element.cambioColorHeader { right: 41px; } header.headerAfil div.headerDiv div.headermenu div.menuOculto.activo { height: 100px; } div.popActivacioncont { width: 50%; } /*****************************Actualizacion de Datos******************************/ div.actualDatos div.actualContent div.actualLista div.actualItem { font-size: 12px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualContra div.actualAntigua, div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualContra div.actualNueva, div.actualDatos div.actualContent div.actualCambio div.actualCampos div.actualCorreo div.actualAntigua { width: 80%; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.direcEdit { width: 100%; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualDesc, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualAntigua, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualNueva, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualBotonera { width: calc(100%); font-size: 14px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.botonAgregar { top: 15px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.direcEdit.activo { height: 380px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div div.label, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualBotonera button, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualTelef { font-size: 12px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.botonAgregar button { font-size: 16px; } div.actualDatos div.actualContent input.inputField, div.actualDatos div.actualContent select.inputField { height: 25px; font-size: 12px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualEdit { width: 100%; } /***********************************Cuenta Pagar Pay U******************************************/ div.pagarPayU { padding: 20px 0 0px; } div.pagarPayU div.contPayU div.infoPayU { width: calc(40% - 58px); margin: 0px 5px; } div.pagarPayU div.contPayU form.formPayU { width: calc(60% - 57px); margin: 0 10px 170px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo { vertical-align: top; } div.pagarPayU div.contPayU form.formPayU div.titlePayU { font-size: 20px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.label, div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo { font-size: 12px; } div.campo.MOFD { width: 53% !important; } div.labelOrder.hpoy { height: 73px; width: 39%; } div.inputCambio div.campo.trx.tuyuu div.radioBtn { font-size: 11px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.direcEdit { width: 100% !important; } div.actualDatos div.actualContent div.actualLista div.actualItem { font-size: 12px; } #titulo h2 { font-size: 2em !important; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item span.itemTexto { font-size: 14px; } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { top: 150px; } div.indexText { width: calc(100% - 59px) !important; margin: auto; } div.index div.indexBlock div.indexContent div.indexRadio { display: block; margin: 10px auto; width: calc(84%); } } /********************Responsive 640px********************/ @media screen and (max-width:640px) { header.headerAfil div.headerDiv div.element.cambioColorHeader { display: none; } header.headerAfil div.headerDiv div.headermenu div.headerButton { padding-left: 0; } header.headerAfil div.headerDiv div.headerLogo div.headerImg a img { width: calc(100% + 110px); } header.headerAfil div.headerDiv div.headermenu div.headerButton { background: #008139; } header.headerAfil div.headerDiv div.headermenu div.headerButton span.menu, header.headerAfil div.headerDiv div.headermenu div.headerButton span.menu:before, header.headerAfil div.headerDiv div.headermenu div.headerButton span.menu:after { background: #FFFFFF; } header.headerAfil div.headerDiv div.headermenu div.menuOculto.activo { height: 90px; width: 190px; } header.headerAfil div.headerDiv div.headermenu div.menuOculto ul.menuLista li.item a span { font-size: 12px; } div.index { padding-top: 30px; } div.index div.indexBlock { width: 95%; } div.footerLogos { height: 50px; } div.footerLogos div.footerContent div.footerImg { height: calc(100% - 10px); } div.index div.indexBlock div.indexContent div.indexPubli div.publiTitle { font-size: 16px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexTitulo, div.index div.indexBlock div.indexContent div.indexDatos div.indexTitulo { font-size: 18px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexInfo > div label, div.index div.indexBlock div.indexContent div.indexDatos div.indexInfo > div span, div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexDeuda label { font-size: 12px; margin: 3px 0; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexDeuda span { font-size: 16px; } div.index div.indexBlock div.indexContent div.indexDatos div.indexPago div.indexButton button { font-size: 14px; padding: 15px; } } /********************Fin Responsive 640px********************/ /********************Responsive 425px********************/ @media screen and (max-width:425px) { div.pagarPayU { height: 195%; } div.popActivacioncont { width: 73%; } div.labelOrder { padding-top: 0; } div.lfto { width: 63% !important; } div.camposPopRenov { width: 100%; justify-content: center; display: block; } div.campoPopR.opkd { display: block; width: calc(100% - 1px) !important; } div.ghnd { width: calc(100% - 1px ) !important; } div.lkmf { width: 45%; } /******************************Registro************************************/ div.registro section { padding: 10px; width: 90%; } div.registro form > div { margin: 10px auto; } div.index div.indexBlock div.indexContent > div { display: block; } div.index div.indexBlock div.indexContent > div { width: calc(100% - 110px) !important; margin: 20px auto !important; } header.headerAfil div.headerDiv div.headerInfo div.headerDatos label { display: none; } header.headerAfil div.headerDiv div.headerLogo div.headerImg a img { width: calc(100% + 220px); padding: 5px 0; top: 0; } div.actualDatos div.actualContent div.actualLista { display: block; width: 100%; margin-top: 0; } div.actualDatos div.actualContent div.actualLista div.actualItem { position: relative; display: inline-block; padding: 10px 6px; margin: 0 3px; border-radius: 10px 10px 0 0; font-size: 10px !important; } div.actualDatos div.actualContent div.actualLista div.actualItem.activo { box-shadow: -3px -1px 3px rgba(150,150,150,.5); } div.actualDatos div.actualContent div.actualCambio { width: calc(100% + 23px); left: -12px; box-shadow: -3px -3px 6px rgba(150,150,150,.5); } .formulario { width: 84% !important; } #titulo h2 { font-size: 1.4em !important; } .formulario #texto p { font-size: 0.6em; } .formulario #buttom article { font-size: 6px !important; width: 43%; } div.inputCambio { padding: 0 !important; } div.inputCambio div.campo.trx.tuyuu { display: block; } div.inputCambio div.campo.trx.tuyuu div.radioBtn { margin-left: 0px; margin-bottom: 10px; text-align: center; } div.letras label { font-style: italic !important; font-size: 13px; } div.inputCambio div.campo.trx.tuyuu div.inputContain { width: 100%; } div.pagarPayU div.contPayU form.formPayU input.inputField, div.pagarPayU div.contPayU form.formPayU select.inputField { width: calc(100% - 12px) !important; } /***********************Cuenta Pagar Pay U**********************************/ div.pagarPayU div.contPayU div.infoPayU { display: block !important; width: calc(100% - 6px) !important; margin: 0 5px 10px !important; } div.unp, div.dop { width: calc(44% - 1px ) !important; display: inline-block; margin: 2px 8px; } div.botonm { width: 27%; margin: 10px auto; text-align: center; } div.pagarPayU div.contPayU form.formPayU { width: calc(100% - 50px); margin: 0 10px 150px; left: -5px; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.label { width: calc(40% - 20px); vertical-align: top; } div.pagarPayU div.contPayU form.formPayU div.camposPayU div.fieldPayU div.campo { width: 60%; } div.principal div.popupcontraseña div.contContra { width: calc(92% - 40px); } .principal { padding: 13px 0; } div.popActivacioncont { width: 88%; } /***********************************Actualizacion de Datos*********************************/ div.actualDatos div.actualContent div.actualCambio div.actualCampos div.botonAgregar { right: 12px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div.botonAgregar button { font-size: 12px; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.ubiDireccion { font-size: 12px; } div.actualDatos div.popUpAddTelefono div.popTelefContent, div.actualDatos div.popUpAddDireccion div.popDirecContent { width: 80%; } div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualAntigua div.campo, div.actualDatos div.actualContent div.actualCambio div.actualCampos div div.actualNueva div.campo { width: calc(100% - 12px); } div.index div.indexBlock div.indexContent div.tarjeta div.infoTarjeta { top: 155px; } div.index div.indexBlock div.indexContent div.indexRadio { width: calc(100% - 6px) !important; margin: 20px auto !important; } div.index div.indexBlock div.indexContent div.indexDatos { width: calc(100% - 3px) !important; margin: 20px auto !important; } div.index div.indexBlock div.indexContent div.indexText { width: calc(88% - 59px) !important; margin: auto 36px !important; } div.actualDatos div.actualContent div.actualLista div.RegresarHom { position: absolute; top: 320px; } .buterdisf { width: 20em; } .buterdisf { width: 31em; } } /********************Responsive 375px********************/ @media screen and (max-width:375px) { .doscjun { width: 19em; margin: 10px auto; } div.titull { font-size: 14px; width: 80%; margin: 18px auto; } .commetord { margin: 15px auto; width: 16em; display: block; } .teximfesd { width: 16em; } div.commetord img { width: 49%; left: 25%; } div.contencel { width: 16em; } .texximfor { width: 23em; margin: 5px auto; font-size: 8px; } .tituld { font-size: 10px; justify-content: space-evenly; } .buterdisf { width: 13em; } .logopng { width: 72%; } button.butredd { padding: 9px; width: 12em; height: 3em; } } /*******************************Header**********************************/ header.headerEmp { position: fixed; display: block; width: 100%; height: 66px; background: #008139; z-index: 10; } header.headerEmp div.headerCont { position: relative; display: flex; justify-content: center; height: 100%; box-shadow: 2px 2px 6px rgba(150,150,150,.5); } header.headerEmp div.headerCont div.logoCont { position: absolute; display: flex; padding: 5px; padding-left: 10px; align-items: center; height: 56px; left: 0; } header.headerEmp div.headerCont div.logoCont a img { position: relative; display: block; max-height: 48px; } header.headerEmp div.headerCont div.empCont { position: relative; display: flex; height: 100%; right: 21px; } header.headerEmp div.headerCont div.logoOfert { background: #FFFFFF; position: absolute; display: flex; height: 66px; align-items: center; padding-right: 10px; padding-left: 114px; right: 0; } header.headerEmp div.empItem { margin-top: 10px; margin: auto; position: relative; text-align: center; cursor: pointer; width: 90%; transition: .4s; color: #FFFFFF; height: 40px; display: flex; justify-content: flex-end; align-items: center; transition: .4s; } header.headerEmp div.empItem i { margin-right: 7px; } header.headerEmp div.empItem:hover { background: #FFFFFF; color: black; transition: .4s; } header.headerEmp div.headerCont div.logoOfert div img { max-width: 100%; max-height: 50px; } header.headerEmp div.element.cambioColorHeader { top: 0; right: 94px; } div.Mescondido { position: absolute; display: block; right: 0; top: 65px; padding: 0; background: #313539; border-radius: 0 0 10px 10px; height: 0; overflow: hidden; transition: .5s; z-index: 1; } div.Mescondido.activo { height: 160px; padding: 10px 0; width: 180px; } table.tableHeadd { overflow-y: scroll; max-height: 220px; } div.empItem i.fas.fa-sign-out-alt { margin-right: 7px; } div.empItem span { text-transform: uppercase; position: relative; display: block; text-align: right; font-size: 14px; font-weight: 600; padding-right: 10px; width: min-content; } div.infoCont { position: absolute; display: inline-block; margin: 0 10px; align-items: center; margin-right: 30px; right: -25px; height: 100%; cursor: pointer; width: 100px; top: 0; transition: .4s; } div.infoContt { position: absolute; display: flex; align-items: center; justify-content: flex-end; margin-right: 30px; right: 90px; height: 66px; width: 300px; top: 0; transition: .4s; } div.infoCont div.IconoContem span { position: absolute; display: flex; justify-content: center; align-items: center; background: #FFFFFF; width: 35px; height: 35px; border-radius: 50%; top: 13px; right: 19px; } div.iconNombre { position: relative; display: block; text-align: right; } div.infoContt div.IconoContem span { position: relative; display: flex; justify-content: center; align-items: center; background: #FFFFFF; width: 35px; height: 35px; border-radius: 50%; margin: auto; } div.IconoContem { width: auto; position: relative; } div.IconoContem i.fas.fa-user { font-size: 18px; color: #008139; } div.iconNombre label { position: relative; display: block; font-weight: 700; color: #FFFFFF; padding: 0 10px; width: auto; } div.infoCont div.IconoContem span i.fas.fa-user { font-size: 18px; color: #008139; transition: .4s; } div.infoCont:hover, div.infoCont.activo { background: #313539; transition: .4s; } div.menuHm { position: relative; display: flex; height: 100%; cursor: pointer; justify-content: center; align-items: center; width: 79px; font-size: 32px; color: #FFFFFF; transition: .4s; margin: auto; } div.infoCont:hover i.fas.fa-user, div.infoCont.activo i.fas.fa-user { color: #313539 !important; transition: .4s; } /*****************************Fin Header**********************************/ /******************************************Index***********************************************/ div.fondoPant { position: relative; display: flex; justify-content: center; align-items: center; } div.fondoPant img { width: 75%; } /******************************************Fin Index***********************************************/ div.contenido { position: relative; display: block; } div.contenido #principal { position: relative; background-color: #ffffff; width: calc(100% - 120px); height: 100%; padding-left: 120px; } div.contenido div#TTitulo { padding: 10px; position: relative; justify-content: center; text-align: center; padding-top: 25px; } .contenido #usuario { padding: 17px; width: 36%; height: 10px; position: relative; top: 14%; } .contenido p { font-size: 26px; position: relative; top: -10px; } .contenido div#busqueda { width: 50%; position: relative; padding: 13px; margin: auto; } .contenido select#ListaEmpresas { width: 94%; height: 46px; font-size: 16px; } .contenido div#tablas { position: relative; top: 65%; width: calc(100% - 40px); height: auto; padding: 20px; display: block; } .contenido div#afiliado { position: relative; width: calc(100% - 20px); height: auto; padding: 10px; } div.contenido #TTitulo h2 { font-size: 2.5em; color: #008139; } .contenido div#beneficiarios { position: relative; width: 100%; height: auto; padding: 10px; } .contenido .tablaaf { width: 100%; height: auto; } .contenido .tablabn { width: calc(100% - 20px); height: auto; } .contenido #tituloaf { text-align: center; padding: 10px; } article#tituloaf h3 { color: #808080; font-size: 1.5em; } article.titulobn h3 { color: #808080; font-size: 1.5em; } .contenido .titulobn { text-align: center; padding: 10px; } .contenido tr.tbprincipal { background: #008139; padding: 10px 0; color: #FFFFFF; text-align: center; } tbody#tbdEmpresasTitular { text-align: center; } .contenido td { position: relative; display: inline-block; width: calc(12% - 16px); text-align: center; word-break: break-word; padding: 10px 0; } .contenido tr#bnff { position: relative; display: inline-block; width: 100%; text-align: center; word-break: break-word; background: #008139; color: #FFFFFF; } .contenido tr:nth-child(2n) { background: #E0E0E0; } .contenido td.tablabnff { position: relative; display: inline-block; width: 124%; text-align: center; word-break: break-word; padding: 10px 0; } .contenido div#beneficiarios tr td { width: calc(25% - 3px); } .contenido div#beneficiarios tr#bnff td { width: calc(25% - 4px); } .contenido tr:nth-child(2n) { background: #E0E0E0; } .contenido .cedula { position: relative; display: flex; justify-content: center; align-items: center; } .contenido article#numero { width: 30%; height: auto; border-radius: 16px; padding: 7px; } .contenido article#lupa { position: relative; display: block; left: 3%; } .contenido input#x { font-size: 18px; padding: 10px; border-radius: 13px; } div.emppresaCOO span#LblEmpresa { color: #008139; font-weight: 700; font-size: 18px; } div.emppresaCOO { position: relative; display: block; width: 60%; margin: 15px auto; text-align: center; } div.emppresaCOO label { position: relative; display: block; } /***********************************Consulta Planillas**************************************/ div.consultaPlanilla { position: relative; display: block; width: 100%; height: 100%; } div.consultaPlanilla div.consContent { position: relative; display: block; width: calc(100% - 120px); padding-left: 120px; } div.consultaPlanilla div.consContent div.consContainer { position: relative; display: block; padding: 20px 0 40px; } div.consultaPlanilla div.consContent div.consContainer div.consTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 30px; font-weight: 600; color: #008139; margin-bottom: 20px; } div.consultaPlanilla div.consContent div.consContainer div.consCampo { position: relative; display: block; margin: 20px auto 40px; width: 50%; } div.titulo h2 { color: #008139; font-size: 2em; } div#pagos article.titulobn h3 { color: #808080; font-size: 1.9em; } div#pagar article#titulouno h3 { color: #808080; font-size: 1.9em; } div.consultaPlanilla div.consContent div.consContainer div.consSelect { position: relative; display: flex; width: 40%; margin: 20px auto; } div.consultaPlanilla div.consContent div.consContainer div.consInfo { position: relative; display: block; width: 60%; margin: auto; text-align: center; } div.consultaPlanilla div.consContent div.consContainer div.consInfo div { margin-bottom: 10px; } div.consultaPlanilla div.consContent div.consContainer div.consInfo div label { position: relative; display: block; } div.consultaPlanilla div.consContent div.consContainer div.consInfo div span { font-size: 18px; color: #008139; font-weight: 700; } div.consultaPlanilla div.consContent div.consTabla table { position: relative; display: block; width: 90%; margin: 20px auto 40px; } div.consultaPlanilla div.consContent div.consTabla table tbody { width: 100%; position: relative; display: block; } div.consultaPlanilla div.consContent div.consTabla table tbody tr { position: relative; display: block; width: 100%; padding: 5px 0; background: #008139; color: #FFFFFF; padding: 5px 0; } div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody { background: #FFFFFF; color: #212529; } div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody td { width: calc(15% - 12px); } div.consultaPlanilla div.consContent div.consTabla table tbody tr td { position: relative; display: inline-block; text-align: center; width: calc(14% - 1px); } div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody:nth-child(2n) { background: #F0F0F0; } div.consultaPlanilla div.consContent div.consTabla table tbody tr td i { color: #428BCA; } /***********************************Fin Consulta Planillas**************************************/ /****************************************Crear Planillas*********************************************/ div.crearPlanilla { position: relative; display: block; width: 100%; } div.crearPlanilla div.contCrear { position: relative; display: block; width: calc(100% - 120px); padding: 20px 0 40px; padding-left: 120px; } div.crearPlanilla div.contCrear div.titleCrear { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 30px; font-weight: 600; color: #008139; margin-bottom: 20px; } div.crearPlanilla div.contCrear div.selectCrear { position: relative; display: flex; width: 60%; margin: 20px auto; } div.crearPlanilla div.contCrear div.selectCrear span { width: 100%; } div.crearPlanilla div.contCrear div.infoCrear { position: relative; display: block; width: 60%; margin: auto; text-align: center; } article#tituloaf { width: calc(100% - 20px); text-align: center; margin: 26px auto; padding: 10px 0; } div.crearPlanilla div.contCrear div.infoCrear div { margin-bottom: 10px; } div.crearPlanilla div.contCrear div.infoCrear div label { position: relative; display: block; } div.crearPlanilla div.contCrear div.infoCrear div span, div.crearPlanilla div.contCrear div.infoCrear label b { font-size: 18px; color: #008139; font-weight: 700; } div.crearPlanilla div.contCrear div.tableCrear table { position: relative; display: block; width: 95%; margin: 20px auto 40px; } div.crearPlanilla div.contCrear div.tableCrear table tbody { position: relative; display: block; width: 100%; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr.tableHead { position: relative; display: block; width: 100%; padding: 5px 0; background: #008139; color: #FFFFFF; padding: 5px 0; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr { position: relative; display: block; width: 100%; font-size: 14px; margin: 5px 0; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr:nth-child(2n) { background: #F0F0F0; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr.tableBody { padding: 3px 0; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr.tableBody:nth-child(2n) { background: #F0F0F0; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td { position: relative; display: inline-block; text-align: center; word-break: break-word; padding: 5px 0; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr.tableHead td { width: calc(9% - 3px); } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(10% - 16px); } div.crearPlanilla div.contCrear div.tableCrear table.tableHeadd tbody tr.tableHead td { width: calc(15% - 20px); } div.crearPlanilla div.contCrear div.tableCrear table.tableHeadd tbody tr td { width: calc(15% - 10px); } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td div { position: relative; display: flex; width: 50px; height: 23px; align-items: center; margin: auto; justify-content: center; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td div input { height: 100% !important; } div.crearPlanilla div.contCrear div.paginacion { margin: 0 !important; } div.crearPlanilla div.contCrear div.botonCrear { position: relative; display: flex; justify-content: center; } div.crearPlanilla div.contCrear div.botonCrear button { margin: 0 5px; padding: 10px; border-radius: 5px; } tr.tableHead th { padding: 0px; position: relative; font-size: 16px; display: inline-block; margin: auto 9px; height: 35px; text-align: center; justify-content: center; } tr.tableHead { background: #008139; margin: auto; text-align: center; color: #FFFFFF; /* justify-content: center; */ text-align: center; } /****************************************Fin Crear Planillas**************************************/ input.inputField, select.inputField { position: relative; display: flex; padding: 0 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; justify-content: center; } input.inputField2 { position: relative; display: flex; padding: 0px 10px; width: calc(100% - 20px); height: 30px; border: 1px solid rgba(150,150,150,.5); border-radius: 5px; justify-content: center; margin: auto; margin-top: 9px; } select.inputField { width: 100%; } /************************************pagos planillas ******************************************************/ #contenido { position: relative; display: block; width: 100%; height: 100%; } div#contenido div.principal { position: relative; display: block; background-color: #ffffff; width: calc(100% - 120px); padding-left: 120px; text-align: center; } div.principal div.paginacion { margin: 0; } div #tablas { position: relative; left: 0%; justify-content: center; width: 100%; height: auto; padding: 0; margin: auto; } div#pagar { position: relative; width: calc(100% - 43px); height: auto; padding: 20px; margin: 0; } div#pagos { position: relative; width: calc(100% - 42px); padding: 20px; } #contenido div.titulo { padding: 10px; position: relative; justify-content: center; width: calc(100% - 20px); padding-top: 40px; } div.empresas { width: 60%; margin: 14px auto; position: relative; } select#ListaEmpresas { width: calc(56% - 10px); height: 23px; margin: 14px; font-size: 16px; } table.tablabn { font-size: 14px; width: 100%; } table.tablabn tbody { position: relative; display: block; width: 100%; } table.tablabn tbody tr { position: relative; display: block; width: 100%; } table.tablabn tbody tr:nth-child(2n) { background: #F0F0F0; } table.tablabn tbody tr#tablados { background: #008139; color: #FFFFFF; } table.tablabn tbody tr td { position: relative; display: inline-block; width: calc(12% - 19px); word-break: break-word; padding: 10px 0; } table.tablabn tbody#tbdEmpresasOtrosPagos tr td { width: calc(12% - 16px); } select#ListaEmpresas { width: calc(56% - 10px); height: 39px; margin: 14px auto; } #titulouno { position: relative; text-align: center; width: 100%; } article#titulouno { width: 92%; height: 22px; padding: 15px; margin: 19px; } table.tablauno { width: 100%; font-size: 14px; } table.tablauno tbody { position: relative; display: block; width: 100%; } table.tablauno tbody tr { position: relative; display: block; width: 100%; padding: 5px 0; } table.tablauno tbody tr td { position: relative; display: inline-block; width: calc(14% - 1px); } table.tablauno tbody tr#tbprincipal { background: #008139; color: #FFFFFF; padding: 10px 0; } table.tablauno tbody tr:nth-child(2n) { background: #F0F0F0; } .titulo { font-size: 22px; } article.titulobn { width: calc(100% - 40px); padding: 15px; margin: 10px; } div.popUpPago { position: fixed; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; z-index: 10; } div.popUpPago div.pagoContent { position: relative; display: block; width: 400px; padding: 20px; background: #FFFFFF; border-radius: 10px; } div.popUpPago div.pagoContent div.titlePago { position: relative; display: block; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 10px; } div.popUpPago div.pagoContent div.infoPago { position: relative; display: block; text-align: right; margin-bottom: 10px; } div.popUpPago div.pagoContent div.infoPago span { font-size: 26px; font-weight: 600; color: #008139; } div.popUpPago div.pagoContent div.cerrarPop { position: absolute; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; right: -10px; top: -10px; cursor: pointer; border-radius: 50%; background: #D0D0D0; } div.popUpPago div.pagoContent div.formPop { position: relative; display: block; margin: 10px 0; } div.popUpPago div.pagoContent div.formPop div.campo { position: relative; display: block; margin: 5px 0; } div.popUpPago div.pagoContent div.botonPop { position: relative; display: flex; justify-content: flex-end; } div.popUpPago div.pagoContent div.botonPop button { position: relative; display: block; margin: 0 5px; padding: 10px; border-radius: 5px; } div.btnGeneral.naranja.otropago { border-radius: 5px; padding: 4px; } div.specialpayU { color: #FFFFFF; background: #A6C307; font-weight: 700; cursor: pointer; transition: .4s; margin: 20px auto; padding: 4px; margin: 10px 0; font-size: 20px; border-radius: 5px; } div.specialpayU:hover { background: #beda27; transition: .4s; } div.infoCrear div { position: relative; display: block; width: 60%; margin: auto; text-align: center; margin-bottom: 10px; } div.infoCrear div label { position: relative; display: block; } div.infoCrear div span#LblEmpresa, span#LblNit { font-size: 18px; color: #008139; font-weight: 700; } /***********************fin pagos de planillas *************************/ /***************************Aprobar Planilla********************************/ div.aprobContent { position: relative; display: block; width: calc(100% - 120px); padding-left: 120px; } div.aprobContent div.aprobTitle { position: relative; display: block; color: #008139; font-size: 2em; font-weight: 700; text-align: center; text-transform: uppercase; padding: 40px 0 20px; } div.aprobContent div.aprobInfo { position: relative; display: block; margin-bottom: 20px; } div.aprobContent div.aprobInfo div.campo { position: relative; display: block; width: 60%; margin: auto; margin-bottom: 20px; } div.aprobContent div.aprobInfo div.aprobText { position: relative; display: block; margin: 20px 0; text-align: center; } div.aprobContent div.aprobInfo div.aprobText div.apText { position: relative; display: block; margin-bottom: 10px; } div.aprobContent div.aprobInfo div.aprobText div.apText span { position: relative; display: block; font-size: 18px; color: #008139; font-weight: 700; text-transform: uppercase; } div.aprobContent div.aprobTable { position: relative; display: block; width: 85%; margin: auto; } div.aprobContent div.aprobTable table { position: relative; display: block; width: 100%; } div.aprobContent div.aprobTable table thead, div.aprobContent div.aprobTable table tbody { position: relative; display: block; } div.aprobContent div.aprobTable table thead { background: #008139; color: #FFFFFF; } div.aprobContent div.aprobTable table thead tr, div.aprobContent div.aprobTable table tbody tr { position: relative; display: block; width: 100%; padding: 5px 0; } div.aprobContent div.aprobTable table tbody tr:nth-child(2n) { background: #F0F0F0; } div.aprobContent div.aprobTable table thead tr td, div.aprobContent div.aprobTable table tbody tr td { position: relative; display: inline-block; width: calc(10% - 4px); text-align: center; } div.aprobContent div.aprobTable table tbody tr td { width: calc(10%); } div.aprobContent div.aprobTable table tbody tr td div { position: relative; display: block; font-size: 14px !important; } /*****************************************Responcive*******************************************/ @media screen and (max-width:1600px) { div .crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(10% - 13px); } div #tablas { width: calc(100% - 120px); } div.aprobContent div.aprobTable { width: 95%; } div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody td { width: calc(15% - 10px); } } @media screen and (max-width:1370px) { div.aprobContent div.aprobTable table tbody tr td div { font-size: 12px !important; } div .crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(10% - 11px); } div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody td { width: calc(15% - 9px); } } /**************************************responcive -(1024)*********************************************/ @media screen and (max-width:1024px) { header .headerEmp div.headerCont div.empCont { right: 72px; } div.infoCont div.IconoContem span { top: 12px; right: -38px; } div.infoContt { height: 55px; right: 136px; } div.infoContt { height: 55px; right: 102px; } div.Mescondido.activo { top: 54px; } div.Mescondido { top: 54px; } header.headerEmp div.headerCont div.logoCont { height: 46px; } header.headerEmp div.headerCont div.logoCont a img { max-height: 33px; } header.headerEmp div.headerCont div.logoOfert { padding-left: 130px; height: 56px; } div.iconNombre label#LblNombre, div.iconNombre label#Lblcc { font-size: 13px; } div.cerrarItem i.fas.fa-sign-out-alt { margin-right: 3px; margin-left: 9px; } div.cerrarItem span { font-size: 13px; } header.headerEmp { height: 56px; } header.headerEmp div.headerCont div.logoOfert div img { max-height: 41px; } header.headerEmp div.headerCont div.empCont div.empItem div.hiddenMenu { top: 56px; } div.titulo h2 { font-size: 1.5em; } div#pagar article#titulouno h3 { font-size: 1.3em; } div#pagos article.titulobn h3 { font-size: 1.4em; } table.tablabn tbody tr td, table.tablauno tbody tr td { font-size: 12px; } /***********************************Crear Planillas************************************/ div.crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(8% + 9px); font-size: 12px; } div.crearPlanilla div.contCrear div.tableCrear table.tableHeadd tbody tr td { width: calc(15% - 8px); } div.crearPlanilla div.contCrear div.tableCrear table.tableHeadd tbody tr.tableHead td { width: calc(15% - 10px); } div.crearPlanilla div.contCrear div.tableCrear table tbody tr.tableHead td { width: calc(9% - 3px); } div.contenido div#afiliado { width: calc(100% - 120px); margin: auto; } div.contenido div#beneficiarios { width: calc(100% - 120px); margin: auto; } /***********************************Consultar Planillas************************************/ div.consultaPlanilla div.consContent div.consTabla table tbody tr td { width: calc(14% - 2px); } /***************************************************************/ div #tablas { width: 100%; } div.aprobContent div.aprobTable table thead tr td, div.aprobContent div.aprobTable table tbody tr td { position: relative; display: inline-block; width: calc(10% - 4px); text-align: center; font-size: 12px; } div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody td { width: calc(15% - 6px); } } /**********************************Responsive (768)*****************************************************/ @media screen and (max-width:768px) { div.infoCont { right: -26px; width: 10%; } div.infoCont div.IconoContem span { top: 12px; right: 10px; } div.infoContt { height: 55px; right: 60px; } header.headerEmp div.headerCont { justify-content: flex-end; } header.headerEmp div.headerCont div.logoCont a img { max-height: 40px; } div.element.cambioColorHeader { display: none; } header.headerEmp div.headerCont div.logoOfert { display: none; } header.headerEmp div.headerCont div.empCont { width: 41%; right: 141px; } header.headerEmp div.headerCont div.empCont div.empItem i { font-size: 14px; } header.headerEmp div.headerCont div.empCont div.empItem span { font-size: 12px; } header.headerEmp div.headerCont div.empCont div.empItem div.hiddenMenu { width: 130px; } header.headerEmp div.headerCont div.empCont div.empItem div.hiddenMenu.activo { height: 70px; } div.titulo h2 { font-size: 1em; } select#ListaEmpresas { width: calc(52% - 10px); height: 32px; } table.tablauno tbody tr td { font-size: 11px; } table.tablauno tbody tr td { width: calc(13% - 1px); } div#pagar article#titulouno h3 { font-size: 1em } div#pagos article.titulobn h3 { font-size: 1em; } /*********************************responcive consulta de empleados **************************/ .contenido #TTitulo h2 { font-size: 2em !important; } .contenido select#ListaEmpresas { width: 106%; height: 34px; font-size: 14px; } article#tituloaf h3 { color: #808080; font-size: 1.2em; } div.emppresaCOO span#LblEmpresa { font-size: 15px; } input.inputField, select.inputField { width: calc(100% - 12px); height: 26px; } .contenido input#x { font-size: 9px; } .contenido tr.tbprincipal { font-size: 11px; } .contenido td { font-size: 12px; } article.titulobn h3 { font-size: 1.3em; } /************************************Crear Planillas****************************************/ div.crearPlanilla div.contCrear div.titleCrear { font-size: 26px; } div.crearPlanilla div.contCrear div.infoCrear div label { font-size: 14px; } div.crearPlanilla div.contCrear div.infoCrear div span, div.crearPlanilla div.contCrear div.infoCrear label b { font-size: 16px; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(8% + 6px); font-size: 9px; } /************************************Consulta Planillas**************************************/ div.consultaPlanilla div.consContent div.consCampo div.consTitle { font-size: 26px; } div.consultaPlanilla div.consContent div.consCampo div.consInfo div label { font-size: 14px; } div.consultaPlanilla div.consContent div.consCampo div.consInfo div span { font-size: 16px; } div.consultaPlanilla div.consContent div.consTabla table tbody tr td { font-size: 12px; } /***************************************Ajustes Finales******************************************************/ div.consultaPlanilla div.consContent div.consTabla table tbody tr.tableBody td { width: calc(16% - 10px); } div.crearPlanilla div.contCrear div.selectCrear { width: 80%; } div.consultaPlanilla div.consContent div.consContainer div.consCampo { width: 80%; } div.empresas { width: 80%; } table.tablauno tbody#tbdEmpresasPagosPayU tr td { width: calc(15% - 8px); } table.tablabn tbody tr td { width: calc(11% - 4px); } table.tablabn tbody#tbdEmpresasOtrosPagos tr td { width: calc(14% - 18px); } div.aprobContent div.aprobInfo div.campo { width: 80%; } div.aprobContent div.aprobTable table tbody tr td { width: calc(11% - 7px); word-break: break-word; } } /*************************fin Responsive (768 x 578)******************************/ /*************************Responsive (640px)******************************/ @media screen and (max-width:640px) { header.headerEmp div.headerCont { justify-content: flex-end; } header.headerEmp div.headerCont div.logoCont a img { max-height: 24px; } header.headerEmp div.headerCont div.empCont div.empItem { padding: 0 5px; margin: 0 3px; } header.headerEmp div.headerCont div.empCont div.empItem i { font-size: 12px; } header.headerEmp div.headerCont div.empCont div.empItem span { font-size: 10px; } header.headerEmp div.headerCont div.empCont div.empItem span.mini { font-size: 8px; } header.headerEmp div.headerCont div.empCont div.empItem div.hiddenMenu { width: 110px; } header.headerEmp div.headerCont div.empCont div.empItem div.hiddenMenu.activo { height: 55px; } header.headerEmp div.headerCont div.empCont div.empItem div.hiddenMenu.emple.activo { height: 15px; } header.headerEmp div.headerCont div.logoOfert { display: none; } header.headerEmp div.headerCont div.logoCont a img { max-height: 40px; } /**********************************Consulta Planillas************************************/ div.consultaPlanilla div.consContent div.consTabla table tbody tr td { width: calc(14% - 3px); } div.consultaPlanilla div.consContent div.consCampo div.consSelect { width: 50%; } /**********************************Crear Planillas************************************/ div.crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(8% + 2px); } } /*************************fin Responsive (640px)******************************/ /*************************Responsive (425x 578)******************************/ @media screen and (max-width:425px) { div.infoCont div.IconoContem span { top: 12px; right: 10px; width: 29px; height: 29px; } div.iconNombre { left: -1px; top: 15px; } div.iconNombre label#LblNombre, div.iconNombre label#Lblcc { font-size: 10px; } div.infoCont { right: -22px; width: 27%; } .contenido tr#bnff { padding: 0px; } .contenido td { width: calc(13% - 4px); } header.headerEmp div.headerCont div.empCont { width: 38%; right: 67px; } .contenido #TTitulo h2 { font-size: 1.5em !important; } header.headerEmp div.headerCont div.empCont { width: 57%; } header .headerEmp div.headerCont div.logoCont a img { max-height: 17px; } header .headerEmp div.headerCont div.logoOfert { padding-left: 0; } header.headerEmp div.headerCont div.logoOfert div img { max-height: 22px; } header .headerEmp div.headerCont div.empCont { width: 39%; } header.headerEmp div.headerCont div.empCont div.empItem i { position: relative; } header .headerEmp div.headerCont div.empCont div.empItem span { font-size: 10px; } header.headerEmp div.headerCont div.empCont div.empItem span { font-size: 8px; } header.headerEmp div.headerCont div.empCont div.empItem span.mini { font-size: 8px; } able.tablauno tbody tr td { width: calc(12% - 1px); } table.tablauno tbody tr td { font-size: 7px; } div.paginacion ul.paginas li.numPagina { width: 7px !important; height: 12px; } div.paginacion ul.paginas li.pagActual { width: 14px; height: 12px; } div.paginacion ul.paginas { padding: 6px 15px 9px; } div#pagos { width: calc(100% - 11px); } table.tablabn tbody tr td, table.tablauno tbody tr td { font-size: 7px; } table.tablauno { width: 108%; font-size: 9px; } select#ListaEmpresas { width: calc(57% - -9px); height: 22px; } div.titulo h2 { font-size: 0.9em; } div#pagar article#titulouno h3 { font-size: 0.7em; } div#pagos article.titulobn h3 { font-size: 0.7em; } /******************************** responcive consulta de empleados**********************************/ header.headerEmp div.headerCont div.logoCont a img { max-height: 25px; } div.contenido #titulo h2 { font-size: 1em; } contenido select#ListaEmpresas { height: 30px; } .contenido article#numero { width: 50%; } article#tituloaf h3 { font-size: 0.6em; } .contenido div#tablas { padding: 4px; } div.contenido td { font-size: 8px; } .contenido td { font-size: 8px; margin: 0 0px; padding: 0 1px; } .contenido div#afiliado { left: -11%; } .contenido .tablaaf { width: 109%; } .contenido div#beneficiarios { left: -10%; } .contenido .tablabn { width: 107%; } .contenido div#busqueda { width: 100%; left: -6%; padding: 10px; } div.emppresaCOO { width: 100%; } .contenido .cedula { left: -3%; } /********************************Crear Planilla************************************/ div.crearPlanilla div.contCrear { width: 95%; } div.crearPlanilla div.contCrear div.titleCrear { font-size: 18px; } div.crearPlanilla div.contCrear div.selectCrear { width: 70%; } div.crearPlanilla div.contCrear div.infoCrear { width: 100%; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td { width: calc(8% + 1px); } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td div { width: 35px; } div.crearPlanilla div.contCrear div.tableCrear table tbody tr td input.inputField { width: calc(60% - 9px); padding: 0 5px; } div.crearPlanilla div.contCrear div.botonCrear button { font-size: 10px; } /********************************Consultar Planilla************************************/ div.consultaPlanilla div.consContent { width: 95%; } div.consultaPlanilla div.consContent div.consCampo div.consSelect { width: 60%; } div.consultaPlanilla div.consContent div.consCampo div.consInfo { width: 100%; } } /***********************************fin Responcive***************************************************/ header.headerDif { position: fixed; display: flex; justify-content: space-between; background: #008139; width: 100%; height: 66px; box-shadow: 0 5px 8px 0px rgba(10,20,30,.4); z-index: 9; top: 0; } header.headerDif div.logoDifusor { position: relative; display: block; height: calc(100% - 10px); width: 390px; padding: 5px; } header.headerDif div.logoDifusor img { height: 100%; width: auto; cursor: pointer; } header.headerDif div.menuDifusor { position: relative; display: flex; } header.headerDif div.menuDifusor div.infoDifusor { position: relative; display: flex; margin: 0 10px; align-items: center; } header.headerDif div.menuDifusor div.infoDifusor > div { position: relative; display: inline-block; color: #FFFFFF; margin: 0 5px; } header.headerDif div.menuDifusor div.infoDifusor > div span { font-size: 12px; } header.headerDif div.menuDifusor div.infoDifusor > div span.iconCircle { position: relative; display: flex; width: 35px; height: 35px; justify-content: center; align-items: center; background: #FFFFFF; border-radius: 50%; font-size: 18px; color: #008139; } header.headerDif div.menuDifusor div.infoDifusor > div.infoUser label { position: relative; display: block; font-size: 16px; font-weight: 800; max-width: 180px; text-transform: uppercase; } header.headerDif div.menuDifusor div.menuDesp { position: relative; display: inline-block; height: 100%; vertical-align: top; } header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; width: 70px; cursor: pointer; margin-right: 5px; transition: .4s; } header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif:hover, header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif.activo { background: #414549; transition: .4s; } header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif span, header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif span:before, header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif span:after { position: relative; display: block; content: ''; height: 2px; width: 25px; background: #FFFFFF; } header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif span:before { top: 8px; } header.headerDif div.menuDifusor div.menuDesp div.btnMenuDif span:after { bottom: 10px; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif { position: absolute; display: block; width: 200px; height: 0; right: 5px; background: #414549; color: #FFFFFF; border-radius: 0 0 10px 10px; overflow: hidden; transition: .4s; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif.activo { height: auto; transition: .4s; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif div.hidMenuCont { position: relative; display: block; padding: 10px; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif div.hidMenuCont div.menuDifItem { position: relative; display: flex; padding: 5px; margin-top: 5px; align-items: center; cursor: pointer; color: #FFFFFF; transition: .4s; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif div.hidMenuCont div.menuDifItem:hover { background: #FFFFFF; color: #414549; transition: .4s; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif div.hidMenuCont div.menuDifItem:nth-child(1) { margin: 0; } header.headerDif div.menuDifusor div.menuDesp div.hidMenuDif div.hidMenuCont div.menuDifItem span.menuIcon { position: relative; display: flex; font-size: 20px; margin-right: 5px; width: 25px; height: 25px; justify-content: center; align-items: center; } div.calcButton { position: fixed; display: flex; justify-content: center; align-items: center; right: 20px; bottom: 20px; width: 60px; height: 60px; background: #25d366; border-radius: 50%; box-shadow: 5px 5px 5px rgb(150 150 150 / 50%); cursor: pointer; transition: .5s; z-index: 18; } div.calcButton span { position: relative; display: block; font-size: 33px; color: #FFFFFF; } div.fondDifusor { position: relative; display: flex; justify-content: center; align-items: center; width: calc(100% - 120px); padding-left: 120px; } div.fondDifusor img { width: calc(100% - 1px); } div.indexDifusor { position: relative; display: flex; width: 100%; margin: 0 0 40px; justify-content: center; } div.indexDifusor div.inDifContent { position: relative; display: block; width: 85%; } div.indexDifusor div.inDifContent div.inDifTitle { position: relative; display: block; width: 80%; margin: 40px auto 20px; text-align: center; text-transform: uppercase; font-weight: 800; font-size: 35px; } div.indexDifusor div.inDifContent div.inDifBlock { position: relative; display: block; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.indexDifusor div.inDifContent div.inDifBlock div.basicoDif { position: relative; display: block; width: 80%; margin: 0 auto 20px; } div.indexDifusor div.inDifContent div.inDifBlock div.basicoDif div.basicoPart { position: relative; display: inline-block; width: calc(33% + 1px); text-align: center; } div.indexDifusor div.inDifContent div.inDifBlock div.basicoDif div.basicoPart span { position: relative; display: block; font-size: 20px; font-weight: 700; } div.indexDifusor div.inDifContent div.inDifBlock div.gerenteDif { position: relative; display: block; width: 65%; margin: 0 auto 20px; } div.indexDifusor div.inDifContent div.inDifBlock div.gerenteDif div.gerentePart { position: relative; display: inline-block; width: calc(50% - 3px); text-align: center; } div.indexDifusor div.inDifContent div.inDifBlock div.gerenteDif div.gerentePart label { position: relative; display: block; font-weight: 700; margin: 5px 0; } div.indexDifusor div.inDifContent div.inDifBlock div.gerenteDif div.gerentePart label span { position: relative; display: block; font-weight: 500; } div.indexDifusor div.inDifContent div.inDifBlock div.asesorDif { position: relative; display: block; width: 80%; margin: 0 auto 20px; text-align: center; } div.indexDifusor div.inDifContent div.inDifBlock div.asesorDif > div { margin: 0 0 10px 0; text-align: center; } div.indexDifusor div.inDifContent div.inDifBlock div.asesorDif > div.asesorTipo span { position: relative; display: block; font-size: 18px; font-weight: 600; } div.indexDifusor div.inDifContent div.inDifBlock div.asesorDif > div.asesorDesc { position: relative; display: block; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 10px; } div.indexDifusor div.inDifContent div.inDifBlock div.asesorDif > div.asesorDesc label { position: relative; display: block; font-weight: 600; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; } div.indexDifusor div.inDifContent div.inDifBlock div.ventasDif { position: relative; display: block; width: 60%; margin: 0 auto 20px; } div.indexDifusor div.inDifContent div.inDifBlock div.ventasDif > div { position: relative; display: inline-block; width: calc(50% - 3px); } div.indexDifusor div.inDifContent div.inDifBlock div.ventasDif > div > div { position: relative; display: block; margin: 5px 0; } div.indexDifusor div.inDifContent div.inDifBlock div.ventasDif > div > div label { position: relative; display: inline-block; width: 80%; } div.indexDifusor div.inDifContent div.inDifBlock div.ventasDif > div > div span { position: relative; display: inline-block; width: calc(20% - 5px); text-align: center; font-weight: 700; } div.indexDifusor div.inDifContent div.inDifBlock div.controlDif { position: relative; display: block; width: 40%; margin: 0 auto 20px; } div.indexDifusor div.inDifContent div.inDifBlock div.controlDif div.campo { position: relative; display: inline-block; width: 60%; } div.indexDifusor div.inDifContent div.inDifBlock div.controlDif div.boton { position: relative; display: inline-flex; width: calc(25%); align-items: center; justify-content: center; } div.indexDifusor div.inDifContent div.inDifBlock div.controlDif div.boton input { position: relative; display: block; padding: 10px; border-radius: 5px; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif { position: relative; display: block; width: 100%; text-align: center; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div table { position: relative; display: block; width: 100%; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div table thead, div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div table tbody { position: relative; display: block; width: 100%; padding: 5px 0; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div table thead { background: #008139; color: #FFFFFF; font-weight: 600; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div table thead tr, div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div table tbody tr { position: relative; display: block; width: 100%; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div.tablaPeriodo table thead tr td, div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div.tablaPeriodo table tbody tr td { position: relative; display: inline-block; width: calc(6% - 4px); word-break: break-word; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div.tablaPeriodo table thead tr td.aporte, div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div.tablaPeriodo table tbody tr td.aporte { width: 5%; } div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div.tablaHistorico table thead tr td, div.indexDifusor div.inDifContent div.inDifBlock div.tablaDif > div.tablaHistorico table tbody tr td { position: relative; display: inline-block; width: calc(8% - 10px); } /*************************************Descuentos por Periodo*************************************************/ div.comDescuentos { position: relative; display: flex; padding-left: 120px; width: calc(100% - 120px); justify-content: center; } div.comDescuentos div.contDescuentos { position: relative; display: block; width: 85%; } div.comDescuentos div.contDescuentos div.titleDescuentos { position: relative; display: block; width: 80%; margin: 40px auto 20px; text-align: center; } div.comDescuentos div.contDescuentos div.titleDescuentos label { position: relative; display: block; text-transform: uppercase; font-weight: 800; font-size: 35px; } div.comDescuentos div.contDescuentos div.allDescuentos { position: relative; display: block; padding: 20px; border: 1px solid rgba(150,150,150,.5); border-radius: 20px; } div.comDescuentos div.contDescuentos div.allDescuentos div.controlDescuentos { width: 50%; margin: 20px auto; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos { position: relative; display: block; width: 95%; margin: auto; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion { position: relative; display: block; margin-bottom: 20px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descRow > div { position: relative; display: inline-block; margin-bottom: 5px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descRow > div label { text-transform: uppercase; font-size: 18px; font-weight: 600; margin-right: 10px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descRow.dR2 > div { width: calc(50% - 3px); } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descRow.dR3 > div { width: calc(33.3% - 3px); } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descSeccionTitle { position: relative; display: block; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 5px; background: #008139; padding: 5px 0; color: #FFFFFF; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table { position: relative; display: block; width: 100%; margin-top: 10px; margin-bottom: 20px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table thead, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table tbody { position: relative; display: block; width: 100%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table thead { padding: 5px 0; color: #FFFFFF; background: #008139; text-transform: uppercase; font-weight: 700; font-size: 18px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table thead tr, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table tbody tr { position: relative; display: block; width: 100%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table tbody tr:nth-child(2n) { background: #F0F0F0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table thead tr td, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table tbody tr td { position: relative; display: inline-block; width: calc(25% - 15px); padding: 5px 0; padding-left: 10px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.tableResume table tbody tr td.tbTitle { background: #008139; color: #FFFFFF; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable { position: relative; display: block; width: 100%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow { position: relative; display: block; margin: 2px 0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol { position: relative; display: inline-block; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow.dTR1 div.descTableCol { width: 100%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow.dTR2 div.descTableCol { width: calc(50% - 3px); } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div { position: relative; display: inline-block; padding: 5px 0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo { position: relative; display: block; width: 100%; height: 0; padding: 0; overflow-y: auto; transition: .4s; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont { position: relative; display: block; padding: 10px 20px; width: calc(100% - 40px); height: auto; overflow-x: auto; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table { position: relative; display: block; width: 100%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table thead, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table tbody { position: relative; display: block; width: 100%; padding: 5px 0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table thead { background: #008139; color: #FFFFFF; font-weight: 700; padding: 5px 0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table thead tr, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table tbody tr { position: relative; display: block; width: 100%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table tbody tr:nth-child(2n) { background: #F0F0F0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table thead tr td, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table tbody tr td { position: relative; display: inline-block; width: calc(16% - 4px); text-align: center; word-break: break-word; } table#unica thead tr td { width: calc(14% - 4px); } tbody#TblDescuentoContinuidad tr td { width: calc(14% - 0px) !important; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table tbody tr td { width: calc(16% - 0px); padding: 3px 0; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableTitle { background: #008139; color: #FFFFFF; width: 30%; font-weight: 600; cursor: pointer; } div.campo.applh { height: 125px; overflow-y: scroll; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableTitle.noClick { cursor: default; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableTitle label, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableInfo span { position: relative; display: block; margin: 0 10px; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableTitle label { cursor: pointer; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableTitle.noClick label { cursor: default; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow:nth-child(4) div.descTableCol > div.descTableTitle, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow:nth-child(4) div.descTableCol > div.descTableTitle label, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow:nth-child(12) div.descTableCol > div.descTableTitle, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow:nth-child(12) div.descTableCol > div.descTableTitle label { cursor: default; } div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table.table5 thead tr td, div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table.table5 tbody tr td { width: calc(50% - 5px) !important; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableInfo { width: calc(70% - 5px); } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descContTable.dCT2 div.descTable { position: relative; display: inline-block; width: calc(50% - 3px); vertical-align: top; } /***********/ div.zsr { width: 100%; margin: 10px auto; } div.botonm { width: 19%; margin: 10px auto; text-align: center; } div.wfc { width: calc(100% - 1px); display: inline-block; margin: 10px auto; } div.rtb { width: calc(49% - 1px); margin: auto; text-align: center; display: inline-block; } div.selec.peques { width: 10%; height: auto; display: inline-flex; } div.selecy { width: 67%; margin: auto; text-align: center; display: block; } div.selec.lds { width: calc(81% - 1px); margin: auto; text-align: center; display: inline-block; } div.seleoc { width: 100%; display: none; margin: 10px auto; } div.lados { width: calc(11% - 1px); margin: auto; text-align: center; display: inline-block; } div.SECDIREC { width: 100%; display: block; margin: auto; text-align: center; } div.direccp { width: 100%; display: block; position: relative; margin: 13px auto; } div.acuerdoItem.linapr { width: calc(21%) !important; } div.tedireqm { width: 20%; margin: auto; text-align: center; display: inline-block; } div.direcqum { width: 83%; margin: auto; display: inline-block; text-align: left; } div.direcqum span { margin: auto 5px; } div.cfw { width: calc(80% - 1px); display: inline-block; margin: 10px auto; } div.ckq { width: 15%; display: inline-block; margin: auto; text-align: center; } div.lfto { width: 46%; display: inline-block; margin: auto; } div.sertidirecc { width: calc(100% - 1px); display: none; margin: 11px auto; } div.conttp { width: 100%; display: block; margin: auto; } div.unp, div.dop { width: calc(46% - 1px ); display: inline-block; margin: 2px 8px; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.compk { position: relative; display: block; width: 100%; } div.popUpFormat div.popUpBlock div.PopActivCont div.PopActivInfo div.listasactiv > div.rds { position: relative; display: block; width: 100%; } div.acuerdoItem.linapr { width: calc(21%) !important; } div li.smaller { position: relative; display: flex; margin-bottom: 43px; } div li.espacioacti { position: relative; display: flex; margin-bottom: 20px; } /**********/ /***************************************Cambio de Contraseña*******************************************/ div.difuContra { position: relative; display: flex; justify-content: center; width: 100%; margin: 40px 0; } div.difuContra div.difuCont { position: relative; display: block; width: 80%; } div.difuContra div.difuCont div.difuTitle { position: relative; display: block; width: 100%; margin-bottom: 20px; font-size: 26px; font-weight: 700; text-align: center; text-transform: uppercase; } div.difuContra div.difuCont div.difuForm { position: relative; display: block; width: 100%; padding: 20px; border-radius: 10px; border: 1px solid rgba(150,150,150,.5); } div.difuContra div.difuCont div.difuForm div.difuCampos { position: relative; display: block; width: 50%; margin: 0 auto 20px; } div.difuContra div.difuCont div.difuForm div.difuCampos div.campo { position: relative; display: block; margin: 10px 0; } div.difuContra div.difuCont div.difuForm div.difuCampos div.campo label { position: relative; display: block; margin-bottom: 5px; } div.difuContra div.difuCont div.difuForm div.difuBotones { position: relative; display: flex; width: 100%; justify-content: center; } div.difuContra div.difuCont div.difuForm div.difuBotones input { position: relative; display: block; padding: 10px; border-radius: 5px; } /***************************************Analisis Periodo****************************************/ div.analisisPer { position: relative; display: block; width: calc(100% - 120px); height: 100%; padding-left: 120px; } div.analisisPer div.comDescuentos { padding: 0; width: 100%; } div.analisisPer div.comDescuentos div.contDescuentos { width: 95%; } div.analisisPer div.comDescuentos div.allDescuentos > div { position: relative; display: block; margin-bottom: 10px; width: 100%; } div.analisisPer div.comDescuentos div.allDescuentos div.descSeccion { font-size: 40px; font-weight: 700; text-align: center; text-transform: uppercase; } div.analisisPer div.comDescuentos div.allDescuentos div.descSeccion label { font-size: 36px; font-weight: 400; } div.analisisPer div.comDescuentos div.allDescuentos div.descTable { width: 60%; margin: auto; } div.analisisPer div.comDescuentos div.allDescuentos div.descTable div.descTableCol { position: relative; display: inline-block; width: calc(50% - 3px); text-align: center; font-size: 24px; } div.analisisPer div.comDescuentos div.allDescuentos div.descTable div.descTableCol span { font-weight: 700; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 { overflow: auto; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table { position: relative; width: 150%; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table thead, div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table tbody { position: relative; display: block; width: 100%; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table thead tr, div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table tbody tr { position: relative; display: block; width: 100%; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table thead tr { background: #008139; color: #FFFFFF; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table tbody tr:nth-child(2n) { background: #F0F0F0; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table thead tr th { position: relative; display: inline-block; width: calc(8% - 12px); padding: 5px 0; overflow: hidden; text-overflow: ellipsis; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table tbody tr td { position: relative; display: inline-block; padding: 5px 0; width: calc(8% - 8px); text-align: center; overflow: hidden; text-overflow: ellipsis; } /*****************************Bonos Sunem********************************/ div.dad { position: relative; display: block; width: calc(100% - 120px); padding-left: 120px; overflow: hidden; top: 48px; } div.headTtl { display: block; position: relative; width: calc(80% - 1px); margin: 53px auto; text-align: center; font-weight: 600; font-size: 2em; } div.olmpAsgr { position: relative; display: block; width: 90%; margin: auto; margin-top: 5%; } div.contorSunem { position: relative; display: block; padding: 20px; border: 2px solid #E0E0E0; border-radius: 20px; background: #FFFFFF; top: -5px; z-index: 2; } div.boxi { display: block; margin: 10px auto; width: calc(90% - 1px); position: relative; } div.dataFrm.nonvis { display: none; } div.sect { width: calc(32% - 4px); display: inline-block; margin: auto 7px; position: relative; } div.sect.confrSect { display: none; } div.bttSve { width: 100%; text-align: center; position: relative; margin: 10px auto; } div.ytBtnn { width: 50%; margin: 10px auto; position: relative; } button.btnn.naranaja.btnSunem { width: auto; } /*****************************Responsive 1024px*************************/ /*******Bono Sunem*******/ @media screen and (max-width: 1024px) { div.sect { width: calc(30% - 4px); display: inline-block; margin: auto 7px; position: relative; } } /*******************************************Responsive 768px********************************************/ @media screen and (max-width: 768px) { /***************************************Difusores***************************************/ div.fondDifusor img { width: 90%; } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table thead tr th:nth-child(18) { width: calc(5% - 14px); } div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(7), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(8), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(9), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(10), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(11), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(12), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(13), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(14), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(15), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(16), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(17), div.comReportes div.contReportes div.allReportes div.tablaReporte1 table tbody tr td:nth-child(18) { width: calc(5% - 13px); } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol div.hidTableInfo div.hidTableCont table { width: 200%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableTitle { width: 50%; } div.comDescuentos div.contDescuentos div.allDescuentos div.datosDescuentos div.descSeccion div.descTable div.descTableRow div.descTableCol > div.descTableInfo { width: calc(50% - 5px); } div.analisisPer div.comDescuentos div.allDescuentos div.descTable { width: 80%; } div.analisisPer div.comDescuentos div.allDescuentos div.descTable div.descTableCol { font-size: 18px; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table { width: 300%; } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table thead tr th { width: calc(8% - 10px); } div.analisisPer div.comDescuentos div.allDescuentos div.tablaReporte1 table tbody tr td { width: calc(8% - 6px); } div.comDescuentos div.contDescuentos div.allDescuentos div.controlDescuentos { width: 80%; } div.analisisPer div.comDescuentos div.allDescuentos div.descSeccion { font-size: 30px; } div.analisisPer div.comDescuentos div.allDescuentos div.descSeccion label { font-size: 26px; } div.comReportes div.contReportes div.allReportes > div.tablareportedos table { position: relative; width: 200%; } div.comReportes div.contReportes div.allReportes > div.tablareportedos { overflow-y: auto; } /************************Bono Sunem*************************/ div.boxi { display: block; margin: 10px auto; width: calc(100% - 1px); position: relative; } div.sect { width: calc(30% - 4px); display: inline-block; margin: auto 7px; position: relative; } header.headerDif div.menuDifusor div.infoDifusor { position: relative; display: none; margin: 0 10px; align-items: center; } } /*****************************Responsive 425px*************************/ @media screen and (max-width: 425px) { div.boxi { display: block; margin: 10px auto; width: calc(100% - 1px); position: relative; } div.sect { width: calc(100% - 4px); display: inline-block; margin: auto 7px; position: relative; } } /****************olvido contraseña login*********************/ a.popcontraseña { cursor: pointer; position: relative; display: block; } div.popupRecueperarC { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 31; bottom: 0; left: 0; } div.contenblancoRecuperar { position: relative; display: block; background: #FFFFFF; padding: 20px; border-radius: 10px; width: 40%; margin: auto; } div.TITrECUPERAR { position: relative; display: block; width: 89%; text-align: center; font-weight: 700; font-size: 21px; margin: 7px auto; } div.texinforREcuperar { display: block; position: relative; width: 90%; margin: 15px auto; text-align: left; } div.textelefC { display: inline-block; width: 49%; margin: auto; text-align: center; } div.botonenviar { width: 80%; display: block; margin: 15px auto; text-align: center; } button.naranja.envia { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.select.recuperar { border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 49%; display: inline-block; position: relative; margin: auto; height: 30px; } select.recuperar { width: 100%; height: 30px; text-align: center; } div.cerri { width: 49%; display: inline-block; margin: auto; position: relative; } div.envi { width: 49%; display: inline-block; margin: auto; position: relative; } button.gris.enviaCerrar { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } div.msms { width: 80%; display: block; margin: 16px auto; } div.valicelu { display: block; position: relative; width: 90%; margin: 10px auto; text-align: center; } div.textelefCd { display: inline-block; width: 49%; position: relative; text-align: center; margin: auto; } div.select.recuperarinpu { border: 1px solid rgba(150,150,150,.5); border-radius: 5px; cursor: pointer; width: 49%; display: inline-block; position: relative; margin: auto; height: 30px; } div.select.recuperarinpu input[type="text"] { width: 80%; height: 30px; text-align: center; margin: auto; padding: 0px 15px; } div.Validar { width: 80%; display: block; margin: 15px auto; text-align: center; } button.naranja.VlA { position: relative; display: block; margin: auto; padding: 10px; border-radius: 5px; } label.colorsr { color: darkblue; cursor: pointer; } /****************************layout*******************/ header.credit { position: fixed; display: flex; justify-content: space-between; background: #008139; width: 100%; height: 66px; box-shadow: 0 5px 8px 0px rgba(10,20,30,.4); z-index: 8; } header.credit div.imgcredi img { height: calc(100% - 10px); width: auto; margin: 5px; cursor: pointer; } div.menucrep { position: relative; display: block; } div.infocree { position: relative; display: inline-flex; height: 100%; justify-content: center; align-items: center; } span.iconCreddt { position: relative; display: flex; width: 35px; height: 35px; justify-content: center; align-items: center; background: #FFFFFF; border-radius: 50%; font-size: 18px; color: #008139; } div.iconhuj { position: relative; display: inline-block; color: #FFFFFF; margin: 0 5px; } div.infoUser { position: relative; display: inline-block; color: #FFFFFF; margin: 0 5px; } div.contenere { width: 80%; display: block; position: relative; } div.menuDespert { position: relative; display: inline-block; height: 100%; vertical-align: top; } div.hidMenucer { position: absolute; display: block; width: 200px; height: 0; right: 5px; background: #414549; color: #FFFFFF; border-radius: 0 0 10px 10px; overflow: hidden; transition: .4s; } div.hidMenucer.activo { height: 100px; transition: .4s; } div.btnMenugtr { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; width: 70px; cursor: pointer; margin-right: 5px; transition: .4s; } div.btnMenugtr.activo, div.btnMenugtr:hover { background: #414549; color: #FFFFFF; transition: .4s; } div.menuDifItem { position: relative; display: flex; padding: 5px; margin-top: 5px; align-items: center; cursor: pointer; color: #FFFFFF; transition: .4s; } div.hidMenuCont { position: relative; display: block; padding: 10px; } i.fas.fa-align-justify { font-size: 26px; color: #FFFF; }