/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(85,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(89,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu'
(90,24): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary'
(110,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(114,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(118,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(122,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(130,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(134,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst'
(138,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst-active'
(139,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-active'
(143,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu'
(144,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-menu'
(148,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst-active'
(149,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-active'
(153,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-header'
(157,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-header'
(161,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-header'
(165,31): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(169,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(170,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(171,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-gentle'
(175,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-secondary'
(179,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-primary'
(183,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(264,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(662,31): run-time error CSS1039: Token not allowed after unary operator: '-border-color-secondary'
(663,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(667,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(671,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(675,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(679,30): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(680,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-surface'
(684,29): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(688,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(692,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-row-active-primary'
 */
.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:;
    --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-secondary: #556C8B;
    --bg-group-heatmap: #2E2E2E;
    --bg-primary: #060606;
    --bg-secondary: #2E2E2E;
    --bg-tertiary: #999;
    --bg-surface: #2E2E2E;
    --bg-muted: #171717;
    --bg-row-active-primary: #2E2E2E;
    --bg-row-active-secondary: #999;
    --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:;
    --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-secondary: #fff;
    --bg-group-heatmap: #f0f0f0;
    --bg-primary: #fff;
    --bg-secondary: #F8F9FA;
    --bg-tertiary: #E1F5FE;
    --bg-surface: #fff;
    --bg-muted: #fff;
    --bg-row-active-primary: #ffe5bf;
    --bg-row-active-secondary: #ffe5bf;
    --bg-flash-green: #c4ffc4;
    --bg-flash-red: #ffcdcd;
    --bg-flash-orange: #ffeac5;
    --color-box-shadow-surface: #0c0b0b59;
}


/* START => OVERRIDE STYLES FOR THEME */
.theme-dark {
    color-scheme: dark;
}

body {
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
}

.page-menu .menu-all-content {
    background-color: var(--bg-menu);
    border-color: var(--border-color-secondary);
}

.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;
}

.no-padder .header-breadcrumb {
    background-color: var(--bg-primary);
}

.news-lasted > ul > li:nth-child(odd), .header-market :nth-child(odd).row {
    background-color: var(--bg-primary);
}

#header-news .title-link, .navbar-login .title-link {
    color: var(--color-text-secondary);
}

#header-market a.title-link, #header-market .pure-text {
    color: var(--color-text-secondary);
}

.theme-dark .header-market img {
    /*filter: invert(1) hue-rotate(180deg) contrast(1.2) brightness(0.9);*/
}

#ul-top-menu .title-link {
    color: var(--color-text-secondary);
}

.nav-tabs.bg.view-tab.swipe-tabs, .bg {
    background-color: var(--bg-vst);
}

#page-menu-content .navbar-nav > li:hover > a, #page-menu-content .navbar-nav > li > a:hover, #page-menu-content .navbar-nav > li > a:focus, #page-menu-content .navbar-nav > li.active > a {
    background-color: var(--bg-vst-active) !important;
    color: var(--color-text-active) !important;
}

.page-menu .dropdown-menu li > a {
    background-color: var(--bg-menu);
    color: var(--color-text-menu);
}

#page-menu-content li.active > a, #page-menu-content .dropdown-menu li > a:hover {
    background-color: var(--bg-vst-active) !important;
    color: var(--color-text-active) !important;
}

#header-market .row {
    border-bottom: 1px solid var(--border-color-header);
}

.news-lasted > ul > li {
    border-bottom: 1px solid var(--border-color-header);
}

.top-header {
    border-bottom: 1px solid var(--border-color-header) !important;
}

#heatmap-wrapper-left .i-b {
    border-bottom-color: var(--border-color-primary);
}

.heatmap-search input {
    border: 1px solid var(--border-color-primary) !important;
    background-color: var(--bg-secondary) !important;
    color: var(--color-text-gentle) !important;
}

#btn-mobile-search {
    background-color: var(--bg-menu-secondary) !important;
}

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background-color: var(--bg-row-active-primary) !important;
}

.table > thead > tr > th {
    border-bottom: 2px solid var(--border-color-primary);
}

.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;
}

#popup-search {
    background-color: var(--bg-primary);
}

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

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

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

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

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

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

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

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

.theme-dark ul#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: brightness(5);
}

.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 #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);
}
/* END => OVERRIDE STYLES FOR THEME */

.nav-header-container {
    border-bottom-color: var(--border-color-secondary);
    background-color: var(--bg-secondary);
}

.nav-item {
    color: var(--color-text-muted);
}

#heatmap-container {
    background-color: var(--bg-primary) !important;
}

.heatmap-toolbar {
    background-color: var(--bg-secondary) !important;
}

.heatmap-toolbar__button {
    border-right-color: var(--border-color-primary) !important;
    color: var(--color-text-surface) !important;
}

.heatmap-toolbar__button--border-left {
    border-left-color: var(--border-color-primary) !important;
}

.heatmap-toolbar__button-info-wrap {
    background-color: var(--bg-primary) !important;
}

.heatmap-stock-att__extend--active, .heatmap-stock-att__default--active {
    background-color: var(--bg-row-active-primary) !important;
}

.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 .general-markets__data-content::-webkit-scrollbar-track, .theme-dark .liquidity-content__detail-table::-webkit-scrollbar-track {
    background-color: #333;
}

.theme-dark .navbar-login .notification 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 .heatmap-wrapper--fullscreen, .theme-dark .markets-section--fullscreen, .theme-dark .markets-section-2--fullscreen,
.theme-dark .top-influence-container--fullscreen, .theme-dark .foreign-container--fullscreen,
.theme-dark .proprietary-container--fullscreen, .theme-dark .liquidity-container--fullscreen {
    background-color: #060606;
}

.theme-dark .dialog-heatmap__footer {
    background-color: #6666664D;
    border-top-color: #ffffff26;
}
