/* Minification failed. Returning unminified contents.
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(358,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(558,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(559,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(560,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(561,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(562,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(564,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(565,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(568,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(569,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(570,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(571,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(572,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(574,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(575,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(577,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(578,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(579,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(580,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(581,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(582,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(583,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(584,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(585,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(586,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(587,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(588,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(589,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(590,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(591,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(592,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(593,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(594,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(595,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(596,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(597,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(598,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(599,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(600,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(601,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(602,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(603,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(604,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(605,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(606,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(607,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(608,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(609,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(610,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(611,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(612,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(613,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(614,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(615,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(616,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(617,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(618,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(619,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(620,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(621,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(622,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(623,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(624,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(625,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(626,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(627,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(628,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(630,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(631,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(633,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(634,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(635,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(636,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(637,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(638,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(639,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(644,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(645,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(646,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(647,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(649,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(650,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(651,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(653,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(654,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(655,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(656,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(657,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(658,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(659,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(660,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(661,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(662,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(664,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(665,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(666,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(667,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(668,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(669,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(670,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(671,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(672,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(673,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(674,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(675,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(676,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(677,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(678,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(679,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(680,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(681,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(682,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(683,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(684,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(685,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(686,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(687,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(688,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(689,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(690,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(691,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(692,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(693,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(694,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(695,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(696,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(697,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(698,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(699,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(700,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(701,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(702,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(703,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(704,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(705,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(706,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(707,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(708,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(709,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(710,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(711,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(712,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(713,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(714,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(715,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(716,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(717,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(718,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(719,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(720,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(721,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(722,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(723,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(724,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(725,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(726,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(731,17): run-time error CSS1039: Token not allowed after unary operator: '-width-scrollbar'
(734,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-scrollbar'
(737,22): run-time error CSS1039: Token not allowed after unary operator: '-color-scrollbar'
(742,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-login'
(747,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst'
(750,28): run-time error CSS1039: Token not allowed after unary operator: '-d-menu-bg'
(751,18): run-time error CSS1039: Token not allowed after unary operator: '-bd-e9e9e9'
(754,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst-hover-active'
(755,17): run-time error CSS1039: Token not allowed after unary operator: '-text-menu-hover-active'
(761,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-search-icon'
(764,17): run-time error CSS1039: Token not allowed after unary operator: '-text-cskh'
(767,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-hover-active'
(768,17): run-time error CSS1039: Token not allowed after unary operator: '-text-menu-hover-active'
(771,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(774,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(775,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(778,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-popup-loginform-last'
(781,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(784,22): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(787,18): run-time error CSS1039: Token not allowed after unary operator: '-contrast-img-svg'
(792,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(798,22): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(804,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-item'
(805,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-e1e1e1'
(813,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common'
(816,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(819,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-popup-search-input'
(823,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(824,35): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(827,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(830,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(833,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-gray-1'
(834,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-gray-1'
(842,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(843,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color-prv'
(846,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-input'
(849,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-item'
(852,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(855,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(856,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color-prv'
(859,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(860,35): run-time error CSS1039: Token not allowed after unary operator: '-bd-color-prv'
(863,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(864,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-active-color'
(867,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-menu-lv1'
(870,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-menu-lv2'
(873,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-menu-lv3'
(876,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-e1e1e1'
(908,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-gray-1'
(909,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(913,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-gray-1'
(1111,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(1112,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color-prv'
(1182,30): run-time error CSS1039: Token not allowed after unary operator: '-d-menu-bg'
(1189,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(1195,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1199,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-chart-plus--detail'
(1260,32): run-time error CSS1039: Token not allowed after unary operator: '-d-menu-bg'
(1261,21): run-time error CSS1039: Token not allowed after unary operator: '-text-menu'
(1274,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1278,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(1378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1395,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(1396,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(1397,24): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1400,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(1401,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1422,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1425,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(1531,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-item'
(1535,34): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1539,34): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1571,34): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1579,33): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1598,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dashboar-dialog-input'
(1696,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-d-m-1-c1-box--control'
(1701,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-d-m-1-c1-box--control'
(1713,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-d-m-1-c1-box--control'
(1724,25): run-time error CSS1039: Token not allowed after unary operator: '-text-d-m-1-c1-box--control'
(1737,34): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(1781,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(1811,22): run-time error CSS1039: Token not allowed after unary operator: '-bright-filter-while'
(1822,22): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(1828,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1836,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(1840,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(1866,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(1877,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(1888,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-chart-plus--detail'
(1889,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1906,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(1915,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(1944,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(1946,26): run-time error CSS1039: Token not allowed after unary operator: '-d-menu-bg'
(1983,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-hover'
(2089,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(2097,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-hover'
(2104,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-hover'
(2121,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2125,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(2148,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv2'
(2158,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2257,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(2266,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-dialog-input'
(2270,25): run-time error CSS1039: Token not allowed after unary operator: '-text-dashboar-dialog-input'
(2288,29): run-time error CSS1039: Token not allowed after unary operator: '-text-dashboar-dialog-input'
(2326,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2332,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(2400,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(2406,35): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2417,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(2418,34): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2449,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(2501,35): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2507,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-txt-search-report-norm'
(2525,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(2535,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2547,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2675,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(2712,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(2767,40): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2825,22): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(2828,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(2834,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(2855,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(2858,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2861,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2864,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(2882,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-targets-content--detail'
(2927,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(2930,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(2931,21): run-time error CSS1039: Token not allowed after unary operator: '-text-select-data-list-item--selected-hover'
(2965,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(2984,35): run-time error CSS1039: Token not allowed after unary operator: '-bg-title-header-popup'
(2986,23): run-time error CSS1039: Token not allowed after unary operator: '-bg-title-header-popup'
(3001,33): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3021,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(3029,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3084,18): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(3087,22): run-time error CSS1039: Token not allowed after unary operator: '-contrast-img-svg'
(3100,22): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(3109,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3113,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3135,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3138,21): run-time error CSS1039: Token not allowed after unary operator: '-text-target-object--button'
(3139,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-gr-targets-reportTermType--label'
(3152,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-button-detail-btn--item-active'
(3173,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3198,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-control-detail-btn--item'
(3205,36): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3222,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3223,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(3229,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(3263,17): run-time error CSS1039: Token not allowed after unary operator: '-text-control-detail-btn--item'
(3264,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3269,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-button-detail-btn--item-active'
(3283,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-button-detail-btn--item-active'
(3290,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3293,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-typeTimeSub-this-input-active'
(3294,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-button-detail-btn--item-active'
(3323,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3338,29): run-time error CSS1039: Token not allowed after unary operator: '-bg-item'
(3361,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-gr-targets-reportTermType--label'
(3363,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3375,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(3376,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3377,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3391,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(3394,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3397,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3401,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3425,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(3426,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3439,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3443,25): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3444,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3448,33): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3458,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3461,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3462,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3465,25): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3466,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3476,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3477,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-bg-content-chart-zoom--view'
(3483,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3486,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3492,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(3535,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3538,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3541,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3550,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-chart-detail-item-chart--control'
(3606,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3618,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3655,27): run-time error CSS1038: Expected hex color, found '#0000'
(3676,27): run-time error CSS1038: Expected hex color, found '#0000'
(3690,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3700,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-d-m-1-c1-box--control'
(3721,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3724,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3725,33): run-time error CSS1046: Expect comma, found '0'
(3725,37): run-time error CSS1046: Expect comma, found '/'
(3725,60): run-time error CSS1046: Expect comma, found '139'
(3725,68): run-time error CSS1046: Expect comma, found '/'
(3748,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3755,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv2'
(3764,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-txt-search-report-norm'
(3765,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3777,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(3814,24): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(3815,17): run-time error CSS1039: Token not allowed after unary operator: '-text-btn-primary'
(3824,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(3830,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(3833,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3844,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-d-m-1-c1-box--control'
(3863,31): run-time error CSS1039: Token not allowed after unary operator: '-d-tag-selectbd-color'
(3867,32): run-time error CSS1039: Token not allowed after unary operator: '-d-menu-bg'
(3868,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(3876,35): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-add-color'
(3886,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common-lv1'
(3893,26): run-time error CSS1039: Token not allowed after unary operator: '-color-img-svg'
(3930,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3931,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(3934,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3953,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(3974,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(4112,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(4119,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(4124,31): run-time error CSS1039: Token not allowed after unary operator: '-bd-next-swiper-bt'
(4135,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(4137,31): run-time error CSS1039: Token not allowed after unary operator: '-bd-next-swiper-bt'
(4146,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common-lv1'
(4184,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4224,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(4235,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(4258,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-ness-box-stroke-item'
(4266,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(4301,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-ness-box-stroke-item'
(4309,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(4354,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4357,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(4360,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv3'
(4374,17): run-time error CSS1039: Token not allowed after unary operator: '-text-span-icon-search-advance'
(4383,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4385,17): run-time error CSS1039: Token not allowed after unary operator: '-text-span-icon-search-advance'
(4407,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(4416,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-item-add-color'
(4431,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(4450,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(4464,29): run-time error CSS1039: Token not allowed after unary operator: '-text-btn-primary'
(4487,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(4506,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4514,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(4536,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4543,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(4572,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-child'
(4575,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4588,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv2'
(4595,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(4604,24): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(4612,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-detail-data-result'
(4623,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-dialog-input'
(4627,21): run-time error CSS1039: Token not allowed after unary operator: '-text-dashboar-dialog-input'
(4648,25): run-time error CSS1039: Token not allowed after unary operator: '-text-dashboar-dialog-input'
(4652,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(4653,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(4660,35): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4671,17): run-time error CSS1039: Token not allowed after unary operator: '-text-btn-primary'
(4672,28): run-time error CSS1039: Token not allowed after unary operator: '-text-btn-primary'
(4682,35): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4695,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-child'
(4696,17): run-time error CSS1039: Token not allowed after unary operator: '-text-d-m-1-c1-box--control'
(4714,24): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4723,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(4724,17): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(4726,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4730,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-dashboar-hover'
(4731,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv2'
(4744,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4757,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4769,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common'
(4802,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-active-common-lv1'
(4830,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4861,53): run-time error CSS1039: Token not allowed after unary operator: '-bg-control-detail-btn--item-active'
(4864,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4867,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-control-detail-btn--item-active'
(4892,21): run-time error CSS1039: Token not allowed after unary operator: '-text-span-icon-search-advance'
(4948,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4959,39): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(4962,38): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5011,31): run-time error CSS1038: Expected hex color, found '#0000'
(5062,21): run-time error CSS1039: Token not allowed after unary operator: '-text-common-lv1'
(5067,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5068,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-popup-search-input'
(5080,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5081,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-popup-search-input'
(5097,39): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5100,38): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5105,21): run-time error CSS1039: Token not allowed after unary operator: '-text-span-icon-search-advance'
(5168,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5219,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5274,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5449,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-item'
(5493,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(5559,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(5624,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-e9e9e9'
(5628,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(5643,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5660,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(5666,36): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5673,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(5683,36): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5690,30): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(5704,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(5834,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(5837,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(5846,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-box-content'
(5853,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(5861,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-common-lv1'
(5889,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(5956,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-d-m-1-c1-box--control'
(5977,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(6007,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(6017,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-color'
(6178,41): run-time error CSS1030: Expected identifier, found '>'
(6178,53): run-time error CSS1031: Expected selector, found ')'
(6178,53): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*!
 * Bootstrap-select v1.8.1 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below*/
}

    .bootstrap-select > .dropdown-toggle {
        width: 100%;
        padding-right: 25px;
        z-index: 1;
    }

    .bootstrap-select > select {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0.11px;
        height: 100%;
        opacity: 0;
        border: none;
    }

        .bootstrap-select > select.mobile-device {
            position: absolute !important;
            top: 0;
            left: 0;
            display: block !important;
            width: 100%;
            height: 100% !important;
            opacity: 0;
            z-index: 2;
        }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

    .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
    }

    .bootstrap-select.form-control.input-group-btn {
        z-index: auto;
    }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.btn-group.dropdown-menu-right,
    .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

    .bootstrap-select.btn-group.disabled:focus,
    .bootstrap-select.btn-group > .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.btn-group.bs-container {
    position: absolute;
}

    .bootstrap-select.btn-group.bs-container .dropdown-menu {
        z-index: 1060;
    }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select.btn-group .dropdown-menu li.active small {
            color: #fff;
        }

        .bootstrap-select.btn-group .dropdown-menu li.disabled a {
            cursor: not-allowed;
        }

        .bootstrap-select.btn-group .dropdown-menu li a {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .bootstrap-select.btn-group .dropdown-menu li a.opt {
                position: relative;
                padding-left: 2.25em;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
                display: none;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.text {
                display: inline-block;
            }

        .bootstrap-select.btn-group .dropdown-menu li small {
            padding-left: 0.5em;
        }

    .bootstrap-select.btn-group .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        pointer-events: none;
        opacity: 0.9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group button {
        width: 50%;
    }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group button {
        width: 100%;
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action=today]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
:root {
    --bg-color: #fff;
    --text-color: #333;
}

body .page-container {
    background-color: var(--bg-color);
    color: var(--text-color);
    height: 100%;
}
.page-menu .menu-all .option-theme-mode {
    float: left;
    justify-content: center;
    align-items: center;
    height: 38px;
    cursor: pointer;
    display: none;
}
#popup-menu-mobile .option-theme-mode {
    position: absolute;
    top: 0;
    right: 30px;
    padding: 5px;
    display: none;
}
html.theme-dark .page-menu .menu-all .option-theme-mode > img {
    content: url(/content/images/icons/icon-dark-mode.svg);
}
html.theme-light .page-menu .menu-all .option-theme-mode > img {
    content: url(/content/images/icons/icon-light-mode.svg);
}
html.theme-light #popup-menu-mobile .option-theme-mode > img {
    filter: brightness(.3);
}
html.theme-light {
    --bg-vst: #01579B;
    --bg-vst-hover-active: #fbfbfb;
    --text-menu-hover-active: #01579a;
    --text-menu: #555;
    --bg-menu-search-icon: #fff;
    --bg-popup-loginform-last: #f7f8f9;
    --text-common: #333;
    --bg-gray-1: #d0d0d0;
    --text-cskh: #2d3034;
    --text-menu: rgba(0, 0, 0, .87);
    --bg-menu-hover-active: #f8f9fa;
    --text-menu-hover-active: #3699ff;
    --bg-primary: #337ab7;
    --bd-e1e1e1: #e1e1e1;
    --bg-input: #fff;
    --bg-scrollbar: #fff;
    --color-scrollbar: #ececec;
    --width-scrollbar: 5px;
    --bd-e9e9e9: #e9e9e9;
    /*end vst*/
    --bd-color: #eee;
    --bd-color-prv: rgba(255, 255, 255, 0.1);
    --bg-common-lv1: white;
    --bg-common-lv2: #F8F8F8;
    --bg-common-lv3: #FFFFFF;
    --text-common-lv1: #333;
    --text-common-menu-lv1: #0e0f10;
    --text-common-menu-lv2: #555;
    --text-common-menu-lv3: #555;
    --bg-item: #F7F8FA;
    --bg-hover-active-common: #18A0FB;
    --bg-hover-active-common-lv1: #E1F5FE;
    --bg-color: #F7F8FA;
    --text-color: #282828;
    --d-menu-bg: white;
    --d-tag-selectbd-color: #E0F1FF;
    --menu-item-active-color: #E0F1FF;
    --menu-item-add-color: #E0F1FF;
    --select-item-active: #18A0FB;
    --bg-menu-item-select-hover-color: #18A0FB;
    --bg-menu-item-select-active-color: #E0F1FF;
    --text-menu-item-select-hover-color: #FFF;
    --bg-chart-plus--detail: white;
    --bg-chart-detail-item-chart--control: #f0f0f0;
    --bg-d-m-1-c1-box--control: white;
    --text-d-m-1-c1-box--control: #333;
    --bg-input-search-box--control: white;
    --bg-dashboar-hover: #18A0FB;
    --bg-dashboar-dialog-input: transparent;
    --text-dashboar-dialog-input: #333;
    --bg-btn-primary: white;
    --text-btn-primary: #000;
    --text-span-icon-search-advance: #000;
    --bg-content-chart-zoom--view: #fafafa;
    --bg-bg-content-chart-zoom--view: white;
    --bg-control-detail-btn--item: white;
    --text-control-detail-btn--item: #333;
    --bg-typeTimeSub-this-input-active: #22569A;
    --bg-control-detail-btn--item-active: #18A0FB;
    --bg-control-detail-btn--item: white;
    --bg-right-popup: white;
    --bg-left-popup: #FFFFFF;
    --bg-box-content: white;
    --bg-search-input-container: #fff;
    --bg-detail-data-result: #F7F8FA;
    --bg-gr-targets-reportTermType--label: white;
    --bg-target-object--button: white;
    --text-target-object--button: #18A0FB;
    --bg-title-header-popup: #18A0FB;
    --bg-targets-content--detail: white;
    --bg-txt-search-report-norm: white;
    --bg-select-data-list-item--selected-hover: #FFDEAD;
    --text-select-data-list-item--selected-hover: white;
    --bg-popup-search-input: #F7F8FA;
    --bg-ness-box-stroke-item: lightgray;
    --color-img-svg: brightness(0.5);
    --contrast-img-svg: contrast(0.5);
    --bd-next-swiper-bt: #FFF;
    --bd-menu-f44336: #f44336;
    --bg-button-detail-btn--item-active: #0280EA;
    --bg-login: #e6eef7;
    --bright-filter-while: unset;
    --bg-dashboar-child: #F8F8F8;
}
html.theme-dark {
    --bg-vst: #062246;
    --bg-vst-hover-active: #556C8B;
    --text-menu-hover-active: #CCCCCC;
    --text-menu: #FFF;
    --bg-menu-search-icon: #556C8B;
    --bg-popup-loginform-last: #171717;
    --text-common: #fff;
    --bg-gray-1: #060606;
    --text-cskh: #fff;
    --text-menu: #fff;
    --bg-menu-hover-active: #556C8B;
    --text-menu-hover-active: #CCCCCC;
    --bg-primary: #556C8B;
    --bd-e1e1e1: rgba(255, 255, 255, 0.1);
    --bg-input: #060606;
    --bg-scrollbar: #171717;
    --color-scrollbar: #555;
    --width-scrollbar: 5px;
    --bd-e9e9e9: rgba(255, 255, 255, 0.1);
    /*end vst*/
    --bd-color: rgba(255, 255, 255, 0.1);
    --bd-color-prv: #171717;
    --bg-common-lv1: #171717;
    --bg-common-lv2: #171717;
    --bg-common-lv3: #171717;
    --text-common-lv1: white;
    --text-common-menu-lv1: white;
    --text-common-menu-lv2: #AAAAAA;
    --text-common-menu-lv3: #666666;
    --bg-item: #060606;
    --bg-hover-active-common: #6C6C6C;
    --bg-hover-active-common-lv1: #6C6C6C;
    --bg-color: #060606;
    --text-color: #FFFFFF;
    --d-menu-bg: #2E2E2E;
    --d-tag-selectbd-color: #060606;
    --menu-item-active-color: #18A0FB;
    --menu-item-add-color: #060606;
    --select-item-active: #22569A;
    --bg-menu-item-select-hover-color: #18A0FB;
    --bg-menu-item-select-active-color: #22569A;
    --text-menu-item-select-hover-color: #FFF;
    --bg-chart-plus--detail: #2E2E2E;
    --bg-chart-detail-item-chart--control: #2E2E2E;
    --bg-d-m-1-c1-box--control: #2E2E2E;
    --text-d-m-1-c1-box--control: white;
    --bg-input-search-box--control: #060606;
    --bg-dashboar-hover: #060606;
    --bg-dashboar-dialog-input: #060606;
    --text-dashboar-dialog-input: white;
    --bg-btn-primary: #060606;
    --text-btn-primary: white;
    --text-span-icon-search-advance: white;
    --bg-content-chart-zoom--view: #2E2E2E;
    --bg-bg-content-chart-zoom--view: #060606;
    --bg-control-detail-btn--item: #060606;
    --text-control-detail-btn--item: white;
    --bg-typeTimeSub-this-input-active: #22569A;
    --bg-control-detail-btn--item-active: #22569A;
    --bg-control-detail-btn--item: #060606;
    --bg-right-popup: #171717;
    --bg-left-popup: #2E2E2E;
    --bg-box-content: #2E2E2E;
    --bg-search-input-container: #060606;
    --bg-detail-data-result: #484848;
    --bg-gr-targets-reportTermType--label: #060606;
    --bg-target-object--button: #060606;
    --text-target-object--button: white;
    --bg-title-header-popup: #22569A;
    --bg-targets-content--detail: #2E2E2E;
    --bg-txt-search-report-norm: #060606;
    --bg-select-data-list-item--selected-hover: #726757;
    --text-select-data-list-item--selected-hover: white;
    --bg-popup-search-input: #2E2E2E;
    --bg-ness-box-stroke-item: #060606;
    --color-img-svg: brightness(2);
    --contrast-img-svg: contrast(0.5);
    --bd-next-swiper-bt: #060606;
    --bd-menu-f44336: rgba(255, 255, 255, 0.1);
    --bg-button-detail-btn--item-active: #22569A;
    --bg-login: #2E2E2E;
    --bright-filter-while: brightness(0) invert(1) sepia(0) saturate(0%);
    --bg-dashboar-child: #060606;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg-vst: #062246;
        --bg-vst-hover-active: #556C8B;
        --text-menu-hover-active: #CCCCCC;
        --text-menu: #FFF;
        --bg-menu-search-icon: #556C8B;
        --bg-popup-loginform-last: #171717;
        --text-common: #fff;
        --bg-gray-1: #060606;
        --text-cskh: #fff;
        --text-menu: #fff;
        --bg-menu-hover-active: #556C8B;
        --text-menu-hover-active: #CCCCCC;
        --bg-primary: #556C8B;
        --bd-e1e1e1: rgba(255, 255, 255, 0.1);
        --bg-input: #060606;
        --bg-scrollbar: #171717;
        --color-scrollbar: #555;
        --width-scrollbar: 5px;
        --bd-e9e9e9: rgba(255, 255, 255, 0.1);
        /*end vst*/
        --bd-color: rgba(255, 255, 255, 0.1);
        --bd-color-prv: #171717;
        --bg-common-lv1: #171717;
        --bg-common-lv2: #171717;
        --bg-common-lv3: #171717;
        --text-common-lv1: white;
        --text-common-menu-lv1: white;
        --text-common-menu-lv2: #AAAAAA;
        --text-common-menu-lv3: #666666;
        --bg-item: #060606;
        --bg-hover-active-common: #6C6C6C;
        --bg-hover-active-common-lv1: #6C6C6C;
        --bg-color: #060606;
        --text-color: #FFFFFF;
        --d-menu-bg: #2E2E2E;
        --d-tag-selectbd-color: #060606;
        --menu-item-active-color: #18A0FB;
        --menu-item-add-color: #060606;
        --select-item-active: #22569A;
        --bg-menu-item-select-hover-color: #18A0FB;
        --bg-menu-item-select-active-color: #22569A;
        --text-menu-item-select-hover-color: #FFF;
        --bg-chart-plus--detail: #2E2E2E;
        --bg-chart-detail-item-chart--control: #2E2E2E;
        --bg-d-m-1-c1-box--control: #2E2E2E;
        --text-d-m-1-c1-box--control: white;
        --bg-input-search-box--control: #060606;
        --bg-dashboar-hover: #060606;
        --bg-dashboar-dialog-input: #060606;
        --text-dashboar-dialog-input: white;
        --bg-btn-primary: #060606;
        --text-btn-primary: white;
        --text-span-icon-search-advance: white;
        --bg-content-chart-zoom--view: #2E2E2E;
        --bg-bg-content-chart-zoom--view: #060606;
        --bg-control-detail-btn--item: #060606;
        --text-control-detail-btn--item: white;
        --bg-typeTimeSub-this-input-active: #22569A;
        --bg-control-detail-btn--item-active: #22569A;
        --bg-control-detail-btn--item: #060606;
        --bg-right-popup: #171717;
        --bg-left-popup: #2E2E2E;
        --bg-box-content: #2E2E2E;
        --bg-search-input-container: #060606;
        --bg-detail-data-result: #484848;
        --bg-gr-targets-reportTermType--label: #060606;
        --bg-target-object--button: #060606;
        --text-target-object--button: white;
        --bg-title-header-popup: #22569A;
        --bg-targets-content--detail: #2E2E2E;
        --bg-txt-search-report-norm: #060606;
        --bg-select-data-list-item--selected-hover: #726757;
        --text-select-data-list-item--selected-hover: white;
        --bg-popup-search-input: #2E2E2E;
        --bg-ness-box-stroke-item: #060606;
        --color-img-svg: brightness(2);
        --contrast-img-svg: contrast(0.5);
        --bd-next-swiper-bt: #060606;
        --bd-menu-f44336: rgba(255, 255, 255, 0.1);
        --bg-button-detail-btn--item-active: #22569A;
        --bg-login: #2E2E2E;
        --bright-filter-while: brightness(0) invert(1) sepia(0) saturate(0%);
        --bg-dashboar-child: #060606;
    }
}
@media (prefers-color-scheme: light) {
    :root {
        --bg-vst: #01579B;
        --bg-vst-hover-active: #fbfbfb;
        --text-menu-hover-active: #01579a;
        --text-menu: #555;
        --bg-menu-search-icon: #fff;
        --bg-popup-loginform-last: #f7f8f9;
        --text-common: #333;
        --bg-gray-1: #d0d0d0;
        --text-cskh: #2d3034;
        --text-menu: rgba(0, 0, 0, .87);
        --bg-menu-hover-active: #f8f9fa;
        --text-menu-hover-active: #3699ff;
        --bg-primary: #337ab7;
        --bd-e1e1e1: #e1e1e1;
        --bg-input: #fff;
        --bg-scrollbar: #fff;
        --color-scrollbar: #ececec;
        --width-scrollbar: 5px;
        --bd-e9e9e9: #e9e9e9;
        /*end vst*/
        --bd-color: #eee;
        --bd-color-prv: rgba(255, 255, 255, 0.1);
        --bg-common-lv1: white;
        --bg-common-lv2: #F8F8F8;
        --bg-common-lv3: #FFFFFF;
        --text-common-lv1: #333;
        --text-common-menu-lv1: #0e0f10;
        --text-common-menu-lv2: #555;
        --text-common-menu-lv3: #555;
        --bg-item: #F7F8FA;
        --bg-hover-active-common: #18A0FB;
        --bg-hover-active-common-lv1: #E1F5FE;
        --bg-color: #F7F8FA;
        --text-color: #282828;
        --d-menu-bg: white;
        --d-tag-selectbd-color: #E0F1FF;
        --menu-item-active-color: #E0F1FF;
        --menu-item-add-color: #E0F1FF;
        --select-item-active: #18A0FB;
        --bg-menu-item-select-hover-color: #18A0FB;
        --bg-menu-item-select-active-color: #E0F1FF;
        --text-menu-item-select-hover-color: #FFF;
        --bg-chart-plus--detail: white;
        --bg-chart-detail-item-chart--control: #f0f0f0;
        --bg-d-m-1-c1-box--control: white;
        --text-d-m-1-c1-box--control: #333;
        --bg-input-search-box--control: white;
        --bg-dashboar-hover: #18A0FB;
        --bg-dashboar-dialog-input: transparent;
        --text-dashboar-dialog-input: #333;
        --bg-btn-primary: white;
        --text-btn-primary: #000;
        --text-span-icon-search-advance: #000;
        --bg-content-chart-zoom--view: #fafafa;
        --bg-bg-content-chart-zoom--view: white;
        --bg-control-detail-btn--item: white;
        --text-control-detail-btn--item: #333;
        --bg-typeTimeSub-this-input-active: #22569A;
        --bg-control-detail-btn--item-active: #18A0FB;
        --bg-control-detail-btn--item: white;
        --bg-right-popup: white;
        --bg-left-popup: #FFFFFF;
        --bg-box-content: white;
        --bg-search-input-container: #fff;
        --bg-detail-data-result: #F7F8FA;
        --bg-gr-targets-reportTermType--label: white;
        --bg-target-object--button: white;
        --text-target-object--button: #18A0FB;
        --bg-title-header-popup: #18A0FB;
        --bg-targets-content--detail: white;
        --bg-txt-search-report-norm: white;
        --bg-select-data-list-item--selected-hover: #FFDEAD;
        --text-select-data-list-item--selected-hover: white;
        --bg-popup-search-input: #F7F8FA;
        --bg-ness-box-stroke-item: lightgray;
        --color-img-svg: brightness(0.5);
        --contrast-img-svg: contrast(0.5);
        --bd-next-swiper-bt: #FFF;
        --bd-menu-f44336: #f44336;
        --bg-button-detail-btn--item-active: #0280EA;
        --bg-login: #e6eef7;
        --bright-filter-while: unset;
        --bg-dashboar-child: #F8F8F8;
    }
}

::-webkit-scrollbar {
    width: var(--width-scrollbar);
}
::-webkit-scrollbar-track {
    background: var(--bg-scrollbar);
}
::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 5px;
}
/*upgrade*/
#request-upgrade-account-popup .modal-content {
    background: var(--bg-login);
}
/*end upgrade*/
/*menu*/
.nav-tabs.bg.view-tab.swipe-tabs, .bg {
    background: var(--bg-vst);
}
.page-menu .menu-all-content {
    background-color: var(--d-menu-bg);
    border: var(--bd-e9e9e9) solid 1px;
}
#page-menu-content .navbar-nav > li:hover > a, #page-menu-content .navbar-nav > li > a:hover, #page-menu-content .navbar-nav > li > a:focus, #page-menu-content .navbar-nav > li.active > a {
    background-color: var(--bg-vst-hover-active) !important;
    color: var(--text-menu-hover-active) !important;
}
/*.page-menu .menu-all-content a {
    color: var(--text-menu) !important;
}*/
.menu-all #btn-mobile-search {
    background-color: var(--bg-menu-search-icon) !important;
}
.page-menu .menu-all-content .cskh p {
    color: var(--text-cskh);
}
#page-menu-content li.active > a, #page-menu-content .dropdown-menu li > a:hover {
    background-color: var(--bg-menu-hover-active) !important;
    color: var(--text-menu-hover-active) !important;
}
.main_menu {
    background-color: var(--bg-color);
}
#popup-menu-mobile {
    background-color: var(--bg-color);
    border: solid 1px var(--bd-color);
}
    #popup-menu-mobile .cskh {
        background-color: var(--bg-popup-loginform-last);
    }
#breadcrumbMobileMenu .divhome .imgHome {
    background: var(--bg-color)
}
    #breadcrumbMobileMenu .divhome .imgHome img {
        filter: var(--color-img-svg);
    }
#popup-menu-close {
    filter: var(--contrast-img-svg);
}
/*end menu*/
/*breadcrumbs*/
.breadcrumbs {
    background: var(--bg-color) !important;
}
.theme-dark .mobile-search .pulse {
    background: #2e2e2e !important;
}
    .mobile-search .pulse img {
        filter: var(--color-img-svg);
    }
.theme-dark .mobile-menu .notification img {
    content: url(/content/images/thong-bao--dark-mode.svg);
}
#breadcrumbMobileMenu {
    background-color: var(--bg-item);
    border: 1px solid var(--bd-e1e1e1);
}
/*end breadcrumbs*/
/*login*/
.theme-dark #login-form .modal-content {
    background-color: #2e2e2e !important;
}
#login-form .login-tabs ul li .active {
    color: var(--text-common) !important;
}
#login-info-popup {
    background-color: var(--bg-color);
}
    #login-info-popup ul li:last-child {
        background-color: var(--bg-popup-search-input);
    }
#login-form .form-control {
    background-color: transparent;
    color: var(--text-color) !important;
    -webkit-text-fill-color: var(--text-color) !important;
}
    #login-form .form-control::placeholder {
        color: var(--text-color) !important;
    }
#login-form .nav-tabs > li.active > a, #login-form .nav-tabs > li.active > a:focus {
    background-color: var(--bg-common-lv1) !important;
}
#login-form .bg-gray-1 {
    background-color: var(--bg-gray-1) !important;
    border-color: var(--bg-gray-1) !important;
}
.theme-dark #login-form .bg-gray-1 {
    background-color: #666 !important;
    border-color: #ffffff26 !important;
}
/*end login*/
.modal-content {
    background-color: var(--bg-common-lv1);
    border: solid 1px var(--bd-color-prv);
}
    .modal-content .form-control {
        background-color: var(--bg-input);
    }
    .modal-content .form-group button {
        background-color: var(--bg-item);
    }
    .modal-content .bg-primary {
        background-color: var(--bg-primary);
    }
.dropdown-menu--tutorial {
    background-color: var(--bg-common-lv1);
    border: solid 1px var(--bd-color-prv)
}
.dropdown-menu--tutorial-item {
    color: var(--text-common-lv1);
    border-bottom: solid 1px var(--bd-color-prv);
}
    .dropdown-menu--tutorial-item:hover {
        background-color: var(--bg-hover-active-common) !important;
        color: var(--menu-item-active-color) !important;
    }
.menu-lv-1 {
    color: var(--text-common-menu-lv1) !important;
}
.menu-lv-2{
    color: var(--text-common-menu-lv2) !important;
}
.menu-lv-3 {
    color: var(--text-common-menu-lv3) !important;
}
#breadcrumbMobileMenu .divhome .imgHome {
    border: 1px solid var(--bd-e1e1e1);
}

.theme-dark #popup-menu-mobile .menu-group a {
    color: #fff;
}

.theme-dark #popup-menu-mobile {
    background-color: #060606;
}

    .theme-dark #popup-menu-mobile img.imgUser {
        filter: brightness(5);
    }

    .theme-dark #popup-menu-mobile .cskh {
        background-color: #2e2e2e;
    }

.theme-dark #popup-menu-close {
    content: url("/content/images/close--w.svg");
}

.theme-dark .menu-bars .menu-bar .imgMenuBar {
    filter: brightness(5);
}

.theme-dark .mobile-search #btn-mobile-search {
    background-color: transparent !important;
    filter: brightness(5);
}
.theme-dark body {
    background-color: var(--bg-gray-1);
    color: var(--text-common-lv1);
}
/*search*/
.theme-dark #popup-search {
    background-color: var(--bg-gray-1);
}

.theme-dark ul.popup-search-tabs li span {
    color: #0280EA;
}

.theme-dark .search-input-container {
    background-color: #2e2e2e;
}

.theme-dark .search-split {
    border-color: #666;
}

.theme-dark #select-option-search {
    color: #999;
}

    .theme-dark #select-option-search option {
        background-color: #2e2e2e;
        color: #999;
    }

.theme-dark .result-box-header {
    background-color: #2e2e2e;
}

.theme-dark .popup-search-container ul li a {
    color: #999;
}

.theme-dark ul.list-menu li {
    border-color: #666;
}

.theme-dark ul.sub-list-menu li.sub-menu-item:hover {
    background-color: #6C6C6C;
}

.theme-dark ul.sub1-list-menu li.sub1-menu-item:hover {
    background-color: #6C6C6C;
}

.theme-dark ul#list-stock-search li.stock-item .stock-text-frame .stock-name {
    color: #999;
}

.theme-dark #list-stock-search .stock-item .stock-fullname {
    color: #fff;
}

.theme-dark ul#list-stock-search li.stock-item {
    border-color: #666;
}

.theme-dark .tab-button {
    background-color: transparent;
    border-color: #999;
    color: #666;
}

.theme-dark .tab-button--selected {
    background-color: #999;
    color: #fff;
}

.theme-dark .result-box-header h4 {
    color: #0280ea;
}

.theme-dark .btn-close-search .circle-background img {
    content: url("/content/images/close--w.svg");
}

.theme-dark ul#list-stock-search li.stock-item:hover {
    background-color: #2e2e2e;
}

.theme-dark ul#list-leader-search .leader-item .leader-frame-info .leader-info-position {
    color: #999;
}

.theme-dark ul#list-leader-search .leader-item .leader-frame-info .leader-info-company {
    color: #999;
}

.theme-dark ul#list-leader-search .leader-item .leader-frame-info .leader-info-name a {
    color: #fff;
}

.theme-dark ul#list-leader-search .leader-item {
    border-color: #666;
}

    .theme-dark ul#list-leader-search .leader-item:hover {
        background-color: #2e2e2e;
    }

.theme-dark ul#list-news-search .news-item .frame-news-text .news-head, .theme-dark ul#list-news-search-author .news-item .frame-news-text .news-head {
    color: #999;
}

.theme-dark ul#list-news-search .news-item, .theme-dark ul#list-news-search-author .news-item {
    border-color: #666;
}

    .theme-dark ul#list-news-search .news-item .frame-news-text .news-publish-time, .theme-dark ul#list-news-search-author .news-item .frame-news-text .news-publish-time {
        color: #999;
    }

    .theme-dark ul#list-news-search .news-item .frame-news-text .news-title, .theme-dark ul#list-news-search-author .news-item .frame-news-text .news-title {
        color: #fff;
    }

    .theme-dark ul#list-news-search .news-item:hover, .theme-dark ul#list-news-search-author .news-item:hover {
        background-color: #2e2e2e;
    }

.theme-dark ul#list-report-search .report-item .report-source, .theme-dark ul#list-report-search .report-item .report-date {
    color: #999;
}

.theme-dark ul#list-report-search .report-item .report-title {
    color: #fff;
}

.theme-dark ul#list-report-search .report-item {
    border-color: #666;
}

    .theme-dark ul#list-report-search .report-item:hover {
        background-color: #2e2e2e;
    }

.theme-dark .pedia-head {
    color: #999;
}

.theme-dark .pedia-title {
    color: #fff;
}

.theme-dark .pedia-item {
    border-color: #666;
}

    .theme-dark .pedia-item:hover {
        background-color: #2e2e2e;
    }

.theme-dark .popup-search-container .btn-see-more {
    background-color: #2e2e2e;
    color: #fff;
}

.theme-dark .nav-item:hover {
    background-color: #060606;
    color: #999;
}

.theme-dark .nav-item--active:hover {
    color: #0280ea;
}
.theme-dark .title-header-popup {
    background: #2e2e2e;
    color: white;
}
.theme-dark #list-menu-finance li.not-hover:hover {
    background-color: transparent !important;
}
.theme-dark #popup-messenge .content-popup {
    background-color: #2e2e2e;
    color: #fff
}
    .theme-dark #popup-messenge .content-popup #messenge {
        color: #fff!important;
    }
.theme-dark .title-header-popup {
    background-color: #060606;
}
.theme-dark .form-control {
    background-color: #2E2E2E;
    color: #fff;
}
#login-form .form-control {
    background-color: transparent !important;
}
#login-form .nav-tabs > li.active > a,
#login-form .nav-tabs > li.active > a:focus {
    background-color: transparent !important;
}
/*rightbar*/
.right__bar-group {
    position: absolute;
    right: 0px;
    padding: 10px;
    height: calc(100vh - 60px);
    background: var(--bg-common-lv1);
    border: solid 1px var(--bd-color-prv);
    top: 38px;
    width: 50px;
    z-index: 98;
}

    .right__bar-group li.right__bar-li {
        padding: 20px 0px;
    }

        .right__bar-group li.right__bar-li img {
            width: 25px;
            height: 25px;
        }

            .right__bar-group li.right__bar-li img:hover {
                filter: brightness(2);
            }

        .right__bar-group li.right__bar-li a {
            cursor: pointer;
        }

.option-darkmode {
    display: none;
    margin-top: 15px;
}

    .option-darkmode a {
        border: solid 1px #ddd;
        padding: 2px;
        border-radius: 6px;
        text-decoration: none;
        cursor: pointer;
        width: 50px;
    }

        .option-darkmode a .light {
            float: left;
            height: 20px;
            transform: translateX(0px);
            transition: all 0.3s;
            opacity: 0;
        }

        .option-darkmode a .night {
            float: right;
            height: 19px;
            transform: translateX(0px);
            transition: all 0.3s;
            opacity: 0;
        }

        .option-darkmode a .light.active {
            filter: brightness(1);
            display: inline-block;
            transform: translateX(25px);
            transition: all 0.3s;
            opacity: 1;
        }

        .option-darkmode a .night.active {
            filter: brightness(1);
            display: inline-block;
            transform: translateX(-25px);
            transition: all 0.3s;
            opacity: 1;
        }

        .option-darkmode a span.span-darkmode {
            background: var(--d-menu-bg);
            border-radius: 10px;
            padding: 2px;
        }

@media (max-width: 1440px) {
    .theme-dark .breadcrumbs {
        background: var(--bg-color) !important;
    }

    .right__bar-group {
        bottom: 60px;
        position: fixed;
        border: solid 1px var(--bd-color);
        width: 35px;
        padding: 10px 2px;
        right: 12px;
        background: var(--bg-chart-plus--detail);
        height: 35px;
        border-radius: 25px;
        z-index: 999;
        top: auto !important;
    }

        .right__bar-group.active {
            height: 190px;
        }

            .right__bar-group li.fn-control {
                display: none;
            }

        .right__bar-group.active li.fn-control {
            display: block;
        }

        .right__bar-group li.right__bar-li {
            padding: 5px;
            float: left;
        }

            .right__bar-group li.right__bar-li img {
                width: 20px;
            }

        .right__bar-group .right__bar-hidebar-li {
            color: #666666;
            margin: 0 5px;
        }

        .right__bar-group li.social-hide-bar {
            display: block;
        }

        .right__bar-group li.social-hide-bar {
            position: absolute;
            top: 0px;
        }

        .right__bar-group.active li.social-hide-bar {
            position: unset;
            top: unset;
        }

        .right__bar-group li.bdt-only-mb {
            border-top: solid 1px #666666;
            width: 100%;
        }
        .right__bar-group span.close-bar-span:before {
            content: "∧";
        }
        .right__bar-group.active span.close-bar-span:before {
            content: "X";
        }
}
/*end search*/
@media (min-width: 992px) {
    .page-menu .dropdown-menu li > a {
        background-color: var(--d-menu-bg);
        color: var(--text-menu);
    }
}
.page-menu .menu-all .option-theme-mode {
    display: flex;
}
#popup-menu-mobile .option-theme-mode {
    display: block;
}
.container {
    width: 90%;
}
.financialchart-content hr {
    border-top: 1px solid var(--bd-color);
    margin-top: 15px;
}
.financialchart-content span.item-Detail-dropdown__columns-group-btn-arrow .fa {
    color: var(--text-common-lv1);
}
.cl-bdtc {
    color: #18A0FB;
}
.cl-red{
    color:red;
}
.c-666{
    color:#666;
}
.mgt-0{
    margin-top:0px!important;
}
.fw-bold{
    font-weight:bold!important;
}
.right-20{
    right:20px!important;
}
input.form-control {
    font-size: 16px !important;
}
.breadcrumbs {
    background: #F7F8FA;
    width: 100%!important;
    padding: 0 5.5%;
    padding-top: 10px;
}
.box-dialog .btn-item-span--exit, .filter-targets-group-target-box--option .btn-item-span--exit {
    font-size: 13px;
    color: red;
    opacity: 1;
    float: right;
    font-weight: 600;
    cursor: pointer;
}
body.wrapper--fullscreen {
    overflow: hidden;
    padding-top: 10px;
}
body.s--full {
    overflow: hidden;
}
.page-menu.financialchart--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
}
.tooltip-custom {
    display: none;
    position: absolute;
    max-width: 300px;
    padding: 5px;
    z-index: 999999999;
    background-color: #335295;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    transform: translate(0%, -20%);
    white-space: normal;
    overflow-wrap: break-word;
}
    .tooltip-custom:after {
        pointer-events: none;
        position: absolute;
        z-index: 10;
        content: " ";
        top: 30px;
        right:10px;
        border-width: 6px;
        border-style: solid;
        border-color: #335295 transparent transparent transparent;
    }
    .tooltip-custom.to--down {
        margin-top: 10px;
    }
        .tooltip-custom.to--down:after {
            transform: rotate(180deg);
            top: -10px;
        }
    .tooltip-custom.to--left {
        margin-top: 5px;
    }

        .tooltip-custom.to--left:after {
            transform: rotate(270deg);
            top: 7px;
            right: -17px;
        }
.modal-backdrop {
    z-index: 1048;
}
#login-form, #register-form, #popup-messenge {
    z-index: 9999999999!important;
}
#financialchart-content {
    --itemHoverColor: #ffdead;
    --itemActiveColor: #fff3d0;
    --borderToolbarColor: #e1e1e1;
}
.financialchart-content input:focus, .financialchart-content input:focus-visible {
    outline: none;
}
#toast-financialchart {
    z-index: 999999991;
}
#financialchart-confirm-popup {
    z-index: 99999999;
}
body.popup-financialchart-content {
    overflow-y: hidden; /* Ẩn thanh cuộn theo chiều dọc */
}
#financialchart-alert-popup .btn {
    background-color: var(--bg-common-lv1);
    color: var(--text-common-lv1);
    border-color: var(--bd-color);
}
    #financialchart-alert-popup .btn:hover {
        background-color: var(--bg-hover-active-common);
        border-color: var(--bd-color);
    }
.financialchart-content .cl-1 {
    color: #fff;
}
.financialchart-content .m-t-10 {
    margin-top:10px;
}
.financialchart-content .m-b-10 {
    margin-bottom: 10px;
}
.financialchart-content .m-0 {
    margin: 0px;
}
.financialchart-content .mt-2 {
    margin-top: 2px;
}
.financialchart-content .ml-0 {
    margin-left: 0px!important;
}
.financialchart-content .bd-n {
    border: solid 1px var(--bd-color)!important;
}
.financialchart-content .cl-n {
    color: var(--text-common-lv1);
}
.financialchart-content .ml-5 {
    margin-left: 5px;
}
.financialchart-content .pl-0 {
    padding-left: 0px!important;
}
.financialchart-content .show-inline {
    display: inline-block!important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0px auto -webkit-focus-ring-color;
}
/* --------begin tooltip--------*/
.financialchart-content .loading {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 0px;
    opacity: 1;
    background-color: transparent;
}
.financialchart-content .toolbar__tooltip {
    /*position: relative;*/
}

    .financialchart-content .toolbar__tooltip:before {
        content: attr(data-tooltip);
        margin-top: -15px;
        background-color: #335295;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        white-space: nowrap;
        transform: translate(-30%, -100%);
        text-align: center;
    }

    .financialchart-content .toolbar__tooltip.below:before, .financialchart-content.wrapper--fullscreen .d-m-1-c .toolbar__tooltip:before, .financialchart-content.s--full .d-m-1-c .toolbar__tooltip:before {
        transform: translate(-120%, -5%);
    }

    .financialchart-content .toolbar__tooltip.left--t:before {
        transform: translate(-110%, 35%);
    }

    .financialchart-content .toolbar__tooltip:after {
        content: " ";
        /*top: 0px;*/
        margin-top: -17px;
        border-width: 6px;
        border-style: solid;
        border-color: #335295 transparent transparent transparent;
    }

    .financialchart-content .toolbar__tooltip.below:after, .financialchart-content.wrapper--fullscreen .d-m-1-c .toolbar__tooltip:after, .financialchart-content.s--full .d-m-1-c .toolbar__tooltip:after {
        rotate: 270deg;
        top: 75%;
        left: -10px;
    }

    .financialchart-content .toolbar__tooltip.left--t:after {
        rotate: 270deg;
        top: 90%;
    }

    .financialchart-content .toolbar__tooltip:before, .toolbar__tooltip:after {
        display: none;
        pointer-events: none;
        position: absolute;
        z-index: 99999;
    }

.financialchart-content .toolbar__button:hover .toolbar__tooltip:before, .financialchart-content .toolbar__button:hover .toolbar__tooltip:after {
    display: block;
}

.financialchart-content .toolbar__button.r-15:hover .toolbar__tooltip:before{
    right:-15px
}
.financialchart-content .toolbar__button.r-30:hover .toolbar__tooltip:before {
    right: -30px
}
.financialchart-content .toolbar__button.r-45:hover .toolbar__tooltip:before {
    right: -45px
}

.financialchart-content .toolbar__tooltip--fullscreen:before {
    display: none;
}

.financialchart-content .toolbar__tooltip--fullscreen:after {
    display: none;
}
/* --------end tooltip--------*/
.financialchart-content .fs-600 {
    font-weight:600;
}
.financialchart-content.wrapper--fullscreen, .financialchart-content.s--full {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1047;
    background-color: var(--bg-item);
    margin: 0px;
}
.financialchart-content .d-m-limit {
    border-right: solid 1px var(--bd-color);
    margin: 0px 7px;
}
.financialchart-content .d-m-limit--v1 {
    border-right: solid 1px var(--bd-color);
    margin: 7px;
    position: absolute;
    right: -8px;
    top: 0px;
    height: 35%;
}
.financialchart-content a:hover, .financialchart-content a:focus, .financialchart-content a:active {
    text-decoration: none;
}
.financialchart-content .cl-orange {
    color: #8a6d3b;
}
.financialchart-content .cl-red {
    color: red;
}
.financialchart-content .cl-white {
    color: white;
}
.financialchart-content .cl-f0 {
    color: #f0f0f0;
}
.financialchart-content .cl-d {
    color: #1C579B;
}
.financialchart-content .cusor-p {
    cursor:pointer;
}
.financialchart-content .p-d04 {
    padding:0px 4px;
}
.financialchart-content .b-r {
    border-right: solid 1px var(--bd-color);
    padding: 0;
    border-top: unset;
}
.financialchart-content #tbl-chart-list-norm td {
    border-top: unset;
}
.financialchart-content .b-td {
    border-top: dashed 1px var(--bd-color);
}
.financialchart-content .m-b0 {
    margin-bottom: 0px;
}
.financialchart-content .p-0 {
    padding: 0px!important;
}
.financialchart-content .p-03 {
    padding: 0px 3px!important;
}
.financialchart-content .mt-0 {
    margin-top: 0px!important;
}
.financialchart-content .e-none{
    display:none;
}
.financialchart-content .e-action {
    /*cursor: pointer;*/
    color: var(--text-dashboar-dialog-input);
}
    .financialchart-content .e-action.active {
        background-color: #e1f5fe;
        color: white!important;
        background-size: 100%;
        transition: background 0s;
    }
.financialchart-content {
    position: relative;
    padding-bottom: 20px;
}
    .financialchart-content .d-icon-tag-add {
        cursor: pointer;
        padding: 10px 25px 10px 10px !important;
    }
.financialchart-content .p-l-0{
    padding-left:0px!important;
}
.financialchart-content .m-l-1r {
    margin-left: 1rem;
}
.financialchart-content .m-l-025r {
    margin-left: 5px;
}
.financialchart-content .m-r-025r {
    margin-right: 5px;
}
.financialchart-content .m-t-3 {
    margin-top: 3px;
}
    .financialchart-content .d-m-1 {
        display: flex;
        flex-direction: row;
        position: relative;
        padding: 0px 7px;
        float: left;
        padding-right: 0px;
    }
    .financialchart-content .d-m-2 {
        display: flex;
        flex-direction: row;
        position: relative;
        padding: 0px 8px;
        float: left;
        padding-left: 0px;
    }
    .financialchart-content .d-m-3 {
        float: left;
        display: flex;
        flex-direction: row;
        position: relative;
    }
.financialchart-content label.d-title-detail {
    padding: 0 10px !important;
    margin-bottom: 0px !important;
}
.financialchart-content .d-m-1-c {
    display: flex;
    align-items: center;
}
    .financialchart-content label {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 200;
    }
        .financialchart-content label.change-object--label {
            margin-bottom: 10px;
            color: #0b5495;
        }
.financialchart-content .btn-icon {
    padding: 0px 5px;
}
.financialchart-content .d-m-1-c1-group.active {
    background-color: #e1f5fe;
    color: #0b5495;
}
    .financialchart-content .d-m-1-c1-box {
        display: none;
        top: 50px;
        background: white;
        width: 200px;
        position: absolute;
        left: auto;
        right: 0px;
        background-color: #fff;
        border-radius: 3px;
        z-index: 10;
        box-shadow: 1px 3px 5px #0c0b0b59;
        padding: 10px;
        color: #333;
    }
    .financialchart-content .d-m-1-c1-box.show {
        display: block;
    }
    .financialchart-content .d-m-1-c1-box--control {
        display: none;
        top: 50px;
        background: var(--bg-d-m-1-c1-box--control);
        width: 275px;
        position: absolute;
        left: 0px;
        right: auto;
        background-color: var(--bg-d-m-1-c1-box--control);
        border-radius: 7px;
        z-index: 9998;
        box-shadow: 0px 0px 20px 5px #0c0b0b59;
        padding: 0px;
        min-height: 400px;
    }
        .financialchart-content .d-m-1-c1-box--control::after {
            content: " ";
            top: -12px;
            border-width: 6px;
            border-style: solid;
            border-color: var(--bg-d-m-1-c1-box--control) transparent transparent transparent;
            pointer-events: none;
            position: absolute;
            z-index: 10;
            transform: rotate(180deg);
            left: 7%;
        }
        .financialchart-content .d-m-1-c1-box--control .detail--box.detail-box--body {
            overflow: auto;
        }
        .financialchart-content .d-m-1-c1-box--control label {
            color: var(--text-d-m-1-c1-box--control);
            display: flex;
            font-weight: 600;
            margin-bottom: 3px;
            padding: 0 12px;
        }
            .financialchart-content .d-m-1-c1-box--control label .dashboar--name
            {
                width:70%;
            }
                .financialchart-content .d-m-1-c1-box--control label .dashboar--name img {
                    margin-bottom: 4px;
                    margin-left: 5px;
                    filter: var(--color-img-svg);
                    position: absolute;
                    right: 33px;
                    height: 15px;
                    width: 15px;
                    top: 7px;
                }
            .financialchart-content .d-m-1-c1-box--control label span {
                font-weight: 200;
            }
        .financialchart-content .d-m-1-c1-box--control hr {
            margin: 0px;
        }
    .financialchart-content .d-m-1-c1-box--control.show {
        display: block;
    }
        .financialchart-content .d-m-1-c1-box--control .icon-l15 {
            position: relative;
            padding: 3px;
        }
        .financialchart-content .d-m-1-c1-box--control .icon-l15 .img-m-1-c1 {
            height: 22px;
            width: 22px;
        }
        .financialchart-content .d-m-1-c1-box--control .icon-l5 {
            position: relative;
            padding: 4px;
        }
            .financialchart-content .d-m-1-c1-box--control .icon-l5 .img-m-1-c1 {
                height: 18px;
                width: 18px;
                margin-top: -3px;
            }
        .financialchart-content .d-m-1-c1-box--control .span-text {
            font-weight: 500;
            width: 90%;
        }
    .financialchart-content .detail--box hr.d-title-hr {
        margin: 0px 15px 0px 15px;
    }
    .financialchart-content .d-m-1-c {
        white-space: nowrap;
        position: relative;
        border-radius: 2px;
        color: var(--text-color);
        padding: 8px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin: 2px 0px;
    }
    .financialchart-content .select--icon:hover:before {
        border-top-color: #fff;
    }
    .financialchart-content .d-m-1-c.bd-0 {
        border: none;
    }
    .financialchart-content .img-m-1-c1 {
        margin-top: -2px;
    }
    .financialchart-content .img-m-1-c1, .financialchart-content .img-m-1-zoom {
        height: 15px;
        width: 15px;
    }
        .financialchart-content .img-m-1-c1.chart--view {
            height: 15px;
            width: 15px;
            margin-top: -3px;
        }
    .financialchart-content .img-m-1-share {
        height: 18px;
        width: 18px;
        margin-top: -3px;
    }
    .financialchart-content img.filter-while {
        filter: var(--bright-filter-while);
    }
    .financialchart-content .img-m-1-c0 {
        margin-right: 7px;
        margin-top: -3px;
    }
    .financialchart-content .img-m-1-zoom {
        width: 16px;
        margin-top: -3px;
    }
    .financialchart-content img.img-m-1-zoom {
        filter: var(--color-img-svg);
    }
    .financialchart-content .el-image-hover--js.active img.img-m-1-zoom, .financialchart-content .el-image-hover--js img.img-m-1-zoom:hover {
        filter: unset;
    }
    .financialchart-content .border-menu-left {
        border-left: solid 1px var(--bd-color);
    }
    .financialchart-content .share-dropdown {
        display: none;
        width: 190px;
        position: absolute;
        top: 40px;
        left: -1px;
        background-color: var(--bg-detail-data-result);
        border-radius: 5px;
        box-shadow: 1px 3px 5px #0c0b0b59;
        z-index: 9999;
        color: var(--text-common-lv1);
    }
    .financialchart-content .share-dropdown--right {
        left: auto;
        right: 0px;
    }

    .financialchart-content .share-dropdown--small {
        width: 185px;
    }
    .financialchart-content .share-dropdown__body {
        position: relative;
        top: 0px;
        padding-top: 0px;
        max-height: 300px;
        overflow-y: auto;
    }
    .financialchart-content .share-dropdown__item {
        display: flex;
        align-items: center;
        padding: 7px 15px;
        white-space: nowrap;
        position: relative;
        top: 0px;
    }
        .financialchart-content .share-dropdown__item.active {
            background-color: var(--bg-hover-active-common);
        }
            .financialchart-content .share-dropdown__item.active span, .financialchart-content .share-dropdown__item:hover span {
                color: white !important;
            }
    .financialchart-content .share-dropdown__item-img {
        width: 20px;
        margin-top: -2px;
        margin-right: 5px;
    }
    .financialchart-content .share-dropdown__item:hover {
        background-color: var(--bg-hover-active-common);
        color: white;
    }
.financialchart-content .m-right{
    flex-direction: row-reverse;
}
    .financialchart-content .chart-plus--detail {
        position: absolute;
        display: none;
        top: 25px;
        right: 18px;
        background: var(--bg-chart-plus--detail);
        border: solid var(--bd-color) 1px;
        width: 190px;
        text-align: left;
        padding: 5px 0px;
        margin-top: 5px;
        z-index: 9;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
        .financialchart-content .chart-plus--detail.show {
            display: grid!important;
        }
        .financialchart-content .chart-plus--detail span {
            padding: 5px 10px;
            cursor: pointer;
        }
            .financialchart-content .chart-plus--detail span:hover, .financialchart-content .chart-plus--detail span.active {
                background-color: var(--bg-hover-active-common);
                color: white;
            }
    .financialchart-content .d-icon-tag-select {
        padding: 0px;
        width: 200px;
        cursor: pointer;
    }
    .financialchart-content .select-item:hover, .financialchart-content .select-item.active {
        background-color: var(--bg-hover-active-common) !important;
        color: white;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .financialchart-content #d-icon-tag-add.active img {
        content: url('/content/images/search-w.svg');
    }
    .financialchart-content #d-icon-tag-select.active img {
        content: url('/content/images/chart/outstanding-w.svg');
    }
    .financialchart-content #click-fullscreen--el.active img {
        content: url('/content/images/chart/small-w.svg');
    }
        /*.financialchart-content .d-icon-tag-select:before {
            border: 4px solid #0000;
            border-top-color: #51585e;
            content: "";
            margin-left: 0;
            margin-top: -4px;
            position: absolute;
            right: 15px;
            top: 55%;
            height: 32px;
        }*/
    .financialchart-content .d-icon-tag-select:hover:before {
        border-top-color: #fff;
    }
    .financialchart-content .d-menu-root {
        height: 40px;
        border: 1px solid var(--bd-color);
        border-radius: 5px;
        background: var(--d-menu-bg);
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .financialchart-content .d-menu-root .dashboar-label-item:hover .afterIcon {
        opacity: 1;
    }
    /*.financialchart-content .d-menu-root label:hover .afterIcon {
        opacity: 1;
        background-color:red;
    }*/
            .financialchart-content .d-menu-root li.dashboar-type-dashboard:hover {
            background: #ffdead;
        }
        .financialchart-content .d-menu-root ul li {
            padding: 3px;
            cursor: pointer;
            position: relative;
            color: #333;
            display: flex;
        }
        .financialchart-content .d-menu-root ul li.dashboar-type-forder:before{

        }
        .financialchart-content .d-menu-root ul li.dashboar-type-dashboard {
            padding-left: 10px;
        }
            .financialchart-content .d-menu-root ul li.dashboar-type-dashboard img{
                float: right;
                margin: 4px;
            }
        .financialchart-content .d-menu-root ul li label {
            font-weight: 200;
            display: flex;
        }
        .financialchart-content .d-menu-root .dashboar-hover:hover, .financialchart-content .dashboar-type-dashboard.active {
            background: var(--bg-dashboar-hover);
            color:#fff;
        }
        .theme-dark .financialchart-content .d-menu-root .dashboar-hover:hover, .theme-dark .financialchart-content .dashboar-type-dashboard.active {
            background: #6c6c6c;
        }
        .financialchart-content .d-menu-root .dashboar-hover:hover span, .financialchart-content .dashboar-type-dashboard.active span{
            color: #fff;
        }
        .financialchart-content .d-menu-root ul li label .dashboar--name{
            width:98%;
        }
.financialchart-content .btn-menu--full {
    display:none;
}
/*dashboar-dialog*/
.financialchart-content .dashboar-dialog {

}
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .c-vst {
        display: none!important;
    }
    .financialchart-content .dashboar-dialog .control-dashboad-chart--save {
        display: none;
    }
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .control-dashboad-chart--save {
        display: block;
        text-align: right;
        padding: 0px 32px 20px 0px;
    }
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .control-dashboad-chart--save button{
        margin-top:5px;
    }
    .financialchart-content .dashboar-dialog.update--dashboardFinancialChart .dashboar-dialog-group-drop-user {
        height: 405px;
    }
    .financialchart-content .box-content--edit {
        display: none;
        right: 8px;
        float: right;
        position: absolute;
    }
    .financialchart-content .dashboar-type-forder.data--child .box-content--edit {
        right: 33px;
        float: right;
    }
    .financialchart-content .dashboar-dialog-group:hover .box-content--edit {
        display: block;
    }
    .financialchart-content .icon-dashboar--edit {
        display: none;
        position: absolute;
        right: 20px;
        z-index: 9;
    }
    .financialchart-content .dashboar-dialog-group:hover .icon-dashboar--edit {
        display: block;
    }
    .financialchart-content .dashboar-dialog .dashboar-dialog--group {
        display: flex;
    }
    .financialchart-content .dashboar-dialog .dashboar-dialog--group span.plus {
        cursor: pointer;
    }
    .financialchart-content .dashboar-dialog .title-common {
        text-align: left;
        text-transform: uppercase;
    }
    .financialchart-content .dashboar-dialog .content-popup {
        min-height: 450px;
        padding: 10px;
        padding-left: 20px;
    }
    .financialchart-content .dashboar-dialog .modal-content.new--dashboard .content-popup {
        padding: 6px;
        padding-left: 13px;
        padding-top: 18px;
    }
    .financialchart-content .dashboar-dialog .nav.nav-pills {
        position: absolute;
        top: 40px;
        right: 0;
    }
    .financialchart-content .dashboar-dialog .modal-content {
        height: unset !important;
        z-index:9999;
    }
        .financialchart-content .dashboar-dialog .modal-content.new--dashboard {
            height: 105px !important;
            width: 350px;
            border-radius: 0;
        }
            .financialchart-content .dashboar-dialog .modal-content.new--dashboard .content-popup {
                min-height: 60px;
            }
            .financialchart-content .dashboar-dialog .modal-content.new--dashboard .title-header-popup {
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
            }
    .financialchart-content .dashboar-dialog-group {
        position: relative;
    }
        .financialchart-content .dashboar-dialog-group.active-drop {
            border-top: 1px solid red!important;
        }
        .financialchart-content .dashboar-dialog-group.dashboar-type-forder {
            background-color: var(--bg-detail-data-result);
            padding: 5px 0px 5px 5px;
            border-bottom: solid 1px #fff;
        }
        .financialchart-content .dashboar-dialog-group.dashboar-dialog-group-drop-0, .financialchart-content .dashboar-dialog-group.dashboar-dialog-group-drop-0:hover {
            background-color: transparent!important;
        }
        .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-hover--parent, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-active {
            background-color: var(--bg-dashboar-hover);
            color: white;
        }
                .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-hover--parent label, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-active label, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-hover--parent i.fa, .financialchart-content .dashboar-dialog-group.dashboar-type-forder.dashboar-active i.fa {
                    color: white;
                }
        .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover {
            background-color: var(--bg-dashboar-hover);
            color: white;
        }
                .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover label, .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover i.fa, .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover span.btn-icon {
                    color: white;
                }
                .financialchart-content .dashboar-dialog-group.dashboar-type-forder:hover span.afterIcon {
                    padding: 0px 8px;
                }
    .financialchart-content .dashboar-type-dashboard {
        padding: 5px 0px 5px 25px;
        cursor: pointer;
    }
    .financialchart-content .dashboar-dialog-box .dashboar-type-dashboard {
        padding: 5px 0px 5px 35px;
    }
    .financialchart-content .dashboar-dialog-box input {
        border: solid 1px var(--bd-color);
        border-radius: 5px;
        font-size: 12px;
        margin-left: 10px;
        background: var(--bg-common-lv1);
    }
    .financialchart-content .dashboar-dialog-box button {
        border-radius: 5px;
        font-size: 12px;
        margin-left: 10px;
        padding: 1px 10px;
    }
    .financialchart-content hr.hr-border--bottom {
        margin: 0 15px;
    }
        .financialchart-content hr.hr-border--bottom.dashboar-hover-hr, .financialchart-content hr.hr-border--bottom.dashboar-active-hr {
            margin: 0;
        }
    /*.financialchart-content .dashboar-type-forder.data--child:hover ~ .dashboar-dialog-group-drop-child:last-child {
        border-bottom: solid 2px #18A0FB;
    }
    .financialchart-content .dashboar-type-forder.data--child:hover ~ .dashboar-dialog-group-drop-child {
        background-color: #eee;
        border-left: solid 2px #18A0FB;
        border-right: solid 2px #18A0FB;
    }*/
    .financialchart-content .dashboar-dialog-group-drop-child.dashboar-hover--child, .financialchart-content .dashboar-dialog-group-drop-child.dashboar-active--child {
        background-color: var(--bg-common-lv2);
    }
    .financialchart-content .dashboar-type-dashboard::after {
        content: '';
        position: absolute;
        top: 8px;
        width: 10px;
        height: 3px;
        background-color: white;
        padding: 6px;
        border: 1px solid var(--bd-color);
        border-radius: 50%;
        left: 13px;
    }
    .financialchart-content .dashboar-type-dashboard.active .dashboar-label-item::after {
        content: '';
        position: absolute;
        top: 11px;
        width: 8px;
        height: 4px;
        background-color: #18A0FB;
        padding: 1px;
        border: 3px solid #18A0FB;
        border-radius: 50%;
        z-index: 99;
        left: 16px;
    }
        .financialchart-content .dashboar-type-dashboard label {
            cursor: pointer;
        }
    .financialchart-content .dashboar-dialog-group-drop-child .dashboar-type-dashboard {
        padding-left: 12px;
        border-left: solid 1px rgba(25, 115, 237, 0.2);
        padding-top: 5px;
        padding-bottom: 5px;
        display: flex;
    }
    .financialchart-content .dashboar-dialog-group-drop-child .dashboar-type-dashboard.active {
        border-left: solid 1px #1973ed;
    }
    .financialchart-content .box-dashboad {
        position: absolute;
        top: 2px;
        right: 22px;
    }
    .financialchart-content .dashboar-dialog .dashboar-dialog-group-drop, .financialchart-content .dashboar-dialog .dashboar-dialog-group-drop-user {
        height: 174px;
        overflow: auto;
        padding: 0px;
    }
    .financialchart-content .afterIcon {
        flex-shrink: 0;
        margin: 0px 4px;
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        transition: opacity 0.3s ease-out;
    }
    .financialchart-content .dropIcon {
        flex-shrink: 0;
        margin: 0px;
        cursor: pointer;
        transition: opacity 0.3s ease-out;
    }
    .financialchart-content .dashboar-dialog li:hover .afterIcon {
        display: inline-block;
        flex-shrink: 0;
        margin: 0px 4px;
        background: url(/content/images/chart/pen.svg);
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        transition: opacity 0.3s ease-out;
        opacity: 1;
    }
    .financialchart-content .dashboar-dialog li li:hover .dropIcon {
        opacity: 1;
    }
    .financialchart-content .d-menu-root .dashboar-label-item:hover .dropIcon {
        opacity: 1;
    }
    .financialchart-content .dashboar-dialog .ul-click-afterIcon {
        position: absolute;
        top: 3px;
        background: white;
        right: 10%;
        font-size: 12px;
        border: solid 1px blue;
        padding: 5px;
        z-index: 999;
    }
    .financialchart-content .dashboar-dialog li li:hover .afterIcon {
        opacity: 1;
    }
    .financialchart-content .dashboar-dialog .ul-click-afterIcon{
        display:none;
    }
    .financialchart-content .dashboar-dialog .ul-click-afterIcon.show {
        display: block;
    }
        .financialchart-content .dashboar-dialog .ul-click-afterIcon li:hover {
            background: #ffdead;
        }
    .financialchart-content .dashboar-dialog-control {
        display: none;
        position: absolute;
        top: 2px;
        background: var(--bg-detail-data-result);
        z-index: 998;
        width: 190px;
        box-shadow: 0px 0px 5px 0px #999;
        padding: 10px;
        border-radius: 5px;
    }
        .financialchart-content .dashboar-dialog-control input {
            width: 100%;
            background-color: var(--bg-dashboar-dialog-input) !important;
            border: 1px solid #ddd;
            border-radius: 5px;
            outline: none;
            color: var(--text-dashboar-dialog-input) !important;
            font-size: 14px;
        }
            .financialchart-content .dashboar-dialog-control input:focus-visible {
                border: 1px solid #1973ed;
                outline: none;
            }
        .financialchart-content .dashboar-dialog-control .dashboar-dialog-a {
            padding: 0px 2px;
            border: unset;
            background: transparent;
            color: #333;
            width: 100%;
            float: left;
            text-align: right;
            margin-top: 5px;
        }
            .financialchart-content .dashboar-dialog-control .dashboar-dialog-a i.fa-save {
                color: var(--text-dashboar-dialog-input);
            }
        .financialchart-content .drop {
            box-shadow: 1px 3px 5px #08500d52;
        }
    .financialchart-content .dashboar-dialog-savePos, .financialchart-content .dashboar-dialog-savePos-child {
        display: none;
        position: absolute;
        top: 4px;
        right: 5px;
    }
    .financialchart-content .drop .dashboar-dialog-savePos {
        display: block;
    }
    .financialchart-content .dashboar-hover:hover .e-none{
        display:block;
    }
    .financialchart-content .d-title-detail {
        padding: 10px;
    }
    .financialchart-content .d-title-detail:hover span {
        color:white;
    }
    .financialchart-content .d-title-detail-icon {
        float: right;
        margin: 3px;
        position: relative;
    }
    .financialchart-content .detail-box__control-group {
        float: right;
        padding: 5px;
    }
        .financialchart-content .d-m-1-c1-box--control .d-title-detail-icon .icon-l15 .img-m-1-c1 {
            height: 19px;
            width: 19px;
            margin-top: -6px;
        }
    .financialchart-content .d-m-1-c1-box--control .d-title-detail-icon.el-image-hover--js {
        border: solid 1px var(--bd-color);
        border-radius: 5px;
        padding: 3px 4px;
        height: 30px;
    }
    .financialchart-content .d-m-1-c1-box--control .d-title-detail-icon.el-image-hover--js:hover {
        background-color: var(--bg-hover-active-common) !important;
        color: white !important;
    }
        .financialchart-content .d-m-1-c1-box--control .d-title-detail-icon.el-image-hover--js:hover span{
            color: white !important;
        }
/*end dashboar-dialog*/
/* toast */
.toast-heatmap {
    background-color: #f5fff9;
    border: 1px solid #7ec747;
    width: 240px;
    position: fixed;
    right: 5px;
    top: 10px;
    border-radius: 5px;
    box-shadow: 1px 3px 5px #08500d52;
    cursor: default;
    z-index: 160;
    display: none;
}

.toast-heatmap__ico-close {
    position: absolute;
    right: 4px;
    top: 2px;
    color: #7a7575;
    font-size: smaller;
    padding: 0px 2px;
}

    .toast-heatmap__ico-close:hover {
        background-color: #fbfbfb;
    }

.toast-heatmap__body {
    padding: 10px 0px;
    text-align: center;
}

.toast-heatmap__msg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast-heatmap__msg-icon {
    font-size: 25px;
    margin-right: 15px;
    color: #386c22;
}

.toast-heatmap__msg-text {
    color: #255a0e;
    font-weight: 600;
    font-size: 13px;
}
/* end toast */
/*popup add chart*/
.financialchart-content .body-popup button.close {
    padding-right: 15px;
    font-size: 29px;
    color: red;
    opacity: 1;
}
.financialchart-content .box-content {
    padding: 7px 0px;
    padding-top: 20px;
    background: var(--bg-box-content);
    margin: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.financialchart-content .popup-search-input {
    border-bottom: solid 1px var(--bd-color);
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
}
.financialchart-content .left-popup {
    width: 21.6%;
    float: left;
    border-radius: 5px;
    height: 100%;
    background-color: var(--bg-common-lv1);
    border-right: solid 1px var(--bd-color);
}
.financialchart-content .search-input-container-input--groud {
    display: flex;
    border: solid 1px #f0f0f0;
}
.financialchart-content .popup-search-input--change {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.financialchart-content .change--object {
    position: absolute;
    left: 40%;
    z-index: 99999;
    top: 90px;
    width: 25%;
    display: none;
}
.financialchart-content .control-popup-button--left, .financialchart-content .control-popup-button--right {
    display: none;
}
.financialchart-content .right-popup {
    width: 78%;
    float: left;
    position: relative;
    background: var(--bg-common-lv1);
    z-index: 9999;
    border-radius: 5px;
    height: 100%;
    padding: 0px 15px;
}
.filter-group-row {
    display: grid;
}
.filter-label-info {
    grid-column-start: 1;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.filter-select-info {
    grid-column-start: 1;
    display: flex;
}
.filter-select-info--detail {
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 6px 10px;
    cursor: default;
}
.filter-span-active--icon {
    position: absolute;
    right: 5px;
    padding: 5px 7px;
    top: 5px;
    color: #767673;
    font-size: 11px;
}
.filter-select-data--list {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 10;
    width: 101%;
    left: -1px;
    top: 33px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 3px;
    box-shadow: 1px 3px 5px #0c0b0b59;
}
.filter-select--active {
    background-color: #fff3d0;
}
.financialchart-content .filter-select-data-group {
    border-bottom: solid 1px var(--bd-color);
    display: inline-block;
    width: 100%;
}
.financialchart-content .filter-select-data-group--name {
    padding: 5px 16px;
    background: var(--bg-txt-search-report-norm);
    font-weight: 600;
    width: 100%;
}

.filter-select-data-list--item {
    padding: 5px;
    font-size: 11px;
    color: #3f4040;
    cursor: default;
    text-align: center;
}
.filter-select-data-list--item.active {
    background-color:white;
}
.filter-select-data--tab {
    display: none;
    position: absolute;
    background-color: var(--bg-box-content);
    z-index: 10;
    left: 0px;
    top: 35px;
    width: 100%;
    border-radius: 10px;
}
    .filter-select-data--tab .tab-Detail {
        height: 200px;
        overflow: auto;
        border: solid 1px var(--bd-color);
        border-top: solid 1px #18A0FB;
    }
        .filter-select-data--tab .tab-Detail .item-Detail {
            margin-top:1px;
        }
.js-in-filter-select-type--event {
    display: inline-block;
}
.tab-menuLS .swiper-button-next, .tab-menuLS .swiper-button-prev {
    width: 37px;
    height: 37px;
    border: 1px solid var(--bd-color);
    border-radius: 3px;
    background: #fff;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-left: 7px;
    cursor: pointer;
}

.tab-menuLS .swiper-button-disabled.swiper-button-prev:before {
    border-color: #cfcfcf;
}

.tab-menuLS .swiper-button-prev:before {
    transform: rotate(-135deg);
    position: relative;
}

.tab-menuLS .swiper-button-next:before {
    transform: rotate(45deg);
}

.tab-menuLS .swiper-button-next:before, .tab-menuLS .swiper-button-prev:before {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #cfcfcf;
    border-right: 2px solid #cfcfcf;
}

.tab-menuLS .swiper-button-next {
    bottom: 1px;
    margin-top: 0px;
    right: 0px !important;
    top: unset;
    border: solid 1px #cfcfcf;
}

.tab-menuLS .swiper-button-prev {
    bottom: 1px;
    margin-top: 0px;
    right: auto !important;
    left: 0px;
    top: unset;
}

.tab-menuLS .swiper-container {
    margin: 10px 0px 0px 0px;
}

.tab-menuLS {
    align-items: center;
    position: relative;
}

    .tab-menuLS .swiper-slide {
        display: block;
        width: auto !important;
        margin-right: 8px;
    }

    .tab-menuLS .swiper-container-horizontal .swiper-slide a {
        display: block;
    }

    .tab-menuLS a:last-of-type {
        margin-right: 0;
    }

    .tab-menuLS .swiper-slide a {
        border-radius: 3px;
        font-size: 16px;
        line-height: 16px;
        padding: 5px;
        border: none;
    }

    .tab-menuLS .widget-title {
        margin-bottom: 10px;
        margin-top: 0px;
    }
.tab-menuLS {
    align-items: center;
    position: relative;
}

    .tab-menuLS .swiper-slide {
        display: block;
        width: auto !important;
        margin-right: 8px;
    }

    .tab-menuLS .swiper-container-horizontal .swiper-slide a {
        display: block;
    }

        .tab-menuLS .swiper-container-horizontal .swiper-slide a.active, .tab-menuLS .swiper-container-horizontal .swiper-slide a:hover {
            border-bottom: solid 2px #18A0FB;
            border-radius: unset;
            font-weight:bold;
        }

    .tab-menuLS a:last-of-type {
        margin-right: 0;
    }

    .tab-menuLS .swiper-slide a {
        border-radius: 3px;
        font-size: 13px;
        line-height: 16px;
        padding: 5px;
        color: #999;
    }

    .tab-menuLS .widget-title {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.categori-title {
    height: auto !important;
}

.tab-menuLS .swiper-button-next, .tab-menuLS .swiper-button-prev {
    width: 22px;
    height: 22px;
    background: var(--bg-detail-data-result);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
    cursor: pointer;
    top: 1px !important;
}

.tab-menuLS .swiper-button-disabled.swiper-button-prev:before {
    border-color: #cfcfcf;
}

.tab-menuLS .swiper-button-prev:before {
    transform: rotate(-135deg);
    position: relative;
}

.tab-menuLS .swiper-button-next:before {
    transform: rotate(45deg);
}

.tab-menuLS .swiper-button-next:before, .tab-menuLS .swiper-button-prev:before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
}

.tab-menuLS .swiper-button-next {
    bottom: 1px;
    margin-top: 0px;
    right: 0px !important;
    top: unset;
    z-index: 9;
    background-color: var(--bg-detail-data-result);
    padding-right: 4px;
}
.tab-menuLS .swiper-button-prev {
    bottom: 1px;
    margin-top: 0px;
    top: unset;
    padding-left: 4px;
}
.tab-menuLS .swiper-button-next:hover:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}
.tab-menuLS .swiper-button-prev:hover:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}
.financialchart-content .control-detail-span--typeTime {
    display: none;
}
/*.tab-menuLS .wrap-button-scroll:before {
    content: '';
    width: 10px;
    height: 28px;
    position: absolute;
    right: 75px;
    top: 0px;
    background: linear-gradient(270deg,#fafafa -4.17%,rgba(255,255,255,0) 98.96%);
    z-index: 9;
}*/
.financialchart-content .dropdown-menu > .active > a > span, .financialchart-content .dropdown-menu > .active > a:hover > span, .financialchart-content .dropdown-menu > .active > a:focus > span {
    color: white !important;
}
.financialchart-content .search-input-container {
    overflow: unset !important;
    position: relative;
    margin: 0;
    height: auto;
    box-shadow: unset;
}
.financialchart-content .search-input-container--groud {
    overflow: unset !important;
    margin: 0;
    height: auto;
    box-shadow: unset;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
}
    .financialchart-content .search-input-container--groud  .filter-select-data--tab {
        padding:0px;
    }
        .financialchart-content .search-input-container--groud .filter-select-data--tab .tab-menuLS {
            margin: 0px 10px;
        }
        .financialchart-content .search-input-container--groud .filter-select-data--tab .tab-Detail {
            border-top: solid 1px var(--bd-color);
            padding: 0px;
        }
.financialchart-content #search-icon {
    margin-top: 1px;
    margin-left: 0px;
}
.financialchart-content .search-data-result-group {
    position:relative;
}
    .financialchart-content .search-data-result-group .group-object {
        position: absolute;
        left: 8px;
        top: 8px;
    }
    .financialchart-content .search-data-result-group .search-data-result-group .group-object {
        left: 5px;
    }
    .financialchart-content .search-data-result-group .search-data-result-group .search-data-result-group .group-object {
        left: 10px;
    }
    .financialchart-content .search-data-result-group .search-data-result {
        padding-left: 20px;
    }
.financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group {
    display: none;
    padding-left: 5px;
}
    .financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group .search-data-result-group {
        display: none;
        padding-left: 5px;
    }
    .financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group .group-object {
        padding-left: 5px;
    }
    .financialchart-content .item-Detail-dropdown__columns-items-wrap .search-data-result-group .search-data-result-group .search-data-result-group .group-object {
        padding-left: 5px;
    }
.financialchart-content span.js-in-filter {
    display: flex;
    align-items: center;
}
.financialchart-content .is-show {
    display: block;
}
.financialchart-content .is-hide {
    display: none;
}
.financialchart-content .search-data-result {
   
    padding: 5px 10px;
    display: flex;
}
    .financialchart-content .search-data-result.block {
        opacity:0.7;
    }
    .financialchart-content .search-data-result img, .financialchart-content .filter-select-data-list--item img {
        margin-left: 25px;
        filter: var(--color-img-svg);
    }
    .financialchart-content .search-data-result.active {
        background-color: var(--bg-hover-active-common);
    }
.financialchart-content .child-by--catid .search-data-result, .financialchart-content .child-by--catid .search-data-result span{
    width:100%;
}
.financialchart-content .search-data-result:hover {
    background-color: var(--bg-hover-active-common);
    cursor: pointer;
    color: white;
}
.financialchart-content .label-name-detail{
    padding-left:40px;
}
.financialchart-content .label-name {
    width:10%;
}
.financialchart-content .label-name-detail {
    width: 90%;
}
.financialchart-content .label-name-full {
    width: 90%;
    padding-top: 0px;
    font-weight: 600;
}
.financialchart-content .detail-data-result {
    display: flex;
    flex-direction: column;
    background: var(--bg-detail-data-result);
    margin: 10px 16px;
    border-radius: 6px;
    border: 1px solid var(--bd-color);
}
    .financialchart-content .detail-data-result.active {
        border: 1px solid var(--bd-color);
    }
    .financialchart-content .detail-data-result:hover {
        border: 1px solid var(--bd-color);
    }
    .financialchart-content .detail-data-result .detail-data-result--object {
        display: flex;
        padding: 15px;
    }
    .financialchart-content .detail-data-result .detail-data-result--target{
        display:none;
    }
    .financialchart-content .detail-data-result.open .detail-data-result--target {
        display: block;
    }
.financialchart-content .right-content-header--control {
    padding: 25px 0px;
}
.financialchart-content .targets-content--detail {
    display: none;
    position: fixed;
    background-color: var(--bg-targets-content--detail);
    z-index: 99999;
    left: 35%;
    top: 100px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    width: 38%;
}
.financialchart-content .backmenu-chart {
    padding: 3px 4px;
    border: solid 1px #fff;
    border-radius: 16px;
    top: 4px;
    right: 30px;
    position: absolute;
}
.financialchart-content .close-popup-icon-x {
    color: white !important;
    text-decoration: none !important;
    cursor: pointer;
    padding: 0 7px;
    position: absolute;
    top: 5px;
    right: 4px;
    border: unset;
    font-size: 15px;
}
.financialchart-content #div-norm-items {
    height: 400px;
    overflow: auto;
}
.financialchart-content .link-group-norm-item {
    cursor: pointer;
    color: #4a4e52;
}
    .financialchart-content .link-group-norm-item.active, .financialchart-content .link-group-norm-item:hover {
        color: white;
    }
.financialchart-content .financialchart-popup__checkbox {
    transform: scale(1.3);
    margin-right: -5px;
    margin-top: 0px;
    display:none;
}
.targets-content--detail .filter-select-data-list--item {
    color: var(--text-common-lv1);
}
    .targets-content--detail .filter-select-data-list--item.select-data-list-item--selected {
        background-color: var(--bg-hover-active-common) !important;
        color: var(--text-select-data-list-item--selected-hover) !important;
        font-weight: 600;
    }
.targets-content--detail .search-data-result-group .group-object {
    top: 13px;
}
.financialchart-content .filter-select-data--detail {
    overflow-y: auto;
}
.financialchart-content .w-40 {
    width: 40%;
}
.financialchart-content .w-20 {
    width: 20%;
}
.financialchart-content .filter-group-target--detail {
    border-top: 1px dotted #8db4e2;
}
.financialchart-content #div-norm-items .filter-select-data-list--item {
    text-align: left;
    margin: 5px 15px;
    padding: 5px;
    display: flex;
    align-items: center;
    width: 70%;
    float: left;
    cursor: pointer;
}
    .financialchart-content #div-norm-items .filter-select-data-list--item.filter-only--per {
        width: 8%;
        float: left;
        text-align: left;
    }
    .financialchart-content #div-norm-items .filter-select-data-list--item:hover {
        background-color: var(--bg-hover-active-common);
        color:white;
    }
    .financialchart-content #div-norm-items .filter-select-data-list--item label {
        width: 100%;
        cursor: pointer;
    }
    .financialchart-content #div-norm-items .filter-select-data-list--item.filter-only--per label {
        text-align:center;
    }
.financialchart-content .filter-time-detail--box {
    border: 1px solid #8db4e2;
    border-radius: 10px;
    padding: 10px;
}
.financialchart-content .title-header-popup {
    padding: 7px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bg-title-header-popup);
    position: relative;
    background: var( --bg-title-header-popup);
    color: white;
    font-size: 13px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.financialchart-content .filter-targets-info {
    padding: 0px 15px;
}
.financialchart-content .filter-targets-group--list {
    /*position:relative;*/
}
.financialchart-content .filter-targets-group-list--scroll {
    height: 100%;
    border-top: dashed 1px var(--bd-color);
    margin-top: 5px;
}
    .financialchart-content .filter-targets-group-list--scroll .filter-targets-group {
        margin-top: 3px;
        margin-bottom: 15px;
    }
.financialchart-content .filter-targets-group--list i {
    color: gray;
    border-radius: 20%;
    font-size: 14px;
}
.financialchart-content .filter-targets-group--target {
    display: flex;
    position: relative;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
    .financialchart-content .filter-targets-group--target .filter-targets-group-target-box--option {
        position: absolute;
        background-color: var(--bg-box-content);
        left: 0%;
        padding: 5px 0px;
        display: none;
        z-index: 99999991;
        text-align: center;
        font-size: 14px;
        top: -79px;
        border: solid 1px var(--bd-color);
        border-radius: 5px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        width: 400px;
    }
    .financialchart-content .filter-targets-group--target p {
        margin-bottom: 0px;
        width: 70%;
    }
    .financialchart-content .filter-targets-group--target .drop {
        box-shadow: 1px 3px 5px #08500d52;
    }
.financialchart-content .target-control-right {
    width: 38%;
    display: flex;
    justify-content: flex-end;
}
.financialchart-content .flex-1 {
    text-align: center;
    box-sizing: border-box;
    width: 25%;
    flex: 0 0 16px;
}
.financialchart-content .filter-save-info {
    padding: 10px;
}
    .financialchart-content .filter-save-info .filter-save-info--template {
        border: 1px solid #8db4e2;
        border-radius: 10px;
        padding: 10px;
        position: relative;
        display:flex;
    }
        .financialchart-content .filter-save-info .filter-save-info--template .btn-primary {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }
#add-newchart-popup {
    z-index: 1041;
    top: 87px;
    height: 100%;
}
.financialchart-content .general-markets__chart-expand-button {
    padding: 0px 2px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.financialchart-content .general-markets__chart-expand-img {
    width: 16px;
    height: unset;
    max-width: unset;
    max-height: unset;
    filter: var(--color-img-svg);
}
    .financialchart-content .general-markets__chart-expand-img:hover, .financialchart-content .general-markets__chart-expand-img.active {
        filter: var(--contrast-img-svg)
    }
.financialchart-content .filter-targets-group-target-box-option--type-child {
    padding: 5px 10px;
    margin: 0px 0px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    cursor: pointer;
    display: flex;
}
    .financialchart-content .filter-targets-group-target-box-option--type-child img {
        width: 20px;
        filter: var(--color-img-svg);
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child:hover img, .financialchart-content .filter-targets-group-target-box-option--type-child.active img {
        filter: brightness(2);
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child span {
        padding: 5px;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child:hover {
        background: var(--bg-hover-active-common);
        color: white;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child.active {
        background: var(--bg-hover-active-common);
        color: white;
    }
.financialchart-content span.filter-targets-group-target-box-option--cancel {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    font-size: 18px;
    display: none;
}
.financialchart-content .color-target {
    cursor: pointer;
}
.financialchart-content #financestatic-chart {
    height: 100%;
    width:100%;
}
.financialchart-content .target-object--button {
    display:flex;
}
    .financialchart-content .target-object--button a {
        border: solid 1px var(--bd-color);
        margin-left: 5px;
        padding: 0px;
        color: var(--text-target-object--button);
        background: var(--bg-gr-targets-reportTermType--label);
    }
        .financialchart-content .target-object--button a.target-object-button-option--click, .financialchart-content .target-object--button a.btn-target--click {
            width: 22px;
            height: 22px;
        }
        .financialchart-content .detail-data-result.open a.btn-target__append,
        .financialchart-content .target-object--button a.btn-target__add.active,
        .gr-targets-reportTermType--label.active,
        .financialchart-content .target-object--button a.btn-target__add:hover,
        .gr-targets-reportTermType--label:hover,
        a.btn-target__append:hover,
        .target-object-button-option--click:hover {
            background-color: var(--bg-button-detail-btn--item-active) !important;
            color: white;
        }
.financialchart-content .target-object-button--option a {
    background-color: unset;
}
.right-popup .popup-search-input {
    border-radius: 5px;
    font-size: 12px;
    width: 98%;
    height: 30px;
    margin-left: 0px;
    padding: 0 10px;
}
.financialchart-content .content-chart--zoom .right-content-header-control--detail {
    padding: 10px 5px;
}
.header-control-detail--right .control-detail-btn--item.active span {
    color: white;
}
.header-control-detail--right .control-detail-btn--item .share-dropdown__body span {
    color: var(--text-common-lv1);
}
.financialchart-content .right-content-header-control--detail {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}
    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
    .financialchart-content .right-content-header-control--detail .header-control-detail--right {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        /*width: 20%;*/
        justify-content: flex-end;
    }
        .financialchart-content .right-content-header-control--detail .header-control-detail--right .control-detail-btn--item {
            padding: 4px 2px;
            background-color: var(--bg-control-detail-btn--item);
            width: 30px;
            height: 30px;
            text-align: center;
            cursor: pointer;
            opacity: 1;
            border-radius: 5px;
            border: solid 1px var(--bd-color);
        }
            .financialchart-content .right-content-header-control--detail .header-control-detail--right .control-detail-btn--item span
            {
                padding: 0 3px;
            }
        .financialchart-content .right-content-header-control--detail .header-control-detail--right .btn-item-span--exit {
            font-size: 13px;
            color: red;
            opacity: 1;
        }
    .financialchart-content .right-content-header-control--detail .control-detail--input {
        height: 30px;
        border-radius: 4px;
        width: 200px;
        position: relative;
        float: left;
        border: 1px solid var(--bd-color);
        background-color: var(--bg-box-content);
    }
    .financialchart-content .right-content-header-control--detail .control-detail-input--btn {
        position: absolute;
        top: 1px;
        right: 0px;
        background-color: var(--bg-box-content);
        border-radius: 5px;
        padding-right: 8px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 215px;
        float: left;
        display: flex;
    }
        .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
            position: absolute;
            right: 13px;
            top: 8px;
            padding: 0px;
            border: none;
            background-color: unset;
        }
.financialchart-content span.input-group-addon-icon {
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 0px;
}
.financialchart-content .active span i.fa.fa-calendar {
    color: #fff;
}
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        float: left;
    }
.financialchart-content .right-content-header-control--detail .control-detail-btn--item {
    padding: 6px;
    width: 36px;
    text-align: center;
    cursor: pointer;
    color: var(--text-control-detail-btn--item);
    border: solid 1px var(--bd-color);
    border-radius: 5px;
}
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item:hover {
        opacity: 1;
        background-color: var(--bg-button-detail-btn--item-active);
        color: white;
    }
.financialchart-content .control-group-time {
    display: flex;
    float:left;
}
.financialchart-content .right-content-header-control--detail .control-detail-group--btn .control-detail-btn--item {
    padding: 4px 0px;
    margin-right: 0.15rem;
    width:35px;
}
.financialchart-content .right-content-header-control--detail .control-detail-btn--item.active {
    opacity: 1;
    background-color: var(--bg-button-detail-btn--item-active);
    color: white;
}
.financialchart-content .right-content-header-control--detail .control-detail--control .control-detail-btn--item {
    opacity: 1;
    color: #333;
    border-radius: 5px;
    border: solid 1px var(--bd-color);
}
.financialchart-content .control-detail--fromto.active input {
    border: 1px solid var(--bg-typeTimeSub-this-input-active);
    background: var(--bg-button-detail-btn--item-active);
    color: #fff;
}
.financialchart-content .control-detail-input--btn .control-detail-input-span.edit img {
    margin-top: 3px;
    height: 15px !important;
    width: 15px !important;
}
.financialchart-content .control-detail-input--btn .control-detail-input-span.save {
    display: none;
    cursor: pointer;
    color: #01579B;
}
    .financialchart-content .control-detail-input--btn .control-detail-input-span.save .fa-check {
        background: #0FA958;
        color: white;
        padding: 2px;
        border-radius: 50%;
        margin-top: 5px;
        font-size: 11px;
    }
.financialchart-content .gr-targets-r {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 50%;
    padding: 3px 4px;
    border: solid 1px var(--bd-color);
    top: 3px;
    margin: 0 2px;
}
    .financialchart-content .gr-targets-r input {
        position: absolute;
        opacity: 0;
        top: -2px;
        left: -2px;
        width: 18px;
        height: 18px;
    }
.financialchart-content .picker-color .a-color-picker-row input {
    position: unset;
    opacity: unset;
    background-color: var( --bg-item);
}
.financialchart-content .picker-color input.a-color-picker-clipbaord {
    position: absolute;
    opacity: 0;
}
.financialchart-content .gr-targets-reportTermType select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    margin: 0 5px;
    padding: 2px;
    width: 20px;
}
    .financialchart-content .gr-targets-reportTermType select option::before {
        content: attr(data-abbreviation);
        display: none;
    }
.financialchart-content .gr-targets-reportTermType--select {
    position:relative;
}
    .financialchart-content .gr-targets-reportTermType--select .gr-targets-reportTermType--label {
        background: var(--bg-gr-targets-reportTermType--label);
        padding: 0px 5px;
        border: solid 1px var(--bd-color);
        text-align: center;
        margin-right: 3px;
    }
    .financialchart-content .gr-targets-reportTermType--select .gr-targets-reportTermType--label.hide-info {
        display:none
    }
.financialchart-content .reporttermtype-list {
    display: none;
    position: absolute;
    top: 30px;
    right: -81px;
    background: var(--bg-detail-data-result);
    border: solid 1px var(--bd-color);
    color: var(--text-common-lv1);
    z-index: 9999999999999999999999;
    border-radius: 5px;
    width: 204px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
    .financialchart-content .reporttermtype-list .reporttermtype-list--item {
        cursor: pointer;
        float: left;
        width: 30%;
        text-align: center;
        padding: 5px 4px;
        margin-left: 5px;
        border-radius: 5px;
        background: var(--bg-detail-data-result);
        margin-top: 5px;
        margin-bottom: 5px;
        border: solid 1px var(--bd-color);
    }
        .financialchart-content .reporttermtype-list .reporttermtype-list--item:hover {
            background: var(--bg-hover-active-common);
            color: white;
        }
.financialchart-content .select-edit {
    background: var(--bg-hover-active-common) !important;
    color: white;
}
.financialchart-content .gr-targets-d span {
    position: relative;
    cursor: pointer;
}
    .financialchart-content .gr-targets-d span:before {
        right: -48px;
    }
    .financialchart-content .gr-targets-d span:after {
        right: -15px;
    }
    .financialchart-content .gr-targets-d span i {
        padding: 2px;
        font-size: 18px;
    }
.financialchart-content .target-object-button--option {
    display:none;
}
    .financialchart-content .target-object-button--option .target-object-button-option--show {
        width: 170px;
        position: absolute;
        right: 0px;
        background: var(--bg-detail-data-result);
        border: solid 1px var(--bd-color);
        text-align: left;
        z-index: 99999991;
        padding: 8px 0px;
        border-radius: 10px;
        height: 130px;
        display: grid;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .financialchart-content .target-object-button--option a {
        border: unset;
        padding: 5px 10px;
        cursor: pointer;
        color: var(--text-common-lv1);
        margin-left: 0px;
    }
        .financialchart-content .target-object-button--option a:hover {
            color: var(--text-common-lv1);
            background-color: var(--bg-hover-active-common);
        }
.financialchart-content hr.target-object-button-option--hr {
    margin: 5px 10px;
    border-top: 1px dotted var(--bd-color);
}
    .financialchart-content hr.target-object-button-option--hr.style--to {
        width: 85%;
        margin-bottom: 5px;
    }
.financialchart-content .filter-footer-select--Object {
    padding-top: 10px;
}
    .financialchart-content .filter-footer-select--Object button.btn {
        border: solid 1px var(--bd-color);
        border-radius: 6px;
        float: right;
        color: var(--text-common-lv1);
        background: var(--bg-common-lv1);
    }
        .financialchart-content .filter-footer-select--Object button.btn:hover, .financialchart-content .filter-footer-select--Object button.btn:focus, .financialchart-content .filter-footer-select--Object button.btn.focus {
            color: var(--text-common-lv1);
            background: var(--bg-common-lv1);
            text-decoration: unset;
        }
.financialchart-content .modal-content {
    border-radius: 10px;
    border: unset;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.financialchart-content .control-detail--fromto input {
    width: 110px;
    border: solid 1px var(--bd-color);
    background: var(--bg-bg-content-chart-zoom--view);
    padding: 4px 5px;
    border-radius: 5px;
    padding-right: 15px;
}
    .financialchart-content .control-detail--fromto input:focus-visible, .financialchart-content .control-detail--fromto input:focus {
        border: 1px solid var(--bg-hover-active-common);
    }
.financialchart-content .bootstrap-datetimepicker-widget table td.day:hover, .financialchart-content .bootstrap-datetimepicker-widget table td.hour:hover, .financialchart-content .bootstrap-datetimepicker-widget table td.minute:hover, .financialchart-content .bootstrap-datetimepicker-widget table td.second:hover {
    background: var(--bg-hover-active-common);
    color:white;
}
.financialchart-content .item-Detail-dropdown__columns-group-info {
    padding: 7px 10px;
    font-weight: bold;
    background-color: var(--bg-detail-data-result);
    cursor: default;
}
.financialchart-content .item-Detail-dropdown__columns-items-wrap {
    margin-top: 1px;
    display: none;
}
.financialchart-content .item-Detail-dropdown__columns-items-wrap.show {
    display: block;
}
.financialchart-content .item-Detail-dropdown__columns-group-btn-arrow {
    display: block;
    float: right;
    cursor: pointer;
    width: 15px;
    height: 20px;
    color: #333;
    font-size: 23px;
    margin-top: -8px;
}
.financialchart-content .dashboar-type-forder .item-Detail-dropdown__columns-group-btn-arrow {
    position: absolute;
    top: 8px;
    right: 12px;
}
.financialchart-content .js-in-filter-select-type--event input {
    cursor: pointer;
    margin-top: 0px;
}
.financialchart-content .control-btn-extend--filter {
    display: none;
}
/*end popup add chart*/
/*list chart*/
.financialchart-content .chart-detail-item--chart {
    padding: 10px;
    width: 32.5%;
    height: 390px;
    text-align: center;
    float: left;
    margin-right: 0.8%;
    margin-bottom: 0.8%;
    position: relative;
    border: 1px solid var(--bd-color);
    border-radius: 7px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
    background: var(--bg-common-lv1);
}
    .financialchart-content .chart-detail-item--chart:hover {
        border: 1px solid var(--bg-hover-active-common);
    }
    .financialchart-content .chart-detail-item--chart .chart-detail-item-chart--control {
        display: none;
        position: absolute;
        top: 6px;
        border-radius: 10px;
        right: 6px;
        padding: 3px 10px;
        background: var(--bg-chart-detail-item-chart--control);
        z-index: 998
    }
    .financialchart-content .chart-detail-item--chart:hover .chart-detail-item-chart--control {
        display: flex;
    }
    .financialchart-content .chart-detail-item--chart span.excel {
        cursor: pointer;
    }
    .financialchart-content .chart-detail-item--chart span.zoom, .financialchart-content .chart-detail-item--chart span.plus {
        cursor: pointer;
        padding-left: 8px;
    }
    .financialchart-content .chart-detail-item--chart span.delete {
        cursor: pointer;
    }
    .financialchart-content .chart-detail-item--chart span.info {
        cursor: pointer;
        padding-right: 8px;
    }
.financialchart-content .financestatic-chart--zoom .item-chart-control--plus {
    cursor: pointer;
    padding-left: 10px;
}
.financialchart-content .fa-1x {
    margin-top: 0px
}
.financialchart-content .filter-time-info {
    padding: 5px 10px;
    border-top: 1px dotted #8db4e2;
}
.financialchart-content .highcharts-container {
    background: unset;
}
   /* .financialchart-content .highcharts-container .highcharts-series:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/content/images/vietstock_60.png) no-repeat center center;
        opacity: 0.3;
        z-index: -1;
    }*/
.financialchart-content .content-chart--zoom {
    display: none;
    position: fixed;
    z-index: 9999999;
    inset: 0px;
}
    .financialchart-content .content-chart--zoom .content-chart-zoom--view {
        height: 100%;
        width: 100%;
        min-width: calc(-70px + 100vw);
        /*min-height: calc(-100px + 100vh);*/
        background-color: var(--bg-common-lv1);
        transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        border-radius: 4px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        background-image: none;
        margin: 32px;
        /*position: relative;*/
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        max-height: calc(100% - 64px);
        max-width: 600px;
        border: 1px solid var(--bd-color);
    }
        .financialchart-content .content-chart--zoom .content-chart-zoom--view .content-chart-zoom-view--chart {
            height: 100%;
            position: relative;
            z-index: 999999999;
        }
        .financialchart-content .content-chart--zoom .content-chart-zoom--view button.close {
            position: absolute;
            top: 5px;
            right: 12px;
            font-size: 30px;
        }
        .financialchart-content .content-chart--zoom .content-chart-zoom--view .financestatic-chart--zoom hr{
            margin:0px;
        }
.financialchart-content.wrapper--fullscreen .chart-detail--list, .financialchart-content.s--full .chart-detail--list {
    height: calc(100vh - 75px)!important;
    overflow: auto;
}
.financialchart-content .dimmed {
    opacity: 0.3;
}
.financialchart-content .highlighted {
    opacity: 1 !important;
    font-weight: bold;
}
.financialchart-content .js-in-filter-select-type--event label{
    cursor:pointer;
}
.financialchart-content #d-icon-tag-select {
    width: 100%;
    padding: 6px 17px 6px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    .financialchart-content #d-icon-tag-select:before {
        border: 4px solid #0000;
        border-top-color: #51585e;
        content: "";
        margin-left: 0;
        margin-top: -4px;
        position: absolute;
        right: 15px;
        top: 55%;
        height: 32px;
    }
    .financialchart-content #d-icon-tag-select.active:before, .financialchart-content #d-icon-tag-select:hover:before {
        border-top-color: white;
    }
.financialchart-content #d-icon-tag-add {
    width: 100%;
    padding: 7px 31px 7px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}
    .financialchart-content #d-icon-tag-add:before {
        border: 4px solid #0000;
        border-top-color: #51585e;
        content: "";
        margin-left: 0;
        margin-top: -4px;
        position: absolute;
        right: 8px;
        top: 55%;
        height: 32px;
    }
    .financialchart-content #d-icon-tag-add.active:before, .financialchart-content #d-icon-tag-add:hover:before {
        border-top-color:white;
    }
    .financialchart-content #d-icon-tag-add.add-overlay-desktop--active {
        background-color: var(--bg-hover-active-common);
        color: white;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
        .financialchart-content #d-icon-tag-add.add-overlay-desktop--active::after {
            content: " ";
            top: 32px;
            right: 50%;
            border-width: 6px;
            border-style: solid;
            border-color: var(--bg-d-m-1-c1-box--control) transparent transparent transparent;
            pointer-events: none;
            position: absolute;
            z-index: 10;
            transform: rotate(180deg);
        }
.financialchart-content .d-icon-tag-add {
    padding: 0px !important;
}
.financialchart-content .e-only--mobile {
    display: none;
}
.financialchart-content .e-only--ipadpro {
    display: none;
    width: 0px;
}
.box-dialog {
    width: 340px;
    position: absolute;
    left: calc(50% - 170px);
    top: 100px;
    background: var(--bg-common-lv1);
    padding: 10px;
    z-index: 3000;
    border: solid 1px var(--bd-color);
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(139 139 139 / 60%);
}
.box-dialog__title {
    margin-bottom: 10px;
    width: 100%;
    font-weight: bold;
    color: #4a4645;
}
.box-dialog__body p {
    font-size: 15px;
    line-height: 25px;
}
.m-r-10{
    margin-right:10px;
}
/*.financialchart-content .div-group-norm-item.div-group-parent-norm-item {
    background: var(--bg-hover-active-common);
}*/
.financialchart-content .div-group-norm-item {
    padding: 8px 15px;
    cursor: pointer;
}
    .financialchart-content .div-group-norm-item.active, .financialchart-content .div-group-norm-item:hover {
        background: var(--bg-hover-active-common);
        color: white;
    }
    .financialchart-content .div-group-norm-item.active, .financialchart-content .div-group-norm-item a:hover {
        color: white;
    }
    .financialchart-content .div-group-norm-item a {
        color: var(--text-common-lv2);
    }
    .financialchart-content .div-group-norm-item:hover a {
        color: white;
    }
.financialchart-content #txt-search-report-norm {
    margin: 10px 16px;
    width: 92%;
    border-radius: 5px;
    background-color: var(--bg-txt-search-report-norm);
    border: 1px solid var(--bd-color);
}
.financialchart-content .targets-content--detail--body hr {
    margin: 0 10px;
}
.financialchart-content .targets-content--detail--body .m-t strong {
    padding: 0 15px;
}
.financialchart-content .el-image-hover--js {
    cursor:pointer
}
    .financialchart-content .el-image-hover--js:hover {
        background-color: var(--bg-hover-active-common) !important;
        color: white;
    }
.financialchart-content .swiper-button-next.el-image-hover--js:hover, .financialchart-content .swiper-button-prev.el-image-hover--js:hover {
    background-color: unset !important;
    color: unset!important;
}
.financialchart-content .dashboar-input--en {
    float: left;
    margin-top: 5px;
}
.ripple-effect {
    background-position: center;
    transition: background 0.6s;
}
    .ripple-effect:hover {
        background: #c3e7f7 radial-gradient(circle, transparent 1%, #c3e7f7 1%) center / 15000%;
    }
    .ripple-effect:active {
        background-size: 100%;
        transition: background 0s;
    }
.financialchart-content .checkbox--active {
    display:flex;
    position:relative;
}
    .financialchart-content .checkbox--active .dashboar-dialog--group {
        position: absolute;
        right: 15px;
    }
.financialchart-content .update--dashboardFinancialChart.in .dashboar-type-forder {
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.financialchart-content .btn-primary {
    background-color: unset;
    border-color: var(--bd-color);
    color: var(--text-btn-primary);
}
.financialchart-content .btn-primary:hover {
    border-color: #18A0FB;
}
.p-right .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--bg-box-content);
}
.p-center .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--bg-box-content);
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: var(--bg-common-lv1);
}
#request-upgrade-account-popup {
    z-index: 9999999991;
}
.financialchart-content .e-add--chart.active::after {
    content: " ";
    top: 32px;
    right: 35%;
    border-width: 6px;
    border-style: solid;
    border-color: var(--bg-d-m-1-c1-box--control) transparent transparent transparent;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    transform: rotate(180deg);
}
.financialchart-content .m-r--5{
    margin-right: 5px;
}
.financialchart-content .w-h--20 {
    height: 20px!important;
    width: 20px!important;
    font-size: 20px;
}
.financialchart-content .fa-calendar:before {
    content: "\f107";
}

.financialchart-content .d-tag-select--item {
    border-bottom: solid var(--d-tag-selectbd-color) 5px;
    display: flex;
}
    .financialchart-content .d-tag-select--item .menu__item--select {
        background-color: var(--d-menu-bg);
        color: var(--text-color);
        padding: 3px 30px;
        padding-left: 10px;
        min-width: 140px;
        width: auto;
        height: 40px;
        margin-right: 1px;
        position: relative;
        border-bottom: solid var(--menu-item-add-color) 2px;
        cursor: pointer;
        display: inline-block;
        margin-top: 5px;
    }
        .financialchart-content .d-tag-select--item .menu__item--select label {
            cursor: pointer;
            margin-top: 0px;
        }
        .financialchart-content .d-tag-select--item .menu__item--select.active {
            background-color: var(--bg-hover-active-common-lv1);
            box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.25);
            border-top-right-radius: 10px;
        }
        .financialchart-content .d-tag-select--item .menu__item--select img {
            margin-left: 5px;
            margin-top: -3px;
            filter: var(--color-img-svg);
        }
    .financialchart-content .d-tag-select--item.swiper-next--disabled {
        padding-right: 28px;
    }
    .financialchart-content .d-tag-select--item.swiper-prev--disabled {
        padding-left: 18px;
    }
.financialchart-content .menu__item-icon--span {
    font-size: 11px;
    text-align: right;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 1px 5px;
    opacity: 0.8;
    border-radius: 2px;
}
    .financialchart-content .menu__item-icon--span:hover {
        background: #ccc;
    }
.financialchart-content #div-group-norms {
    height: 400px;
    overflow: auto;
}
.financialchart-content .chart-detail-list--view {
    overflow: auto;
    margin-top: 10px;
    width: 100%;
}
.financialchart-content #div-edit-dashboard {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
}
    .financialchart-content #div-edit-dashboard button {
        margin-left: 5px;
        background: var(--bg-common-lv1);
        color: var(--text-common-lv1);
    }
.financialchart-content .chart-detail-item--chart.dashboard--drop {
    background: var(--bg-common-lv1);
}
.financialchart-content .h180{
    height:180px!important;
}
.financialchart-content .h200 {
    height: 200px !important;
}
.financialchart-content .picker-color {
    display: none;
    z-index: 99999999;
    left: 24%;
    top: 25%;
}
    .financialchart-content .picker-color .a-color-picker {
        z-index: 99999999;
        position: absolute;
        left: 0;
        top: 0;
        background-color: var(--bg-common-lv1);
    }
.financialchart-content .dis-grid {
    display: grid;
}
.financialchart-content #div-norm-items .per-grid--parent .filter-select-data-list--item.filter-only--per {
    position: absolute;
    right: 0px;
    display: block !important;
}
.financialchart-content #div-norm-items .per-grid--parent .search-data-result-group .search-data-result-group .filter-select-data-list--item.filter-only--per {
    position: unset;
}
.financialchart-content .data-content__empty-data-swap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0px;
    color: var(--text-common-lv1);
    visibility: hidden;
}
.financialchart-content .visibility-show {
    visibility: visible;
}
.financialchart-content .data-content__empty-data-swap i {
    font-size: 45px;
}
.financialchart-content .data-content__empty-data-description {
    padding: 10px 10px;
    font-size: 16px;
}
.financialchart-content .typeData-dropdown {
    top: 30px;
}
.financialchart-content .chart-detail-view--legend {
    display: flex;
    flex-flow: row-reverse wrap;
    margin-top: 0.75rem;
    width: 100%;
    height: 36px;
    overflow-y: auto;
    direction: rtl;
    -webkit-box-align: end;
    align-items: end;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend {
    margin-top: 2.75rem;
    width: 70%;
}
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-4 {
        width: 100%;
        margin-left: 15px;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-3 {
        width: 100%;
        margin-left: 15px;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-2 {
        width: 100%;
        margin-left: 15px;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-1 {
        width: 100%;
        margin-left: 15px;
    }
.financialchart-content .right-content--chart .chart-detail-view--legend {
    display: flex;
    flex-flow: row-reverse wrap;
    margin-top: 0.75rem;
    width: 65%;
    height: 36px;
    overflow-y: auto;
    direction: rtl;
    -webkit-box-align: end;
    align-items: end;
    margin-left: 20%;
    justify-content: end;
}
.financialchart-content .legend-item {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.financialchart-content .chart-detail-view--zoom .legend-item {
    width: 30%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-4 .legend-item {
    width: 22%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-3 .legend-item {
    width: 30%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-2 .legend-item {
    width: 40%;
}
.financialchart-content .chart-detail-view--zoom .chart-detail-view--legend.col-1 .legend-item {
    width: 50%;
}
.financialchart-content .right-content--chart .legend-item {
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.financialchart-content .chart-legend-item--group {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: inherit;
    align-items: inherit;
    cursor: pointer;
    direction: ltr;
}
.financialchart-content .chart-legend-item--icon {
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    min-width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 3px !important;
}
    .financialchart-content .chart-legend-item--icon.chart-legend-typeChart--line {
        border-radius: unset;
        height: 2px;
        width: 20px;
        margin-top: 7px !important;
    }
    .financialchart-content .chart-legend-item--icon.chart-legend-typeChart--spline {
        border-radius: unset;
        height: 2px;
        width: 20px;
        margin-top: 7px !important;
    }
.financialchart-content .chart-legend-item--name {
    margin-left: 0.5rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    padding-right: 0rem;
    color: rgb(33, 35, 46);
}
    .financialchart-content .chart-legend-item--name span {
        margin: 0px;
        line-height: 1.5;
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: var(--text-common-lv1);
    }
.financialchart-content .disabled:hover {
    cursor:not-allowed;
}
.financialchart-content .d-menu-root .swiper-button-next {
    width: 18px;
    background: var(--bg-common-lv1);
    padding: 4px;
    height: 35px;
    top: 67%;
    right: 0px;
    border-bottom: solid var(--bd-next-swiper-bt) 5px;
    z-index: 1;
}
.financialchart-content .d-menu-root .swiper-button-prev {
    background-image: unset;
    right: auto;
    left: 0px;
    width: 18px;
    top: 67%;
    padding: 4px;
    height: 35px;
    background: var(--bg-common-lv1);
    z-index: 1;
    border-bottom: solid var(--bd-next-swiper-bt) 5px;
}
    .financialchart-content .d-menu-root .swiper-button-next, .financialchart-content .d-menu-root .swiper-button-prev img{
        opacity: 1;
    }
        .financialchart-content .d-menu-root .swiper-button-next:hover, .financialchart-content .d-menu-root .swiper-button-prev:hover img {
            opacity: 1;
        }
        .financialchart-content .d-menu-root .swiper-button-next:hover, .financialchart-content .d-menu-root .swiper-button-prev:hover {
            background-color: var(--bg-hover-active-common-lv1);
        }
.financialchart-content .d-menu-root .swiper-button-next.swiper-button-disabled, .financialchart-content .d-menu-root .swiper-button-prev.swiper-button-disabled {
    display: none
}
.financialchart-content .d-menu-root .wrap-button-scroll {
    border-bottom: solid #E0F1FF 5px;
}
.financialchart-content .overlay-custom--desktop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1047;
    background-color: #000;
    opacity: .7;
}
.financialchart-content .add-overlay-desktop--active {
    z-index: 9999999 !important;
}

.financialchart-content .add-overlay-desktop--active-after {
    z-index: 1046 !important;
}
.financialchart-content .not-allowed {
    cursor: not-allowed
}
.custom-tooltip {
    max-width: 250px;
    width:250px;
    white-space: normal;
    word-wrap: break-word; 
    overflow: hidden; 
}
.financialchart-content .a-color-picker-row {
    padding: 5px 10px;
    border-top: 1px solid var(--bd-color);
}
.financialchart-content .a-color-picker-stack {
    padding: unset;
}
.a-color-picker-palette-color {
    margin: 1px 3px;
}
    .a-color-picker-palette-color.active, .a-color-picker-palette-color:focus {
        border: solid 1px #000;
        opacity: 0.8;
    }
.a-color-picker-palette-color:nth-child(17) {
    margin-left:100%;
}
.a-color-picker-palette-color:nth-child(17)::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    border: solid 1px #eee;
    margin-top: 7px;
}
.swiper-slide.menu__item--select.menu-item-select__new {
    background-color: #E0F1FF;
}
.swiper-slide.menu__item--select .dashboar-swiper__control {
    position: absolute;
    width: 210px;
    border: unset;
    display: none;
}
    .swiper-slide.menu__item--select .dashboar-swiper__control input {
        width: 220px;
        border: 1px solid #1973ed;
        margin-top: 1px;
        position: absolute;
        left: -5px;
        z-index: 99999;
        border-radius: 3px;
        background-color: var(--bg-color);
    }
    .swiper-slide.menu__item--select .dashboar-swiper__control button {
        position: absolute;
        right: 0px;
        top: 3px;
        padding: 0px 2px;
        border: unset;
        background: white;
        color: #333;
        z-index: 99999;
        background-color: var(--bg-color);
    }
        .swiper-slide.menu__item--select .dashboar-swiper__control button.right-15 {
            right: 15px;
        }
    .swiper-slide.menu__item--select .dashboar-swiper__control.dashboar-swiper-control__new {
        display:block!important;
    }
.stroke-thick__ness {
    padding: 0 12px;
}
.stroke-thick-ness__box {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    overflow: hidden;
    margin: 5px 0px;
}
    .stroke-thick-ness__box .stroke-item {
        display: flex;
        flex-direction: column;
        width: 25%;
        height: 25px;
        background: var(--bg-ness-box-stroke-item);
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0rem 0.75rem;
        cursor: pointer;
        margin: 0px 1px;
    }
        .stroke-thick-ness__box .stroke-item:hover, .stroke-thick-ness__box .stroke-item.active {
            background-color: var(--bg-hover-active-common);
        }
        .stroke-thick-ness__box .stroke-item .item-stroke__1 {
            display: flex;
            flex-direction: column;
            height: 1px;
            width: 100%;
            background: rgb(255, 255, 255);
        }
        .stroke-thick-ness__box .stroke-item .item-stroke__2 {
            display: flex;
            flex-direction: column;
            height: 2px;
            width: 100%;
            background: rgb(255, 255, 255);
        }
        .stroke-thick-ness__box .stroke-item .item-stroke__3 {
            display: flex;
            flex-direction: column;
            height: 3px;
            width: 100%;
            background: rgb(255, 255, 255);
        }
        .stroke-thick-ness__box .stroke-item .item-stroke__4 {
            display: flex;
            flex-direction: column;
            height: 4px;
            width: 100%;
            background: rgb(255, 255, 255);
        }
    .stroke-thick-ness__box .thick-ness-item {
        display: flex;
        flex-direction: column;
        width: 25%;
        height: 25px;
        background: var(--bg-ness-box-stroke-item);
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0rem 0.75rem;
        cursor: pointer;
        margin: 0px 1px;
    }
        .stroke-thick-ness__box .thick-ness-item:hover, .stroke-thick-ness__box .thick-ness-item.active {
            background-color: var(--bg-hover-active-common);
        }
        .stroke-thick-ness__box .thick-ness-item .item-thick-ness__1 {
            display: flex;
            flex-direction: column;
            height: 1px;
            width: 100%;
            background: rgb(255, 255, 255);
        }
        .stroke-thick-ness__box .thick-ness-item .item-thick-ness__2 {
            display: flex;
            flex-direction: column;
            height: 1px;
            width: 100%;
            border: dashed 1px #fff;
        }
        .stroke-thick-ness__box .thick-ness-item .item-thick-ness__3 {
            display: flex;
            flex-direction: column;
            height: 1px;
            width: 100%;
            background: rgb(255, 255, 255);
            position: relative;
        }
            .stroke-thick-ness__box .thick-ness-item .item-thick-ness__3::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: -2px;
                width: 5px;
                height: 5px;
                background-color: white;
                border-radius: 50%;
                transform: translateX(-50%);
            }
        .stroke-thick-ness__box .thick-ness-item .item-thick-ness__4 {
            display: flex;
            flex-direction: column;
            height: 1px;
            width: 100%;
            border: dotted 1px #fff;
        }
.financialchart-content .detail--box input.input-search {
    padding: 0 10px;
    width: 92%;
    border: 1px solid var(--bd-color);
    border-radius: 5px;
    outline: none;
    color: var(--text-color);
    font-size: 12px;
    height: 30px;
    background-color: var(--bg-common-lv3);
}
.financialchart-content .detail--box span.span-icon__search {
    position: absolute;
    right: 12%;
    top: 14px;
    color: gray;
}
.financialchart-content .advance-search__dashboard .detail--box span.span-icon__search {
    right: 5px;
    top: 5px;
    padding-right: 7px;
}
.financialchart-content .advance-search__dashboard .detail--box span.span-number__check {
    color: var(--text-span-icon-search-advance);
    padding: 10px;
    font-size: 10px;
    position: absolute;
    width: 127px;
}
.financialchart-content .detail--box span.span-icon-search__advance {
    border-radius: 5px;
    padding: 4px 10px;
    border: solid 1px var(--bd-color);
    margin-left: 10px;
    color: var(--text-span-icon-search-advance);
    height: 30px;
}
    .financialchart-content .detail--box span.span-icon-search__advance:hover {
        border: solid 1px #18A0FB;
    }
.financialchart-content .advance-search__dashboard-pos .detail--box span.span-icon-search__advance {
    float: right;
    min-width: 30px;
}
    .financialchart-content .advance-search__dashboard-pos .detail--box span.span-icon-search__advance img {
        width: 22px;
        height: 24px;
        margin-top: -6px;
    }
.info-chart-detail__list {
    padding-left: 15px;
}
    .info-chart-detail__list .chart-dialog-text {
       padding:5px 5px!important;
    }
        .info-chart-detail__list .chart-dialog-text:hover {
            background-color: var(--bg-hover-active-common);
            color: #fff;
        }
.financialchart-content .d-tag-select--item .menu__item--select.menu-item-select__add {
    min-width: 85px;
    text-align: center;
    padding: 3px 0px;
    margin: 3px 5px;
    height: 27px;
    background: var(--menu-item-add-color);
    border-radius: 5px;
}
    .financialchart-content .d-tag-select--item .menu__item--select.menu-item-select__add  label {
        font-size: 14px;
        font-weight: 200;
    }
    .financialchart-content .d-tag-select--item .menu__item--select.menu-item-select__add:hover {
        color: #FFFFFF;
        border-bottom: solid #18A0FB 2px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select.menu-item-select__add:hover {
        box-shadow: unset !important;
        border: 0px !important;
        border-top-right-radius: 5px !important;
        background-color: var(--bg-hover-active-common);
    }
        .financialchart-content .d-tag-select--item .menu__item--select.menu-item-select__add:hover i {
            color: #FFFFFF;
        }
.financialchart-content .d-tag-select--item .menu__item--select.editing {
    width: 230px;
}
.advance-search__dashboard-pos {
    position: unset !important;
}
    .advance-search__dashboard-pos .advance-dashboard__left {
        width: 25%;
        float: left;
        height: 100%;
    }
    .advance-search__dashboard-pos .advance-dashboard__right {
        width: 75%;
        float: left;
        background: var(--bg-common-lv1);
        border-top-right-radius: 7px;
    }
        .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control {
            display: inline-block;
            float: right;
        }
            .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control button {
                margin-left: 10px;
                text-align: center;
                border-radius: 5px;
                height: 30px;
                padding: 0 10px;
                min-width: 30px;
                color: var(--text-btn-primary);
            }
.advance-search__dashboard {
    width: 99.6% !important;
    height: 100%;
    border-radius: 10px !important;
    z-index: 1048 !important;
    top: 45px !important;
    left: 0.4% !important;
}
.financialchart-content .advance-search__dashboard-pos .info-chart-detail__list{
    display:none;
}
.financialchart-content .advance-search__dashboard-pos .detail--box {
    padding: 10px;
}
    .financialchart-content .advance-search__dashboard-pos .detail--box .div-search {
        width: 30%;
        position: relative;
        display: inline-block;
    }
    .financialchart-content .advance-search__dashboard-pos .detail--box input.input-search {
        width: 100%;
        background-color: var(--bg-box-content);
    }
.financialchart-content .advance-search__dashboard-pos .detail--box-2 {
    padding: 10px;
    padding-top:0px;
}
.financialchart-content .advance-search__dashboard .advance-dashboard__left .detail--box {
    padding: 7px 0px;
}
.financialchart-content .advance-search__dashboard-pos .d-m-1-c1-box--control::after {
    display: none;
}
.financialchart-content .advance-search__dashboard-pos .hr-dashboard__edit, .financialchart-content .advance-search__dashboard-pos .dashboard-edit {
    display: none;
}
.financialchart-content .chart-detail-view-image__temp {
    /*display: none !important;*/
}
.financialchart-content .chart-detail-view__image {
    border: solid 1px var(--bd-color);
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
    width: 32.3%;
    float: left;
    margin-right: 1%;
    position: relative;
    background-color: var(--bg-box-content);
    min-height: 215px;
}
    .financialchart-content .chart-detail-view__image label {
        width: 100%;
        padding: 0px;
        display: unset;
    }
    .financialchart-content .chart-detail-view__image input {
        position: absolute;
        z-index: 9;
        right: 10px;
    }
    .financialchart-content .chart-detail-view__image:hover, .financialchart-content .chart-detail-view__image.active {
        border: solid 1px #18A0FB;
    }
.financialchart-content .advance-dashboard__content {
    margin: 0px;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 60%;
    border-top: solid 1px var(--bd-color);
    position: relative;
}
.financialchart-content .advance-dashboard-content__detail-jsview {
    display: none;
}
.financialchart-content .search-input-container {
    background: var(--bg-box-content);
}
.financialchart-content .c-add-chart {
    width: 22px !important;
    height: 22px !important;
    margin-top: -8px;
}
.option-darkmode {
    display: block;
}
.financialchart-content .center-box {
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 0rem;
}
.span-icon-search__advance-exit {
    width: 30px;
    height: 30px;
    font-size: 13px;
    color: red !important;
    opacity: 1;
    text-align: center;
    line-height: 20px;
}
.financialchart-content label.dashboard-financialName-child {
    margin-left: 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
    background: var(--bg-dashboar-child);
    padding: 5px 10px;
    border-radius: 2px;
    border-top: solid 1px var(--bd-color);
}
.financialchart-content .not-border-bottom {
    border-bottom:unset!important;
}
.financialchart-content .custom-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #555;
    cursor: pointer;
    position: relative;
    float: right;
    background: var(--bg-common-lv2);
}
.financialchart-content .custom-nameChart {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    color: var(--text-common-lv1);
}
.financialchart-content .chart-detail-view__image.active .custom-checkbox::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid var(--text-common-lv1);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.financialchart-content .criteria-dialog-control {
    display: none;
    position: absolute;
    top: 2px;
    background: var(--bg-detail-data-result);
    z-index: 998;
    width: 277px;
    box-shadow: 0px 0px 5px 0px #999;
    padding: 10px;
    border-radius: 5px;
    right: 0px;
}

    .financialchart-content .criteria-dialog-control input {
        width: 100%;
        background-color: var(--bg-dashboar-dialog-input) !important;
        border: 1px solid #ddd;
        border-radius: 5px;
        outline: none;
        color: var(--text-dashboar-dialog-input) !important;
        font-size: 14px;
    }

        .financialchart-content .criteria-dialog-control input:focus-visible {
            border: 1px solid #1973ed;
            outline: none;
        }

    .financialchart-content .criteria-dialog-control .criteria-dialog-a {
        padding: 0px 2px;
        border: unset;
        background: transparent;
        color: #333;
        width: 100%;
        float: left;
        text-align: right;
        margin-top: 5px;
    }

        .financialchart-content .criteria-dialog-control .criteria-dialog-a i.fa-save {
            color: var(--text-dashboar-dialog-input);
        }
.financialchart-content .sector-lever--option {
    margin-left: 5px;
    background: var(--bg-common-lv1);
    color: var(--text-common-lv1);
}
.financialchart-content .sector-stock--level {
    background-color: transparent;
    background: unset;
    font-weight: 200;
    margin: 0 10px;
    border-bottom: 1px solid var(--bd-color);
}
.financialchart-content .sector-stock--level .fa{
    font-size:12px;
}
.financialchart-content .sector-stock-level--dropdown {
    margin: 0 12px;
}
.financialchart-content .not-select {
    cursor: not-allowed !important;
    opacity: 0.1;
    color: var(--text-btn-primary);
    border: solid 1px var(--text-btn-primary);
}
.financialchart-content .not-select:hover {
    background-color:transparent;
}
.financialchart-content .macro--level {
    background-color: transparent;
    background: unset;
    font-weight: 200;
    margin: 0 10px;
    border-bottom: 1px solid var(--bd-color);
}

    .financialchart-content .macro--level .fa {
        font-size: 12px;
    }
.financialchart-content .macro-level--dropdown {
    margin: 0 12px;
}
.financialchart-content .filter-targets-group-target--label {
    width: 100%;
    text-align: left;
    padding: 6px 10px !important;
    background: var(--bg-dashboar-child);
    color: var(--text-d-m-1-c1-box--control);
    margin-top: 4px;
}
.financialchart-content .fs-11 {
    font-size: 10px;
}
.financialchart-content .not-show {
    display:none!important;
}
.theme-dark input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #38404E inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}
.financialchart-content .swiper-button-next.swiper-button-disabled, .financialchart-content .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}
.financialchart-content .form-control {
    border-color: var(--bd-color) !important;
}
.financialchart-content .nav-item {
    display: inline-block;
    padding: 5px 12px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s;
    background: var(--bg-box-content);
    color: var(--text-common-lv1);
    border-radius: 50px;
    border: solid 1px var(--bd-color);
    margin-left: 5px;
}
    .financialchart-content .nav-item.active {
        background: var(--bg-dashboar-hover);
        color: var(--text-common-lv2);
    }
.theme-dark .btn-bd-1 {
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 0.4) !important;
}
.theme-dark .btn-bd-1 img{
    filter: brightness(1.4);
}
    .theme-dark .btn-bd-1 .fa {
        color: rgba(255, 255, 255, 0.4);
    }
.financialchart-content .span-icon__reset {
    border: solid 1px var(--bd-color);
    padding: 3px 4px;
    border-radius: 5px;
    position: absolute;
    right: -160px;
    display: none;
    width: 30px;
    text-align: center;
}
.financialchart-content .span-icon__reset:hover {
    border: solid 1px #18A0FB;
}
.financialchart-content .span-icon-mobile__reset {
    border: solid 1px var(--bd-color);
    padding: 3px 4px;
    border-radius: 5px;
    display: none;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-top: 4px;
    float: right;
    margin-right: 5px;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: var(--bg-hover-active-common);
}
@media (min-width: 1200px) {
    .financialchart-content .filter-select-data--detail {
        display: block !important;
    }
    .financialchart-content .e-only--mobile {
        display: none !important;
    }
    .financialchart-content.s--full {
        top: 37px;
    }
    .financialchart-content.s--full {
        padding-left: 5%;
        padding-right: 5%;
    }
    .financialchart-content.wrapper--fullscreen {
        padding-left: 10px;
        padding-right: 10px;
    }
    #add-newchart-popup {
        margin: 0 5%;
    }
    .financialchart-content.wrapper--fullscreen #add-newchart-popup {
        margin: unset;
    }
    .financialchart-content .d-m-1-c1-box--control {
        width: 426px;
    }
        .financialchart-content .d-m-1-c1-box--control.menu--select {
            width: 205px;
        }
    .financialchart-content .d-tag-select--item .menu__item--select:hover {
        background-color: var(--bg-hover-active-common-lv1);
        box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.25);
        border-top-right-radius: 10px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select.editing:hover {
        color: unset;
    }
    .financialchart-content .right-content-header--control {
        padding-bottom: 0px;
    }
    .p-t-desktop {
        padding-top:10px;
    }
    .financialchart-content .menu__item-icon--span {
        display: none;
    }
    .financialchart-content .menu__item--select:hover .menu__item-icon--span {
        display: block;
    }
    .filter-targets-group-target-box-option--type-child {
        padding: 5px;
        width: 109px !important;
        height: 115px;
        display: unset;
        position: relative;
        float: left;
        margin: 6px !important;
        border-radius: 5px;
        border: solid 1px var(--bd-color);
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child span {
        position: absolute;
        top: 62px;
        width: 100%;
        left: 0px;
    }
    .filter-targets-group-target-box-option--type-child .target-box-option-image {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 13px;
        left: 26%;
        padding: 8px;
        border: solid 3px #ddd;
        border-radius: 50%;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child.active {
        background: unset;
        color: #333;
    }
    .financialchart-content .filter-targets-group--target .filter-targets-group-target-box--option {
        width: 608px;
        padding: 0px;
    }
    .financialchart-content hr.target-object-button-option--hr {
        margin: 5px 10px;
        border-top: unset;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child:hover, .financialchart-content .filter-targets-group-target-box-option--type-child.active {
        background: linear-gradient(to bottom, var(--bg-control-detail-btn--item-active) 40%, white 40%);
        color: #333;
        border-radius: 5px;
        border: solid 1px var(--bd-color);
    }
        .financialchart-content .filter-targets-group-target-box-option--type-child:hover .target-box-option-image, .financialchart-content .filter-targets-group-target-box-option--type-child.active .target-box-option-image {
            background: var(--bg-control-detail-btn--item-active);
        }
    .financialchart-content .filter-targets-group-target-box-option--type-child.not-hover:hover, .financialchart-content .filter-targets-group-target-box-option--type-child.not-hover {
        background: unset !important;
        color: unset !important;
    }
    .filter-targets-group-target-box-option--type-child.not-hover {
        border: unset!important;
    }
    .financialchart-content .chart-detail-view__image {
        height: 280px;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child img {
        width: 35px;
    }
    .financialchart-content .w-400 {
        width: 400px !important;
    }
    .financialchart-content .advance-search__dashboard .detail--box span.span-number__check {
        font-size: 12px;
        padding: 8px 5px;
    }
    .detail--box-2 span.span-number__check {
        font-size: 12px;
        padding: 8px 5px;
        color: var(--text-span-icon-search-advance);
    }
}
@media (max-width: 1199px) {
    .financialchart-content .detail--box span.span-icon-search__advance {
        padding: 4px;
    }
    .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control button {
        padding: 0 6px;
        width: 30px;
    }
}
@media (min-width: 1180px) {
    .financialchart-content .beetween--time {
        padding: 0 5px;
    }
    .financialchart-content span.input-group-addon-icon {
        left: 1px;
    }
}
@media (min-width: 992px) {
    .financialchart-content.s--full {
        top: 46px;
    }
    .financialchart-content.wrapper--fullscreen {
        top: 0px;
        z-index: 1049;
        padding-top: 10px;
    }
    #add-newchart-popup {
        top: 95px;
        border-radius: 10px;
        z-index: 99999999;
    }
    .financialchart-content.wrapper--fullscreen #add-newchart-popup {
        top: 60px;
        margin: 0px 11px;
    }
}
@media (min-width: 1025px) {
    .financialchart-content .header-control-detail--right {
        position: absolute;
        right: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-group--btn {
        display: flex;
        flex-direction: row;
        float: left;
    }
    .financialchart-content .filter-select-data--detail {
        display: block !important
    }
    .financialchart-content .e-not--desktop {
        display: none !important;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        border-left: 1px solid var(--bd-color);
        margin-left: 10px !important;
        padding-left: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span{
        padding:0 5px;
    }
    .financialchart-content .e-show--desktop {
        display: block;
    }
    .financialchart-content .advance-search__dashboard .advance-dashboard__left .detail--box {
        border-bottom: 1px solid var(--bd-color);
    }
    .advance-search__dashboard-pos .advance-dashboard__left {
        border-right: solid 1px var(--bd-color);
    }
}
@media (min-width: 1025px) and (max-width: 1366px) {
    .financialchart-content .left-popup {
        width: 30%;
    }

    .financialchart-content .right-popup {
        width: 68%;
    }
    .financialchart-content .targets-content--detail {
        width: 50%;
    }
}
@media (max-width: 1367px) {
    .financialchart-content .body-popup button.close {
        position: absolute;
        right: 15px;
        z-index: 99999;
    }

    .financialchart-content .mg-l0{
        margin-left:0px!important;
    }

    .financialchart-content .left-popup {
        width: 34%;
    }

    .financialchart-content .right-popup {
        width: 65%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 30px;
        height: 30px;
        float: left;
        margin-top: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top:5px;
    }
    .financialchart-content .financestatic-chart--zoom .control-detail-group--btn {
        display: flex;
        flex-direction: row;
        float: left;
    }

        .financialchart-content .control-detail-group--filter:before {
            border: 4px solid #0000;
            border-top-color: #51585e;
            content: "";
            margin-left: 0;
            margin-top: -4px;
            position: absolute;
            right: 6px;
            top: 55%;
            height: 32px;
        }
}
@media (min-width: 521px) and (max-width: 1367px) {
    .financialchart-content .chart-detail-item--chart {
        width: 49%;
    }

    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        width: 100%;
    }

    .financialchart-content .right-content--header {
        padding-top: 8px;
    }

    .financialchart-content .body-popup button.close {
        right: 0px;
    }

    .financialchart-content .control-detail--control, .financialchart-content .control-detail--fromto {
        float: left;
        margin-top: 0px;
        margin-left: 5px;
    }

    .financialchart-content .targets-content--detail {
        width: 64%;
    }

    .financialchart-content .control-detail--control, .financialchart-content .control-detail--fromto {
        margin-top: 0px;
    }

    .financialchart-content .targets-content--detail {
        margin-top: 0px;
    }

    .financialchart-content .control-detail-group--filter {
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        border-radius: 5px;
        color: var(--text-common-lv1);
        padding: 4px 8px;
        margin-left: 5px;
        display: flex;
        align-items: center;
        border: 1px solid var(--bd-color);
        background-color: var(--bg-popup-search-input);
        padding-right: 17px;
    }

    .financialchart-content .right-popup .control-detail-group--btn {
        display: none;
        top: 26px;
        background: white;
        width: 280px !important;
        position: absolute;
        left: auto;
        right: 0px;
        border: 1px solid var(--bd-color);
        background-color: var(--bg-popup-search-input);
        border-radius: 3px;
        z-index: 10;
        box-shadow: 1px 3px 5px #0c0b0b59;
        padding: 5px 10px 10px 10px;
        margin-left: 0px;
    }

    .financialchart-content .control-detail-span--typeTime {
        display: block;
    }

    .financialchart-content .filter-select-data--detail {
        display: block !important;
    }
    .financialchart-content .advance-search__dashboard .advance-dashboard__left .detail--box {
        border-bottom: 1px solid var(--bd-color);
    }
    .advance-search__dashboard-pos .advance-dashboard__left {
        border-right: solid 1px var(--bd-color);
    }
    .detail--box-2 span.span-number__check {
        font-size: 12px;
        padding: 8px 5px;
        color: var(--text-span-icon-search-advance);
    }
}
@media (min-width: 991px) and (max-width: 1199px) {
    #add-newchart-popup {
        margin: 0 10px;
    }
    .financialchart-content .d-m-1-c1-box--control {
        width: 435px;
    }
    .financialchart-content .picker-color .a-color-picker {
        left: 34%;
        top: 20%;
    }
    .e-only--option {
        display: none;
    }
}
@media (max-width: 1025px) {
    .overlay-custom {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1047;
        background-color: #000;
        opacity: .5;
    }
    .add-overlay--active {
        z-index: 9999999 !important;
        position: fixed !important;
        background: white !important;
    }
    .add-overlay--active-after {
        z-index: 1046!important;
    }
    .financialchart-content .d-menu-root {
        position: relative !important;
    }
    .breadcrumbs .head-bread{
        display:none;
    }
    .financialchart-content .typeData-dropdown {
        top: 58px;
    }
    .financialchart-content .right-content--chart .chart-detail-view--legend {
        width: 100%;
        margin-left: 0%;
    }
    .financialchart-content .chart-detail-view--zoom .chart-detail-view--legend {
        width: 100%;
        margin-left: 0%;
    }
}
@media (min-width: 850px) and (max-width: 991px) {
    #add-newchart-popup {
        top: 67px;
        margin: 0 10px;
        border-radius: 10px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        border-left: solid 1px var(--bd-color);
        padding-left: 10px;
        margin-left: 10px;
    }
    .financialchart-content .typeData-dropdown {
        top: 58px;
    }
    .e-only--option{
        display:none;
    }
}
@media (min-width: 400px) and (max-width: 985px) {
    .e-only--desktop {
        display: none;
    }
    .financialchart-content .d-icon-tag-select {
        width: 60px;
    }
}
@media (min-width: 521px) and (max-width: 850px) {
    .financialchart-content .right-popup {
        margin-left: 0px;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--input {
        width:140px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-group--btn{
        width:42px;
    }
    .financialchart-content .financestatic-chart--zoom .right-content-header-control--detail .control-detail-group--btn {
        width: unset;
    }
    .financialchart-content .control-detail--control, .financialchart-content .control-detail--fromto, .financialchart-content .header-control-detail--right {
        margin-top: 0px;
        float: left;
    }

    .financialchart-content .targets-content--detail {
        margin-top: 5px;
    }
    #add-newchart-popup {
        top: 47px;
        margin: 0 10px;
        border-radius: 10px;
    }
    .financialchart-content .filter-select-data--detail {
        height: calc(-46px + 0rem + 100vh);
        overflow: auto;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        border-left: solid 1px var(--bd-color);
        padding-left: 5px;
        margin-left: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 30px;
        padding: 4px 5px;
    }
    .financialchart-content .right-popup .control-detail-group--btn {
        width: 395px !important;
    }
    .financialchart-content .gr-targets-reportTermType--select .gr-targets-reportTermType--label {
        padding: 0px 1px;
    }
    .financialchart-content .detail-data-result .detail-data-result--object {
        padding: 7px;
    }
    .financialchart-content .filter-targets-info {
        padding: 7px;
    }
    .financialchart-content .typeData-dropdown {
        top: 58px;
    }
    .financialchart-content .picker-color .a-color-picker {
        left: 34%;
        top: 20%;
    }
    .financialchart-content .chart-detail-view__image {
        margin-bottom: 5px;
        width: 48.3%;
    }
    .financialchart-content .e-only--option {
        display: none;
    }
}
/*end list chart*/
/*ipad*/
@media (min-width: 1024px) and (max-width: 1366px) {
    .financialchart-content .body-popup button.close {
        padding-right: 4px;
    }
    .financialchart-content .e-only--ipadpro {
        display: block;
        width:unset;
    }
    .financialchart-content .e-not--ipadpro {
        display: none!important;
    }
    .financialchart-content .right-popup .control-detail-group--btn {
        width: 385px !important;
        left: 0px;
        top: 33px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top: 0px;
        border-left: 1px solid var(--bd-color);
        margin-left: 5px !important;
        padding-left: 5px;
    }
}
@media (max-width: 600px) {
    .e-only--desktop {
        display: none !important;
    }
    .p-right .bootstrap-datetimepicker-widget.dropdown-menu {
        left: 0px !important;
        width: 15em;
    }
        .p-right .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
            right: auto;
            left: 6px;
        }
        .p-right .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
            right: auto;
            left: 7px;
        }
    .p-center .bootstrap-datetimepicker-widget.dropdown-menu {
        left: -50px !important;
        width: 15em;
    }

        .p-center .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
            right: auto;
            left: 60px;
        }

        .p-center .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
            right: auto;
            left: 61px;
        }
    .financialchart-content .d-m-1-c1-box--control {
        width: 300px;
        left: 0px;
    }
    .financialchart-content .target-object-button--option .target-object-button-option--show {
        position: fixed;
        right: 39px;
    }
}
/*mobile*/
@media (min-width: 521px) and (max-width: 766px) {
    .financialchart-content .right-content-header-control--detail .header-control-detail--right {
        width: 27%;
    }
    .advance-search__dashboard-pos .advance-dashboard__left {
        width: 35%;
    }

    .advance-search__dashboard-pos .advance-dashboard__right {
        width: 65%;
    }
    .financialchart-content .detail--box span.span-icon-search__advance {
        margin-left: 5px;
    }
    .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control button {
        margin-left: 5px;
    }
}
@media (max-width: 520px) {
    .financialchart-content .dashboar-dialog {
        margin: 0 2%;
    }

    .financialchart-content .filter-group-row {
        position: relative;
    }

    .financialchart-content .chart-detail-item--chart {
        width: 100%;
    }

    .financialchart-content .d-m-1-c1-box {
        z-index: 9991;
        width: 200px;
    }

    .financialchart-content .left-popup {
        width: 100%;
        float: unset;
        height: 100%;
    }

    .financialchart-content .right-popup {
        width: 100%;
        float: unset;
        height: 100%;
    }

    .financialchart-content .right-content--header {
        padding-top: 0px;
    }

    .financialchart-content .control-popup-button--right, .financialchart-content .control-popup-button--left {
        display: block;
    }

    .financialchart-content .control-popup-button--right {
        color: white;
        padding: 3px;
        display: flex;
        justify-content: flex-end;
    }

        .financialchart-content .control-popup-button--right label {
            font-size: 12px;
            padding: 2px 5px;
            border: solid 1px #fafafa;
            margin-bottom: 0px;
        }

        .financialchart-content .control-popup-button--right .control-detail-btn--item, .financialchart-content .control-popup-button--left .control-detail-btn--item {
            color: red;
            margin-right: 12px;
        }

    .financialchart-content .control-popup-button--left {
        background: #1C579B;
        color: white;
        padding: 3px;
        padding-left: 3px;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

        .financialchart-content .control-popup-button--left label {
            border: solid 1px #fafafa;
            font-size: 12px;
            padding: 2px 5px;
            margin-bottom: 0px;
        }

    .financialchart-content .body-popup button.close {
        padding-left: 2%;
        width: 3%;
        text-align: right;
        opacity: 1;
        color: #ddd;
    }

    .financialchart-content .d-menu-root.menu--full {
        height: 95px;
    }

    .financialchart-content .m-right {
    }

    .financialchart-content .d-menu-root.menu--full .m-right {
        display: flex;
        width: 100%;
        padding-top: 0px;
    }

    .financialchart-content .btn-menu--full {
        display: block;
        margin-top: 2px;
        font-size: 20px;
        margin-left: 15px;
    }

    .financialchart-content .box-content {
        padding: 0px;
        margin: 0px;
    }

    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        display: block;
        width: 100%;
        position: relative;
        background: var(--bg-item);
        padding: 15px 10px;
        border-radius: 10px;
        margin: 0 4px;
    }

    .financialchart-content .control-detail-group--btn, .financialchart-content .control-detail--fromto, .financialchart-content .control-detail--control {
        margin-left: 0px;
        margin-top: 6px;
    }

    .financialchart-content .right-popup {
        border: unset;
        margin-left: 0px;
        padding: 0px 5px 5px 5px;
    }

    .financialchart-content .right-content--chart {
        margin: 7px 0px;
        min-height: 200px;
    }

    .financialchart-content .d-m-1-c.bd-0 {
        display: none;
    }

    .financialchart-content .content-chart--zoom .content-chart-zoom--view {
        margin: 0px;
    }

        .financialchart-content .content-chart--zoom .content-chart-zoom--view .content-chart-zoom-view--chart {
            margin-top: 30px;
        }

    .e-only--desktop {
        display: none !important;
    }

    #add-newchart-popup {
        height: 90% !important;
        margin: 0 2%;
        width: 94%;
        top: 45px;
        position: absolute;
        background: var(--bg-box-content);
        border-radius: 10px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
    }

    .financialchart-content .targets-content--detail {
        left: 3%!important;
        top: 57px!important;
        width: 94%;
        position: fixed;
    }

    .financialchart-content .div-group-norm-item {
        padding: 5px 10px;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--input {
        width: 100%;
        margin-bottom: 5px;
    }

        .financialchart-content .control-detail-group--filter:before {
            border-top-color: transparent;
        }

    .financialchart-content .right-content-header-control--detail .header-control-detail--right {
        display: none;
    }

        .financialchart-content .right-content-header-control--detail .header-control-detail--right.show-inline {
            display: inline-flex;
            float: left;
        }

    .financialchart-content .control-btn-extend--filter {
        display: block;
        width: 20px;
        float: left;
        padding-left: 7px;
        font-size: 20px;
    }

    .financialchart-content .filter--full {
        display: table-caption;
    }

    .financialchart-content .control-detail--fromto {
        margin-top: 5px;
    }

    .financialchart-content .filter-select-data--detail {
        height: 381px;
    }

    .financialchart-content .search-input-container {
        padding: 0 10px;
    }

    .financialchart-content .filter-select-data--detail {
        margin-top: 0px;
        display: none;
        position: absolute;
        top: -1px;
        z-index: 99999;
        width: 99%;
        margin: 0 3px;
        background: var(--bg-box-content); /*moi them 4122024*/
        /*height: 460px !important;*/ /*moi them 4122024*/
    }

        .financialchart-content .filter-select-data--detail .filter-select-data--body {
            position: relative;
            padding: 0 10px 0px 6px;
        }

    .financialchart-content #div-norm-items .filter-select-data-list--item {
        padding: 5px 0px;
        height: 70px;
    }

    .financialchart-content .filter-select-data-list--item .financialchart-popup__checkbox {
        width: 10%;
        float: left;
        display:none;
    }

    .financialchart-content .filter-select-data-list--item label {
        width: 90%;
        float: left;
    }

    .financialchart-content .control-detail-group--btn {
        top: 25px;
        left: -5px;
    }
    .financialchart-content .control-detail-group--filter {
        position:unset;
    }
    .filter-label-info {
        padding: 0 3px;
    }
    .financialchart-content .detail-data-result {
        margin: 10px 3px;
    }
    .financialchart-content .right-popup .popup-search-input.e-w--date {
        width: 30%;
    }
    .financialchart-content .modal-content {
        height: inherit;
    }
    .financialchart-content .d-icon-tag-select span {
        cursor: pointer;
        width: 24px;
        overflow: hidden;
        white-space: nowrap;
    }
    .financialchart-content .change--object {
        left: 2%;
        width: 97%;
    }
    .financialchart-content .d-m-1-c1-box--control {
        left: 0;
    }
    .financialchart-content #d-icon-tag-add {
        padding: 8px 5px;
        width: 50px;
        margin-top: 0px;
        padding-left: 5px;
    }
    .financialchart-content .modal-content {
        border-radius: 10px;
        border: solid 1px var(--bd-e9e9e9);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    }
    .financialchart-content .popup-search-input {
        background: var(--bg-box-content);
        padding: 0px 10px;
        margin: 0px;
        width: 100%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 34%;
    }
    .financialchart-content .e-only--mobile {
        display: block;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 64%;
    }
    .financialchart-content .control-detail--fromto input {
        border: solid 1px var(--bd-color);
        background: #fff;
        padding: 4px 5px;
        border-radius: 5px;
        font-size: 12px;
        padding-right: 14px;
        width: 113%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control .control-detail-btn--item {
        margin-left: 3px;
        margin-top: -1px !important;
    }
    .left-object--mobile {
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 99999;
        background: var(--bg-box-content);
    }
    .financialchart-content .view-plus--result {
        position: absolute;
        top: 22px;
        z-index: 9999999;
        border-top: solid 1px var(--bd-color);
        width: 95%;
    }
        .financialchart-content .view-plus--result span {
            border-radius: 50%;
            padding: 2px 10px;
            font-size: 20px;
            background: var(--bg-color);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
            top: -19px;
            position: absolute;
            left: 45%;
        }
    .financialchart-content .view-minus--result {
        position: fixed;
        z-index: 9999999;
        bottom: 7%;
        border-top: solid 1px var(--bd-color);
        width: 90%;
    }
        .financialchart-content .view-minus--result span {
            border-radius: 50%;
            padding: 2px 10px;
            font-size: 20px;
            background: var(--bg-color);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
            top: -19px;
            position: absolute;
            left: 45%;
        }
    .financialchart-content .d-m-1-c1-box--control {
        min-width: 225px;
    }
    .financialchart-content .targets-content--detail--body .m-t strong {
        padding: 0 3px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.8%;
        background: var(--bg-common-lv1);
        font-size: 12px;
    }
        .financialchart-content .right-content-header-control--detail .control-detail-btn--item.w-3btn {
            width: 30px;
            float: right;
        }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top: 8px;
    }
    .financialchart-content .control-detail--control {
        margin-top: 10px;
    }
    .financialchart-content span.input-group-addon-icon {
        top: 6px;
    }
    .financialchart-content #div-norm-items {
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        top: 6px;
    }

    .financialchart-content .wp-3{
        width:3%;
        float:left;
    }
    .financialchart-content .wp-45 {
        width: 50%;
        float: left;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 100px;
        min-width: 100px;
    }
        #add-newchart-popup.show-object--detail .right-popup {
            display:none;
        }
    #add-newchart-popup.show-object--search {
        height: 410px !important
    }
        #add-newchart-popup.show-object--search .right-popup {
            display: none;
        }
    .financialchart-content .box-content {
        box-shadow: unset;
    }
    .financialchart-content #add-newchart-popup.update-dashboardFinancialChart--active {
        display: none !important;
    }
    .financialchart-content .menu__item-icon--span {
        right: 2px;
        top: 5px;
        padding-top: 6px;
    }
    .financialchart-content .e-add--chart.active::after {
        top: 43px;
        right: unset;
        position: fixed;
    }
    .filter-select-data--tab .tab-Detail {
        height: 240px;
    }
    .financialchart-content .picker-color .a-color-picker {
        left: 10px;
    }
    .financialchart-content .typeData-dropdown {
        top: 20px;
    }
    .box-dialog {
        padding: 20px;
    }
    .financialchart-content .right-content-header--control {
        padding-bottom: 0px;
    }
    .financialchart-content .select-item.non-active {
        background-color: white !important;
        color: #333;
        box-shadow: unset;
    }
    .financialchart-content #d-icon-tag-add.non-active:before {
        border-top-color: #51585e;
    }
    .financialchart-content .el-image-hover--js.non-active:hover {
        background-color: white !important;
        color: #333;
        box-shadow: unset;
    }
    .financialchart-content .right-content--chart .chart-detail-view--legend {
        width: 100%;
        margin-left: 0%;
        position: absolute;
    }
    .financialchart-content .legend-item {
        width: 47%!important;
    }
    .financialchart-content .d-menu-root .wrap-button-scroll{
        display:none;
    }
    .financialchart-content .d-tag-select--item.swiper-next--disabled {
        padding-right: 0px;
    }
    .financialchart-content .d-tag-select--item.swiper-prev--disabled {
        padding-left: 0px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select label {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
        padding-top:2px;
    }
    .financialchart-content .share-dropdown--right {
        top: -12px;
        right: 50px;
    }
    .financialchart-content .d-m-limit--v1 {
        display:none;
    }
    .custom-tooltip {
        width: 200px; 
    }
    .financialchart-content .filter-targets-group--target .filter-targets-group-target-box--option {
        column-count: 1;
        column-gap: 0px;
        width: 320px;
        left: 25px !important;
        top: 80px !important;
        padding: 5px;
    }
    .financialchart-content .right-popup {
        background: var(--bg-box-content);
    }
    .financialchart-content .control-detail--fromto input {
        background: var(--bg-common-lv1);
        font-size: 12px !important;
        transform: unset;
        transform-origin: unset;
        height: 30px;
        width: 100%;
        margin-top: 1px;
    }
    .financialchart-content .modal-content {
        background-color: var(--bg-box-content);
    }
    .wrapper--fullscreen .financialchart-content .d-menu-root, .s--full .financialchart-content {
        margin-top: 10px;
    }
    .advance-search__dashboard-pos .advance-dashboard__left {
        width: 100%;
        background: var(--bg-common-lv1);
        z-index: 999;
        height: unset;
        position: relative;
        padding-top: 18px;
    }
    .advance-search__dashboard-pos .advance-dashboard__right {
        width: 100%;
        background: var(--bg-common-lv1);
        border-radius: 10px;
    }
    .financialchart-content .m-l-025r {
        margin-left: 5px;
    }
    .financialchart-content .m-r-025r {
        margin-right: 2px;
    }
    .financialchart-content .right-content-header--control hr {
        display: none;
    }
    .financialchart-content .chart-detail-item--chart {
        margin-right: unset;
        height: 300px;
        margin-bottom: 10px;
    }
    .financialchart-content .dashboar-dialog-control {
        left: 0;
    }
    .financialchart-content .detail--box span.span-icon-search__advance {
        margin-left: 2px;
    }
    .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control button {
        margin-left: 2px;
    }
    .financialchart-content .advance-search__dashboard .advance-dashboard__left .detail--box {
        margin: 8px;
        border: solid 1px var(--bd-color);
        max-height: 275px;
        border-radius: 5px;
        border-bottom: none;
        margin-bottom: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .financialchart-content .advance-dashboard__content {
        width: 100%;
    }
    .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control button {
        height: 30px;
        width: 30px;
    }
    .financialchart-content .advance-search__dashboard-pos .detail--box span.span-icon-search__advance {
        height: 30px;
        width: 30px;
        padding: 0px 6px;
    }
        .financialchart-content .advance-search__dashboard-pos .detail--box span.span-icon-search__advance.span-icon-search__advance-exit {
            position: absolute;
            top: 0px;
            z-index: 999;
            border: none;
            right: 0px;
        }
        .financialchart-content .advance-search__dashboard-pos .detail--box span.span-icon-search__advance.span1 {
            padding-top: 4px;
            margin-top: 4px;
            width: unset;
            margin-right: 4px;
        }
    .financialchart-content .detail--box input.input-search {
        height: 34.29px;
    }
    .financialchart-content .advance-search__dashboard .detail--box span.span-icon__search {
        top: 6px;
        right: -10px;
    }
    .financialchart-content .advance-search__dashboard-pos .detail--box .div-search {
        width: 96%;
    }
        .financialchart-content .advance-search__dashboard-pos .detail--box .div-search.chevron-down {
            width: 85%;
        }
    .span-icon-search__advance-exit {
        padding: 3px 6px !important;
    }
    .financialchart-content .advance-search__dashboard-pos .detail--box {
        padding: 0px 5px 40px 5px;
    }
    .financialchart-content .p-mb-lr5 {
        padding: 0 5px;
    }
    .financialchart-content .m-mb-lr5 {
        margin: 0 5px;
    }
    .btn-collapse-up, .btn-collapse-down {
        position: absolute !important;
        width: 25px;
        height: 25px !important;
        padding: 3px 2px !important;
        right: 2px;
        border-radius: 50% !important;
        bottom: -17px;
        font-size: 12px;
        background: var(--bg-d-m-1-c1-box--control);
    }
    .financialchart-content .div-search .btn-collapse-down {
        display: none;
        right: -17%;
        bottom: 0px !important;
    }
    .financialchart-content .scroll-menu--dashboad {
        overflow: hidden;
        max-height: 275px;
        transition: max-height 0.5s ease-in-out;
    }
        .financialchart-content .scroll-menu--dashboad.hide-1 {
            max-height: 0 !important;
            padding: 0px !important;
            margin: 0px 0px 5px 0px !important;
            border: unset !important;
        }
    .financialchart-content .chart-detail-view__image {
        width: 96%;
        margin-left: 2%;
        border: solid 2px var(--bd-color);
    }
    .financialchart-content input, .financialchart-content textarea, .financialchart-content select {
        font-size: 16px !important;
        transform: scale(0.875);
        transform-origin: left center;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-group--btn .control-detail-btn--item {
        padding: 6px 0px;
    }
    .financialchart-content #div-norm-items .filter-select-data-list--item {
        width: 60%;
        margin: 5px 10px;
        padding: 0 5px;
    }
    .financialchart-content .advance-search__dashboard-pos .detail--box input.input-search {
        width: 118%;
    }
    .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control button {
        padding: 0 5px;
        margin-right: 4px;
    }
    .advance-search__dashboard-pos .advance-dashboard__right .advance-dashboard__control {
        padding-top: 4px;
    }
    .financialchart-content .detail-box__control-group {
        float: right;
        padding: 9px 5px 9px 5px;
        margin: 0px 8px 14px 8px;
        width: 96%;
        border: solid 1px var(--bd-color);
        position: relative;
    }
    .financialchart-content hr.lm-dashboard{
        margin-left:8px;
        margin-right:8px;
        padding-bottom:4px;
    }
    .financialchart-content label.dashboard-financialName-child {
        margin-left: 15px;
        border: solid 1px var(--bd-color);
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child {
        width: 50%;
        height: 55px;
    }
        .financialchart-content .filter-targets-group-target-box-option--type-child img {
            padding-top: 8px;
        }
        .financialchart-content .filter-targets-group-target-box-option--type-child span {
            text-align: left;
        }
    .detail--box-2{
        display:none;
    }
    .financialchart-content .show-mobile {
        display: block;
    }
    .right__bar-group {
        display: block;
    }
}
@media (max-width: 425px) {
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        top: 5px;
    }
    #add-newchart-popup {
        width: 95.2%;
    }
}
@media (max-width: 414px) {
    .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
        top: 5px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 127px;
    }
}
@media (max-width: 390px) {
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 32%;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 66%;
    }
        .financialchart-content .right-content-header-control--detail .control-detail--fromto span.input-group-addon {
            right: 11px;
            top: 8px;
        }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.7%;
    }
}
@media (max-width: 375px) {
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 29%;
    }

    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 69%;
    }
    #add-newchart-popup {
        height: 88% !important;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.5%;
    }
        .financialchart-content .right-content-header-control--detail .control-detail-btn--item.w-3btn {
            width: 28%;
        }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 105px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        padding: 6px 3px;
    }
}
@media (max-width: 320px) {
    .financialchart-content .right-content-header-control--detail .control-detail--input.e-w--date {
        width: 100%;
        margin-bottom: 5px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        width: 11.6%;
        margin-top: 0px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        width: 69%;
    }
    .financialchart-content .right-content-header-control--detail .control-detail--control {
        width: 29%;
    }
    .financialchart-content i.fromDate--fa, .financialchart-content i.toDate--fa {
        font-size: 12px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        font-size:12px;
    }
    .financialchart-content .right-content-header-control--detail .header-control-detail--left {
        padding: 5px;
        margin: 0px;
        margin-top: 15px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item.w-3btn {
        width: 28.3%;
    }
    #add-newchart-popup {
        height: 86% !important;
    }
    .financialchart-content .right-content-header--control {
        padding-bottom: 0px;
        padding-top: 5px;
    }
        .financialchart-content .right-content-header--control hr {
            margin-bottom: 0px;
            margin-top: 5px;
        }
    .financialchart-content .right-content-header-control--detail .control-detail--fromto {
        margin-top: 5px;
    }
    .financialchart-content .control-detail--control {
        margin-top: 5px;
    }
    .financialchart-content .d-m-1-c {
        padding: 8px 5px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        width: 82px;
    }
    .financialchart-content .d-tag-select--item .menu__item--select {
        padding-left: 3px;
    }
    .financialchart-content .d-m-1-c1-box--control {
        width: 280px;
    }
    .financialchart-content .right-content-header-control--detail .control-detail-btn--item {
        padding: 6px 3px;
    }
    .financialchart-content .filter-targets-group--target .filter-targets-group-target-box--option {
        left: 0px !important;
        top: 10px !important;
    }
    .financialchart-content .filter-targets-group-target-box-option--type-child {
        height: 42px;
    }
}
@media screen and (max-width: 1440px) {
    .container {
        width: 95%;
    }
    #add-newchart-popup {
        margin: 0px 2.8%;
    }

    .financialchart-content.s--full {
        padding-left: 2.8%;
        padding-right: 2.8%;
    }
}
@media screen and (max-width: 1366px) {
    .container:not(.page-header-content > .container) {
        width: 100%;
    }
    #add-newchart-popup {
        margin: 0px 10px;
    }
    .financialchart-content.s--full {
        padding-left: 5px;
        padding-right: 5px;
    }
}