/* Minification failed. Returning unminified contents.
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(121,31): run-time error CSS1046: Expect comma, found '-'
(121,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(121,47): run-time error CSS1046: Expect comma, found ')'
(121,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(142,22): run-time error CSS1039: Token not allowed after unary operator: '-colorOscuroMenu'
(151,22): run-time error CSS1039: Token not allowed after unary operator: '-colorClaroMenu'
(155,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(163,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTextMenu'
(226,83): run-time error CSS1030: Expected identifier, found ','
(226,112): run-time error CSS1031: Expected selector, found ')'
(226,112): run-time error CSS1025: Expected comma or open brace, found ')'
(315,38): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(320,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(379,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(379,31): run-time error CSS1046: Expect comma, found '-'
(379,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(379,47): run-time error CSS1046: Expect comma, found ')'
(379,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(383,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(390,1): run-time error CSS1019: Unexpected token, found '@import'
(390,9): run-time error CSS1019: Unexpected token, found 'url("Site.css")'
(393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(510,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(510,31): run-time error CSS1046: Expect comma, found '-'
(510,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(510,47): run-time error CSS1046: Expect comma, found ')'
(510,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(514,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBackground'
(536,22): run-time error CSS1039: Token not allowed after unary operator: '-colorOscuroMenu'
(545,22): run-time error CSS1039: Token not allowed after unary operator: '-colorClaroMenu'
(549,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(557,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTextMenu'
(629,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(837,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(837,20): run-time error CSS1046: Expect comma, found '-'
(837,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(837,36): run-time error CSS1046: Expect comma, found ')'
(837,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(887,38): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(892,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1009,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1009,31): run-time error CSS1046: Expect comma, found '-'
(1009,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(1009,47): run-time error CSS1046: Expect comma, found ')'
(1009,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1087,27): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1088,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1088,31): run-time error CSS1046: Expect comma, found '-'
(1088,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(1088,47): run-time error CSS1046: Expect comma, found ')'
(1088,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1099,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1099,20): run-time error CSS1046: Expect comma, found '-'
(1099,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(1099,36): run-time error CSS1046: Expect comma, found ')'
(1099,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1103,22): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1107,26): run-time error CSS1039: Token not allowed after unary operator: '-colorIconsPrincipal'
(1112,17): run-time error CSS1039: Token not allowed after unary operator: '-rojo'
(1116,17): run-time error CSS1039: Token not allowed after unary operator: '-verde'
(1120,17): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(1130,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1130,20): run-time error CSS1046: Expect comma, found '-'
(1130,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(1130,36): run-time error CSS1046: Expect comma, found ')'
(1130,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1155,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1155,35): run-time error CSS1046: Expect comma, found '-'
(1155,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(1155,51): run-time error CSS1046: Expect comma, found ')'
(1155,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1159,32): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(1163,32): run-time error CSS1039: Token not allowed after unary operator: '-rojofondo'
(1168,22): run-time error CSS1039: Token not allowed after unary operator: '-colorIconsPrincipal'
(1172,22): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1176,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1180,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1180,31): run-time error CSS1046: Expect comma, found '-'
(1180,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(1180,47): run-time error CSS1046: Expect comma, found ')'
(1180,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1181,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(1326,28): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(1337,28): run-time error CSS1039: Token not allowed after unary operator: '-rojofondo'
(1374,36): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1379,36): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1384,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1453,35): run-time error CSS1039: Token not allowed after unary operator: '-rojo'
(1469,28): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(1487,28): run-time error CSS1039: Token not allowed after unary operator: '-rojofondo'
(1505,33): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1506,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1507,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(1519,17): run-time error CSS1039: Token not allowed after unary operator: '-rojo'
(1526,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1527,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(1533,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1534,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(1541,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(1582,22): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1583,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1593,22): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1594,33): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1603,22): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1620,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1639,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(1669,29): run-time error CSS1039: Token not allowed after unary operator: '-colorLinkPrincipal'
(1746,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1846,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1846,35): run-time error CSS1046: Expect comma, found '-'
(1846,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorSpinner'
(1846,49): run-time error CSS1046: Expect comma, found ')'
(1846,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1888,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2002,28): run-time error CSS1039: Token not allowed after unary operator: '-fondoNegativo'
(2009,28): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(2148,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2148,31): run-time error CSS1046: Expect comma, found '-'
(2148,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2148,47): run-time error CSS1046: Expect comma, found ')'
(2148,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2190,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2190,20): run-time error CSS1046: Expect comma, found '-'
(2190,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2190,36): run-time error CSS1046: Expect comma, found ')'
(2190,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2225,22): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(2226,33): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(2266,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2266,20): run-time error CSS1046: Expect comma, found '-'
(2266,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2266,36): run-time error CSS1046: Expect comma, found ')'
(2266,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2339,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2339,20): run-time error CSS1046: Expect comma, found '-'
(2339,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2339,36): run-time error CSS1046: Expect comma, found ')'
(2339,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2347,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2347,31): run-time error CSS1046: Expect comma, found '-'
(2347,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2347,47): run-time error CSS1046: Expect comma, found ')'
(2347,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2458,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2458,20): run-time error CSS1046: Expect comma, found '-'
(2458,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2458,36): run-time error CSS1046: Expect comma, found ')'
(2458,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2464,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2464,31): run-time error CSS1046: Expect comma, found '-'
(2464,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2464,47): run-time error CSS1046: Expect comma, found ')'
(2464,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2608,28): run-time error CSS1039: Token not allowed after unary operator: '-rojofondo'
(2628,28): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(2645,17): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(2646,28): run-time error CSS1039: Token not allowed after unary operator: '-verdefondo'
(2690,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2696,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2702,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2725,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2725,20): run-time error CSS1046: Expect comma, found '-'
(2725,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2725,36): run-time error CSS1046: Expect comma, found ')'
(2725,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2894,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2894,31): run-time error CSS1046: Expect comma, found '-'
(2894,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2894,47): run-time error CSS1046: Expect comma, found ')'
(2894,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2896,37): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2896,41): run-time error CSS1046: Expect comma, found '-'
(2896,42): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(2896,57): run-time error CSS1046: Expect comma, found ')'
(2896,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2942,37): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipal'
(2943,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2943,24): run-time error CSS1046: Expect comma, found '-'
(2943,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorText'
(2943,35): run-time error CSS1046: Expect comma, found ')'
(2943,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3001,17): run-time error CSS1039: Token not allowed after unary operator: '-numeroNegativo'
(3032,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3032,27): run-time error CSS1046: Expect comma, found '-'
(3032,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorBackgroundLogin'
(3032,49): run-time error CSS1046: Expect comma, found ')'
(3032,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3055,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3055,27): run-time error CSS1046: Expect comma, found '-'
(3055,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorBackgroundLogin'
(3055,49): run-time error CSS1046: Expect comma, found ')'
(3055,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3100,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3100,31): run-time error CSS1046: Expect comma, found '-'
(3100,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorBackgroundLogin'
(3100,53): run-time error CSS1046: Expect comma, found ')'
(3100,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3112,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3112,20): run-time error CSS1046: Expect comma, found '-'
(3112,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorBackgroundLogin'
(3112,42): run-time error CSS1046: Expect comma, found ')'
(3112,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3115,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3115,27): run-time error CSS1046: Expect comma, found '-'
(3115,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorBackgroundLogin'
(3115,49): run-time error CSS1046: Expect comma, found ')'
(3115,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3202,17): run-time error CSS1039: Token not allowed after unary operator: '-gris1'
(3209,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3209,24): run-time error CSS1046: Expect comma, found '-'
(3209,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3209,40): run-time error CSS1046: Expect comma, found ')'
(3209,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3225,38): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3225,42): run-time error CSS1046: Expect comma, found '-'
(3225,43): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3225,58): run-time error CSS1046: Expect comma, found ')'
(3225,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3233,17): run-time error CSS1039: Token not allowed after unary operator: '-gris1'
(3262,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3262,31): run-time error CSS1046: Expect comma, found '-'
(3262,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3262,47): run-time error CSS1046: Expect comma, found ')'
(3262,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3276,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3276,20): run-time error CSS1046: Expect comma, found '-'
(3276,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3276,36): run-time error CSS1046: Expect comma, found ')'
(3276,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3280,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3280,24): run-time error CSS1046: Expect comma, found '-'
(3280,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3280,40): run-time error CSS1046: Expect comma, found ')'
(3280,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3288,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3288,20): run-time error CSS1046: Expect comma, found '-'
(3288,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3288,36): run-time error CSS1046: Expect comma, found ')'
(3288,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3306,17): run-time error CSS1039: Token not allowed after unary operator: '-gris1'
(3318,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3318,20): run-time error CSS1046: Expect comma, found '-'
(3318,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3318,36): run-time error CSS1046: Expect comma, found ')'
(3318,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3438,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3438,20): run-time error CSS1046: Expect comma, found '-'
(3438,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3438,36): run-time error CSS1046: Expect comma, found ')'
(3438,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3444,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipalFavoritos'
(3480,16): run-time error CSS1039: Token not allowed after unary operator: '-colorPrincipalFavoritos'
(3567,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3567,20): run-time error CSS1046: Expect comma, found '-'
(3567,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3567,36): run-time error CSS1046: Expect comma, found ')'
(3567,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3571,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3572,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3572,31): run-time error CSS1046: Expect comma, found '-'
(3572,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3572,47): run-time error CSS1046: Expect comma, found ')'
(3572,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3579,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3580,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOscuroMenu'
(3603,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3604,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOscuroMenu'
(3608,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTextMenu'
(3609,28): run-time error CSS1039: Token not allowed after unary operator: '-colorClaroMenu'
(3615,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3615,27): run-time error CSS1046: Expect comma, found '-'
(3615,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3615,43): run-time error CSS1046: Expect comma, found ')'
(3615,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3616,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3616,31): run-time error CSS1046: Expect comma, found '-'
(3616,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3616,47): run-time error CSS1046: Expect comma, found ')'
(3616,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3660,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3660,20): run-time error CSS1046: Expect comma, found '-'
(3660,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3660,36): run-time error CSS1046: Expect comma, found ')'
(3660,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3664,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3665,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3665,31): run-time error CSS1046: Expect comma, found '-'
(3665,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3665,47): run-time error CSS1046: Expect comma, found ')'
(3665,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3672,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3673,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOscuroMenu'
(3696,17): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3697,28): run-time error CSS1039: Token not allowed after unary operator: '-colorOscuroMenu'
(3701,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTextMenu'
(3702,28): run-time error CSS1039: Token not allowed after unary operator: '-colorClaroMenu'
(3708,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3708,27): run-time error CSS1046: Expect comma, found '-'
(3708,28): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3708,43): run-time error CSS1046: Expect comma, found ')'
(3708,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3709,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3709,31): run-time error CSS1046: Expect comma, found '-'
(3709,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-colorPrincipal'
(3709,47): run-time error CSS1046: Expect comma, found ')'
(3709,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*
 * Skin: Light
 * -----------
 */
.skin-hb {
    --rojo: #FF0000;
    --verde: #00AA00;
    --azul: #0000FF; /*#6394FA*/
    --rojofondo: #ff3232;
    --verdefondo: #00a65a;
    --azulfondo: #0000FF; /*#6394FA*/
    --numeroNegativo: #FF0000;
    --fondoNegativo: #ff3232;
    --colorPrincipal: 164, 52, 32; /*#A43420*/
    --colorLinkPrincipal: 136, 138, 139; /*#888A8B*/
    --colorIconsPrincipal: 164, 52, 32; /*#A43420*/
    --colorText: #ffffff;
    --colorSpinner: 164, 52, 32; /*#A43420*/
    --colorClaroMenu: #ad4836; /*2*/
    --colorOscuroMenu: #942f1d; /*1*/
    --colorTextMenu: #f1e1de; /*3*/
}

    /* skin-hb navbar */

    .skin-hb .main-header {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    }

        .skin-hb .main-header .navbar-toggle {
            color: #333;
        }

        .skin-hb .main-header .navbar-brand {
            color: #333;
            border-right: 1px solid #eee;
        }

        .skin-hb .main-header .navbar {
            background-color: #ffffff;
        }

            .skin-hb .main-header .navbar .nav > li > a {
                color: #333333;
            }

                .skin-hb .main-header .navbar .nav > li > a:hover,
                .skin-hb .main-header .navbar .nav > li > a:active,
                .skin-hb .main-header .navbar .nav > li > a:focus,
                .skin-hb .main-header .navbar .nav .open > a,
                .skin-hb .main-header .navbar .nav .open > a:hover,
                .skin-hb .main-header .navbar .nav .open > a:focus,
                .skin-hb .main-header .navbar .nav > .active > a {
                    background: #ffffff;
                    color: #999999;
                }

            .skin-hb .main-header .navbar .sidebar-toggle {
                color: #333333;
            }

                .skin-hb .main-header .navbar .sidebar-toggle:hover {
                    color: #999999;
                    background: #ffffff;
                }

            .skin-hb .main-header .navbar > .sidebar-toggle {
                color: #333;
                border-right: 1px solid #eee;
            }

            .skin-hb .main-header .navbar .navbar-nav > li > a {
                border-right: 1px solid #eee;
            }

            .skin-hb .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
            .skin-hb .main-header .navbar .navbar-right > li > a {
                border-left: 1px solid #eee;
                border-right-width: 0;
            }

        .skin-hb .main-header > .logo {
            background-color: #ffffff;
            color: #333333;
            border-bottom: 0 solid transparent;
            border-right: 1px solid #eee;
        }

            .skin-hb .main-header > .logo:hover {
                background-color: #fcfcfc;
            }

@media (max-width: 767px) {
    .skin-hb .main-header > .logo {
        background-color: #222222;
        color: #ffffff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-hb .main-header > .logo:hover {
            background-color: #1f1f1f;
        }
}

.skin-hb .main-header li.user-header {
    background-color: #222;
}

.skin-hb .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-hb .wrapper,
.skin-hb .main-sidebar,
.skin-hb .left-side {
    background-color: rgb(var(--colorPrincipal));
}

.skin-hb .user-panel > .info,
.skin-hb .user-panel > .info > a {
    color: #fff;
}

.skin-hb .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-hb .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-hb .sidebar-menu > li:hover > a,
.skin-hb .sidebar-menu > li.active > a,
.skin-hb .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: var(--colorOscuroMenu); /*1*/
}

.skin-hb .sidebar-menu > li.active > a {
    border-left-color: #ffffff;
}

.skin-hb .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: var(--colorClaroMenu); /*2*/
}

.skin-hb .sidebar a {
    color: var(--colorText);
}

    .skin-hb .sidebar a:hover {
        text-decoration: none;
    }

.skin-hb .sidebar-menu .treeview-menu > li > a {
    color: var(--colorTextMenu); /*3*/
}

    .skin-hb .sidebar-menu .treeview-menu > li.active > a,
    .skin-hb .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-hb .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-hb .sidebar-form input[type="text"],
    .skin-hb .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-hb .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-hb .sidebar-form input[type="text"]:focus,
        .skin-hb .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-hb .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-hb .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-hb .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

.skin-hb .first-row {
    background-color: #D2D6DE !important;
}

    .skin-hb .first-row:hover,
    .skin-hb .first-row:hover td:not(.sell-style):not(.buy-style),
    .skin-hb .first-row:hover td:not(.sell-style):not(.buy-style) a,
    .skin-hb .first-row:hover th:not(.sell-style):not(.buy-style) {
        background-color: #D2D6DE !important;
    }

.skin-hb .table-precios tbody tr:not(.first-row):not(.tr-inversion-global-ganancia,.tr-inversion-global-perdida):hover td:not(.sell-style):not(.buy-style),
.skin-hb .table-precios tbody tr:not(.first-row):not(.tr-inversion-global-ganancia,.tr-inversion-global-perdida):hover td:not(.sell-style):not(.buy-style) a,
.skin-hb .table-hover tbody tr:not(.first-row):not(.tr-inversion-global-ganancia,.tr-inversion-global-perdida):hover th:not(.sell-style):not(.buy-style) {
    background-color: #f5f9bd;
    color: #333D46;
}

.skin-hb .orden-parcial {
    background-color: #f5f9bd !important;
    color: #333D46 !important;
}

.skin-hb .table-precios tbody tr:hover td.buy-style,
.skin-hb .table-precios tbody tr:hover td.buy-style a,
.skin-hb .table-hover tbody tr:hover th.buy-style {
    /*background-color: #dbf2c4;*/ /*hover de puntas precios online*/
}

.skin-hb .table-precios tbody tr:hover td.sell-style,
.skin-hb .table-precios tbody tr:hover td.sell-style a,
.skin-hb .table-hover tbody tr:hover th.sell-style {
    /*background-color: #f9e8ce;*/ /*hover de puntas precios online*/
}

.skin-hb .table-consultas tbody tr:not([class*="apli-online"]):hover td:not(.td-green),
.skin-hb .table-hover tbody tr:hover th,
.skin-hb .table-consultas tbody tr:hover a {
    background-color: #f5f5f5;
    /*background-color: #f5f9bd;
    color: #333D46;*/
}

/*.skin-hb .table .table{
    background-color: #ffffff !important;
}*/

.skin-hb .pace .pace-progress {
    background: #222;
}

.skin-hb .pace .pace-activity {
    border-top-color: #222;
    border-left-color: #222;
}

.skin-hb .form-control {
    /*border-radius: 4px !important;*/
    font-weight: bold;
}

.skin-hb .ui-dialog .ui-dialog-title {
    color: #333;
}

.skin-hb .tr-precios:hover td, .skin-hb .tr-precios:hover a {
    background-color: #f5f9bd !important;
    color: #333D46 !important;
}

.skin-hb .ticker-color {
    color: #1f1f1f;
    font-weight: bold;
    font-size: 12px;
}

.skin-hb .toolbarIcon {
    color: black !important;
}

.skin-hb .table-puntas tbody tr:hover td, .skin-hb .table-puntas tbody tr:hover a {
}

.skin-hb .containerTransFondos a.opcion-transferencia {
    color: #333;
}

.skin-hb div[role="tabpanel"] > .nav-tabs > li > a.tab-market {
    border: none !important;
    color: #333 !important;
    cursor: default;
}

    .skin-hb div[role="tabpanel"] > .nav-tabs > li > a.tab-market:hover {
        background-color: #FFF !important;
    }

.skin-hb .tr-subpanel {
    font-weight: bold;
    background-color: #D2D6DE;
    border-left: 3px solid rgba(var(--colorLinkPrincipal),0.8)
}

.skin-hb .especie-tr {
    font-weight: bold;
    background-color: rgba(var(--colorLinkPrincipal),0.3) !important;
}

.skin-hb .tr-separador-estadoOrden {
    background-color: #E1DCDC;
}

    .skin-hb .tr-separador-estadoOrden td {
        padding: 1px !important;
    }


.skin-hb .table-terminos-cambio {
    border: 1px solid #D2D6DE;
}

    .skin-hb .table-terminos-cambio thead {
        background-color: #D2D6DE;
    }

.skin-hb .box .overlay, .skin-hb .overlay-wrapper .overlay {
    background: rgba(255, 255, 255, .7);
    border-radius: 1px;
}

.box-header-puntas .caja_puntas-header {
    background-color: #d2d6de;
}

.box-header-puntas .caja_puntas-box {
    border-color: #666;
}

.skin-hb .order-footer {
    background-color: #ffffff;
}

    .skin-hb.order-footer .form-group .form-control {
        background-color: #ffffff !important;
        color: #333 !important;
    }

    .skin-hb .order-footer .form-group .control-label {
        font-weight: bold;
    }


    .skin-hb .order-footer .div-footer-orden-footer {
        height: 20px;
        background-color: black;
        color: white;
        font-size: xx-small;
        padding: 5px 20px;
        bottom: 0;
        position: fixed;
        width: 100%;
    }

.skin-hb .order-footer {
    border-top-color: rgb(var(--colorPrincipal),0.8);
}

.skin-hb .box-header-custom {
    border-bottom-color: rgba(var(--colorPrincipal)) !important;
}

/*
 * Skin: Black
 * -----------
 */
@import url("Site.css");

.skin-hb-black {
    --rojo: #ff3232;
    --verde: #32DD32;
    --azul: #6492FF; /*#6394FA*/
    --rojofondo: #ff3232;
    --verdefondo: #00a65a;
    --azulfondo: #0000FF; /*#6394FA*/
    --numeroNegativo: #ff3232;
    --fondoNegativo: #ff3232;
    --colorPrincipal: 164, 52, 32; /*#A43420*/
    --colorLinkPrincipal: 136, 138, 139; /*#888A8B*/
    --colorIconsPrincipal: 164, 52, 32; /*#A43420*/
    --colorText: #ffffff;
    --colorSpinner: 164, 52, 32; /*#A43420*/
    --colorClaroMenu: #ad4836; /*2*/
    --colorOscuroMenu: #942f1d; /*1*/
    --colorTextMenu: #f1e1de; /*3*/
    --colorBackground: #121B22;
}

    /* skin-hb-black navbar */
    .skin-hb-black .main-header {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    }

        .skin-hb-black .main-header .navbar-toggle {
            color: #222D32;
        }

        .skin-hb-black .main-header .navbar-brand {
            color: #333;
            background-color: #ffffff;
        }

        .skin-hb-black .main-header .navbar {
            background-color: #ffffff;
        }

            .skin-hb-black .main-header .navbar .nav > li > a {
                color: #333333;
            }

                .skin-hb-black .main-header .navbar .nav > li > a:hover,
                .skin-hb-black .main-header .navbar .nav > li > a:active,
                .skin-hb-black .main-header .navbar .nav > li > a:focus,
                .skin-hb-black .main-header .navbar .nav .open > a,
                .skin-hb-black .main-header .navbar .nav .open > a:hover,
                .skin-hb-black .main-header .navbar .nav .open > a:focus,
                .skin-hb-black .main-header .navbar .nav > .active > a {
                    background: #ffffff;
                    color: #999999;
                }

            .skin-hb-black .main-header .navbar .sidebar-toggle {
                color: #333333;
            }

                .skin-hb-black .main-header .navbar .sidebar-toggle:hover {
                    color: #999999;
                    background: #ffffff;
                }

            .skin-hb-black .main-header .navbar > .sidebar-toggle {
                color: #333;
                border-right: 1px solid #eee;
            }

            .skin-hb-black .main-header .navbar .navbar-nav > li > a {
                border-right: 1px solid #eee;
            }

            .skin-hb-black .main-header .navbar .logo {
                border-right: 1px solid #eee;
            }

            .skin-hb-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
            .skin-hb-black .main-header .navbar .navbar-right > li > a {
                border-left: 1px solid #eee;
                border-right-width: 0;
            }

        .skin-hb-black .main-header > .logo {
            background-color: #ffffff;
            color: #333333;
            border-bottom: 0 solid transparent;
            border-right: 1px solid #eee;
        }

            .skin-hb-black .main-header > .logo:hover {
                background-color: #fcfcfc;
            }

@media (max-width: 767px) {
    .skin-hb-black .main-header > .logo {
        background-color: #222222;
        color: #ffffff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-hb-black .main-header > .logo:hover {
            background-color: #1f1f1f;
        }
}

.skin-hb-black .main-header li.user-header {
    background-color: #222;
}

.skin-hb-black .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-hb-black .wrapper,
.skin-hb-black .main-sidebar,
.skin-hb-black .left-side {
    background-color: rgb(var(--colorPrincipal));
}

.skin-hb-black .content-wrapper {
    background-color: var(--colorBackground) !important;
}



.skin-hb-black .user-panel > .info,
.skin-hb-black .user-panel > .info > a {
    color: #fff;
}

.skin-hb-black .sidebar-menu > li.header {
    background: #1a2226;
}

.skin-hb-black .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-hb-black .sidebar-menu > li:hover > a,
.skin-hb-black .sidebar-menu > li.active > a,
.skin-hb-black .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: var(--colorOscuroMenu); /*1*/
}

.skin-hb-black .sidebar-menu > li.active > a {
    border-left-color: #ffffff;
}

.skin-hb-black .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: var(--colorClaroMenu); /*2*/
}

.skin-hb-black .sidebar a {
    color: var(--colorText); /*4*/
}

    .skin-hb-black .sidebar a:hover {
        text-decoration: none;
    }

.skin-hb-black .sidebar-menu .treeview-menu > li > a {
    color: var(--colorTextMenu); /*3*/
}

    .skin-hb-black .sidebar-menu .treeview-menu > li.active > a,
    .skin-hb-black .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-hb-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-hb-black .sidebar-form input[type="text"],
    .skin-hb-black .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-hb-black .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-hb-black .sidebar-form input[type="text"]:focus,
        .skin-hb-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-hb-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-hb-black .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-hb-black .pace .pace-progress {
    background: #222;
}

.skin-hb-black .pace .pace-activity {
    border-top-color: #222;
    border-left-color: #222;
}


/* estilos para elementos fueras del skin*/

.skin-hb-black .box-header {
    color: white;
    background-color: #3B4650;
}

.skin-hb-black .box {
    background-color: #3D4853;
    color: #fff;
    border-top: 3px solid #98A6AD;
}

.skin-hb-black .box-header-custom {
    border-bottom-color: rgba(var(--colorPrincipal)) !important;
}

.skin-hb-black .box-footer {
    background-color: #3D4853;
}

.skin-hb-black .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #333D46;
}

.skin-hb-black .table > thead > tr > th,
.skin-hb-black .table > tbody > tr > th,
.skin-hb-black .table > tfoot > tr > th,
.skin-hb-black .table > thead > tr > td,
.skin-hb-black .table > tbody > tr > td,
.skin-hb-black .table > tfoot > tr > td {
    border-top: 1px solid #434F5C;
}

.skin-hb-black .table-hover tbody tr:hover th, .skin-hb-black .first-row {
    background-color: #333D46;
}

    .skin-hb-black .table-precios tbody tr:hover td:not(.sell-style):not(.buy-style),
    .skin-hb-black .table-precios tbody tr:hover td:not(.sell-style):not(.buy-style) a,
    .skin-hb-black .table-hover tbody tr:hover th:not(.sell-style):not(.buy-style) {
        background-color: #f5f9bd;
        color: #333D46 !important;
    }
/*
.skin-hb-black .orden-parcial {
    background-color: #f5f9bd !important;
    color: #333D46 !important;
}
*/
.skin-hb-black .orden-parcial {
    background-color: #333D46 !important;
    color: #ffffff !important;
}

.skin-hb-black .table-precios tbody tr:hover td.buy-style,
.skin-hb-black .table-precios tbody tr:hover td.buy-style a,
.skin-hb-black .table-hover tbody tr:hover th.buy-style {
    /* background-color: #dbf2c4;*/
}

.skin-hb-black .table-precios tbody tr:hover td.sell-style,
.skin-hb-black .table-precios tbody tr:hover td.sell-style a,
.skin-hb-black .table-hover tbody tr:hover th.sell-style {
    /*background-color: #f9e8ce;*/
}

.skin-hb-black .table-consultas tbody tr:not([class*="apli-online"]):hover td:not(.td-green),
.skin-hb-black .table-hover tbody tr:hover th,
.skin-hb-black .table-consultas tbody tr:hover a {
    background-color: #333D46;
    /*
    background-color: #5a692d;
    */
}

.skin-hb-black .table-indices tbody tr:hover td, .skin-hb-black .table-hover tbody tr:hover th {
    background-color: #323B44 !important;
}

.skin-hb-black .table .table {
    background-color: #3d4853 !important;
}

.skin-hb-black textarea:not(.ignore-skin)::placeholder {
    color: #ffffff;
}

.skin-hb-black .form-control {
    background-image: none;
    border: 1px solid #98A6AD !important;
    /*border-radius: 4px !important;*/
    font-weight: bold;
}

    .skin-hb-black .form-control:not(.ignore-skin) {
        background-color: #4C5A67 !important;
        color: #FFF !important;
    }

/*fondosbox*/
.skin-hb-black .seccionfondos .select2-selection {
    background-color: #4C5A67 !important;
    border: 1px solid #98A6AD !important
}

    .skin-hb-black .seccionfondos .select2-selection .select2-selection__rendered {
        color: #FFF !important;
    }

    .skin-hb-black .seccionfondos .select2-selection .select2-selection__arrow b {
        border-color: white transparent transparent transparent;
    }

.skin-hb-black .seccionfondos .select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent white transparent;
}

.skin-hb-black #select2-select_fondoSuscripcion-results {
    background-color: #4C5A67;
    color: white;
}

    .skin-hb-black #select2-select_fondoSuscripcion-results .select2-results__option {
        color: white;
    }

        .skin-hb-black #select2-select_fondoSuscripcion-results .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
            background-color: #333D46;
        }

/*fondosbox*/

.skin-hb-black .ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
    background-color: #3D4853;
    color: #FFF;
}

.skin-hb-black .sell-style, .skin-hb-black .sell-style1, .skin-hb-black .sell-style2, .skin-hb-black .sell-style3, .skin-hb-black .sell-style4 {
    color: #000;
}

.skin-hb-black .buy-style, .skin-hb-black .buy-style1, .skin-hb-black .buy-style2, .skin-hb-black .buy-style3, .skin-hb-black .buy-style4 {
    color: #000;
}

.skin-hb-black .ui-dialog .ui-dialog-title {
    color: #fff;
}

.skin-hb-black .ui-widget .ui-widget-content {
    color: #fff;
}

.skin-hb-black .tr-precios:hover td, .skin-hb-black .tr-precios:hover a {
    background-color: #f5f9bd !important;
    color: #333D46 !important;
}


.skin-hb-black .ticker-color {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

/* estilos para perifl de inversor*/

.skin-hb-black .textoInversor {
    color: #ffffff;
}

.skin-hb-black .toolbarIcon {
    color: white !important;
}

/*estilo para cambio*/

.skin-hb-black .cambioAvisoVigencia {
    color: black;
}

.table-puntas tbody tr:hover td, .skin-hb-black .table-puntas tbody tr:hover a {
}

/* estilos para popover*/

.skin-hb-black .popover {
    /*border: none;*/
    background-color: #323b44;
    color: white;
}

.skin-hb-black .popover-title {
    border: none;
    background-color: #323b44;
    color: white;
}

.skin-hb-black .popover-content {
    border: none;
    background-color: #3d4853;
}

.skin-hb-black .popover.top > .arrow:after {
    border-top-color: #3d4853;
}

.skin-hb-black .popover.right > .arrow:after {
    border-right-color: #3d4853;
}

.skin-hb-black .popover.bottom > .arrow:after {
    border-bottom-color: #323b44;
}

.skin-hb-black .popover.left > .arrow:after {
    border-left-color: #3d4853;
}

.skin-hb-black .popover a {
    color: rgb(var(--colorPrincipal)) !important;
}

.skin-hb-black table.dataTable tbody tr {
    background-color: inherit;
}

.skin-hb-black .dataTables_wrapper .dataTables_length,
.skin-hb-black .dataTables_wrapper .dataTables_filter,
.skin-hb-black .dataTables_wrapper .dataTables_info,
.skin-hb-black .dataTables_wrapper .dataTables_processing,
.skin-hb-black .dataTables_wrapper .dataTables_paginate {
    color: inherit;
}

    .skin-hb-black .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .skin-hb-black .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .skin-hb-black .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: #FFF !important;
    }

    .skin-hb-black .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: #FFF !important;
    }

.skin-hb-black .dataTables_wrapper label * {
    color: #333 !important;
}

.skin-hb-black .containerTransFondos a.opcion-transferencia {
    color: white;
}

    .skin-hb-black .containerTransFondos a.opcion-transferencia #img-cbu-alta {
        filter: contrast(0) brightness(2);
    }

.skin-hb-black div[role="tabpanel"] > .nav-tabs > li > a.tab-market {
    border: none !important;
    color: #ffffff !important;
    cursor: default;
}

    .skin-hb-black div[role="tabpanel"] > .nav-tabs > li > a.tab-market:hover {
        background-color: #3D4853 !important;
    }

.skin-hb-black .tr-subpanel {
    font-weight: bold;
    background-color: #333D46;
    border-left: 3px solid rgba(var(--colorLinkPrincipal),0.8)
}

.skin-hb-black .especie-tr {
    font-weight: bold;
    background-color: rgba(var(--colorLinkPrincipal),0.3) !important;
}

/* modal*/

.skin-hb-black .modal-default .box-footer, .form-control {
    background-color: #ffffff;
    color: #333;
}

.skin-hb-black .modal-default .form-group .form-control, .form-control {
    background-color: #ffffff !important;
    color: #333 !important;
}

.skin-hb-black .modal-body {
    background-color: #ffffff;
}

    .skin-hb-black .modal-body .table-hover tbody tr:hover th, .skin-hb-black .modal-body .first-row {
        background-color: #D2D6DE !important;
    }

    .skin-hb-black .modal-body .orden-parcial {
        background-color: #f5f9bd !important;
        color: #333D46 !important;
    }


    .skin-hb-black .modal-body .table > thead > tr > th, .skin-hb-black .modal-body .table > tbody > tr > th, .skin-hb-black .modal-body .table > tfoot > tr > th, .skin-hb-black .modal-body .table > thead > tr > td, .skin-hb-black .modal-body .table > tbody > tr > td, .skin-hb-black .modal-body .table > tfoot > tr > td {
        border-top: 1px solid #f4f4f4;
    }

    .skin-hb-black .modal-body .form-control {
        background-color: #ffffff !important;
        color: #333 !important;
        border-color: #d2d6de !important;
    }

.skin-hb-black .tr-separador-estadoOrden {
    background-color: #97A5AC;
}

    .skin-hb-black .tr-separador-estadoOrden td {
        padding: 1px !important;
    }

/* START lowerPanel */
/*.skin-hb-black #lowerpanelcontainer #lowerpanel {
    color: white;
    background-color: #3B4650;
}*/
/* END lowerPanel*/


/*overlay spinner*/

.skin-hb-black .box .overlay, .skin-hb-black .overlay-wrapper .overlay {
    background: rgba(51, 61, 70, .7);
    border-radius: 1px;
}

.skin-hb-black .box-header-puntas .caja_puntas-header {
    background-color: #333d46;
}

.skin-hb-black .box-header-puntas .caja_puntas-box {
    border-color: white;
}


.skin-hb-black .order-footer {
    background-color: #333D46 !important;
}

    .skin-hb-black .order-footer .box .form-group .form-control {
        background-color: #4C5A67 !important;
        border: 1px solid #98A6AD !important;
        color: #fff !important;
    }

    .skin-hb-black .order-footer .box .form-group .control-label {
        font-weight: bold;
    }


    .skin-hb-black .order-footer .div-footer-orden-footer {
        height: 20px;
        background-color: black;
        color: white;
        font-size: xx-small;
        padding: 5px 20px;
        bottom: 0;
        position: fixed;
        width: 100%;
    }

    .skin-hb-black .order-footer .box {
        background-color: #333D46 !important;
    }

.skin-hb-black .btn-header-precios {
    background-color: rgba(76, 90, 103, 0.8);
    border-color: rgba(152, 166, 173, 0.8);
    color: white;
}

    .skin-hb-black .btn-header-precios:hover {
        background-color: rgba(76, 90, 103, 1.0);
        border-color: rgba(152, 166, 173, 1.0);
    }

    .skin-hb-black .btn-header-precios.active.focus, .skin-hb-black .btn-header-precios.active:focus, .skin-hb-black .btn-header-precios.active:hover, .skin-hb-black .btn-header-precios:active.focus, .skin-hb-black .btn-header-precios:active:focus, .skin-hb-black .btn-header-precios:active:hover {
        color: #ffffff;
    }

.skin-hb-black .order-footer {
    border-top-color: rgb(var(--colorPrincipal),0.8);
}

/* Estilos extras que no afecten el skin*/

/* Colores para configuración de login */
:root {
    /*Colores Login*/
    /* #f0f0f0 in decimal RGB */
    --colorPrincipal: 99, 148, 250; /*#6394FA*/
    --colorLinkPrincipal: 99, 148, 250; /*#6394FA*/
    --colorIconsPrincipal: 99, 148, 250; /*#6394FA*/
    --colorText: #ffffff;
    --colorSpinner: 99, 148, 250; /*#6394FA*/
    --colorBackgroundLogin: 99, 148, 250; /*#6394FA*/
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body {
    font-family: 'Open Sans', sans-serif;
}
/*
.fixed .content-wrapper,
.fixed .right-side {
    padding-top: 40px;
}
*/
/*
.main-sidebar{
    z-index: 1050 !important;
}
*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}

.btn {
    font-weight: bold !important;
}

.box {
    box-shadow: none !important;
    border-top: none !important;
}

.content {
    padding-top: 0 !important;
}

.ui-widget.ui-widget-content, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Open Sans', sans-serif;
}

body ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #FFF; /*rgb(34,45,50);*/
}

.skin-hb ::-webkit-scrollbar-track /*, .skin-hb::-webkit-scrollbar-track*/ {
    background: rgb(236,240,245);
}

.skin-hb-black ::-webkit-scrollbar-track /*, .skin-hb-black::-webkit-scrollbar-track*/ {
    background: rgb(50,59,68);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(var(--colorLinkPrincipal),0.9) !important;
    border: 1px solid rgb(var(--colorPrincipal),1.0);
    border-radius: 5px;
}


a:hover,
a label:hover {
    cursor: pointer;
}

.colorPrincipal {
    color: rgb(var(--colorPrincipal)) !important;
}

.principal-text {
    color: rgba(var(--colorLinkPrincipal),1.0) !important;
}

    .principal-text i {
        color: rgba(var(--colorIconsPrincipal),1.0) !important;
        font-weight: 800;
    }

.text-rojo {
    color: var(--rojo);
}

.text-verde {
    color: var(--verde);
}

.text-azul {
    color: var(--azul);
}

.boton-consulta {
    margin-top: 5px;
    display: block;
}


.overlay i {
    color: rgb(var(--colorPrincipal)) !important;
}

/* inputs radio style*/
.span-check {
    border: 2px solid #D2D6DE;
    margin: 5px;
    padding: 6px;
    border-radius: 14px;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    transition: 0.1s all linear;
    outline: none;
    margin-right: 5px;
    position: relative;
}

    input[type="radio"]:checked {
        border: 5px solid rgb(var(--colorPrincipal)) !important;
    }

    input[type="radio"].checkradio-compra:checked {
        border: 5px solid var(--verdefondo) !important;
    }

    input[type="radio"].checkradio-venta:checked {
        border: 5px solid var(--rojofondo) !important;
    }
/*inputs radio style*/

.custom-iconos {
    color: rgba(var(--colorIconsPrincipal),1.0);
}

.custom-links {
    color: rgba(var(--colorPrincipal),1.0);
}

    .custom-links:hover {
        color: rgba(var(--colorPrincipal),0.8);
    }

.th-principal-color, tr.th-principal-color:hover {
    background-color: rgb(var(--colorPrincipal)) !important;
    color: var(--colorText) !important;
}

/* start tabla caja puntas */
.table-puntas {
    margin-bottom: 0;
    background-color: #ffffff;
    font-size: 12px !important;
}

    .table-puntas > tbody > tr > td {
        padding: 3px !important;
    }


.table-header-puntas {
    font-size: 12px !important;
    margin-bottom: 0;
}

.box-header-puntas .caja_puntas-box {
    border: 1px solid #666;
    border-radius: 4px;
}

/* end tabla caja puntas */

/* start formulario custom para ordenes*/

.title-orden {
    font-weight: bold;
}

.custom-form .form-group {
    margin-bottom: 5px;
}

    .custom-form .form-group textarea {
        resize: none;
    }


.cargarOrdenEspecie {
    margin-top: 15px;
}

.input-radio-order {
}

    .input-radio-order input[type="radio"] {
        margin-bottom: -3px !important;
    }

/* end formulario custom para ordenes*/

.custom-alert {
    font-size: 12px;
    padding: 10px !important;
    margin-bottom: 5px !important;
}

#push-menu-top {
    display: none;
}

@media (max-width: 750px) {
    #push-menu-top {
        display: block;
    }
}

/* start estilos par el panel de configuracion*/
.custom-settings .form-group a {
    color: #ffffff;
}

.custom-settings hr {
    margin-left: -15px;
    margin-right: -15px;
}

/* end estilos par el panel de configuracion*/

.table > thead > tr > th {
    padding: 4px !important;
}

.table a * {
    transition: all .1s ease-in-out;
}

.table a:hover * {
    transform: scale(1.3);
    /*font-size: 130%;*/
}

.link-resaltar:hover {
    transform: scale(1.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.min-heigt-body {
    min-height: 600px;
}

.table-precios {
    font-size: 11px !important;
}
    .table-precios td a {
        font-size: 11px !important;
    }

.table-consultas {
    font-size: 12px !important;
    padding: 3px !important;
}
/* start clases para manejar los favoritos*/
.start-fav {
    font-size: 14px;
}

.favorito {
}

.link-fav {
    color: grey;
}

/* end clases para manejar los favoritos*/

/* start estilos para las tablas de consultas*/


.titulos-big {
    font-size: 14px;
    /*font-weight:bold;*/
}

.tr-inversion-global-ganancia,
.tr-inversion-global-ganancia:hover,
.tr-inversion-global-ganancia:hover td,
.tr-inversion-global-ganancia:hover td a,
.tr-inversion-global-ganancia:hover th {
    background-color: var(--verdefondo) !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

.tr-inversion-global-perdida,
.tr-inversion-global-perdida:hover,
.tr-inversion-global-perdida:hover td,
.tr-inversion-global-perdida:hover td a,
.tr-inversion-global-perdida:hover th {
    background-color: var(--rojofondo) !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

.table-consultas > tbody > tr > td:last-child {
    padding-right: 15px !important;
}

.table-consultas > tbody > tr > td p {
    margin: 0;
}

/*alinea los numeros a la derecha*/
.table-consultas > tbody > tr > td span {
    text-align: right !important;
}

.table-consultas > tbody > tr > td:first-child {
    padding-left: 15px !important;
}

.table-consultas > thead > tr > th:last-child {
    padding-right: 15px !important;
}

.table-consultas > thead > tr > th:first-child {
    padding-left: 15px !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.border-gray {
    border-bottom: solid;
    border-bottom-color: rgba(var(--colorLinkPrincipal));
}

.border-gray-bottom {
    border-bottom: solid;
    border-bottom-color: rgba(var(--colorLinkPrincipal));
}

.border-gray-top {
    border-top: solid;
    border-top-color: rgba(var(--colorLinkPrincipal));
}

/* end estilos para las tablas de consultas*/

/* detalle para subtitulos de la tabla de inversion global*/
.detalle-tabla {
    padding-top: 25px;
    padding-left: 15px;
}

.box-consultas {
}

.margin-top {
    margin-top: 0;
}

.sell-style {
    background-color: rgba(242, 222, 222, 1.0);
    font-weight: bold;
}

.sell-style1 {
    background-color: rgba(242, 222, 222, 0.8) !important;
    font-weight: bold;
}

.sell-style2 {
    background-color: rgba(242, 222, 222, 0.6) !important;
    font-weight: bold;
}

.sell-style3 {
    background-color: rgba(242, 222, 222, 0.4) !important;
    font-weight: bold;
}

.sell-style4 {
    background-color: rgba(242, 222, 222, 0.2) !important;
    font-weight: bold;
}

.buy-style {
    background-color: rgba(215, 237, 215, 1.0);
    font-weight: bold;
}

.buy-style1 {
    background-color: rgba(215, 237, 215, 0.8) !important;
    font-weight: bold;
}

.buy-style2 {
    background-color: rgba(215, 237, 215, 0.6) !important;
    font-weight: bold;
}

.buy-style3 {
    background-color: rgba(215, 237, 215, 0.4) !important;
    font-weight: bold;
}

.buy-style4 {
    background-color: rgba(215, 237, 215, 0.2) !important;
    font-weight: bold;
}

.border-bottom-sell {
    border-bottom: 2px solid var(--rojo) !important;
}

.border-bottom-buy {
    border-bottom: 2px solid #009500 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.padding-right-label {
    padding-right: 10px !important;
}

.btn-compra {
    background-color: var(--verdefondo);
    color: #ffffff !important;
    font-weight: bold;
}

    .btn-compra:hover {
        background-color: #2E853C !important;
        color: #fff !important;
        cursor: pointer;
        transition: background-color 100ms linear;
    }

    .btn-compra:active {
        transform: translate(0px, 2px);
        color: #fff !important;
    }

.btn-venta {
    background-color: var(--rojofondo) !important;
    color: #ffffff !important;
    font-weight: bold;
}

    .btn-venta:hover {
        background-color: #CC0000 !important;
        color: #fff !important;
        cursor: pointer;
        transition: background-color 100ms linear;
    }

    .btn-venta:active {
        transform: translate(0px, 2px);
        color: #fff !important;
    }

.btn-primary {
    background-color: rgba(var(--colorPrincipal), 0.8) !important;
    border-color: rgba(var(--colorPrincipal), 1.0) !important;
    color: var(--colorText) !important;
}

.btn-maximizarMinimizar {
    margin-left: 5px;
}

.text-compra {
    color: #009500 !important;
}

.text-venta {
    color: var(--rojo) !important;
}
/* start solapa (tabs) para el panel de precios*/

div[role="tabpanel"] .nav-tabs > li.active > a,
div[role="tabpanel"] .nav-tabs > li.active > a:focus,
div[role="tabpanel"] .nav-tabs > li.active > a:hover {
    background-color: rgba(var(--colorLinkPrincipal), 0.8) !important;
    color: var(--colorText) !important;
    font-weight: bold;
}
div[role="tabpanel"] .nav-tabs > li.active > .btnTabFavoritos,
div[role="tabpanel"] .nav-tabs > li.active > .btnTabFavoritos:focus,
div[role="tabpanel"] .nav-tabs > li.active > .btnTabFavoritos:hover {
    background-color: rgba(var(--colorLinkPrincipal), 0.8) !important;
    color: var(--colorText) !important;
    font-weight: bold;
}
div[role="tabpanel"] .nav-tabs > li.active > .btnTabFavoritos a,
div[role="tabpanel"] .nav-tabs > li.active > .btnTabFavoritos a:focus,
div[role="tabpanel"] .nav-tabs > li.active > .btnTabFavoritos a:hover {
    background-color: transparent !important;
    color: var(--colorText) !important;
    font-weight: bold;
}
.nav > li > .btnTabFavoritos:hover, .nav > li > .btnTabFavoritos:active, .nav > li > .btnTabFavoritos:focus {
    background-color: #f7f7f7;
}
div[role="tabpanel"] .nav-tabs#tabs-favs {
    float: right;
}

.dropdown-menu > li > a {
    color: #666;
    padding: 3px 10px;
}

    .dropdown-menu > li > a > i {
        margin: 0 !important;
        width: 20px;
        text-align: center;
    }

.treeview-menu > li > a {
    color: inherit;
    padding: 3px 10px 3px 28px;
}

.padding-table {
    padding: 0 1px !important;
}

div[role="tabpanel"] .nav-tabs {
    border-bottom: 0;
}

div[role="tabpanel"] .nav-tabs-fav > li {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

div[role="tabpanel"] .nav-tabs > li > a {
    color: rgba(var(--colorLinkPrincipal), 1.0) !important;
    border: 1px solid rgba(var(--colorLinkPrincipal), 0.8) !important;
    font-weight: bold;
    padding: 4px;
    font-size: smaller;
    border-radius: 4px;
    margin-left: 1px;
    margin-bottom: 2px;
}
div[role="tabpanel"] .nav-tabs > li > .btnTabFavoritos {
    display: flex;
    color: rgba(var(--colorPrincipal), 1.0) !important;
    border: 1px solid rgba(var(--colorLinkPrincipal), 0.8) !important;
    font-weight: bold;
    padding: 4px;
    font-size: smaller;
    border-radius: 4px;
    margin-left: 1px;
    margin-bottom: 2px;
}
div[role="tabpanel"] .nav-tabs > li > .btnTabFavoritos > a{
    color: rgba(var(--colorPrincipal), 1.0) !important;
    background-color: transparent !important;
}
·btnMostrarListaGruposFavoritos{
    border: none;
}
#contenedorListaGruposFavorito{
    color: #ffffff !important;
}
.nav .open >.btnTabFavoritos,
.nav .open >.btnTabFavoritos:focus,
.nav .open >.btnTabFavoritos:hover {
    color: transparent !important;
    background-color: transparent !important;
}
.dropdown-inside-panel {
    background-color: transparent !important;
    color: var(--colorPrincipal) !important;
    border: none !important;
    margin-left: 5px !important;
    width: 25px !important;
    height: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}
.li-inside-panel {
    margin: 5%;
    font-size: 10px;
}
.li-inside-panel:hover {
    cursor:pointer;
}
#dropdownGruposFavoritos{  
    background-color: transparent; 
    color: var(--colorPrincipal);
    border: none;
    margin-left: 5px; 
    width: 25px;
    height: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center ;
}
@media(max-width:1394px) {
    #dropdownGruposFavoritos{  
        margin-left: 5px; 
        width: 15px;
        padding: 0;   
    }
    .dropdown-inside-panel {
        margin-left: 5px;
        width: 15px;
        padding: 0;
    }
    .btn-pgraficado-irAPrecios{
        padding: 6px 6px !important;

    }
}
#contenedorListaGruposFavorito{
    padding: 5px !important;
}
.nav-tabs {
    border-color: rgba(var(--colorLinkPrincipal), 0.8) !important;
}

@media (max-width: 768px) {

    .xs-none {
        display: none;
    }

    .sm-none {
        display: none;
    }
}

@media (max-width: 1400px) {

    .td-resultado-del-dia {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .sm-none {
        display: none;
    }
}

@media (min-width: 1200px) {
}

/* end solapa (tabs) para el panel de precios*/
.box-header-custom {
    border-bottom: solid;
    border-bottom-color: whitesmoke; /*!important*/
}

.box-header-orden {
    padding: 5px;
}

.box-indices {
    height: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    width: auto;
}

    .box-indices .box-body {
        padding: 5px;
    }

        .box-indices .box-body .row {
            justify-content: space-between;
            display: flex;
            flex-direction: row;
        }

            .box-indices .box-body .row .span-badge {
                padding-bottom: 0px !important;
                height: 100%;
            }

.span-badge {
    padding: 5px !important;
}

/* start Style autocomplete*/

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .ui-autocomplete > li {
        padding: 2px 2px;
    }

.ui-state-active {
    background-color: #DDD;
}

.ui-helper-hidden-accessible {
    display: none;
}

/* end Style autocomplete*/

/* start iconos img*/

.img-icon-table {
    width: 24px;
}

/* end iconos img*/

/* start orden*/
.min-box-order {
    min-height: 420px !important;
}
/* end orden*/

/* start Columna derecha fija estado de orden*/
.sidebar-estadoOrden {
    height: 100%;
    position: relative;
    margin-top: 0;
    right: 0;
}

@media (min-height: 845px) and (min-width: 1200px) {
    .sidebar-estadoOrden {
        height: 100%;
        position: fixed;
        margin-top: 0;
        margin-bottom: 20px;
        right: 0;
    }
}

/* end Columna derecha fija estado de orden*/
/*start Modal estado de orden*/
@media (min-width: 768px) {
    #modal-estadoDeOrdenModal .modal-dialog {
        width: 700px !important;
    }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: black!important;
}
/*end Modal estado de orden*/
/*start vista Estado de ordenes*/
div#result-estadoOrdenes input.select2-search__field{
    color:black;
}
/*end vista Estado de ordenes*/
/* start Columna derecha fija precios*/
.sidebar-precios {
    height: 100%;
    position: relative;
    margin-top: 0;
    right: 0;
}

@media (min-height: 800px) and (min-width: 1200px) {
    .sidebar-precios {
        height: 100%;
        position: fixed;
        margin-top: 0;
        bottom: auto;
        right: -10px;
    }
}
/* end Columna derecha fija fija precios*/

/*inicio spinner*/

.spinner {
    margin: 10px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: rgb(var(--colorSpinner)) !important;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

.spinner-resultadoDia {
    height: 250px !important;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/*fin spinner*/

/* start estilo caja de ordenes*/

.box-style {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
}

/* end estilo de caja de ordenes */

/* start boton consultar */


.boton-consulta-precios {
    display: inline;
    float: right;
}

/*end of boton consultar*/

/* start titulo precios custom*/
.tituloPrecios {
    margin-top: 10px !important;
}
/*end titulo precios custom*/

/* Alinea el usuario en el combo del cliente*/
#comitenteMenuForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 20px;
}

/*fondosbox start*/
.seccionfondos .select2-selection {
    background-color: inherit;
    border: 1px solid #aaa;
    border-radius: 0;
    height: 32px;
    border-color: #d2d6de;
}

    .seccionfondos .select2-selection .select2-selection__rendered {
        line-height: 24px;
        font-weight: bold;
        padding-left: 4px;
        margin-top: -2px;
    }

    .seccionfondos .select2-selection .select2-selection__arrow b {
        border-color: black transparent transparent transparent;
    }

.seccionfondos .select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent black transparent;
}

/*fondosbox end*/

.table-indices > thead > tr > th, .table-indices > tbody > tr > td {
    border-top: 0;
    padding-top: 0;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

/* tabla opciones*/

/* 1) start resultado del dia */
.box-resultadoDiaNew {
    border-top: 0 !important;
    margin-bottom: 0;
    box-shadow: none;
}

.box-resultadoDia {
    min-height: 250px !important;
    border-top: 0 !important;
    margin-bottom: 0;
    box-shadow: none;
    /*border: 1px solid #ccc;*/
}

    .box-resultadoDia .box-body {
        /*padding: 0;*/
    }

.number-red {
    /*color: #FF0000 !important;*/
    color: #C95E5F;
    font-weight: 800;
}

.number-green {
    /*color: #009500 !important;*/
    color: #00A800;
    font-weight: 800;
}

.td-red {
    background-color: var(--fondoNegativo);
    color: #fff;
    font-weight: 800;
}

.td-green {
    /*background-color: #009500;*/
    background-color: var(--verdefondo);
    color: #fff;
    font-weight: 800;
}

.table-resultadoDia {
    font-size: 11px;
    margin-bottom: 0 !important;
}

    .table-resultadoDia > tbody > tr > td, thead > tr > th {
        padding: 3px !important;
    }

.resultadoDia-modal {
    min-width: 400px;
    height: auto;
    font-style: normal;
}
/* end  resultado del dia */

/* 2) start orden modal*/

.custom-orden-modal .form-control {
    height: 20px;
    font-size: 12px !important;
}

.custom-orden-modal label {
    font-size: 11px !important;
    margin-bottom: 0 !important;
}

.custom-orden-modal .form-group label {
    font-size: 12px !important;
    font-weight: normal;
}

.custom-orden-modal .form-group {
    margin-bottom: 5px;
}

.custom-orden-modal .input-group .input-group-addon, .custom-form .input-group .input-group-addon {
    display: none;
}

.custom-orden-modal .btn {
    font-size: 11px !important;
}

.custom-alert-modal {
    font-size: 11px !important;
    padding: 7px !important;
    margin-bottom: 0 !important;
}

.box-header-orden-modal {
    font-size: 11px !important;
}

.table-puntas-modal {
    font-size: 10px;
    margin-bottom: 0 !important;
    background-color: #ffffff;
}

    .table-puntas-modal > tbody > tr > td, thead > tr > th {
        padding: 1px !important;
    }

.orden-modal {
    width: 350px;
}

.box-orden-modal {
    border-top: 0 !important;
    margin-bottom: 0;
    box-shadow: none;
}

    .box-orden-modal .box-footer {
        border-top: 0;
    }
/* end orden modal*/

/* 3) start modal poder de compra*/
.box-poderDeCompra {
    min-height: 200px;
    border-top: 0 !important;
    margin-bottom: 0;
    box-shadow: none;
}

    .box-poderDeCompra .box-body {
        padding: 0;
    }

.poderDeCompra-modal {
    width: 400px;
    height: 220px;
    font-style: normal;
}

.table-poderDeCompra {
    font-size: 11px;
    margin-bottom: 0 !important;
}

    .table-poderDeCompra > tbody > tr > td, thead > tr > th {
        padding: 1px !important;
    }

        .table-poderDeCompra > tbody > tr > td > p {
            margin: 0 0 0;
        }

.poderDeCompra {
}
/* end modal poder de compra*/
/* 3.5) start modal DDJJ
*/
.DDJJModal-modal {
    width: 834px !important;
    height: 365px !important;
    font-style: normal;
    top: 155.5px !important;
    left: 193px !important;
    overflow: inherit;
}

.DDJJModal {
    width: 872px !important;
   font-size:12px!important;
}
/*end Modal ddjj*/

/* 4) start estilos para las pantallas de login*/

.login-page {
    background-color: rgb(var(--colorPrincipal)) !important;
}

.login-box-body {
    padding: 50px;
    padding-top: 0 !important;
    padding-bottom: 50px;
    width: 100%;
    border: 1px solid gray;
}

.login-logo {
    margin-bottom: 5px !important;
}

.texto-infoCaja-login {
    color: gray;
    font-weight: 500;
    padding-right: 3%;
    font-size: 13px;
    margin-top: 3%;
    text-align: right;
}

.imagen-infoCaja-login {
    padding: 0 !important;
    width: 80px;
}

.olvido-contraseña {
    background-color: #F4F4F4;
    margin-left: -50px;
    margin-right: -50px;
    margin-top: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

.ingreso-cominentes-login {
    text-align: center;
    margin-bottom: 15px;
    color: rgb(var(--colorPrincipal));
    font-size: 15px;
}

.noUsuario-login-footer {
    text-align: center;
    margin-left: 3%;
    color: white;
    font-size: 14px;
    margin-top: -5%;
}

.texto-imagen-div-login {
    margin-top: 5%;
    margin-left: -70px;
}

.cambiarContraseñaBox {
    margin-bottom: 20px;
}

.logo-login {
    padding-top: 10px;
    width: 250px;
    height: 85px;
}

.alert-login {
    font-size: 11px;
    padding: 10px;
    margin-bottom: 10px;
}

.nuevoUsuarioDiv {
    text-align: center;
    color: rgba(var(--colorPrincipal), 0.8) !important;
    border: 1px solid rgba(var(--colorPrincipal), 0.8) !important;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    width: 92%;
    margin-left: 4%;
    font-size: 11px;
}

/* end estilos para pantallas de login*/

/* 5) start estilos para el grafico con modal*/

#chartDialog {
    width: 500px;
    height: 300px;
}

.amcharts-export-menu-top-right {
    top: 10px;
    right: 0;
}

/* end estilos para el grafico con modal*/


/* Start Portafolio graficado*/

.grafica-table-border {
    border-bottom: 1px solid #afafaf;
}

.grafica-table-border-titulo {
    border-bottom: 1px solid #afafaf;
    font-weight: bold;
    font-size: 14px;
}

.prueba {
    border-top: 1px solid black;
    color: rgb(var(--colorPrincipal)) !important;
}

/* End Portafolio graficado*/

/*START Transferencia Fondos*/

.containerTransFondos {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .containerTransFondos {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 70px !important;
    }
}

/*estilo para cuadros de informe transferencias*/
.icon-transferencia {
    height: 65px;
}

.containerTransFondos a.opcion-transferencia {
    transition: all .1s ease-in-out;
    background-color: transparent;
    display: block;
    margin: 0 25%;
    font-weight: bold;
}

    .containerTransFondos a.opcion-transferencia:hover {
        transform: scale(1.3);
    }
/*END Transferencia Fondos*/

/*START boton desplegar consulta*/

.iconDesplegar {
    color: white;
}

/*END boton desplegar consulta*/

/* start canvar charts */

.chart-container {
    position: relative;
}

.canvas-chart {
    height: 380px !important;
    text-align: center;
}

.canvas-chart-small {
    height: 200px !important;
    text-align: center;
}

/* START TABLA CONSULTAS POSICION TOTAL*/

.table-posicion-total {
    font-size: 15px !important;
}

/* END TABLA CONSULTAS POSICION TOTAL*/

/* START TEST PERFIL DE INVERSOR*/

.icon-background1 {
    color: rgb(var(--colorPrincipal)) !important;
}

.icon-background2 {
    color: #CCCED2;
}

.colorAgenteProgressBar {
    background-color: rgb(var(--colorPrincipal)) !important;
}

.circle-icon2 {
    background: #ffc0c0;
    padding: 30px;
    border-radius: 50%;
}

.circle-icon {
    background: #ffc0c0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

.textoInversor {
    margin: 0px;
    font-size: 13px;
    color: #737272;
}
.textoInversorMetodologia {
    margin: 0px;
    font-size: 13px;
    color: #737272;
    display: flex;
    justify-content: center;
}

.preguntasInversor {
    font-weight: bold;
    font-size: 13px;
}

.respuestasInversor {
    font-size: 13px;
}

.preguntasPad {
    padding: 0px;
    margin-top: 5px;
}

/* Start Estilos Progress Bar*/

.divProgressBar {
    position: relative;
    padding: 35px 0;
    margin-left: 7%;
    margin-right: 8%;
}

.progressBar25 {
    display: inline-block;
    zoom: 1;
    position: absolute;
    top: 19px;
    margin-left: 25%;
}

.progressBar50 {
    display: inline-block;
    zoom: 1;
    position: absolute;
    top: 19px;
    margin-left: 50%;
}

.progressBar75 {
    display: inline-block;
    zoom: 1;
    position: absolute;
    top: 19px;
    margin-left: 75%;
}

/*END Estilos Progress Bar*/

/*START Estilos TestInversor*/

.containerA {
    padding: 35px;
    padding-right: 50px;
    padding-left: 50px;
}

.containerB {
    border: 2px solid #cecece;
    border-radius: 10px;
    padding: 35px;
}

.containerBCenter {
    border: 2px solid #cecece;
    border-radius: 10px;
    padding: 35px;
    text-align: center;
}

.pPerfil {
    color: #a09b9b;
    font-size: 23px;
    margin: 0px;
}

.pPerfilH4 {
    font-weight: bold;
    color: rgb(var(--colorPrincipal)) !important;
    font-size: 20px;
    margin: 0px;
}

.productosOperar {
    background-color: rgb(var(--colorPrincipal)) !important;
    margin-top: -1.5%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.productosOperarTittle {
    font-size: 24px;
    margin-top: 2%;
    color: white;
}

.productosOperarResult {
    font-size: 16px;
    margin-top: 2%;
    color: white;
}

/*END TEST PERFIL INVERSOR*/

/*START ESTILOS CONSULTA ALERTAS*/
.bgAlertaRojo {
    background-color: #BF0811;
    color: white;
}

.bgAlertaVerde {
    background-color: #00A800;
    color: white;
}
/*END ESTILOS CONSULTA ALERTAS*/

/* START MENU Y HEADER RESPONSIVE */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 280px) and (max-device-width : 768px) {
    /* Styles */
    /*#seleccionComitenteMenuLi {
        display: none;
    }*/

    #notificacionesMenu {
        display: none;
    }

    #favoritosMenu {
        display: none;
    }

    #mensajesMenu {
        display: none;
    }

    #userMenu {
        display: none;
    }

    .liEX {
        display: none;
    }

    #cambioWizardC {
        display: none;
    }

    #cambioWizardV {
        display: none;
    }

    #cambioImporteV {
        display: none;
    }

    #cambioImporteC {
        display: none;
    }

    .invertIcon {
        margin-left: 40% !important;
    }

    /*#liEXVenta {
        display: none;
    }

    #liEXCompra {
        display: none;
    }*/

    #liVenta {
        display: none;
    }

    #liCompra {
        display: none;
    }

    /*#comitenteMenuResForm {
        border: 0px !important;
        margin-left: 9%;
        margin-top: 5%;
    }*/

    #userMenuResponsive {
        text-align: center;
        margin-top: 5%;
    }

    #usuarioLogueado {
        color: white;
        font-size: 20px;
    }
}

@media only screen and (min-width : 700px) {
    /* Styles */

    /*#comitenteMenuResForm {
        display: none;
    }*/

    #userMenuResponsive {
        display: none;
    }
}
/* END MENU Y HEADER RESPONSIVE */


/*COMPRA Y VENTA DOLARES*/
.cambioAvisoVigencia {
    font-size: 11px;
    background-color: #F0DDDC;
    margin-top: 6.5%;
    padding: 11px;
    border: 1px solid #efaeab;
}

.liEX {
    margin-top: 8px;
    margin-right: 5px;
}

.divEXVenta {
    padding: 5px 15px;
    background-color: var(--rojofondo);
    color: white;
    border-radius: 5px;
    font-weight: bold;
    transition: transform 10s;
}

    .divEXVenta:hover {
        background-color: #ff3232;
        cursor: pointer;
        transition: background-color 200ms linear;
        /*transition: background-color 0.12s ease;*/
    }

    .divEXVenta:active {
        transform: translate(0px, 2px);
    }

.divEXCompra {
    padding: 5px 15px;
    background-color: var(--verdefondo);
    color: white;
    border-radius: 5px;
    font-weight: bold;
    transition: transform 10s;
}

    .divEXCompra:hover {
        background-color: #67cb78;
        cursor: pointer;
        transition: background-color 1000ms linear;
    }


.divEXCompraActive {
    padding: 4px 14px;
    background-color: white;
    color: var(--verdefondo);
    border: 1px solid var(--verdefondo);
    border-radius: 5px;
    font-weight: bold;
}

.textoProBar {
    font-size: 12px;
    font-weight: bold;
}

.pad {
    padding: 14px;
}

.bounce-in-right {
    -webkit-animation: bounce-in-right 0.8s both;
    animation: bounce-in-right 0.8s both;
}

.bounce-in-left {
    -webkit-animation: bounce-in-left 0.8s both;
    animation: bounce-in-left 0.8s both;
}

.invertIcon {
    font-size: 25px;
    margin-left: 50%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

    .invertIcon:hover {
        cursor: pointer;
    }

.invertSwap {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* START WIZARD*/

.icon-background {
    color: #e2dddd;
}

.iconNumber {
    color: black;
}

.iconNumberCheck {
    color: white;
}

.icon-backgroundCheck {
    color: rgb(var(--colorPrincipal)) !important;
}

/*END WIZARD*/

/*START GRAFICOS MODAL*/

.graficosTab {
    padding: 5px !important;
    font-size: 12px;
}

.labelGrafTv {
    font-weight: 400;
    font-size: 13px;
}

.inputGrafTv {
    height: 25px;
}

.noPadGrafTv {
    padding-left: 0px;
    padding-right: 0px;
}
/*END GRAFICOS MODAL*/

/* START PORTALES DE NOTICIAS*/

#portalesMenuItem:hover {
    cursor: pointer;
    background-color: lightgray;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
/* END PORTALES*/

/* START POPOVER*/

.popover {
    border-radius: 5px;
    color: #444;
    padding: 0;
}

.popover-inner {
    display: grid;
}

.popover-title {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: bold;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #f7f7f7;
}
/*
.popover.bottom .popover-title{
    border-radius: 0 0 0 5px;
}
.popover.left .popover-title{
    border-radius: 0 0 5px 0;
}
*/
.popover-content {
    border-radius: 0 0 5px 5px;
    height: auto;
}

/*END POPOVER*/

/* PRECIOSPRECIOS ONLINE */
#select_plazo {
    padding: 0 10px;
    height: fit-content;
    width: fit-content;
    font-size: small;
}


.fondo_rojo {
    background-color: #f04e2f !important;
    color: #fff !important;
}

    .fondo_rojo a {
        color: #fff;
    }

.fondo_verde {
    background-color: #78c254 !important;
    color: #fff !important;
}

    .fondo_verde a {
        color: #fff !important;
    }

.fondo_azul {
    background-color: #5775d8 !important;
    color: #fff !important;
}

    .fondo_azul a {
        color: #fff !important;
    }

table.dataTable thead th {
    padding: 8px 15px 8px 4px !important;
}

table.dataTable tbody td {
    padding: 4px !important;
    vertical-align: middle;
}

.mg-0 {
    margin: 0;
}

/* START Estilo para la tabla de terminos y condiciones de cambio */
.table-terminos-cambio {
    margin: 5px;
}

    .table-terminos-cambio tbody tr td {
        padding: 7px !important;
    }


/* END Estilo para la tabla de terminos y condiciones de cambio */

/* START lowerPanel */
#lowerpanelcontainer {
    width: 100%;
    transition: bottom 0.3s ease-in-out 0s;
    position: fixed;
    bottom: -100px;
    left: 0;
    z-index: 51;
}

    #lowerpanelcontainer.notrans {
        transition: none
    }

    #lowerpanelcontainer #lowerpanel {
        background-color: #FFF;
        height: 100px;
        width: 100%;
    }

        #lowerpanelcontainer #lowerpanel div {
            /*padding-left: 65px;
            padding-bottom: 10px;
            padding-right: 10px;*/
        }

.lowerpanel-abrir {
    float: right;
    position: fixed;
    right: 15px;
    bottom: 15px;
    padding: 0;
    height: 60px;
    width: 60px;
    border-radius: 50% 20% 20% 20%;
    background-color: rgb(var(--colorPrincipal));
    color: white !important;
    box-shadow: 0px 0px 5px 0px rgb(var(--colorPrincipal));
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 51;
}

    .lowerpanel-abrir:focus {
        outline: 0 !important;
    }

    .lowerpanel-abrir img {
        filter: contrast(0) brightness(2);
    }

.lowerpanel-cerrar {
    float: right;
    /*position: absolute;*/
    top: 65px;
    left: -40px;
    padding: 0;
    height: 25px;
    width: 25px;
    background-color: black;
    color: white;
    box-shadow: 0px 0px 1px 0px black;
}

    .lowerpanel-cerrar:focus {
        color: white;
    }

#lowerpaneloffset {
    transition: height 0.3s ease-in-out;
}

    #lowerpaneloffset.notrans {
        transition: none
    }

.table-resuladodia-right {
}

    .table-resuladodia-right thead tr td {
        font-weight: bold;
        background-color: rgba(var(--colorPrincipal), 0.9);
        color: rgb(var(--colorText));
        border: none;
    }

    .table-resuladodia-right .second-tr-resuladodia-right {
        background-color: #181F23;
    }

    .table-resuladodia-right tbody tr td {
        border: none;
    }

/* END lowerPanel*/

/*START agrega scroll vertical a tabla*/
/*Esta clase debe estar asociada a un div que contenga la tabla.*/
.table-scroll {
    display: block;
}

    .table-scroll thead {
        display: block;
    }

    .table-scroll tbody {
        display: block;
        overflow-y: scroll;
        max-height: 435px;
    }

    .table-scroll td, .table-scroll th {
        flex-basis: 100%; /*para cada columna, se puede modificar el ancho con style="flex-basis: 75%;" por ejemplo*/
    }

        .table-scroll td th {
            flex-basis: 100%;
        }

    .table-scroll tr {
        display: flex;
    }
/*En el tbody se debe indicar el heght*/
/*END agrega scroll vertical a tabla*/

.bx-wrapper {
    position: relative;
    margin-bottom: 5px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

/*Agregando la clase scroll-bar-siempre-light el scroll queda siempre claro, por mas que el skin sea negro.*/
.scroll-bar-siempre-light ::-webkit-scrollbar-track {
    background: #ECF0F5;
}

.numero-negativo {
    color: var(--numeroNegativo);
}

/*para el panel de administracion de los usuarios*/

.tipoPersona-2 {
    font-weight: bold;
}

.tipoPersona-3 {
    font-weight: bold;
}

.tipoPersona-4 {
    font-weight: bold;
}

/* Resultado del dia nuevo sin espacio  */
.table-resultado-dia > thead > tr > th, .table-resultado-dia > tbody > tr > th, .table-resultado-dia > tfoot > tr > th, .table-resultado-dia > thead > tr > td, .table-resultado-dia > tbody > tr > td, .table-resultado-dia > tfoot > tr > td {
    padding: 0.5px;
}

.InfoContacto {
    position: absolute;
    margin-right: 5px;
    top: 0px;
    right: 5%;
    width: 350px;
    background-color: white;
    border-radius: 10px;
    border: 1px;
    border-color: rgb(var(--colorBackgroundLogin)) !important;
    border-style: solid;
    margin-top: 50px;
    padding-bottom: 10px;
    overflow-y: auto;
}

.InfoContactoInner {
    margin-top: 5px;
}

.InfoContactoDiv {
    display: flex;
    align-items: center;
    float: left;
    margin-top: 10px;
    margin-left: 13px;
    left: 0%;
    height: 45px;
    border-radius: 10px;
    color: black;
    width: 320px;
    border: 1px;
    border-color: rgb(var(--colorBackgroundLogin)) !important;
    background-color: white;
    border-style: solid;
}

.InfoContactoIcons {
    justify-content: center;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    border-radius: 10px;
    margin-left: 0px;
    left: 0%;
    height: 40px;
    background-color: #ffffff;
    width: 40px;
}

.InfoContactoSection {
    text-align: center;
    display: flex;
    align-items: center;
    float: left;
    margin-top: 10px;
    border-radius: 10px;
    margin-left: 13px;
    height: 100px;
    color: black;
    background-color: #ffffff;
    width: 320px;
}

.InfoContactoH1 {
    text-align: center;
    font-size: 14pt;
    align-items: center;
    margin-top: 15px;
    margin-left: 13px;
    height: 30px;
    border-radius: 10px;
    color: #ffffff;
    width: 320px;
    border: 1px;
    background-color: rgb(var(--colorBackgroundLogin)) !important;
    border-style: solid;
}
.InfoContactoEncabezado {
    font-size: 14pt;
    align-items: center;
    text-align: center;
    float: left;
    margin-top: 10px;
    margin-left: 13px;
    left: 0%;
    height: 28px;
    color: rgb(var(--colorBackgroundLogin)) !important;
    width: 320px;
    border-bottom: 2px solid;
    border-color: rgb(var(--colorBackgroundLogin)) !important;
 
 
}

.InfoContactoMini {
    font-size: 11pt;
    align-items: center;
    text-align: center;
    float: left;
    margin-top: 3px;
    margin-left: 13px;
    left: 0%;
    height: 15px;
    border-radius: 10px;
    color: black;
    width: 320px;
    font-style:italic;
}
/* Alert de vencimiento de perfil */
    .alert-perfil-warning {
    padding: 5px;
    padding-left: 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #8a6d3b;
    background-color: #fff3cd;
    border-color: #faebcc;
}


.iconFirst {
    margin-right: 5px
}

.iconLast {
    margin-left: 5px
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: 'Open Sans', sans-serif;
}


img {
    max-width: 100%;
}


.texto-publicidad p {
    text-align: center;
}


/*---------SEGUNDA COLUMNA--------*/
.login {
    background-color: #fff;
    padding-right: 15px;
    padding-left: 15px;
}

.contenedor-login {
    background-color: #fff;
    height: 90%;
}

.contenedor-login .imagen {
    display: flex;
    justify-content: center;
}

    .contenedor-login .imagen img {
        padding: 20px 5px;
        text-align: center;
        padding: 0;
    }

.titulo-form {
    color: var(--gris1);
    margin-bottom: 25px;
    font-size: 18px;
   
}

    .titulo-form i {
        color: rgb(var(--colorPrincipal));
        margin-right: 10px;
    }

.campo {
    display: flex;
    flex-direction: column;
    margin-bottom: 4%;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .campo input {
        border: none;
        border-bottom: 1px solid rgb(var(--colorPrincipal));
        padding: 10px 2px;
    }

.icono {
    position: absolute;
    top: 10px;
    right: 6px;
    color: var(--gris1);
    font-size: 19px;
    border: none;
    background-color: white;
}

input:focus, input.form-control:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}




.btn-login {
    color: #fff;
    padding: 15px 22px;
    margin-top: 25px;
    display: inline-block;
    text-align: center;
    border: none;
    outline: none;
}


.btn-derecha {
    background-color: rgb(var(--colorPrincipal));
    border-radius: 15px;
    font-weight: bold;
    font-size: 19px;
}

.btn-login:hover {
    color: white;
}

.acciones {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: rgb(var(--colorPrincipal));
}

    .acciones a {
        color: rgb(var(--colorPrincipal));
        font-size: 12px;
    }


.info-extra {
    display: flex;
    flex-direction: column;
    color: rgb(var(--colorPrincipal));
    align-items: center;
    text-align: center;
}

.info-extra .texto {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.info-extra .texto i {
    margin-right: 10px;
    margin-bottom: 8px;
}

.info-extra .texto p {
    color: var(--gris1);
}

.leyenda-inferior {
    position: absolute;
    left: 0;
    bottom: 0;
}
.texto p {
    font-size: 12px;
}
.texto i {
    color: rgb(var(--colorPrincipal));
    padding: 1%
}

.leyenda p {
    margin-top: 0;
    color: #666;
}


/*Separacion de la barra superior*/

@media(min-width:768px) {
    .barra-superior {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        overflow: auto;
    }
}

.barra-derecha {
    overflow: auto
}

@media(min-width:768px) {
    .barra-derecha {
        display: flex;
        flex-wrap: nowrap;

    }
}

#left-sidebar {
    position: absolute;
    top: 35px;
}

.columnaIzq {
    background-image: url(../Content/img/fondo-login.jpg);
    background-position: center;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
    background-repeat: no-repeat;
}
.columnaDer {
    background-color: white;
    height: 100vh;
    padding-right: 0;
    padding-left: 0;
}
.alerta-login {
    margin-top: 5%;
    overflow-wrap: break-word;
    margin: 15px auto;
}

/*Estilos Footer*/
.row-flex{
    display: flex;
    flex-wrap: wrap;
}
.flex-column{
    flex-direction: column;
}
.row-flex > .btn{
    margin-right: 2%;
}
.justify-content-between{
    justify-content: space-between !important;
}
.justify-content-center{
    justify-content: center !important;
}
.justify-content-start{
    justify-content: start !important;
}
.align-items-center{
    align-items: center !important;
}
.control-footer{
    padding: 0px;
    width: 13%;
}
.control-footer-noMarket{
    padding: 0px;
    width: 15%;
}
@media(max-width:786px) {
    .texto-largo-control{
        font-size: 97%;
    }
}

/* Modal Favoritos modalAgregarAFavoritos */

#modalFavoritos > .modal-dialog ,
#modalAgregarAFavoritos > .modal-dialog,
#modalListaGruposFavoritos > .modal-dialog,
#modalConfirmacionEliminarGrupoFavorito > .modal-dialog{
    width: 500px;
}
#modalFavoritos,
#modalListaGruposFavoritos,
#modalConfirmacionEliminarGrupoFavorito{
    color: #333;
    top:150px;
}
#modalAgregarAFavoritos{
    color: #333;
    top:150px;
    left:-550px;
}
#modalAgregarAFavoritos .modal .fade .in{
    background: none !important;
}
#modalFavoritos .modal-header > .close,
#modalListaGruposFavoritos .modal-header > .close,
#modalAgregarAFavoritos .modal-header > .close{
    color: rgb(var(--colorPrincipal)) !important;
    opacity: .8 !important; 
    text-shadow: none !important;
}
#modalFavoritos #btnAgregarFavoritos,
#modalAgregarAFavoritos #btnAgregarFavoritos{
    background-color: var(--colorPrincipalFavoritos);
    border:none !important;
    margin-right: 0!important;
}
 #modalFavoritos > .modal-dialog > .modal-content > .modal-header,
 #modalFavoritos > .modal-dialog > .modal-content > .modal-footer,
 #modalAgregarAFavoritos > .modal-dialog > .modal-content > .modal-header,
 #modalAgregarAFavoritos > .modal-dialog > .modal-content > .modal-footer,
 #modalConfirmacionEliminarGrupoFavorito > .modal-dialog > .modal-content > .modal-header,
 #modalConfirmacionEliminarGrupoFavorito > .modal-dialog > .modal-content > .modal-footer,
 #modalListaGruposFavoritos > .modal-dialog > .modal-content > .modal-header,
 #modalListaGruposFavoritos > .modal-dialog > .modal-content > .modal-footer{
    border: none !important;
}
#modalConfirmacionEliminarGrupoFavorito > .modal-dialog > .modal-content > .modal-body{
    padding-bottom: 30px;
}

#listaDeFavoritosModal{
    list-style-type: none;
}
#nombreGrupoModalFavoritos{
    width: 85% !important;
}
#newGrupoFavoritos{
    margin-top: 25px;
}
#newGrupoFavoritos > .close{
    margin-left: 7px !important; 
    color:red !important; 
    opacity: .8 !important; 
    text-shadow: none !important;
}

#listaDeGruposFavoritos input[type="checkbox"]:disabled+label
{
    color:var(--colorPrincipalFavoritos);
}


.ticker-color:hover {
    overflow: visible !important;
   width:35% !important;
}
/* order footer*/


.order-footer {
    position: fixed;
    bottom: 0;
    z-index: 51;
    /* height: 85px;*/
    width: 100%;
    background: #FFF;
    border-top: solid;
    font-size: smaller;
}

.content-wrapper {
    padding-bottom: 90px;
}

.order-footer .form-group {
    margin-bottom: 0 !important;
}


/* 2) start orden modal*/

.custom-orden-footer .form-control {
    height: 25px;
    padding: 3px !important;
    font-size: small;
}

.custom-orden-footer label {
    margin-bottom: 0 !important;
}

.custom-orden-footer .form-group label {
    font-weight: normal;
}

.custom-orden-footer .form-group {
    margin-bottom: 5px;
}

.custom-orden-footer .input-group .input-group-addon, .custom-form .input-group .input-group-addon {
    display: none;
}

.custom-orden-footer .btn {
    font-size: 11px !important;
}

.form-group-orden-footer {
    margin-left: 50px !important;
    text-align: end;
}

.modal-dialog-centered {
    align-items: center;
}

/* end orden modal*/

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}


/*-------MENU NO SIDEBAR LIGHT---------*/

.skin-hb .logo {
    color: rgb(var(--colorPrincipal)) !important;
}

.skin-hb .dropdown-menu > li > a {
    color: var(--colorText); /*4*/
    background-color: rgb(var(--colorPrincipal)); 
    padding: 3px 0;
    display: inline-block;
    width: 100%;
}

.skin-hb .dropdown-menu > li > a:hover {
    color: var(--colorText); /*4*/
    background-color: var(--colorOscuroMenu); /*1*/
    padding: 3px 0;
    display: inline-block;
    width: 100%;
}

.skin-hb .dropdown-menu > li > a > span {
    float: left;
    width: 70%;
}

.skin-hb .dropdown-menu li > a > span.pull-right i {
    transition: all 0.5s;
}

.skin-hb .dropdown-menu > li > a > span.pull-left,
.skin-hb .dropdown-menu > li > a > span.pull-right {
    padding: 0 10px;
    width: 15%;
    text-align: center;
}

.skin-hb .treeview-menu a:hover {
    color: var(--colorText); /*4*/
    background-color: var(--colorOscuroMenu); /*1*/
}

.skin-hb .treeview-menu li > a {
    color: var(--colorTextMenu); /*3*/
    background-color: var(--colorClaroMenu); /*2*/
}

.skin-hb .dropdown-menu {
    box-shadow: none;
    border: 0px;
    border-color: rgb(var(--colorPrincipal)); 
    background-color: rgb(var(--colorPrincipal)); 
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding: 0 0 0 0 !important;
}

.skin-hb .dropdown-menu > li.header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.skin-hb .dropdown-menu > li.footer> a {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.skin-hb .menu > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    color: #000000;
    background-color: whitesmoke;    
}

.skin-hb .menu > li > a:hover {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;     
    color: gray;
}

.skin-hb .datepicker {
    background-color: whitesmoke !important;
}

/*-------MENU NO SIDEBAR DARK---------*/

.skin-hb-black .logo {
    color: rgb(var(--colorPrincipal)) !important;
}

.skin-hb-black .dropdown-menu > li > a {
    color: var(--colorText); /*4*/
    background-color: rgb(var(--colorPrincipal)); 
    padding: 3px 0;
    display: inline-block;
    width: 100%;
}

.skin-hb-black .dropdown-menu > li > a:hover {
    color: var(--colorText); /*4*/
    background-color: var(--colorOscuroMenu); /*1*/
    padding: 3px 0;
    display: inline-block;
    width: 100%;
}

.skin-hb-black .dropdown-menu > li > a > span {
    float: left;
    width: 70%;
}

.skin-hb-black .dropdown-menu li > a > span.pull-right i {
    transition: all 0.5s;
}

.skin-hb-black .dropdown-menu > li > a > span.pull-left,
.skin-hb-black .dropdown-menu > li > a > span.pull-right {
    padding: 0 10px;
    width: 15%;
    text-align: center;
}

.skin-hb-black .treeview-menu a:hover {
    color: var(--colorText); /*4*/
    background-color: var(--colorOscuroMenu); /*1*/
}

.skin-hb-black .treeview-menu li > a {
    color: var(--colorTextMenu); /*3*/
    background-color: var(--colorClaroMenu); /*2*/
}

.skin-hb-black .dropdown-menu {
    box-shadow: none;
    border: 0px;
    border-color: rgb(var(--colorPrincipal)); 
    background-color: rgb(var(--colorPrincipal)); 
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding: 0 0 0 0 !important;
}

.skin-hb-black .dropdown-menu> li.header {    
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.skin-hb-black .dropdown-menu > li.footer > a {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.skin-hb-black .menu > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    color: #000000;
    background-color: whitesmoke;    
}

.skin-hb-black .menu > li > a:hover {
    color: gray;
}

.skin-hb-black .datepicker {
    background-color: whitesmoke !important;
}

/*

.layout-no-sidebar .dropdown-menu> li > a > span.pull-left{
    color:white;
}

.layout-no-sidebar .treeview-menu li > a {
    color: inherit;
    margin: 3px 10px 3px 28px;
    padding: 0;
}

.layout-no-sidebar .treeview-menu li > a:hover > span.pull-left{
     color: white;
     background-color: rgba(var(--colorPrincipal));
}

.layout-no-sidebar .treeview-menu li > a:hover{
     color: #333;
     background-color: #e1e3e9;
}

.layout-no-sidebar .background{
    z-index: -100;
    height: 100%;
    position: absolute;
    top: 0;
}

.layout-no-sidebar .background-1 {
    background-color: rgba(var(--colorPrincipal));
    width: 15%;
    left: 0;
}

.layout-no-sidebar .background-2 {
    background-color: inherit;
    width: 85%;
    left: 15%;
}

*/
:root {
    /*Colores Login*/
    --colorPrincipal: 136, 138, 139; /*#888A8B*/
    --colorLinkPrincipal: 136, 138, 139; /*#888A8B*/
    --colorIconsPrincipal: 136, 138, 139; /*#888A8B*/
    --colorText: #ffffff;
    --colorSpinner: 136, 138, 139; /*#888A8B*/
    --colorBackgroundLogin: 164, 52, 32; /*#A43420*/
    --colorTextoLogin: 220, 220, 220;
    --colorInfoLogin: 0, 0, 0;
}

