/* Minification failed. Returning unminified contents.
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,28): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(268,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(269,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-texto'
(277,17): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(278,32): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(282,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-titulo'
(291,25): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(301,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(352,28): run-time error CSS1039: Token not allowed after unary operator: '-riel-fondo'
(353,34): run-time error CSS1039: Token not allowed after unary operator: '-riel-borde'
(354,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-texto'
(357,20): run-time error CSS1039: Token not allowed after unary operator: '-riel-ancho'
(358,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-ancho'
(369,22): run-time error CSS1039: Token not allowed after unary operator: '-riel-ancho-min'
(370,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-ancho-min'
(401,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-titulo'
(415,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-riel-hover'
(432,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-texto'
(453,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(454,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-texto'
(470,28): run-time error CSS1039: Token not allowed after unary operator: '-riel-hover'
(471,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-texto'
(484,28): run-time error CSS1039: Token not allowed after unary operator: '-riel-activo'
(485,17): run-time error CSS1039: Token not allowed after unary operator: '-riel-activo-texto'
(492,28): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(521,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(533,32): run-time error CSS1039: Token not allowed after unary operator: '-riel-borde'
(551,28): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(556,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(596,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(615,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(642,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(643,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(644,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(647,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(658,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(660,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(669,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(678,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(690,24): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(691,32): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(703,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(704,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(710,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(712,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(719,70): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(725,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(735,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(736,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(737,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(738,32): run-time error CSS1039: Token not allowed after unary operator: '-sombra'
(744,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(772,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(773,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(774,33): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(775,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(780,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(782,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(790,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-titulo'
(797,29): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(799,40): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(800,40): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(801,40): run-time error CSS1039: Token not allowed after unary operator: '-exito'
(805,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(806,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(844,27): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(856,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(860,58): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(874,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(882,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(889,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(890,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(891,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(899,53): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(922,61): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(922,89): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(926,43): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(943,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(955,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(962,44): run-time error CSS1039: Token not allowed after unary operator: '-exito-suave'
(962,74): run-time error CSS1039: Token not allowed after unary operator: '-exito'
(963,44): run-time error CSS1039: Token not allowed after unary operator: '-alerta-suave'
(963,74): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(964,44): run-time error CSS1039: Token not allowed after unary operator: '-peligro-suave'
(964,74): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(965,44): run-time error CSS1039: Token not allowed after unary operator: '-info-suave'
(965,74): run-time error CSS1039: Token not allowed after unary operator: '-info'
(966,44): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(966,74): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(970,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(971,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(972,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(973,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(984,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(985,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(986,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(1002,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1003,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(1015,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(1016,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1017,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1018,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1053,24): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1054,32): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1060,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1062,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-texto'
(1074,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1081,28): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(1082,28): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(1086,28): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1087,24): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1101,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(1102,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1103,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1105,48): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1105,78): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1119,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1120,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(1131,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1132,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1134,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1141,42): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1141,70): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1144,28): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(1145,24): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(1171,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1172,39): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1184,35): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(1184,58): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(1185,45): run-time error CSS1039: Token not allowed after unary operator: '-peligro-suave'
(1185,74): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(1188,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1189,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1199,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1209,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1225,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1253,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1254,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1255,33): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1279,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1280,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1310,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1329,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1330,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1331,33): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1353,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(1354,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1392,32): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1402,32): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1415,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1416,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1417,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(1431,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1440,41): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1441,44): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1441,79): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1449,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1450,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-mono'
(1514,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1515,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1516,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1517,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(1542,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1543,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1580,24): run-time error CSS1030: Expected identifier, found '.'
(1580,36): run-time error CSS1031: Expected selector, found ')'
(1580,36): run-time error CSS1025: Expected comma or open brace, found ')'
(1608,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1632,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1633,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(1645,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1653,33): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1653,66): run-time error CSS1039: Token not allowed after unary operator: '-fuente-mono'
(1673,17): run-time error CSS1039: Token not allowed after unary operator: '-acento-fuerte'
(1680,34): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1686,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1687,29): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1688,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(1689,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1728,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1729,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(1740,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1749,55): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1750,55): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1751,55): run-time error CSS1039: Token not allowed after unary operator: '-peligro-suave'
(1751,105): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(1752,55): run-time error CSS1039: Token not allowed after unary operator: '-alerta-suave'
(1752,105): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(1784,43): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1784,79): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1795,67): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(1796,64): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1798,75): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1803,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1804,17): run-time error CSS1039: Token not allowed after unary operator: '-vac-tinta'
(1817,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-0'
(1818,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-1'
(1819,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-2'
(1820,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-3'
(1821,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-4'
(1822,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-5'
(1823,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-6'
(1824,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-7'
(1825,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-8'
(1826,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-9'
(1827,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-10'
(1828,40): run-time error CSS1039: Token not allowed after unary operator: '-vac-11'
(1848,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1856,32): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1859,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1876,49): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1876,100): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1877,49): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1877,114): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1878,49): run-time error CSS1039: Token not allowed after unary operator: '-peligro-suave'
(1878,99): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(1879,49): run-time error CSS1039: Token not allowed after unary operator: '-alerta-suave'
(1879,99): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(1885,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1886,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1896,45): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1896,80): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(1898,53): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1900,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(1901,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1914,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(1915,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(1916,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1931,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(1939,48): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1943,49): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(1949,34): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1950,34): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(1953,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(1995,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(2048,40): run-time error CSS1039: Token not allowed after unary operator: '-exito-suave'
(2048,76): run-time error CSS1039: Token not allowed after unary operator: '-exito'
(2048,99): run-time error CSS1039: Token not allowed after unary operator: '-exito'
(2049,40): run-time error CSS1039: Token not allowed after unary operator: '-peligro-suave'
(2049,76): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(2049,99): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(2050,40): run-time error CSS1039: Token not allowed after unary operator: '-alerta-suave'
(2050,76): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(2050,99): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(2051,40): run-time error CSS1039: Token not allowed after unary operator: '-info-suave'
(2051,76): run-time error CSS1039: Token not allowed after unary operator: '-info'
(2051,99): run-time error CSS1039: Token not allowed after unary operator: '-info'
(2073,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(2074,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2075,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(2090,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2097,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2108,17): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2117,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(2118,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2119,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(2120,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2128,38): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2139,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2148,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(2157,48): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(2162,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2169,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2176,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2177,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2185,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(2186,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2204,42): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(2206,39): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(2207,46): run-time error CSS1039: Token not allowed after unary operator: '-peligro'
(2213,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2222,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2223,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(2228,45): run-time error CSS1039: Token not allowed after unary operator: '-acento-suave'
(2248,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(2249,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2250,25): run-time error CSS1039: Token not allowed after unary operator: '-radio'
(2258,37): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2268,38): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2271,42): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2276,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2295,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2296,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(2308,34): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2309,34): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2316,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2344,32): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2350,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2356,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2363,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2364,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2365,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(2380,28): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2387,34): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2410,33): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2417,35): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2446,36): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2462,28): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2490,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2511,35): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2559,28): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2566,32): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2626,28): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2627,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2646,32): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2657,28): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2679,53): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2690,58): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2692,71): run-time error CSS1039: Token not allowed after unary operator: '-texto'
(2705,28): run-time error CSS1039: Token not allowed after unary operator: '-fondo'
(2725,30): run-time error CSS1039: Token not allowed after unary operator: '-velo-login'
(2725,49): run-time error CSS1039: Token not allowed after unary operator: '-velo-login'
(2740,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(2741,28): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2747,32): run-time error CSS1039: Token not allowed after unary operator: '-anillo-login'
(2748,34): run-time error CSS1039: Token not allowed after unary operator: '-sombra'
(2749,33): run-time error CSS1039: Token not allowed after unary operator: '-sombra'
(2758,35): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2773,38): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2780,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2781,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente-micro'
(2810,36): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2813,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(2819,49): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(2824,28): run-time error CSS1039: Token not allowed after unary operator: '-superficie-alt'
(2831,48): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(2832,49): run-time error CSS1039: Token not allowed after unary operator: '-alerta'
(2837,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2851,22): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2874,28): run-time error CSS1039: Token not allowed after unary operator: '-acento'
(2882,17): run-time error CSS1039: Token not allowed after unary operator: '-texto-suave'
(2900,21): run-time error CSS1039: Token not allowed after unary operator: '-riel-ancho'
(2907,60): run-time error CSS1039: Token not allowed after unary operator: '-riel-ancho'
(2923,32): run-time error CSS1039: Token not allowed after unary operator: '-superficie'
(2924,32): run-time error CSS1039: Token not allowed after unary operator: '-borde'
(2925,29): run-time error CSS1039: Token not allowed after unary operator: '-radio-chico'
(2926,21): run-time error CSS1039: Token not allowed after unary operator: '-texto'
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* ============================================================================
   Sistema Integral de Recursos Humanos - v1.26.08.17
   Paletas de color (requisito 2 del documento)

   Cinco temas: cuatro en tonos pastel y el modo noche. El tema activo se aplica
   con el atributo data-tema en <html>, que escribe el servidor a partir de la
   preferencia guardada en seg.Usuarios.ColorTema:

       <html data-tema="verde" style="font-size: 110%">

   Toda la hoja site.css consume estas variables, pero un tema nuevo NO se
   agrega solo con sumar un bloque aca. El nombre esta enumerado en nueve
   lugares y si falta en alguno el tema entra a medias o no guarda:

       temas.css                 el bloque de variables (esto)
       site.css                  .selector-tema .t-<nombre>, la muestra de color
       _Menu.cshtml              el boton del panel de apariencia
       Login.cshtml              la lista que valida lo que viene de localStorage
       CuentaController.cs       la validacion del lado del servidor
       Usuario.cs                el comentario de ColorTema
       01_schema.sql             el CHECK del CREATE TABLE, el comentario, y la
                                 guarda que rehace la restriccion en una base
                                 que ya esta desplegada
       04_sp_seguridad.sql       la validacion de usp_Usuario_GuardarPreferencias

   El que mas duele es el CHECK: sin la guarda el tema anda en pantalla y falla
   recien al grabar la preferencia, y solo contra la base vieja.
   ========================================================================= */

/* color-scheme le dice al navegador de qué tono es la interfaz. Con eso pinta
   en el tono correcto lo que dibuja él y el CSS no alcanza: el desplegable de
   un select, el relleno automático de contraseñas, el calendario de un campo
   de fecha y la barra de desplazamiento de esos mismos controles. Sin esto, en
   modo noche se abren en blanco y encandilan. */
:root,
[data-tema="azul"] {
    color-scheme: light;

    /* Azul / Celeste pastel */
    --fondo:          #f2f7fb;
    --superficie:     #ffffff;
    --superficie-alt: #e8f1f8;
    --borde:          #cfe0ed;
    --texto:          #21374a;
    --texto-suave:    #5d7a91;
    --acento:         #5b9bd5;
    --acento-fuerte:  #3d7cb8;
    --acento-suave:   #dbeaf7;
    --riel-fondo:     #f8fbfd;
    --riel-texto:     #21374a;
    --riel-activo:    #dbeaf7;
    --riel-activo-texto: #21374a;
    --riel-hover:     #eef5fb;
    --riel-borde:     #cfe0ed;
    --sombra:         rgba(33, 55, 74, .10);

    /* Velo sobre la foto del login. Es el mismo color que --fondo pero con
       transparencia: apaga la imagen hasta dejarla como marca de agua y de paso
       la tiñe con el tono del tema, así la foto no pelea con la paleta. Cuanto
       más alto el último número, más apagada queda.

       .72 salió de mirarla: a .84 la foto no se reconocía —una marca de agua que
       no se ve no es una marca de agua, es un archivo de 221 KB al pedo— y por
       debajo de .64 la madera empieza a competir con la caja. La legibilidad del
       formulario no depende de esto: la caja es opaca y va por delante. */
    --velo-login:     rgba(242, 247, 251, .72);

    /* Anillo de 1px alrededor de la caja del login. Contra un color plano
       alcanzaba el borde; contra una FOTO el fondo cambia pixel a pixel y hay
       tramos donde queda con la misma luminancia que la caja, así que el canto
       desaparecía. Medido sobre la foto real: sin anillo el peor punto daba
       1,00 de contraste (invisible) y con .12 sube a 1,70. */
    --anillo-login:   rgba(33, 55, 74, .12);
}

[data-tema="verde"] {
    /* Verde / Oliva pastel */
    --fondo:          #f4f8f1;
    --superficie:     #ffffff;
    --superficie-alt: #eaf2e4;
    --borde:          #d3e3c8;
    --texto:          #2b3a26;
    --texto-suave:    #62775a;
    --acento:         #7fa96b;
    --acento-fuerte:  #5f8a4c;
    --acento-suave:   #e3efd9;
    --riel-fondo:     #f9fcf7;
    --riel-texto:     #2b3a26;
    --riel-activo:    #e3efd9;
    --riel-activo-texto: #2b3a26;
    --riel-hover:     #f0f6ec;
    --riel-borde:     #d3e3c8;
    --sombra:         rgba(43, 58, 38, .10);
    --velo-login:     rgba(244, 248, 241, .72);
    --anillo-login:   rgba(43, 58, 38, .12);
}

[data-tema="colorado"] {
    /* Colorado / Tierra pastel */
    --fondo:          #fbf5f1;
    --superficie:     #ffffff;
    --superficie-alt: #f5e8e0;
    --borde:          #e8d2c4;
    --texto:          #4a2e23;
    --texto-suave:    #8a6553;
    --acento:         #c68b6a;
    --acento-fuerte:  #a86a4a;
    --acento-suave:   #f3e2d7;
    --riel-fondo:     #fdf9f6;
    --riel-texto:     #4a2e23;
    --riel-activo:    #f3e2d7;
    --riel-activo-texto: #4a2e23;
    --riel-hover:     #f9f0ea;
    --riel-borde:     #e8d2c4;
    --sombra:         rgba(74, 46, 35, .12);
    --velo-login:     rgba(251, 245, 241, .70);
    --anillo-login:   rgba(74, 46, 35, .12);
}

[data-tema="rosa"] {
    /* Rosa / Frutilla pastel */
    --fondo:          #fdf5f8;
    --superficie:     #ffffff;
    --superficie-alt: #f9e8ef;
    --borde:          #eed2de;
    --texto:          #472a35;
    --texto-suave:    #8c5f72;
    --acento:         #d5899f;
    --acento-fuerte:  #b56480;
    --acento-suave:   #f7e0e9;
    --riel-fondo:     #fefafc;
    --riel-texto:     #472a35;
    --riel-activo:    #f7e0e9;
    --riel-activo-texto: #472a35;
    --riel-hover:     #fdf1f5;
    --riel-borde:     #eed2de;
    --sombra:         rgba(71, 42, 53, .12);
    --velo-login:     rgba(253, 245, 248, .72);
    --anillo-login:   rgba(71, 42, 53, .12);
}

[data-tema="oscuro"] {
    color-scheme: dark;

    /* Negro / Oscuro - modo noche suavizado, sin negros puros para no
       cansar la vista en jornadas largas. */
    --fondo:          #1e2126;
    --superficie:     #272b31;
    --superficie-alt: #2f343b;
    --borde:          #3c424a;
    --texto:          #dfe3e8;
    --texto-suave:    #9aa3ad;
    --acento:         #7fa9cf;
    --acento-fuerte:  #9dc0de;
    --acento-suave:   #333a42;
    --riel-fondo:     #23272c;
    --riel-texto:     #dfe3e8;
    --riel-activo:    #333a42;
    --riel-activo-texto: #ffffff;
    --riel-hover:     #2b3036;
    --riel-borde:     #3c424a;
    --sombra:         rgba(0, 0, 0, .35);

    /* En modo noche el velo es oscuro y algo más transparente: la foto ya es de
       tonos bajos, así que no hace falta taparla tanto para que no encandile. */
    --velo-login:     rgba(30, 33, 38, .78);

    /* Acá el anillo es CLARO y más marcado que en los temas claros: la caja es
       oscura sobre una foto oscura, que es el peor caso de todos. Con .24
       el peor punto pasa de 1,00 a 1,60; con .12 se quedaba en 1,11 y el canto
       se seguía perdiendo en el tramo del jamón. */
    --anillo-login:   rgba(223, 227, 232, .24);
}

/* Colores semanticos, comunes a los cinco temas */
:root {
    --exito:        #4c9a68;
    --exito-suave:  #e4f2e9;
    --alerta:       #c79a3c;
    --alerta-suave: #faf1dd;
    --peligro:      #c1665f;
    --peligro-suave:#f8e6e4;
    --info:         #5b8fb0;
    --info-suave:   #e5eff5;
}

[data-tema="oscuro"] {
    --exito-suave:  #26382d;
    --alerta-suave: #3a3323;
    --peligro-suave:#3a2726;
    --info-suave:   #24333d;
}

/* Paleta del calendario de vacaciones: doce colores para distinguir personas
   dentro de un mismo mes (el color es de la persona, no del tramo). Son
   pasteles con tinta oscura propia, así se leen igual en los cinco temas y
   sobreviven a la impresión. Comunes a todos los temas: cambiarle el color a
   una persona porque cambió el tema confundiría más de lo que ayuda. */
:root {
    --vac-tinta: #26323c;
    --vac-0:  #a7c7e7;   /* azul */
    --vac-1:  #b3dfa9;   /* verde */
    --vac-2:  #f5b5c0;   /* rosa */
    --vac-3:  #f8cf8f;   /* naranja */
    --vac-4:  #c9b6e8;   /* violeta */
    --vac-5:  #97d7d2;   /* turquesa */
    --vac-6:  #ece28f;   /* amarillo */
    --vac-7:  #f5b09a;   /* salmón */
    --vac-8:  #e3b6e0;   /* lila */
    --vac-9:  #c6cf9a;   /* oliva */
    --vac-10: #9fd9ef;   /* celeste */
    --vac-11: #d9bfa3;   /* tostado */
}

/* ============================================================================
   Sistema Integral de Recursos Humanos - v1.26.08.17
   Layout, riel lateral y componentes.

   CRITERIO DE LAYOUT
   El sistema se usa en notebooks, donde el alto de pantalla es el recurso
   escaso. Por eso no hay barra superior ni pie: la marca, el usuario, las
   preferencias visuales, la versión y el cierre de sesión viven todos en el
   riel lateral, que aprovecha ancho sobrante en lugar de alto. Lo único que
   ocupa alto fuera del contenido es el título de la pantalla, en una fila de
   2rem sin fondo ni bordes.

   ESCALA TIPOGRÁFICA
   El servidor escribe font-size en <html> con el porcentaje guardado en
   seg.Usuarios.TamanioFuente (80 a 150). Todas las medidas están en rem, así
   que A- / A+ escalan la interfaz completa, íconos incluidos.
   ========================================================================= */

/* ---------------------------------------------------------------- tipografía */
/*
   Segoe UI Variable es la familia de Windows 11 y trae tamaños ópticos: Display
   para títulos (más ceñida y con más contraste), Text para lectura corrida y
   Small para las etiquetas diminutas en versalitas. El nombre genérico
   "Segoe UI Variable" no resuelve en el navegador: hay que nombrar la variante.
   En Windows 10 cae en Segoe UI sin que se rompa nada.
*/
:root {
    --fuente-texto:   "Segoe UI Variable Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;
    --fuente-titulo:  "Segoe UI Variable Display", "Segoe UI Semibold", "Segoe UI", system-ui, Arial, sans-serif;
    --fuente-micro:   "Segoe UI Variable Small", "Segoe UI", system-ui, Arial, sans-serif;
    --fuente-mono:    "Cascadia Mono", Consolas, "Courier New", monospace;

    /* El riel se afinó: con 16rem se comía casi un quinto del ancho útil en una
       notebook, y las etiquetas nunca llegaron a necesitar tanto. */
    --riel-ancho:      12.5rem;
    --riel-ancho-min:  3.25rem;
    --radio:           .5rem;
    --radio-chico:     .35rem;
}

html {
    font-size: 100%; /* lo sobrescribe el servidor con la preferencia del usuario */
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: var(--fondo);
    color: var(--texto);
    font-family: var(--fuente-texto);
    font-size: .9375rem;
    line-height: 1.5;
    letter-spacing: -.005em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--acento-fuerte); text-decoration: none; }
a:hover, a:focus { color: var(--acento); text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
    color: var(--texto);
    font-family: var(--fuente-titulo);
    font-weight: 600;
    letter-spacing: -.018em;
}
h1 { font-size: 1.35rem; }
h2 { font-size: 1.1rem; }
h3 { font-size: .98rem; }
h4 { font-size: .9rem; }

hr { border-color: var(--borde); }

/* Los números en columnas comparables se alinean por dígito. */
.num, .kpi .valor, .paginador, table.tabla td.num {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* Etiquetas diminutas en versalitas: acá es donde el tamaño óptico Small rinde. */
.micro {
    font-family: var(--fuente-micro);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------- estructura */

.app {
    display: flex;
    min-height: 100vh;
}

.contenido {
    flex: 1 1 auto;
    min-width: 0;              /* deja que las tablas anchas hagan scroll propio */
    display: flex;
    flex-direction: column;
}

.contenido-cuerpo {
    flex: 1 1 auto;
    padding: 0 1.15rem 1.15rem;
}

/* Fila de título: lo único de cromo que consume alto. Sin fondo ni borde. */
.pagina-cabecera {
    align-items: center;
    display: flex;
    gap: .6rem;
    min-height: 2.6rem;
    padding: .55rem 1.15rem .15rem;
}

.pagina-cabecera h1 {
    flex: 1 1 auto;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagina-acciones { display: flex; align-items: center; gap: .4rem; }

/* ---------------------------------------------------------------- riel */

/* El riel ya no es un bloque de color contra el contenido: toma el mismo tono
   de la aplicación y se separa con una línea. La franja oscura partía la
   pantalla en dos y pesaba más que el contenido, que es lo que hay que mirar. */
.riel {
    background-color: var(--riel-fondo);
    border-right: 1px solid var(--riel-borde);
    color: var(--riel-texto);
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--riel-ancho);
    width: var(--riel-ancho);
    height: 100vh;
    position: sticky;
    top: 0;
    /* El recorte va en los bloques internos y no acá: el panel de apariencia
       se despliega hacia afuera del riel y un overflow:hidden lo cortaría. */
    overflow: visible;
    transition: width .16s ease, flex-basis .16s ease;
}

.app.riel-colapsado .riel {
    flex-basis: var(--riel-ancho-min);
    width: var(--riel-ancho-min);
}

/* -- cabecera del riel: marca + botón de plegado -- */

.riel-cabecera {
    align-items: center;
    display: flex;
    gap: .55rem;
    padding: .7rem .6rem;
    min-height: 3.1rem;
    overflow: hidden;
}

/* El logo de Espuña es apaisado (130x70) y lleva la palabra adentro de la
   insignia, así que va con SU proporción: encajado en el cuadrado de 1.9rem que
   usaba el icono genérico, la palabra medía cuatro píxeles y no se leía. Se fija
   el alto y el ancho sale solo. */
.riel-cabecera .logo {
    display: block;
    flex: 0 0 auto;
    height: 1.75rem;
    width: auto;
}

/* El nombre se parte en dos renglones en lugar de cortarse. Con el logo de
   Espuña al lado ya no entra en uno solo, y "Nómina y Au…" no nombra nada; el
   riel es el único lugar del sistema donde figura el nombre completo. Cuesta
   medio renglón de alto una sola vez, arriba de todo, no por cada fila. */
.riel-nombre {
    flex: 1 1 auto;
    font-family: var(--fuente-titulo);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.15;
    overflow: hidden;
    white-space: normal;
}

/* Botón genérico del riel: plegar, apariencia, salir. */
.btn-riel {
    align-items: center;
    background: none;
    border: none;
    border-radius: var(--radio-chico);
    color: currentColor;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    height: 1.9rem;
    width: 1.9rem;
    padding: 0;
    /* Bastante marcado: con el riel plegado el de plegar/desplegar es el único
       camino de vuelta, y un ícono desvaído no se encuentra. */
    opacity: .88;
    transition: background-color .12s ease, opacity .12s ease;
}

.btn-riel:hover, .btn-riel:focus {
    background-color: var(--riel-hover);
    color: var(--riel-texto);
    opacity: 1;
    outline: none;
    text-decoration: none;
}

.btn-riel svg { width: 1.05rem; height: 1.05rem; display: block; }

/* -- navegación -- */

.riel-nav {
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    padding: .15rem 0 .6rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.riel-nav > li > a {
    align-items: center;
    border-radius: var(--radio);
    color: var(--riel-texto);
    display: flex;
    gap: .7rem;
    margin: .1rem .5rem;
    opacity: .82;
    padding: .48rem .6rem;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .12s ease, opacity .12s ease;
}

/* Sobre fondo claro las transparencias blancas no se ven: el hover y el ítem
   activo salen de variables del tema, no de un #fff fijo. */
.riel-nav > li > a:hover,
.riel-nav > li > a:focus {
    background-color: var(--riel-hover);
    color: var(--riel-texto);
    opacity: 1;
    text-decoration: none;
}

/* Ítem activo: pastilla suave, texto en el color normal y una barra de acento
   a la izquierda.

   El texto NO va en el color del acento: sobre una pastilla del mismo acento
   daba 2,6:1 de contraste, por debajo del mínimo legible de 4,5:1. Justo el
   ítem que indica dónde está parado el usuario era el más difícil de leer. El
   color queda en la barra, que no tiene que leerse sino distinguirse. */
.riel-nav > li.activo > a {
    background-color: var(--riel-activo);
    color: var(--riel-activo-texto);
    font-weight: 600;
    opacity: 1;
    position: relative;
}

.riel-nav > li.activo > a::before {
    background-color: var(--acento-fuerte);
    border-radius: 0 2px 2px 0;
    bottom: .35rem;
    content: '';
    left: -.5rem;
    position: absolute;
    top: .35rem;
    width: 3px;
}

.riel-nav .icono {
    align-items: center;
    display: flex;
    flex: 0 0 1.15rem;
    justify-content: center;
}

/* El SVG hereda el color del enlace y se mide en rem: sigue la escala
   tipográfica que elija el usuario. */
.riel-nav .icono svg { width: 1.15rem; height: 1.15rem; display: block; }

.riel-nav .etiqueta {
    flex: 1 1 auto;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.riel-seccion {
    font-family: var(--fuente-micro);
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .09em;
    opacity: .42;
    padding: .85rem 1.1rem .2rem;
    text-transform: uppercase;
}

/* -- pie del riel: usuario, apariencia, salir, versión -- */

.riel-pie {
    border-top: 1px solid var(--riel-borde);
    flex: 0 0 auto;
    padding: .5rem .5rem .45rem;
    position: relative;
}

.riel-usuario {
    align-items: center;
    display: flex;
    gap: .55rem;
    overflow: hidden;
    padding: .25rem .1rem .45rem;
}

/* El avatar conserva el fondo fuerte: es el único punto de color del riel y
   sirve de ancla visual. Sobre el acento fuerte el blanco sí contrasta. */
.avatar {
    align-items: center;
    background-color: var(--acento-fuerte);
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-family: var(--fuente-micro);
    font-size: .7rem;
    font-weight: 700;
    height: 1.9rem;
    justify-content: center;
    letter-spacing: .02em;
    width: 1.9rem;
}

.riel-usuario-datos {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.riel-usuario-datos .nombre {
    font-size: .8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riel-usuario-datos .rol {
    font-size: .7rem;
    opacity: .55;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riel-acciones {
    align-items: center;
    display: flex;
    gap: .2rem;
}

.riel-version {
    flex: 1 1 auto;
    font-family: var(--fuente-micro);
    font-size: .64rem;
    letter-spacing: .03em;
    opacity: .38;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
}

/* -- estado colapsado -- */

.app.riel-colapsado .riel-nombre,
.app.riel-colapsado .riel-nav .etiqueta,
.app.riel-colapsado .riel-seccion,
.app.riel-colapsado .riel-usuario-datos,
/* Más apagada todavía que la versión: es un dato legal, no operativo, y no
   tiene que competir con nada de lo que se usa para trabajar. */
.riel-copyright {
    display: block;
    font-family: var(--fuente-micro);
    font-size: .6rem;
    letter-spacing: .02em;
    opacity: .34;
    overflow: hidden;
    padding-top: .4rem;
    text-align: center;
    white-space: nowrap;
}

.app.riel-colapsado .riel-copyright,
.app.riel-colapsado .riel-version {
    display: none;
}

.app.riel-colapsado .riel-cabecera { justify-content: center; padding: .7rem 0; }
.app.riel-colapsado .riel-cabecera .logo { display: none; }
.app.riel-colapsado .riel-nav > li > a { justify-content: center; padding: .48rem 0; }
.app.riel-colapsado .riel-usuario { justify-content: center; padding: .25rem 0 .45rem; }
.app.riel-colapsado .riel-acciones { flex-direction: column; }

/* Separador visual entre bloques cuando no hay títulos de sección. */
.app.riel-colapsado .riel-seccion + li > a { margin-top: .45rem; }

/* -- panel de apariencia -- */

.panel-apariencia {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    bottom: .5rem;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .28);
    color: var(--texto);
    left: calc(100% + .45rem);
    padding: .75rem .8rem;
    position: absolute;
    width: 13.5rem;
    z-index: 40;
}

.panel-apariencia[hidden] { display: none; }

.panel-apariencia .panel-titulo {
    color: var(--texto-suave);
    display: block;
    font-family: var(--fuente-micro);
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .08em;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.panel-apariencia .panel-seccion + .panel-seccion {
    border-top: 1px solid var(--borde);
    margin-top: .7rem;
    padding-top: .7rem;
}

/* Muestras de color */
.selector-tema { display: flex; gap: .4rem; }

.selector-tema button {
    border: 2px solid var(--borde);
    border-radius: 50%;
    cursor: pointer;
    height: 1.6rem;
    padding: 0;
    transition: transform .1s ease, border-color .1s ease;
    width: 1.6rem;
}

.selector-tema button:hover { transform: scale(1.08); }

.selector-tema button[aria-pressed="true"] {
    border-color: var(--texto);
    box-shadow: 0 0 0 2px var(--acento-suave);
}

.selector-tema .t-azul     { background: linear-gradient(135deg, #9fc9e8, #5b9bd5); }
.selector-tema .t-verde    { background: linear-gradient(135deg, #c3ddb2, #7fa96b); }
.selector-tema .t-colorado { background: linear-gradient(135deg, #ebc3ad, #c68b6a); }
.selector-tema .t-rosa     { background: linear-gradient(135deg, #f0b9c9, #d5899f); }
.selector-tema .t-oscuro   { background: linear-gradient(135deg, #5a636d, #23262b); }

/* Control de tamaño de texto */
.control-fuente {
    align-items: center;
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    display: flex;
    overflow: hidden;
}

.control-fuente button {
    background-color: var(--superficie);
    border: none;
    color: var(--texto);
    cursor: pointer;
    flex: 0 0 auto;
    line-height: 1.2;
    padding: .3rem .6rem;
}

.control-fuente button:hover:not(:disabled) { background-color: var(--acento-suave); }
.control-fuente button:disabled { cursor: default; opacity: .35; }
.control-fuente .chico  { font-size: .75rem; }
.control-fuente .grande { font-size: 1.05rem; font-weight: 600; }

.control-fuente .valor {
    color: var(--texto-suave);
    flex: 1 1 auto;
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

/* ---------------------------------------------------------------- tarjetas */

.tarjeta {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    box-shadow: 0 1px 2px var(--sombra);
    margin-bottom: .85rem;
}

.tarjeta-cabecera {
    align-items: center;
    border-bottom: 1px solid var(--borde);
    display: flex;
    gap: .7rem;
    justify-content: space-between;
    padding: .6rem .85rem;
}

.tarjeta-cabecera h2,
.tarjeta-cabecera h3 { margin: 0; font-size: .95rem; }

.tarjeta-cuerpo { padding: .85rem; }
.tarjeta-cuerpo.sin-relleno { padding: 0; }

.rejilla-tarjetas {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

/* Indicadores del tablero */
.kpis {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
    margin-bottom: .85rem;
}

.kpi {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-left: 3px solid var(--acento);
    border-radius: var(--radio);
    padding: .55rem .75rem;
}

.kpi .etiqueta {
    color: var(--texto-suave);
    display: block;
    font-family: var(--fuente-micro);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.kpi .valor {
    font-family: var(--fuente-titulo);
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.kpi .detalle { color: var(--texto-suave); font-size: .7rem; }

.kpi.alerta  { border-left-color: var(--alerta); }
.kpi.peligro { border-left-color: var(--peligro); }
.kpi.exito   { border-left-color: var(--exito); }

/* Par etiqueta/valor de las fichas de detalle */
.etiqueta-dato {
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.grilla-datos {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

/* Hacen falta las DOS reglas: min-width deja que la celda se achique —sin él,
   el grid respeta el ancho del contenido— y overflow-wrap corta el valor donde
   haga falta. Sin esto, un valor sin espacios (el correo, típico) ensanchaba su
   columna y se salía de la tarjeta en la ficha del legajo. */
.grilla-datos > div { min-width: 0; }
.grilla-datos > div > div { overflow-wrap: anywhere; }

/* --------------------------------------------- barras de desplazamiento */

/* Sin esto el navegador dibuja la del sistema operativo: en Windows es ancha,
   gris clara y con flechas arriba y abajo. Sobre el tema oscuro queda como una
   franja casi blanca que se lleva la vista, y compite con el contenido en vez
   de acompañarlo.

   Acá se afina a 8 px, se le sacan las flechas y toma el color del borde del
   tema, que es el gris justo para que se vea cuando se la busca y desaparezca
   cuando no. Al pasar el mouse por encima se marca un poco más, que es cuando
   hace falta agarrarla.

   Va sobre el selector universal, igual que la regla de los campos numéricos:
   así vale también para cualquier panel con scroll que se agregue después y no
   depende de acordarse de poner una clase. */
* {
    /* Firefox: propiedades estándar. */
    scrollbar-width: thin;
    scrollbar-color: var(--borde) transparent;
}

/* Chromium y Edge: pseudo-elementos propios. */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track { background: transparent; }

::-webkit-scrollbar-thumb {
    background-color: var(--borde);
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover { background-color: var(--texto-suave); }

/* Las flechas de los extremos: ocupan lugar, hay que apuntarles y nadie las
   usa teniendo rueda y teclado. */
::-webkit-scrollbar-button { display: none; }

::-webkit-scrollbar-corner { background: transparent; }


/* ---------------------------------------------------------------- tablas */

.tabla-scroll { overflow-x: auto; }

table.tabla {
    background-color: var(--superficie);
    border-collapse: collapse;
    font-size: .84rem;
    width: 100%;
}

table.tabla th,
table.tabla td {
    border-bottom: 1px solid var(--borde);
    padding: .42rem .6rem;
    text-align: left;
    vertical-align: middle;
}

table.tabla thead th {
    background-color: var(--superficie-alt);
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

table.tabla tbody tr:hover { background-color: var(--acento-suave); }
table.tabla tbody tr:last-child td { border-bottom: none; }
table.tabla .num { text-align: right; }

/* Un dato que se lee de un saque y no significa nada partido al medio: el CUIL
   —que lleva guiones, justo donde el navegador corta— y las fechas. En pantalla
   casi nunca hace falta porque la grilla se desplaza a lo ancho; en papel el
   ancho es el que es y ahí sí decide. */
table.tabla .sin-corte { white-space: nowrap; }

/* -- encabezados que ordenan --
   El relleno lo pone el enlace y no la celda: así el area clickeable es todo
   el encabezado y no sólo las letras, que en una fuente de .68rem es un
   blanco muy chico para el mouse. */
table.tabla th.ordenable { padding: 0; }

table.tabla th.ordenable > a {
    color: inherit;
    display: block;
    padding: .42rem .6rem;
    text-decoration: none;
}

table.tabla th.ordenable > a:hover { background-color: var(--acento-suave); color: var(--texto); }

/* La columna que manda se distingue por el color del texto, no por un fondo:
   la fila de encabezados ya tiene el suyo y otro más la ensucia. */
table.tabla th.ordenada > a { color: var(--texto); }

/* El hueco se reserva SIEMPRE, tenga flecha o no. Si no, la columna cambia de
   ancho al ordenar por ella y los títulos se corren de lugar. */
table.tabla .flecha-orden {
    display: inline-block;
    font-size: .8em;
    min-width: .75em;
    text-align: center;
}

table.tabla th.num.ordenable > a { text-align: right; }
/* El p.sin-datos cubre los vacios que viven FUERA de una tabla (los parciales
   de barras y el comparativo por anio): con el selector solo de tabla, esos
   parrafos salian planos y pegados al borde de la tarjeta. */
table.tabla .sin-datos,
p.sin-datos {
    color: var(--texto-suave);
    font-style: italic;
    margin: 0;
    padding: 1.4rem;
    text-align: center;
}

/* ---------------------------------------------------------------- etiquetas */

.pastilla {
    border-radius: 1rem;
    display: inline-block;
    font-family: var(--fuente-micro);
    font-size: .7rem;
    font-weight: 600;
    padding: .08rem .5rem;
    white-space: nowrap;
}

.pastilla.exito   { background-color: var(--exito-suave);    color: var(--exito); }
.pastilla.alerta  { background-color: var(--alerta-suave);   color: var(--alerta); }
.pastilla.peligro { background-color: var(--peligro-suave);  color: var(--peligro); }
.pastilla.info    { background-color: var(--info-suave);     color: var(--info); }
.pastilla.neutra  { background-color: var(--superficie-alt); color: var(--texto-suave); }

/* Contador junto a un título de tarjeta */
.chip {
    background-color: var(--superficie-alt);
    border-radius: var(--radio-chico);
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .68rem;
    font-weight: 600;
    padding: .1rem .4rem;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- formularios */

.filtros {
    align-items: flex-end;
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-bottom: .85rem;
    padding: .65rem .8rem;
}

.campo { display: flex; flex-direction: column; gap: .18rem; }

/* Sin esto el atributo hidden no oculta nada: el display:flex de arriba le gana
   al display:none que el navegador le da a [hidden], que viene de su hoja de
   estilos y por lo tanto pierde contra cualquier regla de autor. */
.campo[hidden] { display: none; }

.campo label {
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .05em;
    margin: 0;
    text-transform: uppercase;
}

.campo input,
.campo select,
.campo textarea,
.form-control {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    color: var(--texto);
    font-family: inherit;
    font-size: .84rem;
    height: auto;
    padding: .33rem .5rem;
}

/* NINGÚN campo numérico lleva las flechitas de subir y bajar.

   En este sistema los números son legajos, años, días y horas: valores que se
   escriben, no que se recorren de a uno. Las flechas ocupan lugar, se comen
   ancho útil del campo y no aportan nada; en un legajo directamente confunden,
   porque el de al lado no es otra persona.

   Va acá, sobre el selector de elemento y no sobre una clase, para que valga en
   todo el proyecto y también en lo que se agregue después: es una decisión de
   la interfaz, no de una pantalla.

   Hacen falta las dos reglas: los navegadores basados en Chromium dibujan las
   flechas con un pseudo-elemento y Firefox con la apariencia del control. */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.campo input:focus,
.campo select:focus,
.form-control:focus {
    border-color: var(--acento);
    box-shadow: 0 0 0 2px var(--acento-suave);
    outline: none;
}

.campo-check label {
    align-items: center;
    color: var(--texto);
    display: flex;
    font-family: var(--fuente-texto);
    font-size: .84rem;
    font-weight: normal;
    gap: .45rem;
    letter-spacing: normal;
    margin: 0;
    text-transform: none;
}

.campo-check input[type="checkbox"] { flex: 0 0 auto; margin: 0; width: auto; }

.btn {
    border-radius: var(--radio-chico);
    font-family: inherit;
    font-size: .84rem;
    padding: .33rem .8rem;
}

.btn-primario {
    background-color: var(--acento-fuerte);
    border: 1px solid var(--acento-fuerte);
    color: #fff;
}
.btn-primario:hover, .btn-primario:focus {
    background-color: var(--acento);
    border-color: var(--acento);
    color: #fff;
}

/* En el tema oscuro el acento es un celeste claro: el texto blanco encima
   queda ilegible, así que la etiqueta pasa a ser oscura. */
[data-tema="oscuro"] .btn-primario,
[data-tema="oscuro"] .btn-primario:hover,
[data-tema="oscuro"] .btn-primario:focus {
    color: #1e2126;
    font-weight: 600;
}

.btn-secundario {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    color: var(--texto);
}
.btn-secundario:hover { background-color: var(--superficie-alt); color: var(--texto); }

/* ---------------------------------------------------------------- ABM maestras */

/* Selector de tabla: doce tablas comparten pantalla, así que el cambio entre
   ellas tiene que estar siempre a la vista y ocupar poco alto. */
.pestanias {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.pestanias-grupo {
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .07em;
    margin-left: .5rem;
    text-transform: uppercase;
}

.pestanias-grupo:first-child { margin-left: 0; }

.pestania {
    background-color: var(--superficie-alt);
    border: 1px solid var(--borde);
    border-radius: 1rem;
    color: var(--texto);
    font-size: .8rem;
    padding: .18rem .7rem;
    text-decoration: none;
    white-space: nowrap;
}

.pestania:hover { background-color: var(--acento-suave); color: var(--texto); text-decoration: none; }

.pestania.activa {
    background-color: var(--acento-fuerte);
    border-color: var(--acento-fuerte);
    color: #fff;
    font-weight: 600;
}

[data-tema="oscuro"] .pestania.activa { color: #1e2126; }

/* Formulario angosto a la izquierda, grilla ancha a la derecha. */
.rejilla-abm {
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(16rem, 22rem) 1fr;
    align-items: start;
}

@media (max-width: 1100px) {
    .rejilla-abm { grid-template-columns: 1fr; }
}

/* Las filas desactivadas siguen visibles pero se leen como secundarias:
   siguen existiendo en el historial, solo no aparecen en los combos. */
.fila-inactiva td { opacity: .55; }

/* La fila que se está mirando dentro de un listado maestro-detalle: marca de
   qué provincia son las localidades de abajo. */
.fila-activa td {
    background-color: var(--superficie-alt);
    box-shadow: inset .18rem 0 0 var(--acento);
}

.acciones-fila {
    align-items: center;
    display: flex;
    gap: .3rem;
    white-space: nowrap;
}

.acciones-fila .linea { display: inline; margin: 0; }

.btn-peligro { border-color: var(--peligro); color: var(--peligro); }
.btn-peligro:hover { background-color: var(--peligro-suave); color: var(--peligro); }

.nota-ayuda {
    border-top: 1px solid var(--borde);
    color: var(--texto-suave);
    font-size: .76rem;
    line-height: 1.45;
    margin: .9rem 0 0;
    padding-top: .7rem;
}

/* Texto de apoyo debajo de un campo: explica qué implica el valor, sin robarle
   protagonismo a la etiqueta. */
.ayuda-campo {
    color: var(--texto-suave);
    display: block;
    font-size: .72rem;
    line-height: 1.35;
    margin-top: .15rem;
}

/* --------------------------------------------------------- segundo factor */

.pasos-enrolamiento {
    color: var(--texto-suave);
    font-size: .82rem;
    line-height: 1.5;
    margin: .8rem 0 1rem;
    padding-left: 1.2rem;
}

.pasos-enrolamiento li { margin-bottom: .3rem; }

/* El QR se dibuja sobre blanco siempre —lo pide el SVG— así que necesita su
   propio marco: sin él, sobre el tema oscuro queda un cuadrado blanco flotando
   sin ninguna relación con el panel. El ancho va en rem para que acompañe la
   preferencia tipográfica, y el máximo evita que en una pantalla grande el
   código ocupe media página sin ganar legibilidad. */
.qr-enrolamiento {
    background-color: #ffffff;
    border: 1px solid var(--borde);
    border-radius: .35rem;
    display: inline-block;
    line-height: 0;
    margin: 0 0 1rem;
    padding: .5rem;
}

.qr-enrolamiento svg { display: block; height: 13rem; width: 13rem; }

/* El secreto se copia a mano cuando la cámara no lee el QR, así que va en
   monoespaciada y espaciado: en una tipografía proporcional los grupos se
   confunden y una letra de más no se nota hasta que el código falla. */
.secreto-totp {
    font-family: Consolas, "Courier New", monospace;
    font-size: 1rem;
    letter-spacing: .08em;
    margin: 0 0 1.2rem;
    user-select: all;
    word-break: break-all;
}

/* La declaración que se acepta al vincular el teléfono. Va en un recuadro
   propio y con su barra al costado porque no es texto de apoyo: es lo que la
   persona está aceptando, y tiene que distinguirse de las explicaciones que lo
   rodean. Con altura máxima y scroll para que el formulario no quede a tres
   pantallas de distancia; la barra fina ya la define la regla general. */
.declaracion-firma {
    background-color: var(--superficie-alt);
    border: 1px solid var(--borde);
    border-left: 3px solid var(--acento);
    border-radius: .35rem;
    margin: 0 0 1rem;
    padding: .85rem 1rem;
}

.declaracion-firma h3 {
    font-size: .88rem;
    margin: 0 0 .6rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.declaracion-texto {
    font-size: .82rem;
    line-height: 1.55;
    max-height: 18rem;
    overflow-y: auto;
}

.declaracion-texto p { margin: 0 0 .7rem; }
.declaracion-texto p:last-child { margin-bottom: 0; }

.declaracion-version {
    border-top: 1px solid var(--borde);
    color: var(--texto-suave);
    font-size: .74rem;
    margin: .7rem 0 0;
    padding-top: .5rem;
}

/* La casilla y su texto se leen como una sola frase, así que van en la misma
   línea y alineadas arriba: el texto ocupa dos renglones y con center la
   casilla queda flotando en el medio. */
.campo-casilla { margin-bottom: 1rem; }

.campo-casilla label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    gap: .5rem;
    line-height: 1.45;
}

.campo-casilla input[type="checkbox"] { margin-top: .2rem; }

.datos-constancia {
    display: grid;
    gap: .35rem 1rem;
    grid-template-columns: max-content 1fr;
    margin: 0 0 1.2rem;
}

.datos-constancia dt {
    color: var(--texto-suave);
    font-size: .78rem;
    font-weight: 500;
}

.datos-constancia dd { font-size: .82rem; margin: 0; word-break: break-word; }

/* El hash se compara carácter por carácter contra otro: monoespaciada, o no
   se puede seguir con el dedo. */
.hash-texto {
    font-family: Consolas, "Courier New", monospace;
    font-size: .76rem;
    word-break: break-all;
}

/* El panel donde se pide el código para firmar un documento. Es un desplegable
   bajo las acciones, no otra pantalla: firmar es un paso de la impresión, no
   un trámite aparte. No se imprime. */
.panel-firma {
    background-color: var(--superficie-alt);
    border: 1px solid var(--borde);
    border-left: 3px solid var(--acento);
    border-radius: .35rem;
    margin: 0 0 1rem;
    padding: .85rem 1rem;
}

.panel-firma-texto { font-size: .82rem; line-height: 1.5; margin-bottom: .7rem; }
.panel-firma-texto strong { display: block; margin-bottom: .2rem; }

.panel-firma-campos {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.panel-firma-campos .campo { margin: 0; max-width: 11rem; }
.panel-firma-campos input { font-family: Consolas, "Courier New", monospace; letter-spacing: .12em; }

.panel-firma-acta { margin-top: .7rem; }
.panel-firma-acta summary { cursor: pointer; font-size: .78rem; }
.panel-firma-acta pre {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: .3rem;
    font-size: .74rem;
    line-height: 1.45;
    margin: .5rem 0 0;
    padding: .6rem .8rem;
    white-space: pre-wrap;
}

/* El sello de firma electrónica al pie de un papel. Se dibuja con doble
   borde y tipografía chica para que a la vista se distinga un formulario que
   salió del sistema de una fotocopia completada a mano; en la impresión los
   colores se apagan y sobrevive el trazo, que es lo que importa. */
.sello-firma {
    border: 3px double currentColor;
    border-radius: .3rem;
    font-size: .74rem;
    line-height: 1.4;
    margin: 1.2rem 0 .8rem;
    padding: .55rem .8rem .5rem;
    page-break-inside: avoid;
}

.sello-firma-cabecera {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .8rem;
    margin-bottom: .4rem;
}

.sello-firma-titulo {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sello-firma-sub { color: var(--texto-suave); font-size: .72rem; }

.sello-firma-tabla { border-collapse: collapse; width: 100%; }
.sello-firma-tabla th,
.sello-firma-tabla td { border-bottom: 1px solid currentColor; padding: .18rem .4rem .18rem 0; text-align: left; vertical-align: top; }
.sello-firma-tabla th { font-size: .68rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.sello-firma-tabla tr:last-child td { border-bottom: none; }

.sello-firma-codigo { font-family: Consolas, "Courier New", monospace; font-weight: 700; letter-spacing: .1em; white-space: nowrap; }

.sello-firma-pie { color: var(--texto-suave); font-size: .68rem; margin: .45rem 0 0; }
.sello-firma-pie strong { color: inherit; font-family: Consolas, "Courier New", monospace; font-weight: 600; }

/* ---------------------------------------------------------------- permisos */

.rejilla-permisos {
    display: grid;
    gap: .3rem;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
}

/* El título de módulo ocupa la fila entera para que agrupe de verdad. */
.permisos-modulo {
    border-bottom: 1px solid var(--borde);
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .68rem;
    grid-column: 1 / -1;
    letter-spacing: .07em;
    margin: .8rem 0 .2rem;
    padding-bottom: .25rem;
    text-transform: uppercase;
}

.permisos-modulo:first-child { margin-top: 0; }

.permiso {
    align-items: flex-start;
    border: 1px solid transparent;
    border-radius: var(--radio-chico);
    cursor: pointer;
    display: flex;
    font-weight: normal;
    gap: .5rem;
    margin: 0;
    padding: .35rem .5rem;
}

.permiso:hover { background-color: var(--superficie-alt); }
.permiso.asignado { background-color: var(--acento-suave); border-color: var(--borde); }

.permiso input[type="checkbox"] { flex: 0 0 auto; margin-top: .18rem; }
.permiso-texto { display: flex; flex-direction: column; min-width: 0; }
.permiso-desc { font-size: .82rem; }

.permiso-clave {
    background: none;
    color: var(--texto-suave);
    font-family: var(--fuente-mono);
    font-size: .68rem;
    padding: 0;
}

/* ---------------------------------------------------------------- impresión */

/* Encabezado que solo existe en papel: en pantalla el título ya está en la
   cabecera de la página y en el riel. Impreso, la hoja tiene que decir sola
   de qué listado y de qué recorte de datos salió. */
.encabezado-impresion { display: none; }

/* ---------------------------------------------------------------- formularios largos */

/* Dos tarjetas por fila en pantallas anchas; la de domicilio ocupa el ancho. */
/* Rejilla de tarjetas del formulario.

   Antes usaba repeat(auto-fit, minmax(24rem, 1fr)), y con eso quedaba una
   columna vacía a la derecha: auto-fit sólo colapsa las pistas que nadie ocupa,
   y la tarjeta de domicilio, que va a lo ancho con grid-column 1 / -1, las
   ocupa todas. Con tres pistas y dos tarjetas arriba, la tercera quedaba
   reservada y en blanco.

   Doce columnas y un span explícito por tarjeta: el reparto es intencional y no
   depende de cuántas tarjetas haya ni de cuánto mida la pantalla. */
.rejilla-formulario {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(12, 1fr);
    align-items: start;
}

.rejilla-formulario > .tarjeta { grid-column: span 6; min-width: 0; }
.rejilla-formulario .ancho-completo { grid-column: 1 / -1; }

/* Debajo de 1100 px las dos tarjetas de arriba dejan de convivir: con menos de
   unos 33 rem cada una, la rejilla interna de cuatro columnas aprieta los
   campos más de lo que se puede leer. */
@media (max-width: 1100px) {
    .rejilla-formulario > .tarjeta { grid-column: 1 / -1; }
}

/* Rejilla interna de campos: cada campo ocupa 1 columna y crece con .ancho-N. */
.campos {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(4, 1fr);
}

.campos .campo { min-width: 0; }
.campos .ancho-1 { grid-column: span 1; }
.campos .ancho-2 { grid-column: span 2; }
.campos .ancho-3 { grid-column: span 3; }
.campos .ancho-4 { grid-column: span 4; }

/* Un input de fecha necesita lugar para dd/mm/aaaa más el ícono del
   calendario. Sin este piso, en una columna angosta el navegador recorta el
   año y muestra "dd/mm", que es justamente lo que no se entiende. */
.campos .campo-fecha input[type="date"] { min-width: 9.5rem; }

/* Campo derivado de otro: se muestra pero no se edita. La casilla va
   deshabilitada y el valor viaja en un hidden. */
.marca-derivada {
    align-items: center;
    background-color: var(--superficie-alt);
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    color: var(--texto);
    display: flex;
    font-size: .84rem;
    gap: .45rem;
    min-height: 1.85rem;
    padding: .33rem .5rem;
}

.marca-derivada input[type="checkbox"] { margin: 0; }

.campos input:not([type="checkbox"]),
.campos select,
.campos textarea { width: 100%; }

.campos textarea { font-family: inherit; resize: vertical; }

@media (max-width: 640px) {
    .campos { grid-template-columns: repeat(2, 1fr); }
    .campos .ancho-3, .campos .ancho-4 { grid-column: span 2; }
}

/* Fila de alta rápida al pie de una grilla: agregar un familiar o un carnet sin
   salir del legajo. */
.formulario-inline {
    align-items: flex-end;
    background-color: var(--superficie-alt);
    border-top: 1px solid var(--borde);
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    padding: .7rem .85rem;
}

.formulario-inline form {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin: 0;
    width: 100%;
}

/* Altura pareja para todos los controles de la fila. Un input[type="date"] es
   dos pixeles mas alto que uno de texto —trae el boton del calendario—, y con
   align-items: flex-end esos dos pixeles se ven como un renglon desparejo. */
.formulario-inline .campo input:not([type="checkbox"]),
.formulario-inline .campo select {
    box-sizing: border-box;
    height: 2rem;
    min-width: 7rem;
}

.formulario-inline .campo-check { padding-bottom: .3rem; }

/* El texto de ayuda de un campo sale del flujo.

   Si participa del alto, la caja que lo lleva es mas alta que las demas, y con
   align-items: flex-end el contenedor la sube: el que queda elevado es su
   PROPIO input, no el texto. En la fila de carnets, Renovacion quedaba 23px mas
   arriba que Emision, y en la de documentos pasaba lo mismo con Archivo.

   El relleno extra se agrega solo si la fila tiene ayuda, para no engordar las
   que no la necesitan: la de feriados sigue midiendo lo mismo que antes. */
.formulario-inline:has(.ayuda-campo) { padding-bottom: 1.55rem; }

.formulario-inline .campo { position: relative; }

.formulario-inline .campo .ayuda-campo {
    bottom: -1.1rem;
    left: 0;
    margin: 0;
    position: absolute;
    /* Sin ancho atado al campo: abajo de uno de fecha no entra ni media frase y
       el texto se cortaba con puntos suspensivos. Se extiende hacia la derecha,
       sobre el espacio vacio que queda debajo de los campos vecinos. */
    white-space: nowrap;
}

/* Edición directa dentro de una fila de la grilla. */
.fila-editable {
    align-items: center;
    display: flex;
    gap: .35rem;
    margin: 0;
}

.fila-editable input[type="number"] { width: 4.5rem; }
.fila-editable .crece { flex: 1 1 6rem; min-width: 0; }

.barra-acciones {
    align-items: center;
    border-top: 1px solid var(--borde);
    display: flex;
    gap: .5rem;
    margin-top: .9rem;
    padding-top: .8rem;
}

.barra-acciones .btn { padding: .42rem 1.1rem; }
.barra-acciones .separador { flex: 1 1 auto; }

/* ---------------------------------------------------------------- mapa */

.rejilla-domicilio {
    display: grid;
    gap: .9rem;
    grid-template-columns: 1fr minmax(16rem, 22rem);
    align-items: start;
}

@media (max-width: 1000px) {
    .rejilla-domicilio { grid-template-columns: 1fr; }
}

.mapa {
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    overflow: hidden;
}

.mapa-marco {
    border: 0;
    display: block;
    height: 14rem;
    width: 100%;
}

.mapa-pie {
    background-color: var(--superficie-alt);
    display: flex;
    font-size: .72rem;
    gap: .5rem;
    justify-content: space-between;
    padding: .3rem .5rem;
}

.mapa-coordenadas { color: var(--texto-suave); font-family: var(--fuente-mono); }

/* Donde el mapa acompaña a otro dato va chico. En la ficha del legajo el dato
   es la dirección —un renglón— y el mapa a 14rem le quedaba abajo un hueco de
   media pantalla que empujaba el resto de la ficha. En el formulario se queda
   grande: ahí no acompaña nada, se lo usa para CONFIRMAR que la dirección
   quedó bien ubicada, y en una estampilla no se distingue una cuadra de la
   otra. */
.mapa-compacto .mapa-marco { height: 8.5rem; }
.mapa-vacio.mapa-compacto  { min-height: 0; }

/* Después del compacto y no antes: las dos reglas pesan igual y gana la
   última, que es la que tiene que valer cuando el mapa está ampliado. */
.mapa-ampliado .mapa-marco { height: 24rem; }

/* Botón de texto y no un .btn: el pie del mapa mide menos que el relleno de un
   botón, así que uno adentro lo hincha al doble y deja de ser un pie. */
.mapa-accion {
    background: none;
    border: 0;
    color: var(--acento-fuerte);
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}

.mapa-accion:hover { color: var(--acento); text-decoration: underline; }

/* Cuando todavía no hay coordenadas, el hueco explica qué hacer en lugar de
   quedar en blanco. */
.mapa-vacio {
    align-items: center;
    background-color: var(--superficie-alt);
    border: 1px dashed var(--borde);
    border-radius: var(--radio);
    color: var(--texto-suave);
    display: flex;
    flex-direction: column;
    gap: .3rem;
    justify-content: center;
    min-height: 14rem;
    padding: 1rem;
    text-align: center;
}

.mapa-vacio span  { font-size: .85rem; font-weight: 600; }
.mapa-vacio small { font-size: .72rem; line-height: 1.4; }
.mapa-vacio .btn  { margin-top: .2rem; }

/* ---------------------------------------------------------------- calendario */

.rejilla-calendario {
    align-items: start;
    display: grid;
    gap: .85rem;
    grid-template-columns: 1fr minmax(20rem, 26rem);
}

@media (max-width: 1100px) {
    .rejilla-calendario { grid-template-columns: 1fr; }
}

.navegacion-mes { align-items: center; display: flex; gap: .5rem; }
.navegacion-mes h3 { margin: 0; min-width: 9rem; text-transform: capitalize; }
.navegacion-mes .btn { padding: .2rem .55rem; }

table.calendario {
    border-collapse: separate;
    border-spacing: .2rem;
    table-layout: fixed;
    width: 100%;
}

table.calendario th {
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .05em;
    padding-bottom: .2rem;
    text-transform: uppercase;
}

table.calendario th.col-finde { opacity: .5; }

table.calendario td {
    border-radius: var(--radio-chico);
    height: 3.4rem;
    padding: 0;
    vertical-align: top;
}

table.calendario td.vacio { background: none; }

/* El color dice el estado de un vistazo: es lo que se mira primero. */
table.calendario td.habil    { background-color: var(--superficie-alt); }
table.calendario td.finde    { background-color: var(--superficie-alt); opacity: .45; }
table.calendario td.feriado  { background-color: var(--peligro-suave); box-shadow: inset 0 0 0 1px var(--peligro); }
table.calendario td.optativo { background-color: var(--alerta-suave);  box-shadow: inset 0 0 0 1px var(--alerta); }

table.calendario .numero {
    display: block;
    font-size: .85rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    padding: .25rem .35rem 0;
}

table.calendario .etiqueta-dia {
    display: block;
    font-size: .6rem;
    line-height: 1.15;
    overflow: hidden;
    padding: 0 .35rem .25rem;
}

/* Toda la celda es el botón: marcar un día es un clic donde caiga. */
.celda-dia {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    display: block;
    font: inherit;
    height: 100%;
    padding: 0;
    text-align: left;
    width: 100%;
}

.celda-dia:hover { background-color: var(--acento-suave); border-radius: var(--radio-chico); }

/* ------------------------------------------- calendario de vacaciones */

/* Las celdas crecen con la gente que falta ese día: se alinean arriba para
   que el número no baile entre celdas de distinta altura. */
table.calendario-vacaciones td.dia { vertical-align: top; }

/* El fin de semana se atenúa con el FONDO y no con opacity como en el
   calendario laboral: acá adentro hay fichas de colores, y lavarlas las
   volvería indistinguibles entre sí, que es justo lo que no puede pasar. */
table.calendario-vacaciones td.finde-vac { background-color: var(--fondo); }
table.calendario-vacaciones td.finde-vac .numero { color: var(--texto-suave); }

table.calendario-vacaciones td.dia-hoy { box-shadow: inset 0 0 0 2px var(--acento); }

/* La ficha de una persona de vacaciones. La tinta es propia de la paleta y no
   la del tema: el pastel es claro también en modo noche. */
.vac-chip {
    border-radius: var(--radio-chico);
    color: var(--vac-tinta);
    display: block;
    font-size: .66rem;
    line-height: 1.25;
    margin: .15rem .25rem 0;
    overflow: hidden;
    padding: .08rem .3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.calendario-vacaciones td.dia > .vac-chip:last-child { margin-bottom: .25rem; }

.vac-color-0  { background-color: var(--vac-0); }
.vac-color-1  { background-color: var(--vac-1); }
.vac-color-2  { background-color: var(--vac-2); }
.vac-color-3  { background-color: var(--vac-3); }
.vac-color-4  { background-color: var(--vac-4); }
.vac-color-5  { background-color: var(--vac-5); }
.vac-color-6  { background-color: var(--vac-6); }
.vac-color-7  { background-color: var(--vac-7); }
.vac-color-8  { background-color: var(--vac-8); }
.vac-color-9  { background-color: var(--vac-9); }
.vac-color-10 { background-color: var(--vac-10); }
.vac-color-11 { background-color: var(--vac-11); }

/* La leyenda: la muestra de color con el nombre y las fechas al lado. */
.leyenda-vacaciones {
    display: grid;
    gap: .35rem .9rem;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.leyenda-vacaciones li {
    align-items: baseline;
    display: flex;
    font-size: .78rem;
    gap: .4rem;
}

.vac-muestra {
    border-radius: var(--radio-chico);
    display: inline-block;
    flex: 0 0 auto;
    height: .8rem;
    width: .8rem;
}

.leyenda-nombre { font-weight: 600; }
.leyenda-detalle { color: var(--texto-suave); }

.referencias {
    color: var(--texto-suave);
    display: flex;
    flex-wrap: wrap;
    font-size: .72rem;
    gap: .8rem;
    margin-top: .7rem;
}

.referencias .muestra {
    border-radius: .2rem;
    display: inline-block;
    height: .7rem;
    margin-right: .25rem;
    vertical-align: -1px;
    width: .9rem;
}

.referencias .habil    { background-color: var(--superficie-alt); box-shadow: inset 0 0 0 1px var(--borde); }
.referencias .finde    { background-color: var(--superficie-alt); opacity: .45; box-shadow: inset 0 0 0 1px var(--borde); }
.referencias .feriado  { background-color: var(--peligro-suave); box-shadow: inset 0 0 0 1px var(--peligro); }
.referencias .optativo { background-color: var(--alerta-suave);  box-shadow: inset 0 0 0 1px var(--alerta); }

.dias-semana { display: flex; flex-wrap: wrap; gap: .3rem; }

.dia-semana {
    align-items: center;
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    cursor: pointer;
    display: flex;
    font-size: .78rem;
    font-weight: normal;
    gap: .3rem;
    margin: 0;
    padding: .25rem .5rem;
}

.dia-semana.activo { background-color: var(--acento-suave); border-color: var(--acento); }

table.tabla tr.fila-actual { background-color: var(--acento-suave); }
table.tabla tfoot th {
    background-color: var(--superficie-alt);
    border-top: 2px solid var(--borde);
    font-size: .8rem;
    padding: .4rem .6rem;
    text-align: left;
}
table.tabla tfoot th.num { text-align: right; }

/* ---------------------------------------------------------------- avisos */

/* Sugeridor de empleados: la lista de coincidencias cuelga del campo. */
.campo-sugeridor { position: relative; }

.sugerencias {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    box-shadow: 0 .35rem 1rem rgba(0, 0, 0, .14);
    left: 0;
    list-style: none;
    margin: .15rem 0 0;
    max-height: 16rem;
    overflow-y: auto;
    padding: .2rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 40;
}

.sugerencias li {
    border-radius: var(--radio-chico);
    cursor: pointer;
    display: flex;
    font-size: .82rem;
    gap: .45rem;
    padding: .32rem .45rem;
}

.sugerencias li:hover { background-color: var(--acento-suave); }

/* El resaltado del teclado. Va junto al de hover y no en su lugar: quien baja
   con las flechas tiene que ver dónde está parado sin mover la mano. */
.sugerencias li.activo { background-color: var(--acento-suave); }

/* Todavía no se eligió a nadie: el texto es una instrucción, no un dato. Al
   elegir, la clase se saca y queda el nombre de la persona en tono normal. */
.ayuda-pendiente { font-style: italic; opacity: .85; }

.sugerencia-sector { color: var(--texto-suave); margin-left: auto; }
.sugerencia-baja   { color: var(--peligro); font-size: .72rem; }

.sugerencia-vacia {
    color: var(--texto-suave);
    cursor: default;
    font-style: italic;
}

.sugerencia-vacia:hover { background: none; }

/* Grupo del riel plegado: el título queda clicable y con una marca. */
.riel-seccion {
    cursor: pointer;
    user-select: none;
}

.riel-seccion::after {
    content: '−';
    font-size: .8rem;
    margin-left: .35rem;
    opacity: .7;
}

.riel-seccion.plegado::after { content: '+'; }
.riel-seccion:hover { opacity: .75; }

/* Los avisos flotan sobre el contenido en lugar de empujarlo hacia abajo: en
   una notebook cada renglon que se corre es una fila menos de la grilla, y el
   cartel de "guardado" no vale eso. */
.avisos-flotantes {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    left: 50%;
    max-width: min(32rem, calc(100vw - 2rem));
    position: fixed;
    top: .9rem;
    transform: translateX(-50%);
    width: max-content;
    z-index: 60;
}

.aviso {
    align-items: flex-start;
    border: 1px solid transparent;
    border-radius: var(--radio-chico);
    box-shadow: 0 .35rem 1.1rem rgba(0, 0, 0, .16);
    display: flex;
    font-size: .84rem;
    gap: .6rem;
    padding: .55rem .8rem;
    /* Entra desde arriba. La animacion es corta a proposito: un aviso que
       tarda en aparecer se lee como lentitud del sistema. */
    animation: aviso-entra .18s ease-out;
}

.aviso-texto { flex: 1 1 auto; }

.aviso-cerrar {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    opacity: .6;
    padding: 0 .1rem;
}

.aviso-cerrar:hover { opacity: 1; }

/* Salida: se desvanece y deja de recibir clics para no tapar nada. */
.aviso.saliendo {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-.5rem);
    transition: opacity .35s ease, transform .35s ease;
}

@keyframes aviso-entra {
    from { opacity: 0; transform: translateY(-.6rem); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Quien prefiere no ver animaciones no las ve. */
@media (prefers-reduced-motion: reduce) {
    .aviso { animation: none; }
    .aviso.saliendo { transition: none; }
}

/* Al imprimir el aviso no va: es un mensaje de pantalla, no del documento. */
@media print {
    .avisos-flotantes { display: none !important; }
    /* Lo que sólo tiene sentido en pantalla: el panel donde se pide el
       código de firma, y cualquier otro control que se marque así. */
    .no-imprimir { display: none !important; }
}

.aviso.exito  { background-color: var(--exito-suave);   border-color: var(--exito);   color: var(--exito); }
.aviso.error  { background-color: var(--peligro-suave); border-color: var(--peligro); color: var(--peligro); }
.aviso.alerta { background-color: var(--alerta-suave);  border-color: var(--alerta);  color: var(--alerta); }
.aviso.info   { background-color: var(--info-suave);    border-color: var(--info);    color: var(--info); }

/* ------------------------------------------------------------- buscador */

/* Buscador general (Ctrl+K). Se abre encima de todo, cerca del borde superior
   y no centrado en la pantalla: al escribir, la lista crece hacia abajo y en
   una notebook centrarlo dejaria la mitad de los resultados fuera de vista. */
.buscador {
    inset: 0;
    position: fixed;
    z-index: 80;
}

.buscador[hidden] { display: none; }

.buscador-velo {
    background-color: rgba(0, 0, 0, .32);
    inset: 0;
    position: absolute;
}

.buscador-caja {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .28);
    display: flex;
    flex-direction: column;
    left: 50%;
    max-height: min(30rem, calc(100vh - 8rem));
    max-width: calc(100vw - 2rem);
    position: absolute;
    top: 4.5rem;
    transform: translateX(-50%);
    width: 34rem;
}

.buscador-entrada {
    align-items: center;
    border-bottom: 1px solid var(--borde);
    display: flex;
    gap: .5rem;
    padding: .55rem .7rem;
}

.buscador-icono {
    color: var(--texto-suave);
    display: flex;
    flex: 0 0 auto;
}

.buscador-icono svg { height: 1.05rem; width: 1.05rem; }

/* El campo no lleva marco propio: el marco es la caja. */
.buscador-entrada input {
    background: none;
    border: none;
    color: var(--texto);
    flex: 1 1 auto;
    font-family: inherit;
    font-size: .95rem;
    outline: none;
    padding: .15rem 0;
}

.buscador-cerrar {
    background-color: var(--superficie-alt);
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    color: var(--texto-suave);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: .68rem;
    padding: .1rem .35rem;
}

.buscador-cerrar:hover { color: var(--texto); }

.buscador-resultados {
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: .3rem;
}

.buscador-grupo {
    color: var(--texto-suave);
    font-size: .68rem;
    letter-spacing: .04em;
    padding: .5rem .5rem .2rem;
    text-transform: uppercase;
}

.buscador-item {
    align-items: baseline;
    border-radius: var(--radio-chico);
    cursor: pointer;
    display: flex;
    gap: .6rem;
    padding: .35rem .5rem;
}

/* El resaltado sigue al teclado, no al mouse: quien navega con las flechas
   tiene que ver donde esta parado sin mover la mano. */
.buscador-item.activo { background-color: var(--acento-suave); }

.buscador-titulo { flex: 0 1 auto; font-size: .88rem; }

.buscador-detalle {
    color: var(--texto-suave);
    font-size: .74rem;
    margin-left: auto;
    text-align: right;
}

.buscador-vacio {
    color: var(--texto-suave);
    font-size: .84rem;
    font-style: italic;
    padding: .8rem .5rem;
}

.buscador-pie {
    border-top: 1px solid var(--borde);
    color: var(--texto-suave);
    display: flex;
    font-size: .7rem;
    gap: .9rem;
    padding: .4rem .7rem;
}

.buscador-pie kbd {
    background-color: var(--superficie-alt);
    border: 1px solid var(--borde);
    border-radius: .2rem;
    font-family: inherit;
    font-size: .68rem;
    margin-right: .15rem;
    padding: 0 .25rem;
}

/* En pantallas angostas el pie no aporta: no hay teclado. */
@media (max-width: 600px) {
    .buscador-caja { top: 2rem; }
    .buscador-pie  { display: none; }
}

@media print {
    .buscador { display: none !important; }
}

.validation-summary-errors { color: var(--peligro); font-size: .82rem; }
.validation-summary-errors ul { margin: 0; padding-left: 1.1rem; }
.field-validation-error { color: var(--peligro); font-size: .76rem; }
.input-validation-error { border-color: var(--peligro) !important; }

/* ---------------------------------------------------------------- paginación */

.paginador {
    align-items: center;
    color: var(--texto-suave);
    display: flex;
    font-size: .78rem;
    gap: .45rem;
    justify-content: flex-end;
    padding: .55rem .85rem;
}

.paginador a {
    border: 1px solid var(--borde);
    border-radius: var(--radio-chico);
    padding: .18rem .55rem;
    text-decoration: none;
}

.paginador a:hover { background-color: var(--acento-suave); text-decoration: none; }
.paginador .deshabilitado { opacity: .35; pointer-events: none; }

/* El detalle de un cambio en la bitácora es la columna que se lee de verdad:
   se le da lugar y se deja que corte en varias líneas en lugar de recortarla
   con puntos suspensivos, que es lo que esconde justamente el dato buscado. */
.celda-detalle {
    line-height: 1.35;
    max-width: 34rem;
    min-width: 14rem;
    white-space: normal;
    word-break: break-word;
}

/* ------------------------------------------------- comprobante de ausencia */

/* Un papel, no una pantalla. Todo lo de acá está pensado para que salga bien
   impreso; en pantalla se ve igual para que quien lo emite sepa exactamente
   qué va a salir, en lugar de descubrirlo con la hoja en la mano. */
.comprobante {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    margin: 0 auto;
    max-width: 48rem;
    padding: 1.6rem 1.8rem;
}

.comprobante-cabecera {
    align-items: center;
    border-bottom: 1.5px solid var(--texto);
    display: flex;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding-bottom: .7rem;
}

.comprobante-logo { height: 2.6rem; width: auto; flex: 0 0 auto; }
.comprobante-titulo { flex: 1 1 auto; }
.comprobante-titulo h2 { font-size: 1.15rem; margin: 0; }
.comprobante-titulo p  { color: var(--texto-suave); font-size: .78rem; margin: .1rem 0 0; }

.comprobante-numero { flex: 0 0 auto; text-align: right; }
.comprobante-numero .micro { color: var(--texto-suave); display: block; }
.comprobante-numero strong { font-size: 1.3rem; font-variant-numeric: tabular-nums; }

.comprobante-bloque { margin-bottom: 1.1rem; }
.comprobante-bloque h3 {
    border-bottom: 1px solid var(--borde);
    font-size: .82rem;
    letter-spacing: .05em;
    margin: 0 0 .55rem;
    padding-bottom: .2rem;
    text-transform: uppercase;
}

/* Rejilla de tres columnas. Un dato puede pedir dos con .ancho-2: el
   diagnóstico y el nombre no entran en un tercio y cortados no sirven. */
.comprobante-datos {
    display: grid;
    gap: .5rem .9rem;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
}
.comprobante-datos > div { min-width: 0; }
.comprobante-datos .ancho-2 { grid-column: span 2; }
.comprobante-datos dt {
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.comprobante-datos dd {
    font-size: .9rem;
    margin: 0;
    overflow-wrap: break-word;
}

.comprobante-menor { color: var(--texto-suave); font-size: .76rem; }
.comprobante-nota  { color: var(--texto-suave); font-size: .74rem; margin: .5rem 0 0; }

.comprobante-observaciones { font-size: .88rem; margin: 0; white-space: pre-wrap; }

/* Renglones vacíos para escribir a mano cuando no hay observaciones cargadas:
   el espacio en blanco sin línea no invita a usarlo y termina desaprovechado. */
.comprobante-renglones span {
    border-bottom: 1px solid var(--borde);
    display: block;
    height: 1.3rem;
}

.comprobante-texto {
    font-size: .8rem;
    line-height: 1.45;
    margin: 1.2rem 0 1.6rem;
    text-align: justify;
}

/* Las tres firmas en una fila. Si la ventana es angosta se apilan, pero al
   imprimir vuelven a la fila: en papel el ancho siempre alcanza. */
.comprobante-firmas {
    display: grid;
    gap: 1.4rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 2.6rem;
}

/* La notificación de cambio de domicilio lleva dos firmas, no tres: la del
   colaborador que declara y la de quien la recibe. Con la grilla de tres, las
   dos quedaban corridas a la izquierda con un hueco al lado. */
.comprobante-firmas-dos { grid-template-columns: repeat(2, 1fr); }

.comprobante-firma { text-align: center; }
.comprobante-firma .linea-firma {
    border-top: 1px solid var(--texto);
    display: block;
    margin-bottom: .35rem;
}
.comprobante-firma strong { display: block; font-size: .8rem; }
.comprobante-firma .aclaracion {
    color: var(--texto-suave);
    display: block;
    font-size: .72rem;
    line-height: 1.35;
}
.comprobante-firma .fecha-firma {
    color: var(--texto-suave);
    display: block;
    font-size: .72rem;
    margin-top: .5rem;
}

.comprobante-pie {
    border-top: 1px solid var(--borde);
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .66rem;
    margin-top: 1.8rem;
    padding-top: .5rem;
    text-align: center;
}

/* ------------------------ formulario oficial 6.4-002-RE (salida eventual)

   Reproduce el papel que la empresa ya usa, con su encabezado de tres celdas,
   su párrafo declarativo y su aclaración al pie. No comparte estructura con el
   comprobante de arriba —que es una ficha de datos— así que va aparte; lo que
   sí reusa son las firmas y los renglones, que son iguales en los dos.        */

.formulario-cabecera {
    border: 1px solid var(--texto);
    display: flex;
    margin-bottom: 1.8rem;
}

.formulario-marca {
    align-items: center;
    border-right: 1px solid var(--texto);
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    padding: .45rem .9rem;
}

.formulario-titulo {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: .08em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

/* Código, vigencia y versión: la celda que identifica el formulario dentro del
   sistema de calidad de la empresa. Va tal cual, porque es lo que se cita
   cuando alguien pide "el 6.4-002". */
.formulario-codigo {
    border-left: 1px solid var(--texto);
    flex: 0 0 auto;
    font-size: .72rem;
    margin: 0;
    min-width: 11rem;
}
.formulario-codigo > div {
    border-bottom: 1px solid var(--texto);
    display: flex;
    gap: .3rem;
    padding: .16rem .5rem;
}
.formulario-codigo > div:last-child { border-bottom: 0; }
.formulario-codigo dt { font-weight: 400; }
.formulario-codigo dt::after { content: ":"; }
.formulario-codigo dd { margin: 0; }

.formulario-lugar {
    font-size: .92rem;
    margin: 0 0 1.5rem;
    text-align: right;
}

/* Interlineado holgado: sobre este párrafo se escribe a mano, y con el
   interlineado normal la lapicera no entra entre los renglones. */
.formulario-cuerpo {
    font-size: .92rem;
    line-height: 2.2;
    margin: 0;
    text-align: justify;
}

/* Lo que el sistema completa va sobre el mismo renglón punteado que se
   completaría a mano: el papel se sigue leyendo igual, y de un vistazo se ve
   qué campos vinieron cargados y cuáles quedaron para escribir. */
.formulario-dato {
    border-bottom: 1px dotted var(--texto);
    padding: 0 .4rem;
    white-space: pre-wrap;
}

.formulario-a-mano {
    display: inline-block;
    min-width: 6rem;
}
.formulario-motivo { min-width: 20rem; }

.formulario-retorno {
    font-size: .92rem;
    margin: 1.7rem 0 0;
}
.formulario-casilla {
    border: 1px solid var(--texto);
    display: inline-block;
    font-size: .8rem;
    height: .95rem;
    line-height: .85rem;
    margin: 0 .35rem 0 1.3rem;
    text-align: center;
    vertical-align: -.12rem;
    width: .95rem;
}

.formulario-firmas { margin-top: 3.4rem; }
/* Los tres rótulos van en dos renglones ("Firma y aclaración" / "del
   colaborador") y sin negrita, como en el papel. */
.formulario-firmas .comprobante-firma strong { font-weight: 400; }

.formulario-aclaracion {
    font-size: .78rem;
    font-style: italic;
    line-height: 1.5;
    margin-top: 2.6rem;
    text-align: justify;
}
.formulario-aclaracion p { margin: 0 0 .45rem; }
.formulario-aclaracion p:last-child { margin-bottom: 0; }
.formulario-aclaracion strong { font-style: normal; }

.formulario-pie {
    color: var(--texto-suave);
    display: flex;
    font-size: .72rem;
    font-style: italic;
    justify-content: space-between;
    margin-top: 2.4rem;
}
.formulario-pie-derecha { text-align: right; }

/* --- lo propio de SOLICITUD DE LICENCIA ---------------------------------
   Este formulario no es un párrafo declarativo como el de la salida eventual
   sino una planilla de campos rotulados, y sus firmas van en recuadro. */

.formulario-encabezado {
    display: flex;
    font-size: .92rem;
    justify-content: space-between;
    margin: 0 0 1.6rem;
}

.formulario-seccion {
    border-bottom: 1px solid var(--texto);
    font-size: .82rem;
    font-style: italic;
    letter-spacing: .05em;
    margin: 0 0 1.1rem;
    padding-bottom: .3rem;
    text-transform: uppercase;
}

/* Dos columnas: el nombre pide las dos con .ancho-2, y los pares que se leen
   juntos —tipo con días, inicio con fin— quedan uno al lado del otro. */
.formulario-campos {
    display: grid;
    gap: .9rem 1.4rem;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 1.5rem;
}
.formulario-campos > div { min-width: 0; }
.formulario-campos .ancho-2 { grid-column: span 2; }
.formulario-campos dt {
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .15rem;
}
.formulario-campos dd {
    display: block;
    font-size: .92rem;
    margin: 0;
    min-height: 1.35rem;
    overflow-wrap: break-word;
}

.formulario-observaciones {
    display: flex;
    font-size: .92rem;
    gap: .8rem;
    margin-bottom: 1rem;
}
.formulario-observaciones > div { flex: 1 1 auto; min-width: 0; }
.formulario-rotulo { flex: 0 0 auto; font-weight: 600; }
.formulario-adelanto { margin: 0 0 .4rem; }
/* La casilla del adelanto abre el renglón, así que no lleva la sangría
   izquierda que separa el SI del NO en el otro formulario. */
.formulario-adelanto .formulario-casilla { margin-left: 0; }

/* Firmas en recuadro. El alto deja lugar para firmar adentro, que es para lo
   que está la caja. */
.formulario-firmas-caja .formulario-recuadro {
    border: 1px solid var(--texto);
    display: block;
    height: 4.2rem;
    margin-bottom: .35rem;
}

.formulario-aclaracion-licencia {
    border-top: 1px solid var(--texto);
    font-style: normal;
    padding-top: .6rem;
}

/* --------------------------- declaración jurada de domicilio (Anexo N.º 2) */

/* El rótulo del documento va centrado y subrayado, como en el preimpreso. */
.formulario-titulo-documento {
    font-size: .95rem;
    letter-spacing: .06em;
    margin: 0 0 1.8rem;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
}

.formulario-entre-calle { min-width: 11rem; }

.formulario-croquis {
    display: flex;
    justify-content: center;
    margin: 2.2rem 0;
}
.formulario-croquis svg { height: 14rem; width: auto; }

/* Firma, aclaración y fecha apilados abajo a la derecha, como en el papel. */
.formulario-firma-domicilio {
    font-size: .92rem;
    line-height: 2.6;
    margin: 2.4rem 0 0 auto;
    width: 20rem;
}
.formulario-firma-domicilio p { display: flex; gap: .5rem; margin: 0; }
.formulario-firma-domicilio .formulario-dato { flex: 1 1 auto; text-align: center; }

/* El texto legal de esta declaración no es letra chica de pie: es el cuerpo
   del documento y va derecho, no en cursiva. */
.formulario-aclaracion-domicilio {
    font-size: .92rem;
    font-style: normal;
    line-height: 1.8;
    margin-top: 1.6rem;
}

/* -- planilla de alta (Anexo 2) --
   El cuadernillo del ingreso: cada .hoja-planilla es una hoja del papel. En
   pantalla se apilan con una separación; al imprimir, cada una corta página. */
.hoja-planilla { margin-bottom: 1.4rem; }

/* La planilla de datos personales lleva el recuadro de la foto 4×4 al costado,
   como el preimpreso. */
.planilla-datos-foto {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.planilla-foto {
    align-items: center;
    border: 1px solid var(--texto);
    color: var(--texto-suave);
    display: flex;
    flex: 0 0 auto;
    font-size: .72rem;
    height: 9rem;
    justify-content: center;
    letter-spacing: .08em;
    text-align: center;
    width: 7rem;
}

.planilla-lista {
    font-size: .92rem;
    line-height: 1.8;
    margin: 1rem 0;
    padding-left: 1.4rem;
}

/* "(Tachar lo que no corresponda)": una indicación, no parte de la declaración. */
.planilla-tachar { color: var(--texto-suave); font-size: .78rem; font-style: italic; }

/* Los textos normativos largos (confidencialidad, cajeros) se achican para
   que cada uno entre en su hoja, como en el preimpreso. */
.planilla-texto-largo { font-size: .8rem; line-height: 1.5; }
.planilla-texto-largo p { margin: 0 0 .4rem; }

/* El mapa que reemplaza al croquis cuando el domicilio está geocodificado:
   mismo iframe que la ficha, del alto del croquis que suplanta. */
.planilla-mapa { margin: 2.2rem 0; }
.planilla-mapa .mapa-marco {
    border: 1px solid var(--texto);
    display: block;
    height: 16rem;
    width: 100%;
}
.planilla-mapa .comprobante-menor { margin: .3rem 0 0; text-align: right; }

/* El logo de la aseguradora, centrado arriba de su formulario como en el
   preimpreso. Esa hoja no lleva el membrete del Anexo: es papel de la
   compañía de seguros. */
.planilla-logo-seguro { margin: 0 0 1.6rem; text-align: center; }
.planilla-logo-seguro img { height: 4.5rem; width: auto; }

/* La grilla de beneficiarios del seguro colectivo: renglones vacíos que se
   completan a mano, con sus columnas como en el preimpreso. */
.planilla-beneficiarios {
    border-collapse: collapse;
    font-size: .8rem;
    margin: .6rem 0 1rem;
    width: 100%;
}
.planilla-beneficiarios th,
.planilla-beneficiarios td { border: 1px solid var(--texto); padding: .3rem .45rem; }
.planilla-beneficiarios th { font-weight: 400; text-align: left; }
.planilla-beneficiarios td { height: 1.6rem; }

@media (max-width: 40rem) {
    .comprobante-datos  { grid-template-columns: repeat(2, 1fr); }
    .comprobante-firmas { grid-template-columns: 1fr; }

    /* El encabezado de tres celdas no entra: se apila y la celda del código
       pierde el borde lateral, que ahí no separa nada. */
    .formulario-cabecera { flex-direction: column; }
    .formulario-marca    { border-bottom: 1px solid var(--texto); border-right: 0; }
    .formulario-titulo   { padding: .5rem 0; }
    .formulario-codigo   { border-left: 0; border-top: 1px solid var(--texto); }
    .formulario-motivo   { min-width: 10rem; }

    .formulario-campos      { grid-template-columns: 1fr; }
    .formulario-campos .ancho-2 { grid-column: span 1; }
    .formulario-encabezado,
    .formulario-observaciones   { flex-direction: column; gap: .4rem; }
}

/* ---------------------------------------------------------------- login */

.pantalla-login {
    align-items: center;
    background-color: var(--fondo);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 1rem;
    position: relative;
}

/* La foto va en un pseudo-elemento y no en el background de .pantalla-login
   porque el velo tiene que apagar SOLO la imagen: puesto en el contenedor, la
   caja del login heredaría el mismo lavado y el formulario perdería contraste.
   Así la foto queda atrás como marca de agua y el login por delante, opaco.

   La ruta es relativa a propósito. La hoja se sirve desde el bundle
   ~/Content/css, que tiene la misma profundidad que ~/Content/site.css, así que
   "img/..." resuelve a /Content/img/... igual que el "../fonts/" de bootstrap.
   Una ruta absoluta como /Content/img/... se rompería el día que la aplicación
   se publique dentro de un directorio virtual. */
.pantalla-login::before {
    background-image:
        linear-gradient(var(--velo-login), var(--velo-login)),
        url("img/fondo-login.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.caja-login {
    background-color: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: .6rem;
    /* Anillo primero, sombras después. El anillo es lo que garantiza que el
       canto se vea siempre: la sombra sola se pierde entre las vetas de la
       madera, y en el tema oscuro no separa nada porque es oscura sobre
       oscuro. */
    box-shadow: 0 0 0 1px var(--anillo-login),
                0 12px 36px var(--sombra),
                0 2px 10px var(--sombra);
    max-width: 23rem;
    padding: 1.75rem;
    position: relative;
    width: 100%;
    z-index: 1;
}

.caja-login .login-marca {
    border-bottom: 1px solid var(--borde);
    margin-bottom: 1.25rem;
    padding-bottom: 1.1rem;
    text-align: center;
}

/* El logo es vectorial: escala con la preferencia tipográfica sin perder nitidez. */
.caja-login .login-logo {
    display: inline-block;
    height: auto;
    max-width: 100%;
    width: 9rem;
}

.caja-login h1 { font-size: 1.2rem; margin: 0 0 .25rem; }
.caja-login .subtitulo { color: var(--texto-suave); font-size: .82rem; margin-bottom: 1.25rem; }
.caja-login .campo { margin-bottom: .85rem; }
.caja-login .campo input:not([type="checkbox"]) { width: 100%; }
.caja-login .btn { padding: .45rem .8rem; width: 100%; }
/* Sin línea divisoria arriba: la versión y la autoría son un pie discreto, y
   una regla horizontal les daba una jerarquía de sección que no tienen. */
.caja-login .pie-login {
    color: var(--texto-suave);
    font-family: var(--fuente-micro);
    font-size: .68rem;
    margin-bottom: 0;
    margin-top: 1.4rem;
    text-align: center;
}

/* Los dos datos van en un renglón, separados por el punto. El margen del
   separador es lo que los despega: sin él, "v1.26.08.17·© 2026" se lee como
   un solo dato. */
.caja-login .pie-login .pie-separador {
    margin: 0 .55rem;
    opacity: .55;
}

/* ---------------------------------------------------------------- gráficos */

/* Barras dibujadas con CSS: no hace falta una librería de gráficos para las
   distribuciones del tablero, y de paso salen bien al imprimir. */
.barras-lista { list-style: none; margin: 0; padding: 0; }
.barras-lista li + li { margin-top: .5rem; }

.barras-lista .fila {
    display: flex;
    font-size: .8rem;
    justify-content: space-between;
    margin-bottom: .15rem;
}

.barras-lista .valor { color: var(--texto-suave); font-variant-numeric: tabular-nums; }

.barras-lista .pista {
    background-color: var(--superficie-alt);
    border-radius: .2rem;
    height: .45rem;
    overflow: hidden;
}

.barras-lista .relleno { background-color: var(--acento); border-radius: .2rem; height: 100%; }

/* Barra de peso dentro de una celda de tabla. Es la misma idea que
   .barras-lista pero suelta, para usarla en la última columna de un ranking. */
.pista {
    background-color: var(--superficie-alt);
    border-radius: .2rem;
    height: .45rem;
    overflow: hidden;
    width: 100%;
}

.pista .relleno       { background-color: var(--acento);  border-radius: .2rem; height: 100%; }
.pista .relleno-alerta { background-color: var(--alerta); border-radius: .2rem; height: 100%; }

/* Encabezado que separa grupos de indicadores dentro de una misma pantalla. */
.titulo-grupo {
    align-items: center;
    color: var(--texto-suave);
    display: flex;
    font-size: .82rem;
    font-weight: 600;
    gap: .4rem;
    letter-spacing: .03em;
    margin: 1.1rem 0 .45rem;
    text-transform: uppercase;
}

.titulo-grupo:first-child { margin-top: 0; }

/* Un guion en lugar de un cero: en una tabla dinámica el cero verdadero y la
   ausencia de dato se leen distinto. */
.tenue { color: var(--texto-suave); font-weight: 400; }

/* El alto de cada barra viene en porcentaje desde la vista, y un porcentaje
   solo funciona si el padre tiene altura DEFINIDA. La columna la toma del
   contenedor por el estiramiento normal de flex; con align-items: flex-end la
   columna medía lo que su contenido, el porcentaje colapsaba y toda barra
   quedaba en los 2px del min-height: el gráfico "no tenía datos" teniéndolos. */
.grafico-columnas {
    display: flex;
    gap: .3rem;
    height: 9rem;
    padding-top: .5rem;
}

.grafico-columnas .columna {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

.grafico-columnas .barra {
    background-color: var(--acento);
    border-radius: .2rem .2rem 0 0;
    margin: 0 auto;
    min-height: 2px;
    width: 68%;
}

.grafico-columnas .etiqueta {
    color: var(--texto-suave);
    display: block;
    font-size: .64rem;
    font-variant-numeric: tabular-nums;
    margin-top: .2rem;
}

/* ---------------------------------------------------------------- responsive */

.btn-menu-movil { display: none; }

@media (max-width: 900px) {
    .riel {
        flex-basis: 0;
        left: 0;
        position: fixed;
        transform: translateX(-100%);
        transition: transform .16s ease;
        width: var(--riel-ancho);
        z-index: 50;
    }

    .app.riel-abierto .riel { transform: translateX(0); box-shadow: 0 0 28px rgba(0, 0, 0, .35); }

    /* Fuera del escritorio el riel se superpone, así que nunca va colapsado. */
    .app.riel-colapsado .riel { flex-basis: 0; width: var(--riel-ancho); }
    .app.riel-colapsado .riel-nombre,
    .app.riel-colapsado .riel-nav .etiqueta,
    .app.riel-colapsado .riel-seccion,
    .app.riel-colapsado .riel-usuario-datos,
    .app.riel-colapsado .riel-copyright,
    .app.riel-colapsado .riel-version { display: block; }
    .app.riel-colapsado .riel-cabecera { justify-content: flex-start; padding: .7rem .6rem; }
    .app.riel-colapsado .riel-cabecera .logo { display: block; }
    .app.riel-colapsado .riel-nav > li > a { justify-content: flex-start; padding: .48rem .6rem; }
    .app.riel-colapsado .riel-usuario { justify-content: flex-start; padding: .25rem .1rem .45rem; }
    .app.riel-colapsado .riel-acciones { flex-direction: row; }

    /* El botón de plegado del riel queda tapado: acá manda el del título. */
    .btn-menu-movil {
        align-items: center;
        background-color: var(--superficie);
        border: 1px solid var(--borde);
        border-radius: var(--radio-chico);
        color: var(--texto);
        cursor: pointer;
        display: flex;
        flex: 0 0 auto;
        height: 1.9rem;
        justify-content: center;
        padding: 0;
        width: 1.9rem;
    }

    .btn-menu-movil svg { width: 1.05rem; height: 1.05rem; }

    .velo-riel {
        background-color: rgba(0, 0, 0, .45);
        inset: 0;
        position: fixed;
        z-index: 45;
    }

    .contenido-cuerpo { padding: 0 .8rem .8rem; }
    .pagina-cabecera { padding: .5rem .8rem .15rem; }
    .panel-apariencia { left: auto; right: .5rem; }
}

@media print {
    /* Fuera todo lo que es navegación o control: en papel no sirve. */
    .riel, .filtros, .paginador, .pagina-acciones, .velo-riel,
    .acciones-fila, .pestanias, .btn, .panel-apariencia,
    .pagina-cabecera { display: none !important; }

    .app { display: block; }
    .contenido-cuerpo { padding: 0; }

    body {
        background: #fff;
        color: #000;
        font-size: 10pt;
    }

    /* -- la regla que arruinaba todos los listados --

       Bootstrap trae de html5-boilerplate un `a[href]:after` que imprime la
       DIRECCIÓN de cada enlace detrás de su texto. En una ficha suelta se
       disimula; en una grilla es demoledor, porque los títulos de columna
       ORDENAN y cada uno arrastra su query string entera —búsqueda, sector,
       puesto, estado, tamaño de página, orden y sentido—, unos ochenta
       caracteres por encabezado. La tabla se estiraba a más del triple del
       ancho de la hoja, así que de la nómina salían impresos el legajo y el
       apellido y las otras nueve columnas quedaban afuera del área imprimible.
       Nadie lo veía en pantalla: el destrozo empieza recién en el papel.

       Acá los enlaces son navegación, no contenido: en la hoja no se puede
       hacer clic y la dirección no le dice nada a quien la lee. Se imprime el
       texto solo. */
    a[href]:after,
    abbr[title]:after { content: "" !important; }

    /* -- hoja acostada --

       Un listado ancho no entra parado. La nómina lleva once columnas y en A4
       vertical quedan 18,6 cm útiles: la tabla pide 20 y pico, así que el
       navegador NO la achica —imprime a escala 100 y lo que sobra lo recorta—,
       y antes de recortar estruja cada columna hasta su palabra más larga, con
       lo que un puesto como "Auxiliar de calidad y medio ambiente" se parte en
       cuatro renglones y cada persona ocupa el alto de cuatro. Acostada la hoja
       da 27,7 cm útiles: las once columnas entran, cada legajo ocupa un renglón
       y en lugar de tres hojas apretadas salen dos que se leen.

       Es una página CON NOMBRE y no un @page suelto: el comprobante de ausencia
       y el formulario 6.4-002-RE son documentos verticales y tienen que seguir
       saliendo así. La orientación se la pide el contenedor de lo que se
       imprime, y quien no la pide no se entera. Un navegador que no entienda
       páginas con nombre imprime vertical, que es lo que hacía hasta hoy. */
    @page apaisada { margin: 1cm; size: A4 landscape; }
    .hoja-apaisada { page: apaisada; }

    /* El encabezado de papel aparece solo acá. */
    .encabezado-impresion {
        border-bottom: 1.5pt solid #000;
        display: block;
        margin-bottom: .6rem;
        padding-bottom: .3rem;
    }
    .encabezado-impresion h2 { font-size: 13pt; margin: 0 0 .15rem; }
    .encabezado-impresion p  { color: #444; font-size: 8.5pt; margin: 0; }

    .tarjeta {
        border: none;
        box-shadow: none;
        margin-bottom: .5rem;
        page-break-inside: auto;
    }
    .tarjeta-cabecera { border-bottom: .5pt solid #999; padding: .2rem 0; }
    .tarjeta-cuerpo   { padding: 0; }
    .tabla-scroll     { overflow: visible; }

    table.tabla { font-size: 8.5pt; table-layout: auto; width: 100%; }
    table.tabla thead { display: table-header-group; }   /* repite el encabezado en cada hoja */
    table.tabla tr    { page-break-inside: avoid; }
    table.tabla th    { background: #eee !important; color: #000; }
    table.tabla th, table.tabla td {
        border-bottom: .5pt solid #bbb;
        line-height: 1.25;   /* el interlineado de pantalla es aire: cuatro puntos por fila son media hoja cada cincuenta legajos */
        padding: .18rem .3rem;
    }
    table.tabla tbody tr:hover { background: none; }

    /* La columna de acciones no va: el botón ya cae con .btn y la celda con
       .acciones-fila, pero el <th> que la encabeza está vacío por definición y
       si se queda deja una columna en blanco robándole ancho a las que sí se
       leen. Va por :empty y no por una clase para que valga también en los
       listados que se agreguen después, y sólo sobre el thead: en el pie de
       Ranking anual hay un <th> vacío que cierra la fila de totales y ese
       tiene que quedarse, porque su columna sí lleva dato en el cuerpo. */
    table.tabla thead th:empty { display: none !important; }

    /* En pantalla los títulos no se parten, para que la fila de encabezados
       quede pareja; ahí sobra ancho porque la grilla se desplaza. En papel el
       ancho es fijo y ese nowrap ensancha columnas de más: "Apellido y nombre"
       en dos renglones cuesta una vez, una columna más ancha cuesta en las
       cincuenta filas. */
    table.tabla thead th { white-space: normal; }

    /* Lo que no se puede partir sin volverse ilegible. Un CUIL lleva guiones y
       el navegador corta justo ahí; una antigüedad partida en "7 a." y "3 m."
       se lee como dos datos. */
    table.tabla .num,
    table.tabla .sin-corte { white-space: nowrap; }

    /* Un apellido largo puede partirse antes que ensanchar su columna. */
    table.tabla td { overflow-wrap: break-word; }

    /* Renglones alternados: en una nómina de cincuenta filas y once columnas
       es lo que evita saltar de renglón al recorrer la hoja con el dedo.

       El gris hace falta declararlo Y pedir que se imprima: por omisión el
       navegador descarta TODO fondo al imprimir —por eso el #eee del
       encabezado nunca salió en papel, aunque esté puesto desde el principio—
       y print-color-adjust es lo que lo desactiva. Van claros a propósito, que
       una impresora láser en blanco y negro los rinde como un gris apenas
       visible y el texto encima se sigue leyendo. */
    table.tabla { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    table.tabla tbody tr:nth-child(even) td { background: #f4f4f4 !important; }

    /* En pantalla el relleno lo pone el enlace del encabezado para agrandar el
       area clickeable; en papel no hay clic y esa altura de más se nota en
       cada hoja. La flecha SÍ se imprime: dice por qué columna está ordenado
       el listado que alguien tiene en la mano. */
    table.tabla th.ordenable { padding: .18rem .3rem; }
    table.tabla th.ordenable > a { padding: 0; }

    /* Las pastillas de color se leen mal en blanco y negro: quedan como texto. */
    .pastilla { background: none !important; border: .5pt solid #999; color: #000 !important; }

    /* -- mapa del domicilio --

       En el papel el mapa es parte de la ficha, así que sale SIEMPRE del mismo
       tamaño: esté chico o ampliado en la pantalla, lo que queda impreso no
       puede depender de si alguien apretó un botón antes de imprimir. Y no se
       parte entre dos hojas, que medio mapa no ubica a nadie.

       Se van las dos cosas que sólo sirven con un mouse: el botón que agranda
       y el enlace al sitio. Las coordenadas se quedan, que en papel son el
       único dato del recuadro que se puede copiar o dictar. */
    .mapa-marco,
    .mapa-compacto .mapa-marco,
    .mapa-ampliado .mapa-marco { height: 6cm; }

    .mapa      { border: .5pt solid #999; page-break-inside: avoid; }
    .mapa-pie  { background: none; color: #444; }
    .mapa-vacio { border: .5pt dashed #999; color: #444; min-height: 0; }

    .mapa-accion,
    .mapa-pie a { display: none !important; }

    /* Las filas de alta rápida son para CARGAR, no para leer. En el legajo
       impreso quedaban tres juegos de campos vacíos —familia, carnets y
       documentos— ocupando media carilla y, peor, haciendo parecer que a la
       ficha le faltaban datos. */
    .formulario-inline { display: none !important; }

    .kpis { display: flex; flex-wrap: wrap; gap: .3rem; }
    .kpi  { border: .5pt solid #999; flex: 1 1 auto; }

    a { color: #000; text-decoration: none; }

    /* -- comprobante de ausencia --

       Es la única pantalla del sistema cuyo destino ES el papel, así que acá se
       le saca el marco de tarjeta y se fuerza el negro. Los colores del tema no
       sirven impresos: en modo noche el texto es claro y sobre hoja blanca
       saldría casi en blanco. Por eso van literales, igual que el resto de este
       bloque: la impresión no se tematiza. */
    .comprobante {
        background: none;
        border: none;
        border-radius: 0;
        color: #000;
        max-width: none;
        padding: 0;
    }

    .comprobante-cabecera  { border-bottom: 1.5pt solid #000; }
    .comprobante-titulo p,
    .comprobante-numero .micro,
    .comprobante-menor,
    .comprobante-nota,
    .comprobante-firma .aclaracion,
    .comprobante-firma .fecha-firma,
    .comprobante-pie       { color: #444; }

    .comprobante-bloque h3      { border-bottom: .5pt solid #999; color: #000; }
    .comprobante-datos dt       { color: #444; }
    .comprobante-datos dd       { color: #000; }
    .comprobante-renglones span { border-bottom: .5pt solid #999; }
    .comprobante-firma .linea-firma { border-top: .75pt solid #000; }
    .comprobante-pie            { border-top: .5pt solid #999; }

    /* En papel el ancho siempre alcanza: las tres firmas vuelven a la fila
       aunque se haya impreso desde una ventana angosta, donde la regla de
       pantalla las había apilado. La variante de dos firmas se repite acá
       porque esta regla viene después y con la misma especificidad: sin ella,
       la notificación de domicilio saldría impresa con la grilla de tres. */
    .comprobante-firmas { display: grid; grid-template-columns: repeat(3, 1fr); }
    .comprobante-firmas-dos { grid-template-columns: repeat(2, 1fr); }

    /* Ningún bloque de firma puede quedar partido entre dos hojas: una línea
       de firma sin su aclaración del otro lado no la firma nadie. */
    .comprobante-firma,
    .comprobante-firmas,
    .comprobante-bloque { page-break-inside: avoid; }

    /* -- formulario oficial 6.4-002-RE --
       Los bordes del encabezado y las casillas van en negro literal por lo
       mismo que el resto de este bloque: var(--borde) en modo noche es un gris
       apenas más claro que el fondo, y sobre hoja blanca no se ve. */
    .formulario-cabecera,
    .formulario-marca,
    .formulario-codigo,
    .formulario-codigo > div { border-color: #000; }
    .formulario-casilla      { border: .75pt solid #000; }
    .formulario-dato         { border-bottom: .5pt dotted #000; }

    .formulario-aclaracion { color: #000; }
    .formulario-pie        { color: #444; }

    .formulario-seccion,
    .formulario-aclaracion-licencia   { border-color: #000; }
    .formulario-firmas-caja .formulario-recuadro { border: .75pt solid #000; }
    .formulario-campos dt  { color: #000; }
    .formulario-campos dd  { color: #000; }

    /* En papel el ancho alcanza: la planilla vuelve a sus dos columnas aunque
       se haya impreso desde una ventana angosta. */
    .formulario-campos     { display: grid; grid-template-columns: repeat(2, 1fr); }
    .formulario-campos .ancho-2 { grid-column: span 2; }

    /* La aclaración es lo que la persona declara conocer al firmar: tiene que
       salir en la misma hoja que las firmas, no sola al dorso. */
    .formulario-aclaracion,
    .formulario-cabecera { page-break-inside: avoid; }

    /* El formulario entra en una carilla y así lo dice su propio pie
       ("Página 1 de 1"). El dato técnico del sistema no justifica una segunda
       hoja: si algo se desborda, que se desborde con él pegado arriba. */
    .formulario-pie { page-break-after: avoid; }

    /* Cada hoja del cuadernillo del Anexo 2 corta página, menos la última:
       sin la excepción, la impresora escupe una hoja en blanco al final. */
    .hoja-planilla { page-break-after: always; }
    .hoja-planilla:last-of-type { page-break-after: auto; }
    .planilla-foto { border-color: #000; }
    .planilla-tachar { color: #444; }
    .planilla-mapa .mapa-marco { border-color: #000; }
    .planilla-mapa { page-break-inside: avoid; }
    .planilla-beneficiarios th,
    .planilla-beneficiarios td { border-color: #000; }

    /* El calendario de vacaciones se imprime CON sus colores: el color es lo
       que distingue a una persona de otra, y sin esto el navegador descarta
       los fondos y todas las fichas salen iguales. */
    .vac-chip, .vac-muestra {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    table.calendario-vacaciones td { border: .5pt solid #999; }
    table.calendario-vacaciones td.dia-hoy { box-shadow: none; }

    @page { margin: 1.2cm; }
}