/* Minification failed. Returning unminified contents. (722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (863,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-primary' (875,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (876,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (905,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (920,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (935,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (948,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (960,36): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1000,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1008,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1062,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1066,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-gentle' (1067,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1071,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary' (1072,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1087,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1092,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1105,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1119,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary' (1123,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1141,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1156,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (1159,33): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1177,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1182,34): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1187,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (1209,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1225,36): run-time error CSS1039: Token not allowed after unary operator: '-border-color-tertiary' (1269,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1283,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-surface' (1284,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (1299,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1314,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1320,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1323,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1327,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-surface' (1328,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1344,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (1348,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1351,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1360,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1368,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-tertiary' (1372,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-faint' (1391,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-contrast' (1417,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1485,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1488,42): run-time error CSS1039: Token not allowed after unary operator: '-color-box-shadow-surface' (1489,34): run-time error CSS1039: Token not allowed after unary operator: '-color-box-shadow-surface' (1491,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1504,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary' (1525,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-surface' (1529,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary' (1546,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (1711,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (1719,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1757,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1763,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1769,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1780,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (1845,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1876,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (1880,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1904,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (1926,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (2008,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (2076,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (2126,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (2230,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (2247,33): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (2263,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (2289,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (2296,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary' (2297,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (2537,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (2541,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (2561,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (2579,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (2585,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (2613,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (2632,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (2662,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (2663,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary' (2689,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted' (2700,13): run-time error CSS1038: Expected hex color, found '#0000' (2708,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-soft' (2709,13): run-time error CSS1038: Expected hex color, found '#0000' (2720,34): run-time error CSS1039: Token not allowed after unary operator: '-border-color-tertiary' (2723,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-faint' (2756,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (2757,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-secondary' (2806,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary' (2811,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (2815,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-faint' (2816,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (2843,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (2931,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (2933,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary' (2951,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary' (3006,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (3007,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (3135,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (3136,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-secondary' (3235,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-scrollbar-track-primary' (3240,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-scrollbar-thumb-primary' (3547,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (3553,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-secondary' (3607,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (3973,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-soft' (4003,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4012,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-signet' (4013,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary' (4068,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4072,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4090,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4201,36): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4207,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4266,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4270,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4286,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4328,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4344,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4349,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4361,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4384,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4393,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-gentle' (4394,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (4542,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4556,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-faint' (4560,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary' (4579,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-inverse' (4609,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4611,34): run-time error CSS1039: Token not allowed after unary operator: '-color-box-shadow-surface' (4614,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (4615,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4623,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4628,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary' (4651,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-secondary' (4741,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary' (4756,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (4762,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4773,33): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4779,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary' (4784,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary' (4796,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-surface' (4800,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary' (4801,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-surface' */ /*! * 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} /* START => OVERRIDE STYLES FOR THEME */ .theme-dark { color-scheme: dark; } .theme-dark body { background-color: #060606; color: #fff; } .theme-dark .page-menu .menu-all-content { background-color: #2E2E2E; border-color: #FFFFFF26; } .theme-dark .menu-lv-1 { color: #fff !important; } .theme-dark .menu-lv-2 { color: #999 !important; } .theme-dark .menu-lv-3 { color: #666 !important; } .theme-dark #stock-info .title, .theme-dark #stock-info a.title-link { color: #0280EA; } .theme-dark .no-padder .header-breadcrumb { background-color: #060606; } .theme-dark .news-lasted > ul > li:nth-child(odd), .theme-dark .header-market :nth-child(odd).row { background-color: #060606; } .theme-dark #header-news .title-link, .theme-dark .navbar-login .title-link { color: #999; } .theme-dark #header-market a.title-link, .theme-dark #header-market .pure-text { color: #999; } .theme-dark #ul-top-menu .title-link { color: #999; } .theme-dark .nav-tabs.bg.view-tab.swipe-tabs, .theme-dark .bg { background-color: #062246; } .theme-dark #page-menu-content .navbar-nav > li:hover > a, .theme-dark #page-menu-content .navbar-nav > li > a:hover, .theme-dark #page-menu-content .navbar-nav > li > a:focus, .theme-dark #page-menu-content .navbar-nav > li.active > a { background-color: #556C8B !important; color: #CCC !important; } .theme-dark .page-menu .dropdown-menu li > a { background-color: #2E2E2E; color: #fff; } .theme-dark #page-menu-content li.active > a, .theme-dark #page-menu-content .dropdown-menu li > a:hover { background-color: #556C8B !important; color: #CCC !important; } .theme-dark #header-market .row { border-bottom: 1px solid #FFFFFF26; } .theme-dark .news-lasted > ul > li { border-bottom: 1px solid #FFFFFF26; } .theme-dark .top-header { border-bottom: 1px solid #FFFFFF26 !important; } .theme-dark #heatmap-wrapper-left .i-b { border-bottom-color: #FFFFFF26; } .theme-dark .heatmap-search input { border: 1px solid #FFFFFF26 !important; background-color: #2E2E2E !important; color: #999 !important; } .theme-dark #btn-mobile-search { background-color: #556C8B !important; } .theme-dark .table-hover > tbody > tr:hover, .theme-dark .table-hover > tbody > tr:hover > td { background-color: #2E2E2E !important; } .theme-dark .table > thead > tr > th { border-bottom: 2px solid #FFFFFF26; } .page-menu .menu-all .option-theme-mode { display: flex; } .theme-dark .theme-4 .footer { background-color: #2e2e2e; border-top-color: #ffffff26; color: #999; } .theme-dark .border_black { border-bottom-color: #666; } .theme-dark .theme-4 .widget-title { color: #fff; } .theme-dark hr.horizontal-dottb { border-color: #666; } .theme-dark .theme-4 .footer .single_fcontact a { color: #999; } .theme-dark .theme-4 .footer .single_footer_nav ul li a { color: #999; } .theme-dark .theme-4 .footer .copyright { background-color: #060606; } .theme-dark .theme-4 .footer .copyright ul li a { color: #999; } .theme-dark .theme-4 .footer .single_contact3 { background-color: #060606; border-color: #ffffff26; } .theme-dark .theme-4 .footer .single_contact3 h6 b { color: #fff; } .theme-dark .theme-4 .footer .single_contact3 p { color: #999; } .theme-dark .theme-4 a { color: #999; } .theme-dark .theme-4 .footer .more_newss { border-color: #666; } .theme-dark .theme-4 .footer .single_more_news a { color: #999; } .theme-dark .theme-4 .footer .single_more_news p { color: #999; } .theme-dark .news_letter { background-color: #060606; } .theme-dark ul.footer-info-company li { background-color: #060606; color: #999; border-color: #ffffff26; } .theme-dark #popup-search { background-color: #060606; } .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 #list-menu-finance li.not-hover:hover { background-color: transparent !important; } .theme-dark ul.sub1-list-menu li.sub1-menu-item:hover { background-color: #2e2e2e; } .theme-dark ul.sub-list-menu li.sub-menu-item:hover { background-color: #2e2e2e; } .theme-dark #list-menu-finance li.not-hover:hover { background-color: transparent !important; } .theme-dark ul.sub1-list-menu li.sub1-menu-item:hover { background-color: #2e2e2e; } .theme-dark ul.sub-list-menu li.sub-menu-item:hover { background-color: #2e2e2e; } .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 .heatmap-dropdown { background-color: #2e2e2e; box-shadow: 1px 3px 5px #999999aa; color: #999; } .theme-dark .heatmap-dropdown__header { background-color: #6666664D; border-color: #ffffff26; } .theme-dark .heatmap-dropdown__header-text { color: #fff; } .theme-dark .heatmap--menu__title { background: #6666664D; /* color: #999; */ } .theme-dark .heatmap--parent-item.active { background-color: #666; color: #fff; border-color: #ffffff26; } .theme-dark .heatmap-dropdown__body--ParentCol { border-color: #ffffff26; } .theme-dark .heatmap-dropdown__item--active { background-color: #666; color: #fff; } .theme-dark .heatmap__menu.heatmap-dropdown__item--active { color: #fff; } .theme-dark .heatmap-dropdown__item:hover { background-color: #666; } .theme-dark .row-heatmap-container { border-color: #ffffff26; } .theme-dark .heatmap-dropdown:before { border-bottom-color: #3f3f3f; } .theme-dark .heatmap-dropdown__item img { filter: invert(1); } .theme-dark .heatmap-dropdown__body::-webkit-scrollbar-track, .theme-dark .heatmap-dropdown__body--ChildCol::-webkit-scrollbar-track { background-color: #2C2C2C; } .theme-dark .heatmap-dropdown__body::-webkit-scrollbar-thumb, .theme-dark .heatmap-dropdown__body--ChildCol::-webkit-scrollbar-thumb { background-color: #9f9f9f; } .theme-dark .heatmap-toolbar__button-info-wrap--active { background-color: #060606; } .theme-dark .heatmap-dropdown__item-checkbox { background-color: #666; border-color: #ffffff26; } .theme-dark .heatmap-dropdown__item-checkbox--active { background-color: #666; } .theme-dark .heatmap-dropdown__item-checkbox--active:after { border-color: #fff; } .theme-dark .heatmap-dropdown__item-color-bg:before { border-bottom-color: #2e2e2e; } .theme-dark .dialog-heatmap { background-color: #2e2e2e; box-shadow: 0 2px 4px #999999aa; } .theme-dark .dialog-heatmap__header { background-color: #6666664D; border-bottom-color: #ffffff26; } .theme-dark .dialog-heatmap__header-text { color: #fff; } .theme-dark .dialog-heatmap__filter-selection-wrap { border-color: #ffffff26; } .theme-dark .dialog-heatmap__footer--filtering { background-color: #6666664D; border-top-color: #ffffff26; } .theme-dark .dialog-heatmap__button--secondary { background-color: #666; } .theme-dark .dialog-heatmap__button--primary { background-color: #0280ea; } .theme-dark .dialog-heatmap__close-button:hover { background-color: #666; } .theme-dark .dialog-heatmap__button--secondary:hover { background-color: #999; } .theme-dark #login-form .modal-content { background-color: #2e2e2e; } .theme-dark #request-upgrade-account-popup .modal-content { background-color: #2e2e2e; } .theme-dark #request-upgrade-account-popup .modal-content button.close { color: #fff; opacity: 0.5; } .theme-dark #request-upgrade-account-popup .modal-content { background-color: #2e2e2e; } .theme-dark #request-upgrade-account-popup .modal-content button.close { color: #fff; opacity: 0.5; } .theme-dark #login-form .login-tabs ul li .active { color: #fff; background-color: transparent !important; } .theme-dark #login-form .login-tabs ul li a { color: #999; } .theme-dark #login-form .bg-gray-1 { background-color: #666 !important; border-color: #ffffff26 !important; } .theme-dark #login-form .form-control { background-color: transparent !important; color: #fff; } .theme-dark #ul-top-menu li:after { background-color: #fff; } .theme-dark .news-wrapper .inner ul li a { color: #fff; } .theme-dark .news-wrapper .inner ul li a:hover { color: #0280ea; } .theme-dark .news-stock-container { background-color: #2e2e2e; } .theme-dark .header-newsMobile { background-color: #2e2e2e; } .theme-dark #NewsShowAll { background-color: #666; } .theme-dark #header-newsMobile .item .class1, .theme-dark #header-newsMobile .item .class2, .theme-dark #header-newsMobile .item .class3 { border-bottom-color: #666 !important; } .theme-dark #NewsHideAll { background-color: #666; } .theme-dark .main_menu { background-color: #060606; } .theme-dark #header-newsMobile .title, .theme-dark #header-newsMobile a.title-link { color: #0280ea; } .theme-dark .menuMobileContainer { background-color: #062246; } .theme-dark #newsprk_menu1 { background-color: #062246; } .theme-dark .cont-index .price { color: #999; } .theme-dark .top-indexs a { color: #999; } .theme-dark .top-indexs .fr-index { border-right-color: #666; } #popup-menu-mobile .option-theme-mode { display: block; } .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 .package-policy-icon-header { background-color: #2e2e2e; } .theme-dark .package-policy-icon-header img { content: url("/content/images/nang-cap-tai-khoan--dark-mode.svg"); } .theme-dark .navbar-login .notification img, .theme-dark .mobile-notify .notificationMobile img { content: url("/content/images/thong-bao--dark-mode.svg"); } .theme-dark .navbar-login .notification:hover { background-color: #2e2e2e; } .theme-dark #header-news .title-link:hover, .theme-dark .navbar-login .title-link:hover { color: #0280EA; } .theme-dark #breadcrumbMobileMenu { background-color: #2e2e2e; border-color: #ffffff26; } .theme-dark #breadcrumbMobileMenu .divhome .imgHome { border-color: #ffffff26; background-color: #666; } .theme-dark #breadcrumbMobileMenu .divhome .imgHome img { filter: brightness(3); } .theme-dark #aBreadcrumbMobile { color: #0280EA; } .theme-dark .btn-tutorial { background-color: #2e2e2e; color: #fff; } .theme-dark .btn-social { border-color: #ffffff26; } .theme-dark .dropdown-menu--tutorial-item { color: #fff; border-bottom-color: #ffffff26; } .theme-dark .dropdown-menu--tutorial { background-color: #2e2e2e; -webkit-box-shadow: 0 6px 12px #99999950; box-shadow: 0 6px 12px #99999950; } .theme-dark .dropdown-menu--tutorial-item:hover { background-color: transparent !important; } .theme-dark #login-info-popup { background-color: #060606; border-color: #666; box-shadow: 5px 8px 5px -5px #99999950; } .theme-dark #login-info-popup ul li:last-child { background-color: #2e2e2e; } .theme-dark #login-info-popup a { color: #999; } .theme-dark #notification-popup { background-color: #2e2e2e; border-color: #ffffff26; box-shadow: 0 1px 10px #99999970; } .theme-dark #notify-all-content .fheader, .theme-dark #notification-popup .fheader { background-color: #666; border-color: #ffffff26; } .theme-dark #notification-popup .text { color: #999 !important; } .theme-dark #notify-all-content .fTotalNotify, .theme-dark #notification-popup .fTotalNotify { color: #fff; } /* END => OVERRIDE STYLES FOR THEME */ .theme-dark { --color-text-primary: #fff; --color-text-secondary: #999; --color-text-tertiary: #999; --color-text-surface: #fff; --color-text-muted: #999; --color-text-gentle: #999; --color-text-soft: #666; --color-text-faint: #ccc; /*--color-text-inverse:; --color-text-contrast:;*/ --color-text-active: #CCC; --color-text-menu: #fff; --color-label-heatmap: #fff; --border-color-header: #FFFFFF26; --border-color-primary: #FFFFFF26; --border-color-secondary: #FFFFFF26; --border-color-tertiary: #999; --border-color-surface: #999; --border-color-muted: #fff; --bg-vst: #062246; --bg-vst-active: #556C8B; --bg-menu: #2E2E2E; --bg-menu-primary: #2E2E2E; --bg-menu-secondary: #556C8B; --bg-group-heatmap: #2E2E2E; --bg-primary: #060606; --bg-secondary: #2E2E2E; --bg-tertiary: #999; --bg-surface: #2E2E2E; --bg-muted: #171717; --bg-gentle: #666; --bg-soft: #060606; --bg-faint: #2e2e2e; --bg-inverse: #666; --bg-contrast: #171717; --bg-signet: #556C8BAA; --bg-row-active-primary: #2E2E2E; --bg-row-active-secondary: #999; --bg-row-active-tertiary: #171717; --bg-row-active-surface: #666; --bg-scrollbar-thumb-primary: #666; --bg-scrollbar-track-primary: #2e2e2e; --bg-flash-green: #4CAF50; --bg-flash-red: #D45A5A; --bg-flash-orange: #d69b41; --color-box-shadow-surface: #999999aa; } .theme-light { --color-text-primary: #282828; --color-text-secondary: #545b66; --color-text-tertiary: #666; --color-text-surface: #666; --color-text-muted: #282828; --color-text-gentle: #555; --color-text-soft: #282828; --color-text-faint: #282828; /*--color-text-inverse:; --color-text-contrast:;*/ --color-text-active: #01579a; --color-text-menu: rgba(0,0,0,.87); --color-label-heatmap: #000; --border-color-header: #ecedee; --border-color-primary: #ddd; --border-color-secondary: #00000026; --border-color-tertiary: #00000026; --border-color-surface: #666; --border-color-muted: #666; --bg-vst: #01579B; --bg-vst-active: #fbfbfb; --bg-menu: #fff; --bg-menu-primary: #F9F9F9; --bg-menu-secondary: #fff; --bg-group-heatmap: #f0f0f0; --bg-primary: #fff; --bg-secondary: #F8F9FA; --bg-tertiary: #E1F5FE; --bg-surface: #fff; --bg-muted: #fff; --bg-gentle: #eaf0ff; --bg-soft: #eee; --bg-faint: #eaf0ff; --bg-inverse: #E1F5FE; --bg-contrast: #F2F2F2; --bg-signet: #f0f3fa70; --bg-row-active-primary: #ffe5bf; --bg-row-active-secondary: #ffe5bf; --bg-row-active-tertiary: #f0f3fa; --bg-row-active-surface: #f0f3fa; --bg-scrollbar-thumb-primary: #A4A4A4; --bg-scrollbar-track-primary: #D9D9D9; --bg-flash-green: #c4ffc4; --bg-flash-red: #ffcdcd; --bg-flash-orange: #ffeac5; --color-box-shadow-surface: #0c0b0b59; } /*=== Style for container ===*/ /* Default: Mobile-first approach */ .container { padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; width: 100%; } /* Từ 768px trở lên: padding 2 bên 20px */ @media (min-width: 768px) { .container { padding-left: 20px; padding-right: 20px; } } /* Từ 1440px trở lên: cố định chiều rộng 1350px, bỏ padding */ @media (min-width: 1440px) { .container { width: 1350px; padding-left: 0; padding-right: 0; } } /* Từ 1920px trở lên: cố định chiều rộng 1710px */ @media (min-width: 1920px) { .container { width: 1710px; } } /*=== End style for container ===*/ .macro-data-container { display: flex; gap: 20px; position: relative; } .macro-sidebar { border-radius: 0px 10px 10px 0px; background-color: var(--bg-menu-primary); min-width: 290px; width: 290px; padding: 20px; display: flex; flex-direction: column; row-gap: 16px; transition: all 0.5s linear; height: 100%; } .macro-data-container .macro-sidebar { background-color: var(--bg-surface); border: 1px solid var(--border-color-secondary); border-radius: 10px; box-shadow: 0px 4px 4px 0px #00000040; padding-top: 25px; } .sidebar-label { font-family: Helvetica; font-size: 24px; font-weight: 700; line-height: 100%; text-align: left; color: #282828; } .sidebar-search { width: 100%; height: 30px; min-height: 30px; position: relative; } .sidebar-search > input { height: 100%; width: 100%; border-radius: 15px; outline: none; border: 1px solid #00000026; padding-left: 35px; background-color: var(--bg-primary); } .sidebar-search > i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #0280EA; display: flex; } .menu-group { display: flex; flex-direction: column; border-bottom: 1px solid var(--border-color-secondary); padding-bottom: 8px; padding-top: 8px; } .sidebar-menu { display: flex; flex-direction: column; } .menu-group--name { font-family: Helvetica; font-size: 13px; /*font-weight: 700;*/ text-align: left; color: var(--color-text-primary); /*padding-top: 7px;*/ cursor: default; display: flex; align-items: center; justify-content: space-between; user-select: none; } .menu-group--list { font-family: Helvetica; font-size: 13px; font-weight: 400; color: var(--color-text-tertiary); display: flex; flex-direction: column; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; } .menu-group-item { cursor: pointer; padding-bottom: 7px; padding-top: 9px; border-bottom: 1px dashed var(--border-color-secondary); padding-left: 10px; display: flex; align-items: center; gap: 5px; } .theme-dark .menu-group-item > img { filter: brightness(3); } .menu-group--list .menu-group-item:last-child { border-bottom: none; } .menu-group-item:hover { color: #0280EA; } .menu-group-item--active { color: #0280EA !important; /*font-weight: 700 !important;*/ } .macro-content { display: flex; flex-direction: column; width: 100%; min-width: 50%; } .macro-content__chart { display: flex; flex-direction: column; gap: 10px; } .macro-content__chart-option { display: flex; align-items: center; border: 1px solid var(--border-color-secondary); border-radius: 10px; flex-wrap: nowrap; height: fit-content; padding: 7px 12px; gap: 8px; /*overflow-x: clip;*/ transition: height 0.2s ease-out; background-color: var(--bg-surface); } .option-group-right { display: flex; } .option-group-side { display: flex; margin-left: auto; } .option-group-left { position: relative; display: flex; align-items: center; gap: 5px; flex-grow: 1; } .option-timeline { display: flex; align-items: center; gap: 3px; padding-right: 0; flex-wrap: nowrap; row-gap: 5px; position: relative; } .option-timeline::-webkit-scrollbar { width: 0; height: 0; } .option-timeline__item { border: 1px solid #00000026; height: 30px; line-height: 30px; min-width: 40px; text-align: center; padding: 0 5px; border-radius: 10px; color: #999999; font-family: Helvetica; font-size: 12px; font-weight: 400; cursor: pointer; user-select: none; display: flex; justify-content: center; align-items: center; gap: 7px; flex-grow: 1; background-color: var(--bg-primary); } .option-timeline__item:hover { background-color: var(--bg-gentle); color: var(--color-text-primary); } .option-timeline__item--active { background-color: var(--bg-tertiary) !important; color: var(--color-text-primary) !important; cursor: default; } .option-period { display: flex; gap: 5px 2px; align-items: center; } .option-period__calendar { display: flex; align-items: center; justify-content: center; height: 30px; border: 1px solid var(--border-color-secondary); border-radius: 15px; gap: 1px; width: fit-content; min-width: max-content; background-color: var(--bg-primary); padding: 0 6px; } .option-period__calendar > input { font-family: Helvetica; font-size: 13px; font-weight: 400; line-height: 13.8px; width: 80px; text-align: center; border: none; outline: none; color: var(--color-text-muted); background-color: transparent; } .option-period__calendar > i { color: #999999; font-size: 12px; } .option-period__calendar > img[status=active] { display: none; } .option-period__calendar--active { background-color: var(--bg-tertiary); } .option-period__calendar--active > .option-period__calendar-icon, .option-period__calendar--active > input { color: var(--color-text-primary); } .theme-dark .option-period__calendar--active > img[status=normal] { filter: brightness(3); } .option-period__calendar--active > img[status=active] { /*display: block;*/ } .option-period__icon { color: #00000044; font-size: 12px; display: flex; } .macro-data-container .bootstrap-datetimepicker-widget, .macro-report-container .bootstrap-datetimepicker-widget { background-color: var(--bg-surface); } .theme-dark .option-period__icon > img { filter: invert(1); } .option-func { display: flex; } .option-func__item { display: flex; justify-content: center; align-items: center; color: var(--color-text-tertiary); height: 20px; padding: 0 8px; border-left: 1px solid var(--border-color-secondary); gap: 6px; cursor: pointer; font-size: 13px; line-height: 20px; position: relative; white-space: nowrap; } .option-func__item:last-child:nth-child(2) { padding: 0 12px; } .option-func__item > i { color: #999999; } .option-func__item:hover i, .option-func__item:hover { color: var(--color-text-primary); } .option-btn { padding: 0 12px; border-right: 1px solid var(--border-color-secondary); height: 22px; text-align: center; line-height: 22px; cursor: pointer; color: var(--color-text-tertiary); font-family: Helvetica; font-size: 13px; font-weight: 400; white-space: nowrap; user-select: none; display: flex; justify-content: center; align-items: center; gap: 6px; } .option-btn:last-child { padding-right: 0; border-right: none; } .option-btn:first-child { padding-left: 0; } .option-btn:hover { color: var(--color-text-primary); } .option-btn > img { min-width: 20px; } .theme-dark .option-btn:hover > img { filter: brightness(1.5); } .option-btn > i { font-size: 18px; } .macro-content__chart-container { border-bottom: 1px dashed var(--border-color-tertiary); height: 350px; position: relative; } /*.macro-content__chart-container:has(.resize-vert-line:hover) { border-bottom-color: #0280EA; }*/ .macro-content__chart-container:hover { border-bottom-color: #0280EA; } .chart-content { height: 100%; display: flex; gap: 10px; position: relative; } .resize-vert-line { position: absolute; height: 10px; left: 0; right: 0; bottom: 0; transform: translateY(50%); cursor: n-resize; } .macro-chart-container { height: 100%; } .macro-content__data { padding-top: 20px; } .macro-content__data-label { font-family: Helvetica; font-size: 18px; /*font-weight: 700;*/ line-height: 100%; text-align: left; color: var(--color-text-muted); display: flex; gap: 7px; align-items: center; margin-top: 5px; padding-left: 10px; width: fit-content; cursor: default; } .label-add-info { width: 15px; height: 15px; border-radius: 50%; border: 1px solid var(--border-color-surface); color: var(--color-text-tertiary); display: flex; justify-content: center; align-items: center; line-height: 100%; font-size: 11px; } .macro-content__data-main { padding: 0; /*margin-top: 15px;*/ height: fit-content; background-clip: content-box; overflow: auto; max-height: 80vh; border: 1px solid var(--border-color-secondary); border-radius: 5px; } .view-more-container { display: flex; justify-content: center; align-items: center; margin-top: 10px; } .view-more-btn { height: 30px; width: 120px; border-radius: 15px; border: 1px solid var(--border-color-secondary); line-height: 30px; text-align: center; font-family: Helvetica; font-size: 13px; font-weight: 400; color: var(--color-text-muted); cursor: pointer; user-select: none; background-color: var(--bg-surface); } .view-more-btn:hover { background-color: var(--bg-row-active-surface); color: var(--color-text-primary); } .macro-table { width: 100%; max-width: 100%; border-radius: 5px; border-collapse: separate; } .macro-table tr { height: 40px; } .macro-table td, .macro-table th { padding: 5px 15px; color: var(--color-text-tertiary); } .macro-table th { color: var(--color-text-muted); font-weight: 400; /*border-top: 1px solid #00000026;*/ border-bottom: 1px solid var(--border-color-secondary); z-index: 1; } .macro-table td:not(:last-child), .macro-table th:not(:last-child) { /*border-right: 1px solid #00000026;*/ } .macro-table tr td { border-bottom: 1px solid var(--border-color-secondary); } .chart-icon { cursor: pointer; } .macro-table tbody tr:hover, .macro-table tr:hover td { background-color: var(--bg-row-active-tertiary) !important; } .macro-table tr.row-active, .macro-table tr.row-active td, .macro-table tr.row-active th { background-color: var(--bg-faint) !important; } .label-l1 { color: #0280EA !important; font-weight: 400; padding: 0 !important; height: 0; border-left: none !important; } .label-l2 { padding-left: 25px !important; font-weight: 400; } .macro-content__data-main .macro-table thead th { position: sticky; top: 0; background-color: var(--bg-contrast); } .macro-table .col-title { min-width: 300px; width: 300px; max-width: 300px; position: sticky; left: 0; background-color: #f2f2f2; z-index: 10; } .macro-table .col-unit { min-width: 80px; position: sticky; left: 300px; background-color: #f2f2f2; z-index: 10; } .macro-table th.col-title, .macro-table th.col-unit { z-index: 12; } .macro-table td.col-title, .macro-table td.col-unit { background-color: var(--bg-primary); } .macro-table tr:last-child td { border-bottom: 1px solid #00000026; } .macro-table td:first-child, .macro-table th:first-child { /*border-left: 1px solid #00000026;*/ } .macro-table th:last-child, .macro-table td:last-child { /*border-right: 1px solid #00000026;*/ } .macro-table .col-chart { position: sticky; right: 0; border-left: 1px solid #00000026; background-color: #f2f2f2; } .macro-table td:last-child, .macro-table th:last-child { /*border-left: 1px solid #00000026;*/ } .macro-table td.col-chart { background-color: #fff; } .macro-table td:nth-last-child(2), .macro-table th:nth-last-child(2) { border-right: none; } .macro-table tr:first-child th:first-child { border-top-left-radius: 5px; } .macro-table tr:last-child td:first-child { border-bottom-left-radius: 5px; } .macro-table tr:first-child th:last-child { border-top-right-radius: 5px; } .macro-table tr:last-child td:last-child { border-bottom-right-radius: 5px; } .label-l1 > div { display: flex; height: 100%; width: fit-content; align-items: center; /*border-left: 1px solid #00000026;*/ padding-left: 15px; position: sticky; left: 0; } .option-func__dropdown { display: none; z-index: 15; position: absolute; height: fit-content; min-width: 80px; width: fit-content; background-color: var(--bg-surface); left: 0; top: 100%; -webkit-box-shadow: 1px 2px 3px var(--color-box-shadow-surface); box-shadow: 1px 2px 3px var(--color-box-shadow-surface); padding: 7px 0; border: 1px solid var(--border-color-secondary); } .option-func__item:hover .option-func__dropdown { display: block; } .option-func__dropdown-item { height: 32px; display: flex; align-items: center; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid var(--border-color-primary); cursor: default; gap: 7px; white-space: nowrap; } .option-func__dropdown-item > img { width: 16px; } .theme-dark .option-func__dropdown-item > img { filter: invert(1); } .option-func__dropdown-item > span { white-space: nowrap; padding-right: 15px; width: fit-content; } .option-func__dropdown-item:hover { background-color: var(--bg-row-active-surface); } .option-func__dropdown-item--active { background-color: var(--bg-tertiary); } @media screen and (min-width: 1200px) { .article-modal.chart-modal .modal-content { min-height: 300px; max-height: none } } .macro-content__chart--fullscreen { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background-color: var(--bg-primary); padding: 10px; overflow: auto; margin: 0 !important; overflow-x: hidden; } .expand-chart-opt { width: 25px; height: 25px; background-color: #f3f3f3; border-radius: 50%; justify-content: center; align-items: center; font-size: 18px; position: absolute; left: 50%; transform: translate(-50%, -33%); top: 100%; z-index: 10; display: none; } .expand-menu-sidebar { height: 30px; width: 30px; margin-bottom: 5px; display: none; justify-content: center; align-items: center; background-color: #f5f5f5; border-radius: 4px; font-size: 20px; margin-left: 3px; } .close-sidebar-btn { position: absolute; top: 0; right: -36px; height: 30px; width: 30px; font-size: 40px; font-weight: 500; font-family: none; color: #fafafa; justify-content: center; align-items: center; display: none; } .macro-overlay-wrapper { display: none; } @media screen and (max-width: 1199px) { .macro-sidebar { padding: 15px 12px; row-gap: 12px; min-width: 260px; width: 260px; } .expand-chart-opt { /*display: flex;*/ } .collapse-chart-opt.macro-content__chart-option, .collapse-chart-opt .option-group-left, .collapse-chart-opt .option-timeline { /*flex-wrap: nowrap;*/ } .macro-data-container { gap: 10px; } .macro-table td, .macro-table th { padding: 5px 8px; } .label-l1 > div { padding-left: 8px; } .label-l2 { padding-left: 18px !important; } .macro-table .col-title { min-width: 250px; } .macro-table .col-unit { min-width: 60px; left: 250px; } } @media screen and (max-width: 991px) { .macro-sidebar { min-width: 240px; width: 240px; } } @media screen and (max-width: 767px) { .close-sidebar-btn { display: flex; } /*.macro-sidebar { display: none; position: absolute; z-index: 200; min-height: 360px; min-width: 280px; }*/ /*.macro-overlay-wrapper { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background-color: #000000aa; }*/ /*.expand-menu-sidebar { display: flex; }*/ /*.macro-table .col-title { min-width: 150px; max-width: 150px; }*/ .macro-table .col-unit, .macro-table .col-chart { position: initial; } } .macro-report-container { display: flex; gap: 20px; flex-direction: column; } .macro-report-content { display: flex; flex-direction: column; width: 100%; min-width: 50%; } .sidebar-input-group { display: flex; flex-direction: column; gap: 6px; } .sidebar-input__label { font-family: Helvetica; font-size: 13px; font-weight: 400; line-height: 13.8px; color: var(--color-text-primary); } .option-period__separate { font-family: Helvetica; font-size: 13px; font-weight: 400; line-height: 13.8px; color: var(--color-text-muted); } .sidebar-btn-group { display: flex; justify-content: center; } .sidebar-btn { font-family: Helvetica; font-size: 12px; font-weight: 700; line-height: 13.8px; color: #fff; width: 100px; height: 30px; border-radius: 15px; background-color: #0280EA; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; user-select: none; } .sidebar-report-content { display: flex; gap: 8px; align-items: center; position: relative; } .sidebar-report__label { font-family: Helvetica; font-size: 14px; font-weight: 700; line-height: 16.1px; color: var(--color-text-muted); } .sidebar-report__main { /*display: flex;*/ flex-direction: column; background: var(--bg-surface); position: absolute; top: calc(100% + 5px); left: 0; width: 260px; padding: 10px 12px; border: 1px solid var(--border-color-secondary); border-radius: 10px; box-shadow: 0px 4px 4px 0px #00000040; display: none; z-index: 1; } .sidebar-report__item { font-family: Helvetica; font-size: 13px; font-weight: 400; color: var(--color-text-tertiary); text-decoration: none !important; cursor: pointer; display: flex; align-items: center; } .sidebar-report__item:hover { color: #333; } .report-outstanding-box { padding-bottom: 10px; } .box-align-left { display: flex; align-items: center; justify-content: flex-end; } .macro-btn-1 { background-color: #0280EA; width: 30px; height: 30px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .report-outstanding-item { margin-top: 7px; display: flex; gap: 20px; } .outstanding-item__img { width: 200px; min-width: 200px; background-color: #f9f9f9; border: 1px solid #D9D9D9; display: flex; justify-content: center; align-items: center; border-radius: 10px; } .outstanding-item__img > img { width: 200px; height: 170px; border-radius: 10px; } .outstanding-item__content { display: flex; flex-direction: column; } .outstanding-item__label { font-family: Helvetica; font-size: 16px; font-weight: 700; line-height: 25px; color: var(--color-text-muted) !important; text-decoration: none !important; } .outstanding-item__summary { font-family: Helvetica; font-size: 13px; font-weight: 400; text-align: justify; color: #666; margin-top: 7px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .outstanding-item__info { margin-top: auto; display: flex; gap: 30px; font-family: Helvetica; font-size: 13px; font-weight: 400; line-height: 14.95px; color: #999; align-items: flex-end; padding-top: 10px; } .outstanding-item__info-item > b { color: var(--color-text-muted); } .report-main-box { border-top: 1px solid var(--border-color-secondary); padding-top: 20px; margin-top: 20px; } .report-main-list { display: flex; flex-wrap: wrap; row-gap: 25px; column-gap: 30px; } .report-item { display: flex; gap: 20px; flex: 1 0 calc(50% - 30px); /*min-width: 380px;*/ } .report-item__img { width: 100px; min-width: 100px; /*height: 125px;*/ background-color: #f9f9f9; border: 1px solid var(--border-color-secondary); display: flex; justify-content: center; align-items: center; border-radius: 10px; } .report-item__img > img { width: 100px; height: 125px; border-radius: 10px; } .report-item__content { display: flex; flex-direction: column; } .report-item__label { font-family: Helvetica; font-size: 13px; font-weight: 700; color: var(--color-text-muted) !important; text-decoration: none !important; } .report-item__summary { font-family: Helvetica; font-size: 13px; font-weight: 400; text-align: justify; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 7px; } .report-item__info { margin-top: auto; display: flex; gap: 30px; font-family: Helvetica; font-size: 13px; font-weight: 400; line-height: 14.95px; color: #999; align-items: flex-end; padding-top: 7px; } .report-item__info-item > b { color: #555; } .report-item__info-item:last-child { min-width: 19px; min-height: 19px; cursor: pointer; } .macro-news-container { display: flex; column-gap: 20px; } .macro-news-banner { min-width: 300px; max-width: 300px; position: relative; } .macro-news-content { width: 100%; } .macro-news-head { display: flex; align-items: center; justify-content: space-between; } .news-main-label { font-family: Helvetica; font-size: 24px; font-weight: 700; line-height: 100%; color: #282828; } .macro-news-content-box { } .macro-news-list { display: flex; gap: 30px; flex-wrap: wrap; } .macro-news-item { padding-bottom: 20px; display: flex; gap: 15px; border-bottom: 1px solid var(--border-color-secondary); text-decoration: none !important; width: calc(calc(100% - 60px) / 3); } .macro-news-item__basic-info { display: flex; gap: 15px; } .macro-news-item__time { display: flex; justify-content: center; align-items: center; } .macro-news-item__time-box { width: 150px; height: 100px; border-radius: 10px; background-color: #fff; border: 1px solid #00000026; display: flex; flex-direction: column; justify-content: center; align-items: center; } .macro-news-item__time-box--day { font-family: Helvetica; font-size: 32px; font-weight: 700; line-height: 36.8px; color: #0280EA; } .macro-news-item__time-box--month { font-family: Helvetica; font-size: 15px; font-weight: 700; line-height: 17.25px; color: #282828; } .macro-news-item__img { display: flex; justify-content: center; align-items: center; } .macro-news-item__img > img { width: 290px; min-width: 290px; height: 170px; min-height: 150px; border-radius: 4px; } .macro-news-item__content { display: flex; flex-direction: column; gap: 10px; } .macro-news-item__content-title { font-family: Helvetica; font-size: 16px; color: var(--color-text-muted); } .macro-news-item__content-head { font-family: Helvetica; font-size: 13px; font-weight: 400; text-align: justify; color: #666666; margin-top: 8px; } .macro-news-item__content-info { margin-top: auto; font-family: Helvetica; font-size: 13px; font-weight: 400; line-height: 14.95px; color: #999999; display: flex; align-items: flex-end; gap: 25px; } .macro-news-banner-container { width: fit-content; height: fit-content; /*min-width: 460px; max-width: 460px;*/ position: relative; } .macro-news-banner-container--fixed { position: fixed; top: 46px; } .macro-news-banner-container--over { position: absolute; bottom: 0; } .fullscreen-content { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; padding: 10px; background-color: var(--bg-primary); overflow: auto; margin: 0 !important; } @media screen and (max-width: 1199px) { .macro-news-container { gap: 15px; } .macro-news-item, .macro-news-item__basic-info { gap: 10px; } .macro-news-item__time-box { width: 120px; height: 80px; } .macro-news-item__img > img { width: 150px; min-width: 150px; height: 120px; min-height: 120px; } .macro-news-item__content-head { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .macro-report-container { gap: 15px; } .report-main-box { margin-top: 10px; } .report-main-list { column-gap: 15px; row-gap: 20px; } .report-item { gap: 10px; } } @media screen and (max-width: 991px) { .macro-news-banner { display: none; } } @media screen and (max-width: 767px) { .macro-news-banner { display: none; } .macro-news-item, .macro-news-item__basic-info { gap: 7px; } .macro-news-item__basic-info { flex-direction: column; } } .macro-glossary-container { display: flex; gap: 20px; } .macro-glossary-content { display: flex; flex-direction: column; width: 100%; min-width: 50%; } .alphabet-list { display: flex; row-gap: 8px; flex-wrap: wrap; justify-content: flex-start; margin-top: 5px; } .alphabet-item { flex: calc(100% / 12); width: fit-content; max-width: calc(100% / 12); min-width: 20px; } .alphabet-item > div { width: fit-content; font-family: Helvetica; font-size: 12px; font-weight: 400; line-height: 13.8px; color: var(--color-text-tertiary); cursor: pointer; } .alphabet-item > div:hover { color: #0280EA; font-weight: 700; } .alphabet-item--active > div { color: #0280EA; font-weight: 700; } .sidebar-opt-group { padding-top: 15px; padding-bottom: 5px; border-top: 1px dashed var(--border-color-secondary); display: flex; flex-direction: column; row-gap: 10px; } .opt-label-group { display: flex; align-items: center; } .opt-label-main { font-family: Helvetica; font-size: 14px; font-weight: 700; line-height: 16.1px; color: var(--color-text-primary); text-transform: uppercase; } .opt-group__list { display: flex; flex-wrap: wrap; gap: 7px; transition: height 0.2s ease; overflow: hidden; height: 100% } .opt-group__item { font-family: Helvetica; font-size: 12px; font-weight: 400; width: fit-content; padding: 0 12px; height: 30px; border-radius: 15px; border: 1px solid #00000026; line-height: 30px; display: flex; justify-content: center; align-items: center; background-color: var(--bg-primary); color: #666666; cursor: pointer; user-select: none; } .opt-group__item:hover, .opt-group__item--active, .opt-group__item:hover .glossary-hyperlink { background-color: var(--bg-tertiary); color: var(--color-text-primary); } .opt-btn-state { width: 12px; display: flex; justify-content: center; align-items: center; margin-left: auto; cursor: pointer; } .macro-table--glossary th, .macro-table--glossary td { color: #282828; } .item-tbl-grp { display: flex; align-items: center; gap: 5px; } .macro-glossary-title { font-family: Helvetica; font-size: 15px; font-weight: 400; line-height: 17.25px; color: #000; text-align: center; margin: 7px 0px 20px; } .glossary-hyperlink { text-decoration: none !important; color: currentColor; } .btn-slide-group { display: flex; height: 30px; min-height: 30px; background-color: #fff; border-radius: 15px; } .btn-slide-item { display: flex; flex: 1 0 0; justify-content: center; align-items: center; cursor: pointer; user-select: none; border-top: 1px solid #00000026; border-bottom: 1px solid #00000026; } .btn-slide-item--active { background-color: #DFDFDF; color: #282828; border-color: #DFDFDF !important; } .btn-slide-group .btn-slide-item:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-left: 1px solid #00000026; } .btn-slide-group .btn-slide-item:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 1px solid #00000026; } .btn-slide-item > div { width: 100%; height: 15px; line-height: 15px; display: flex; justify-content: center; border-right: 1px solid #00000026; } .btn-slide-item:last-child > div { border-right: none; } .macro-event-container { display: flex; gap: 20px; } .macro-event-content { display: flex; flex-direction: column; width: 100%; min-width: 50%; } .calendar-group { display: flex; flex-direction: column; gap: 10px; padding-top: 5px; } .calendar-event-custom { background-color: #fff; border-radius: 15px; padding: 6px 4px; border: 1px solid #00000026; } .calendar-event-custom .datepicker .active { background-color: #DFDFDF !important; color: #282828 !important; } .calendar-event-custom .datepicker-days .active:hover { background-color: #0280EA; } .calendar-event-custom .datepicker-days .day { font-weight: 700; } .calendar-event-custom .datepicker-days .day.old, .calendar-event-custom .datepicker-days .day.new { opacity: 0.5; } .calendar-event-custom .datepicker-days .day.weekend { color: #0280EA; } .calendar-event-custom .datepicker .next, .calendar-event-custom .datepicker .prev { color: #999999; } .calendar-event-custom .datepicker .next:hover, .calendar-event-custom .datepicker .prev:hover { color: #0280EA; } .sidebar-checkbox-group { background-color: #FFFFFFB2; border-radius: 15px; padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; } .sidebar-checkbox-item { display: flex; gap: 4px; align-items: center; margin: 0; font-weight: 500; width: fit-content; } .sidebar-checkbox-item__input { margin: 0 !important; } .sidebar-checkbox-item__label { cursor: default; color: #282828; } .macro-event__label { font-family: Helvetica; font-weight: 700; text-align: center; color: #0280EA; text-transform: uppercase; margin-top: 10px; } .custom-range-time { display: flex; align-items: center; justify-content: space-between; } .custom-range-time__btn { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #00000026; background-color: #fff; color: #666; display: flex; justify-content: center; align-items: center; font-size: 24px; cursor: pointer; } .custom-range-time__btn:hover { color: #0280EA; } .custom-range-time__content { font-family: Helvetica; font-size: 24px; font-weight: 400; text-align: center; color: #282828; } .macro-event-content__main { margin-top: 25px; overflow: auto; border-bottom: 2px solid #00000026; } .glossary-title { font-family: Helvetica; font-weight: 400; font-size: 15px; line-height: 100%; color: #000000; margin-bottom: 10px; text-align: center; } .glossary-list { display: flex; flex-direction: column; } .glossary-item { display: flex; flex-direction: column; } .glossary-item__head { display: flex; padding: 15px 0 12px 0; align-items: center; border-bottom: 1px solid var(--border-color-secondary); } .glossary-item__title { color: var(--color-text-muted); font-size: 16px; font-weight: 700; line-height: 18.4px; } .glossary-item__opt { margin-left: auto; width: 20px; height: 20px; margin-right: 15px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .glossary-item__content { display: flex; gap: 15px; background-color: var(--bg-surface); } .glossary-item__content-wrapper { max-height: 0; height: fit-content; overflow: hidden; transition: all 0.2s ease; } .glossary-item__content--open { max-height: 10000px; } .glossary-item__content-main { font-size: 13px; line-height: 24px; text-align: justify; color: var(--color-text-tertiary); padding: 10px 15px; flex-grow: 1; } .glossary-item__content-separate { border-right: 1px dashed var(--border-color-secondary); } .glossary-item__content-info { width: fit-content; min-width: 390px; height: fit-content; border-radius: 10px; margin-left: auto; padding: 20px 10px 20px 0; } .glossary-item__content-info--head { font-family: Helvetica; font-size: 20px; font-weight: 700; line-height: 23px; color: #282828; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #00000026; } .glossary-item__content-info--list { display: flex; flex-direction: column; padding: 20px; border-radius: 10px; background-color: var(--bg-primary); } .glossary-info__item { display: flex; padding: 8px 0; font-family: Helvetica; font-weight: 400; font-size: 13px; line-height: 100%; text-align: justify; } .glossary-label-info { color: #666; } .glossary-sub-info { margin-left: auto; color: var(--color-text-muted); } .glossary-item--open .glossary-icon-detail { content: url(/content/images/macro/chevron-down--macro.png); } .glossary-icon-detail { content: url("/content/images/macro/chevron-right--macro.png"); } .theme-dark .glossary-icon-detail { filter: brightness(3); } .glossary-item--open .glossary-item__content-wrapper { max-height: 10000px; } /* Begin -> Top navigation header */ .nav-header-container { display: flex; align-items: center; height: 40px; width: 100%; overflow-x: auto; position: fixed; top: 0; left: 0; transform: translateY(-60px); border-bottom: 1px solid var(--border-color-secondary); background-color: var(--bg-secondary); z-index: 98; transition: transform .3s ease-in-out; font-family: Roboto, sans-serif; font-size: 14px; font-weight: 400; } .nav-header-container--show { top: 38px; transform: translateY(0px); } @media screen and (max-width: 991px) { .nav-header-container--show { top: 46px; } } .nav-header { display: flex; align-items: center; } .nav-item { display: inline-block; color: var(--color-text-muted); padding: 5px 12px; text-align: center; white-space: nowrap; cursor: default; transition: color .3s; } .nav-item:hover { color: #262627; background: #ededed; border: #0000; border-radius: 50px; text-decoration: none; } .nav-item--active { color: #0a6cd5; font-weight: 500; background: var(--bg-soft); border: #0000; border-radius: 50px; text-decoration: none; } .nav-item--active:hover { color: #0a6cd5; } /* End -> Top navigation header */ .chart-customization-box { border-left: 1px dashed var(--border-color-tertiary); position: relative; width: fit-content; color: var(--color-text-faint); } .chart-customization-box__wrapper { width: 260px; padding: 10px; display: flex; flex-direction: column; gap: 10px; position: relative; height: 100%; transition: all 0.3s linear; } .chart-customization-box__wrapper--hidden { width: 0 !important; overflow: hidden !important; padding: 0 !important; } .chart-customization-box__icon-exp { font-size: 20px; height: 25px; width: 25px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; transform: translateX(-50%); cursor: pointer; z-index: 10; border: 1px solid var(--border-color-secondary); background-color: var(--bg-menu-secondary); color: #999; border-radius: 50%; opacity: 0.6; } .chart-content:hover .chart-customization-box__icon-exp { background-color: #0280EA; color: #fff; opacity: 1; } .chart-customization-header { text-align: center; font-weight: 600; } .chart-customization-container { display: flex; flex-direction: column; gap: 10px; overflow: auto; padding-right: 1px; } .chart-customization-container::-webkit-scrollbar { width: 3px; height: 3px; } .chart-customization-container::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; } .chart-customization-container::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b6b7b7; } .chart-customization-footer { display: flex; align-items: center; margin-top: auto; height: 28px; gap: 5px; } .chart-name-input { border: 1px solid var(--border-color-primary); outline: none; border-radius: 3px; height: 100%; width: 100%; color: var(--color-text-primary); } .chart-save-button { background-color: var(--bg-faint); color: var(--color-text-tertiary); height: 100%; width: 50px; min-width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 3px; cursor: pointer; user-select: none; } .chart-customization-footer:hover .chart-save-button { background-color: #0280EA; color: #fff; } .chart-name-input:focus { border-color: #0280EA; } .chart-customization-item { display: flex; gap: 7px; } .chart-customization-item:hover { color: var(--color-text-primary); } .chart-customization-item__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 17px; width: 100%; } .chart-customization-item__icon { display: flex; justify-content: center; align-items: center; cursor: pointer; min-width: 18px; max-width: 18px; position: relative; } .chart-customization-item__icon img { filter: brightness(0.7); } .chart-customization-box__wrapper:hover .chart-customization-item .chart-customization-item__icon img { filter: brightness(0.4); } .theme-dark .chart-customization-item__icon img { filter: brightness(3) !important; } .chart-customization-item__color-picker { display: flex; justify-content: center; align-items: center; width: fit-content; position: relative; } .chart-customization-item__delete { font-size: 16px; display: flex; justify-content: center; align-items: center; width: fit-content; cursor: pointer; } .chart-customization-item__color-picker > input[type=color] { appearance: none; -webkit-appearance: none; border: none; width: 15px; height: 15px; border-radius: 50%; padding: 0; cursor: pointer; } .chart-customization-item__color-picker > input[type=color]::-webkit-color-swatch-wrapper { padding: 0; } .chart-customization-item__color-picker > input[type=color]::-webkit-color-swatch { border: none; border-radius: 50%; } .chart-customization-item__color-picker > input[type=color]::-moz-color-swatch { border: none; border-radius: 50%; } .color-picker-box { position: absolute; top: 10px; left: calc(100% + 5px); z-index: 10; display: none; } .chart-type-list { position: absolute; left: calc(100% + 5px); top: 10px; background-color: var(--bg-surface); display: none; border: 1px solid var(--border-color-primary); border-radius: 4px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); z-index: 10; width: 200px; margin-bottom: 1px; } .chart-type-item { padding: 0 10px; margin: 3px 0; } .chart-type-item__wrapper { display: flex; gap: 7px; padding: 6px 0; align-items: center; border-bottom: 1px solid var(--border-color-primary); } .chart-type-item img { width: 18px; filter: brightness(0.7); } .chart-type-item__img--active { display: none; } .chart-type-item:last-child .chart-type-item__wrapper { border-bottom: none; } .chart-type-item--active, .chart-type-item:hover { color: #fff; background-color: #0280EA; } .chart-type-item--active img, .chart-type-item:hover img { display: none; } .chart-type-item--active .chart-type-item__img--active, .chart-type-item:hover .chart-type-item__img--active { display: block; filter: brightness(2); } .chart-type-item--active .chart-type-item__wrapper { border-bottom: none; } .macro-chart-container .dimmed { opacity: 0.3; } .macro-chart-container .highlighted { opacity: 1 !important; font-weight: bold; } .macro-chart-container .highcharts-container { background: none; } .dashboard-box { position: absolute; width: 400px; max-width: 90%; height: fit-content; border-radius: 5px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); background-color: var(--bg-surface); border: 1px solid var(--border-color-secondary); z-index: 90; left: 50%; transform: translateX(-50%); top: 30px; display: none; } .dashboard-box__header { width: 100%; background: #0280EA; color: #fff; font-weight: 700; border-radius: 5px 5px 0 0; padding: 10px 12px; text-align: center; position: relative; } .dashboard-box--btn-close { position: absolute; right: 15px; font-size: 20px; line-height: 20px; cursor: pointer; } .dashboard-box__content { min-height: 250px; display: flex; flex-direction: column; padding: 12px 22px; gap: 5px; } .dashboard-box--btn-submit { margin-left: auto; margin-right: auto; margin-bottom: 12px; width: fit-content; padding: 5px 12px; background-color: #0280EA; color: #fff; border-radius: 3px; cursor: pointer; user-select: none; } .dashboard-box--btn-submit:hover { filter: brightness(1.1); background-color: #18A0FB; } input[type="radio"].custom-radio-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 13px; min-height: 13px; width: 13px; height: 13px; border-radius: 50%; background-color: white; box-shadow: 0 0 0 1px #00000026; cursor: pointer; outline: none; margin: 0; border: 2px solid #fff; } input[type="radio"].custom-radio-btn:checked { background-color: #0280EA; } .dashboard-item { margin: 0; display: flex; align-items: center; gap: 8px; font-weight: 500; } .custom-float-loading { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .add-dashboard-btn { cursor: pointer; color: #0280EA; height: 20px; display: flex; align-items: center; gap: 6px; width: fit-content; } .save-dashboard-btn { cursor: pointer; height: 22px; color: #0FA958; font-size: 18px; width: 18px; } .input-dashboard { border: 1px solid #0280EA; width: 100%; height: 26px; outline: none; } .add-dashboard-btn > i { font-size: 16px; } .macro-sidebar__toggle-btn { position: absolute; top: 230px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid var(--border-color-secondary); background-color: var(--bg-menu-secondary); color: #999; font-size: 20px; line-height: 100%; cursor: pointer; opacity: 0.7; } .macro-sidebar--hidden { width: 0; min-width: 0; padding: 0; overflow: hidden; } .macro-sidebar__toggle-wrapper:hover .macro-sidebar__toggle-btn, .macro-sidebar__toggle-box:hover .macro-sidebar__toggle-btn, .macro-sidebar__toggle-btn:hover { background-color: #0280EA; color: #fff; border-color: #0280EA; opacity: 1; } .macro-sidebar__toggle-box { position: absolute; right: 0; top: 0; width: 10px; bottom: 0; border-radius: 2px; display: flex; justify-content: center; align-items: center; transform: translateX(50%); } .macro-sidebar__toggle-box--left { left: 0; transform: translateX(-50%); } .macro-sidebar__toggle-box--left.macro-sidebar__toggle-box.toggle-box--expand .macro-sidebar__toggle-btn .fa-angle-left { display: none; } .macro-sidebar__toggle-box--left.macro-sidebar__toggle-box.toggle-box--expand .macro-sidebar__toggle-btn .fa-angle-right { display: block; } .macro-sidebar__toggle-box--left.macro-sidebar__toggle-box.toggle-box--collapse .macro-sidebar__toggle-btn .fa-angle-right { display: none; } .macro-sidebar__toggle-box--left.macro-sidebar__toggle-box.toggle-box--collapse .macro-sidebar__toggle-btn .fa-angle-left { display: block; } .macro-sidebar__toggle-line { height: 100%; width: 2px; background-color: #00000026; background-color: #ebebeb; } .macro-sidebar__toggle-box.toggle-box--expand .macro-sidebar__toggle-line { display: none; } .macro-sidebar__toggle-box.toggle-box--expand .macro-sidebar__toggle-btn .fa-angle-right { display: none; } .macro-sidebar__toggle-box.toggle-box--collapse .macro-sidebar__toggle-btn .fa-angle-left { display: none; } .macro-sidebar__toggle-wrapper { position: relative; } .macro-data-container .macro-sidebar__toggle-wrapper { position: sticky; top: 80px; height: fit-content; } @-moz-document url-prefix() { .custom-scrollbar-table { scrollbar-width: thin; scrollbar-color: #A4A4A4 #D9D9D9; } } .custom-scrollbar-table::-webkit-scrollbar { height: 5px; width: 5px; } .custom-scrollbar-table::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--bg-scrollbar-track-primary); } .custom-scrollbar-table::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--bg-scrollbar-thumb-primary); } .macro-sidebar__collapse-box { display: none; } @media screen and (max-width: 1919px) { .macro-content__chart-option { /*padding: 10px 12px;*/ } .option-group-left { width: fit-content; } .option-timeline { flex-grow: 1; gap: 6px; /*max-width: 200px;*/ overflow: auto; flex-wrap: nowrap; } /*.option-timeline__item { flex-grow: 1; min-width: 55px; }*/ .option-func > .option-func__item:first-child { /*border-left: none;*/ } .macro-content__chart-container { height: 260px; } .option-btn { padding: 0 10px; } } @media screen and (max-width: 1366px) { .chart-customization-box__wrapper { width: 240px; } .macro-data-container { gap: 15px; } } @media screen and (max-width: 1300px) { .option-timeline__item { min-width: 50px; } /*.option-timeline { max-width: 150px; gap: 5px; }*/ .macro-content__chart-option { gap: 5px; } .option-btn:last-child { padding-left: 10px; } .option-btn { padding: 0 7px; } /*.option-timeline__btn-step--right { left: 150px !important; }*/ } @media screen and (max-width: 1199px) { .option-group-left { gap: 10px; } .option-timeline { gap: 5px; } /*.option-period__calendar > input { width: 75px; }*/ } @media screen and (max-width: 1024px) { .option-timeline { gap: 4px; } } @media screen and (max-width: 767px) { .macro-table th, .macro-table td { white-space: nowrap; } .macro-sidebar__toggle-box { display: none; } .macro-event-container { flex-direction: column-reverse; } .macro-sidebar { width: 100%; border-radius: 10px; } .macro-event-container .option-period { gap: 5px; } .option-period__calendar { /*flex-grow: 1;*/ justify-content: space-evenly; } .custom-range-time__content { font-size: 16px; } .sidebar-label { text-align: center; } .macro-data-container { flex-direction: column; row-gap: 30px; } .macro-data-container .macro-sidebar__toggle-wrapper { position: relative; top: unset; } /*.option-timeline__item { width: calc(calc(100% - 16px) / 5); } .macro-data-container .option-period { width: 100%; } .option-func > .option-func__item:first-child { width: 80px; } .option-func > .option-func__item:last-child { width: 60px; } .option-btn { padding: 0 10px; }*/ .macro-table .col-unit, .macro-table .col-chart, .macro-table .col-title, .macro-content__data-main .macro-table thead th, .label-l1 > div { position: initial; } .macro-report-container { row-gap: 30px; } .box-align-left { display: none; } .report-outstanding-item { margin-top: 0; flex-direction: column; gap: 10px; } .outstanding-item__img { width: 100%; max-height: 230px; overflow: hidden; } .report-item { flex-direction: column; } .report-item__img { width: 100%; max-height: 230px; } .outstanding-item__img > img { height: 230px; width: 100%; } .report-item__img > img { height: initial; width: 100%; } .outstanding-item__summary { /*-webkit-line-clamp: 5;*/ } .report-item__summary { /*-webkit-line-clamp: 5;*/ } .macro-glossary-container { flex-direction: column-reverse; gap: 30px; } .glossary-item__head { gap: 10px; } .glossary-item__content { flex-direction: column; gap: 0; } .glossary-item__content-main { padding: 15px 5px; } .glossary-item__content-separate { border-right: none; border-top: 1px dashed #00000026; } .glossary-item__content-info { padding: 15px 5px 5px 5px; min-width: 100%; } .news-list { gap: 20px; } .macro-news-item { flex-direction: column; width: 100%; padding-top: 0; } .macro-news-item__img > img { width: 100%; height: fit-content; max-height: 180px; } .macro-news-item__content-info { justify-content: space-between; } .macro-news-item__content-head { margin-top: 5px; } .macro-btn-1 { display: none; } .macro-sidebar { height: 65px; row-gap: 25px; overflow: hidden; transition: none; } .macro-sidebar--show { row-gap: 12px; height: fit-content; } .macro-sidebar .sidebar-label { margin-bottom: -10px; } .macro-sidebar--show .sidebar-label { margin-bottom: 0; } .macro-sidebar__collapse-box { position: absolute; bottom: 0; left: 0; right: 0; display: block; } .macro-sidebar__collapse-btn { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); width: 30px; height: 30px; border: 1px solid var(--border-color-secondary); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: var(--bg-menu-secondary); } .macro-sidebar__collapse-box .fa-angle-up { display: none; } .collapse-box--expand .fa-angle-down { display: none; } .collapse-box--expand .fa-angle-up { display: block; } } .sidebar-menu__scroll { max-height: calc(100vh - 160px); overflow: auto; padding-right: 18px; margin-right: -18px; min-height: 300px; } .sidebar-menu__scroll::-webkit-scrollbar { width: 3px; height: 0px; margin-left: 10px; padding-left: 10px; } .sidebar-menu__scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; } .sidebar-menu__scroll::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b6b7b7; } .menu-group__toggle-btn { cursor: pointer; } .menu-group--open .menu-group__toggle-btn > img { content: url(/content/images/macro/chevron-down--macro.png); } .box-spacing { margin-top: 100px; } .box-main-title { color: var(--color-text-primary); font-family: Helvetica; font-weight: 700; font-size: 32px; line-height: 100%; } .box-sub-title { font-family: Helvetica; font-weight: 400; font-size: 18px; line-height: 100%; color: #282828; } .box-title__gap { margin-top: 30px; } .macro-label-box { display: flex; justify-content: space-between; align-items: center; } .macro-label-box__opt-btn { cursor: pointer; } @media screen and (max-width: 1919px) { .box-spacing { margin-top: 70px; } .box-title__gap { margin-top: 25px; } } @media screen and (max-width: 767px) { .box-spacing { margin-top: 50px; } .box-main-title { font-size: 24px; text-align: center; flex-grow: 1; } .box-sub-title { font-size: 16px; } .box-title__gap { margin-top: 20px; } .macro-event-content .box-sub-title { font-size: 13px; text-align: center; margin-top: 20px; font-weight: 700; text-transform: uppercase; } .macro-event-content .custom-range-time { margin-top: 10px; } .macro-label-box__opt-btn { display: none; } } .row-date-group { position: sticky; top: 40px; background-color: #fff; } .macro-event-content__main .macro-table thead { position: sticky; top: 0; background-color: #fff; } .col-date-group { border-left: 2px solid #0280EA !important; white-space: nowrap; } .col-date-group__content { display: flex; justify-content: space-between; align-items: center; } .col-date-group__content > span { color: #282828; } .col-date-group__content i { font-size: 20px; color: #999; display: none; } .col-date-group__content div[data-collapse="false"] .fa-angle-down { display: block; } .col-date-group__content div[data-collapse="true"] .fa-angle-right { display: block; } .macro-table-wrapper { max-height: 480px; } @media screen and (min-width: 768px) { .macro-table-wrapper { max-height: 580px; } } .macro-chart-box .financialchart-content .chart-detail-list--view { overflow: hidden; } .macro-chart-box .financialchart-content { border: 1px solid #00000026; border-top: none; border-radius: 5px; } /* BEGIN CSS custom tooltip */ .custom-tooltip__tips { font-family: Helvetica; padding: 10px; margin: 0; border: 1px solid #efefef !important; background-color: #335295; opacity: 1; box-shadow: none; border-radius: 5px; color: #fff; font-weight: 400; font-size: 14px; max-width: 800px; } .custom-tooltip__tips:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; } .custom-tooltip__tips.tooltip-top:after { bottom: -6px; left: 50%; transform: translateX(-50%); border-width: 6px 6px 0 6px; border-color: #335295 transparent transparent transparent; } .custom-tooltip__tips.tooltip-bottom:after { top: -6px; left: 50%; transform: translateX(-50%); border-width: 0 6px 6px 6px; border-color: transparent transparent #335295 transparent; } .custom-tooltip__tips.tooltip-left:after { top: 50%; right: -6px; transform: translateY(-50%); border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #335295; } .custom-tooltip__tips.tooltip-right:after { top: 50%; left: -6px; transform: translateY(-50%); border-width: 6px 6px 6px 0; border-color: transparent #335295 transparent transparent; } .custom-tooltip__tips.tooltip-top-left:after { bottom: -6px; right: 12px; transform: none; border-width: 6px 6px 0 6px; border-color: #335295 transparent transparent transparent; } .custom-tooltip__tips.tooltip-top-right:after { bottom: -6px; left: 12px; transform: none; border-width: 6px 6px 0 6px; border-color: #335295 transparent transparent transparent; } .custom-tooltip__tips.tooltip-bottom-left:after { top: -6px; right: 12px; transform: none; border-width: 0 6px 6px 6px; border-color: transparent transparent #335295 transparent; } .custom-tooltip__tips.tooltip-bottom-right:after { top: -6px; left: 12px; transform: none; border-width: 0 6px 6px 6px; border-color: transparent transparent #335295 transparent; } /* END CSS custom tooltip */ .option-group-timeline { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px 15px; position: relative; max-width: max-content; } .option-group-left > .option-timeline__item { display: none; } @media screen and (min-width: 1200px) /*and (max-width: 1199px)*/ { .macro-content__chart-option--collapse .option-group-left > .option-timeline__item { display: flex; flex-grow: unset; } .macro-content__chart-option--collapse .option-group-timeline { display: none; max-width: fit-content; position: absolute; background-color: #fff; max-width: fit-content; padding: 10px; top: calc(100% + 5px); left: -10px; border: 1px solid #00000026; border-radius: 5px; z-index: 10; background-color: #F7F8FA; box-shadow: 1px 3px 5px #0c0b0b59; } .macro-content__chart-option--collapse .option-group-timeline--show { display: flex; } .macro-content__chart-option--collapse .option-timeline { max-width: fit-content; } /*.macro-content__chart-option--collapse .option-timeline__item { min-width: 45px; max-width: 55px; }*/ .macro-content__chart-option--collapse .option-func__item { width: fit-content; padding: 0 10px; } .macro-content__chart-option--collapse .option-btn { padding: 0 10px; } .macro-content__chart-option--collapse .option-btn:last-child { padding: 0 0 0 10px; } .macro-content__chart-option--collapse .option-group-timeline { width: fit-content !important; flex-direction: column; align-items: flex-start; z-index: 15; } .macro-content__chart-option--collapse .option-timeline__btn-step { display: none; } } @media screen and (max-width: 767px) { .option-timeline { max-width: 100%; flex-wrap: wrap; } } .macro-content__chart--fullscreen.macro-data-container .macro-sidebar__toggle-wrapper { position: relative; top: 0; } .btn-interest { font-size: 12px; padding: 4px 8px; margin: 5px 0; border: 1px solid #007bff; border-radius: 4px; background-color: #fff; color: #007bff; cursor: pointer; transition: all 0.2s ease; } .btn-interest:hover { background-color: #007bff; color: #fff; } .inactive { pointer-events: none !important; opacity: 0.5 !important; } .active { pointer-events: auto; opacity: 1; } .macro-sidebar__pin-btn { position: absolute; top: 1px; right: 1px; padding: 6px 8px; cursor: pointer; } .macro-data-container .macro-sidebar__toggle-wrapper[data-float="true"] { position: absolute; top: 50px; z-index: 50; cursor: move; } .macro-sidebar__toggle-wrapper[data-float="true"] .macro-sidebar__pin-btn img { content: url("/content/images/macro/pin-icon.svg"); } .theme-dark .macro-sidebar__toggle-wrapper[data-float="true"] .macro-sidebar__pin-btn img { filter: brightness(3); } .macro-content__chart-option__search, .macro-content__chart-option__collapse, .macro-report-option__search { width: 30px; min-width: 30px; height: 25px; background-color: var(--bg-soft); display: flex; justify-content: center; align-items: center; border-radius: 5px; color: #0280EA; font-size: 15px; cursor: pointer; } .macro-content__chart-option__collapse, .macro-report-option__search { display: none; } @media (hover: hover) and (pointer: fine) { .macro-content__chart-option__search:hover, .macro-content__chart-option__collapse:hover { background-color: #0280EA; color: #fff; z-index: 120; } } .macro-content__chart-option__search[data-active="true"], .macro-content__chart-option__collapse[data-active="true"], .macro-report-option__search[data-active="true"] { background-color: #0280EA; color: #fff; } .macro-content__chart-option__separate { width: 1px; height: 20px; background-color: var(--border-color-secondary); margin-right: 5px; } .option-timeline__btn-step { position: absolute; width: 22px; height: 22px; border-radius: 50%; background-color: var(--bg-signet); border: 1px solid var(--border-color-primary); transform: translateX(-50%); cursor: pointer; z-index: 1; display: none; justify-content: center; align-items: center; font-size: 18px; color: #999; } .option-timeline__btn-step--left { left: 0; } .option-timeline__btn-step--right { left: 200px; } .option-timeline:hover ~ .option-timeline__btn-step, .option-timeline__btn-step:hover { background-color: #0280EA; color: #fff; border-color: #0280EA; } .option-timeline__btn-step[data-active="false"] { background-color: #f0f3fa70 !important; color: #999 !important; opacity: 0.7; border-color: #ddd !important; cursor: not-allowed; } @media screen and (max-width: 1919px) { .option-timeline__btn-step { display: flex; } } /*-- ================================================================ ---*/ @media screen and (max-width: 1199px) { .macro-content__chart-option { gap: 15px; } .macro-content__chart-option__separate { margin-right: 0; } .option-group-left { position: absolute; left: 0; right: 0; top: calc(100% + 7px); /* display: none; */ z-index: 100; background-color: var(--bg-surface); display: none; flex-direction: column; padding: 10px; border: 1px solid var(--border-color-secondary); border-radius: 5px; box-shadow: 0px 4px 4px 0px #00000040; z-index: 120; max-width: min(600px, 100%); width: fit-content !important; } .option-group-left::after { content: ""; position: absolute; left: 82px; top: 0; transform: translateY(-100%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid var(--bg-surface); } .option-func { width: 100%; justify-content: space-around; } .option-func__item { flex-grow: 1; flex-basis: 0; } .option-func__dropdown { transform: translateX(50%); } .option-func > .option-func__item:first-child { border-left: none; } .macro-content__chart-option__collapse { display: flex; } /*.macro-data-container .macro-sidebar__toggle-wrapper { position: absolute; z-index: 120; top: 52px; display: none; } .macro-data-container .macro-sidebar__toggle-wrapper::after { content: ""; position: absolute; left: 24px; top: 0; transform: translateY(-100%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #fff; }*/ /*.macro-sidebar__pin-btn { display: none; }*/ .macro-content__chart-option__search[data-active="true"], .macro-content__chart-option__collapse[data-active="true"] { z-index: 120; } .option-timeline__btn-step { display: none; } .option-group-right { margin-left: auto; } .option-group-timeline { flex-direction: column; width: fit-content !important; } .option-timeline { flex-wrap: wrap; gap: 4px; } .option-timeline__item { width: calc(calc(100% - 16px) / 5); min-width: 45px; } .macro-data-container .option-period { width: 100%; justify-content: center; } .option-func > .option-func__item:first-child { width: 80px; } .option-func > .option-func__item:last-child { width: 60px; } .option-btn { padding: 0 10px; } .option-period__calendar { width: min(50%, 150px); justify-content: space-evenly; } .option-func__item > * { display: none; } .option-func__dropdown { all: unset; display: flex; justify-content: center; flex-wrap: wrap; } .option-func { flex-direction: column; border-top: 1px solid var(--border-color-secondary); } .option-func > .option-func__item { all: unset; width: 100% !important; border-bottom: 1px solid var(--border-color-secondary); padding: 3px 0 !important; } .option-func__dropdown-item--active { background-color: transparent; color: #0280EA; } .option-func__dropdown-item { padding: 0; padding-left: 15px; border: none; } .option-func__item:hover .option-func__dropdown { display: flex; } .option-func__dropdown-item::after { content: ""; width: 1px; height: 20px; background-color: #00000026; } .option-func__dropdown-item:last-child::after { content: none; } .option-func__dropdown-item > span { padding-right: 0; } .option-func__dropdown-item > *:last-child { margin-right: 8px; } .option-func__dropdown-item--active > img { filter: invert(40%) sepia(86%) saturate(2667%) hue-rotate(195deg) brightness(95%) contrast(95%) !important; } } @media screen and (max-width: 767px) { .macro-content__chart-option { gap: 15px; } .macro-content__chart-option__separate { margin-right: 0; } .option-group-left { position: absolute; left: 0; right: 0; top: calc(100% + 7px); /* display: none; */ z-index: 100; background-color: var(--bg-surface); display: none; flex-direction: column; padding: 10px; border: 1px solid var(--border-color-secondary); border-radius: 5px; box-shadow: 0px 4px 4px 0px #00000040; z-index: 120; } .option-group-left::after { content: ""; position: absolute; left: 82px; top: 0; transform: translateY(-100%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid var(--bg-surface); } /*.option-func { width: 100%; justify-content: space-around; }*/ /* .option-func__item { flex-grow: 1; flex-basis: 0; }*/ /*.option-func__dropdown { transform: translateX(50%); }*/ /*.option-func > .option-func__item:first-child { border-left: none; }*/ /*.macro-content__chart-option__collapse { display: flex; }*/ .macro-data-container .macro-sidebar__toggle-wrapper { position: absolute; z-index: 120; top: 52px; display: none; } .macro-data-container .macro-sidebar__toggle-wrapper::after { content: ""; position: absolute; left: 24px; top: 0; transform: translateY(-100%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid var(--bg-surface); } .macro-sidebar__pin-btn { display: none; } .macro-content__chart-option__search[data-active="true"], .macro-content__chart-option__collapse[data-active="true"] { z-index: 120; } } .macro-report-option { display: flex; height: 45px; border-radius: 10px; border: 1px solid var(--border-color-secondary); align-items: center; padding: 0 8px; gap: 15px; position: relative; background-color: var(--bg-surface); } .macro-report-option__filter { display: flex; align-items: center; gap: 15px; } .macro-separator-bar { width: 1px; height: 20px; background-color: var(--border-color-secondary); } .macro-report-option .sidebar-search { width: 220px; } .sidebar-report__item--active { color: #0280EA !important; } .sidebar-report__display { display: flex; align-items: center; gap: 5px; cursor: pointer; } .sidebar-report__display .sidebar-report__item { line-height: 100%; } .sidebar-report__main .sidebar-report__item { border-bottom: 1px solid var(--border-color-secondary); padding: 8px 0; } .sidebar-report__main .sidebar-report__item:last-child { border-bottom: none; } .sidebar-report__main .sidebar-report__item:hover { background-color: var(--bg-gentle); color: var(--color-text-primary); } .macro-report-option__btn { margin-left: auto; display: flex; justify-content: center; align-items: center; cursor: pointer; } @media screen and (max-width: 1365px) { .macro-report-option .sidebar-search { width: 180px; } .macro-report-option, .macro-report-option__filter { gap: 10px; } } @media screen and (max-width: 1199px) { .macro-report-option .sidebar-search { width: 150px; } .macro-report-option, .macro-report-option__filter { gap: 8px; } .sidebar-report__display { /*max-width: 150px;*/ } .sidebar-report__label { display: none; } .sidebar-report__display { flex-direction: row-reverse; color: #999; } .sidebar-report__main { right: 0; left: initial; } } @media screen and (max-width: 930px) { .macro-report-option__search { display: flex; } .macro-report-option__search[data-active="true"] { z-index: 120; } .macro-report-option__filter { position: absolute; background-color: #fff; z-index: 120; top: calc(100% + 7px); left: 0; flex-direction: column; align-items: flex-end; width: 100%; max-width: 400px; padding: 10px; border: 1px solid #00000026; border-radius: 5px; box-shadow: 0px 4px 4px 0px #00000040; display: none; } .macro-report-option__filter .macro-separator-bar { display: none; } .macro-report-option__filter .sidebar-search, .macro-report-option__filter .sidebar-input-group { width: 100%; } .macro-report-option__filter .option-period__calendar > input { flex-grow: 1; } .macro-report-option__filter .option-period__calendar { flex-grow: 1; } .macro-report-option__filter .option-period { gap: 15px; } .macro-report-option__filter::after { content: ""; position: absolute; left: 16px; top: 0; transform: translateY(-100%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #fff; } .sidebar-report__main { left: 0; } .sidebar-report__display { max-width: fit-content; } } .macro-report-overlay-wrapper { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background-color: #000000aa; display: none; } .macro-overlay-wrapper { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background-color: #000000aa; } .macro-content__chart-container--zoom { display: block; position: fixed; top: 30px; left: 30px; right: 30px; bottom: 30px; z-index: 101; width: calc(100% - 60px) !important; height: calc(100% - 60px) !important; background-color: var(--bg-surface); padding: 10px; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 5px; 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; border: 1px solid #00000026; } .chart-content__btn-zoom { position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - 20px)); padding: 4px 10px; background-color: var(--bg-faint); border-radius: 10px; display: none; cursor: pointer; border: 1px solid var(--border-color-primary); } .chart-content__btn-zoom__item { display: flex; align-items: center; justify-content: center; } .chart-content__btn-zoom__item img { height: 15px; max-width: max-content; } .chart-content:hover .chart-content__btn-zoom { display: block; } .chart-content__btn-zoom:hover { background-color: var(--bg-inverse); } .theme-dark .chart-content__btn-zoom:hover .chart-content__btn-zoom__item img { filter: brightness(5); } .chart-content__btn-zoom[data-zoom="true"] .chart-content__btn-zoom__item img { content: url("/content/images/chart/small.svg"); } @media screen and (max-width: 767px) { .macro-content__chart-container--zoom { top: 10px; left: 5px; right: 5px; bottom: 10px; width: calc(100% - 10px); height: calc(100% - 20px); max-height: 600px; } } .macro-share__dropdown { display: none; position: absolute; left: auto; top: 100%; right: 0; width: 190px; background-color: var(--bg-surface); border-radius: 3px; box-shadow: 1px 2px 3px var(--color-box-shadow-surface); cursor: default; z-index: 151; color: var(--color-text-primary); border: 1px solid var(--border-color-secondary); } .macro-share__dropdown-header { position: relative; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color-secondary); display: flex; } .macro-share__dropdown-header-text { color: var(--color-text-primary); font-size: 13px; font-weight: bold; } .macro-share__dropdown-body { position: relative; top: 0px; padding: 5px 0px; padding-top: 0px; max-height: 400px; overflow-y: auto; } .macro-share__dropdown-item { display: flex; align-items: center; padding: 7px 15px; white-space: normal; position: relative; } .macro-share__dropdown-item:hover { background-color: var(--bg-row-active-secondary); } .macro-share__dropdown-item-img { width: 20px; margin-top: -2px; margin-right: 10px; } .theme-dark .macro-share__dropdown-item-img { filter: invert(1); } .toast-macro { 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-macro__ico-close { position: absolute; right: 4px; top: 2px; color: #7a7575; font-size: smaller; padding: 0px 2px; } .toast-macro__ico-close:hover { background-color: #fbfbfb; } .toast-macro__body { padding: 10px 0px; text-align: center; } .toast-macro__msg { display: flex; align-items: center; justify-content: center; } .toast-macro__msg-icon { font-size: 25px; margin-right: 15px; color: #386c22; } .toast-macro__msg-text { color: #255a0e; font-weight: 600; font-size: 13px; } .option-timeline--float { display: none; } .theme-dark .menu-group__toggle-btn img { filter: brightness(3); } .macro-item-not-allow { opacity: 0.7; cursor: not-allowed; } .macro-select-search { position: relative; } .macro-item-selected { display: flex; align-items: center; width: 220px; height: 30px; border-radius: 15px; outline: none; border: 1px solid #00000026; padding-left: 15px; padding-right: 15px; background-color: var(--bg-primary); justify-content: space-between; cursor: pointer; gap: 6px; } .macro-item-selected__label { overflow: hidden; white-space: nowrap; } .macro-select-search__dropdown { position: absolute; display: flex; flex-direction: column; background: var(--bg-surface); position: absolute; top: calc(100% + 3px); left: 0; width: 260px; padding: 10px 12px; border: 1px solid var(--border-color-secondary); border-radius: 0 0 10px 10px; box-shadow: 0px 4px 4px 0px #00000040; display: none; z-index: 1; gap: 8px; } .macro-select-search__dropdown__list { display: flex; flex-direction: column; border-top: 1px dashed var(--border-color-secondary); max-height: 300px; overflow: auto; } .macro-select-search__dropdown__item { border-bottom: 1px solid var(--border-color-secondary); padding: 8px 3px; font-family: Helvetica; font-size: 13px; font-weight: 400; color: var(--color-text-tertiary); text-decoration: none !important; cursor: pointer; display: flex; align-items: center; } .macro-select-search__dropdown > .sidebar-search { width: 100%; } .macro-select-search__dropdown__item:hover { background-color: var(--bg-row-active-surface); } .macro-select-search__dropdown__item--active { background-color: var(--bg-tertiary) !important; color: var(--color-text-surface); cursor: default; } .theme-dark .color-picker-box .a-color-picker { background-color: #2e2e2e; } .theme-dark .color-picker-box .a-color-picker-row { border-top-color: #666; }