/* Minification failed. Returning unminified contents.
(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 '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(32,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(36,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(121,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(140,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(182,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(190,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(200,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-main-menu'
(201,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-main-menu'
(204,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-main-menu'
(212,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-sub-menu'
(213,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-sub-menu'
(214,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-sub-menu'
(222,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(237,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(243,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(252,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(261,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(264,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(268,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(273,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(279,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(284,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(397,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(400,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(401,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(402,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(405,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(408,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(415,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(416,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(420,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(461,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(464,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(499,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(506,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(510,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(511,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(514,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(517,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-row'
(520,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(527,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(528,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(531,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(537,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(540,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(546,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(547,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(550,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(553,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(554,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(557,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(563,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(567,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(571,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(572,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(576,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(580,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(581,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(585,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(591,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(592,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(595,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(598,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(599,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(602,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(608,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(613,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(617,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(618,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(621,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(627,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(630,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(631,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(641,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(642,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(643,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(647,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(648,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(651,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(654,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(663,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(666,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(674,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(675,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(676,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(679,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(680,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(683,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-row'
(686,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(704,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(707,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(713,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(714,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(723,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(724,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(730,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(733,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-row'
(736,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(745,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(748,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(755,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(758,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(768,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(769,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(772,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(778,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(781,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(783,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(786,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(789,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-secondary'
(793,44): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-secondary'
(796,41): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-secondary'
(799,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-thirth'
(802,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(805,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(808,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(809,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(812,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-thirth'
(815,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(821,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(824,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(827,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(830,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(831,44): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(832,47): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(839,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(849,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(856,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(859,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(863,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(866,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(872,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
 */
.page-menu .menu-all .option-theme-mode {
    display: flex;
}
.theme-light {
    --bg-color-primary: #fff;
    --text-color-primary: #333;
}
.theme-dark {
    --bg-color-primary: #000;
    --bg-color-secondary: #2e2e2e;
    --bg-color-main-menu: #062246;
    --bg-color-sub-menu: #2e2e2e;
    --bg-hover-color-row: #2e2e2e;
    --bg-hover-color-button: #2b2b2b;
    --text-color-primary: #999;
    --text-color-secondary: #666;
    --text-color-thirth: #fff;
    --text-color-main-menu: #ccc;
    --text-color-sub-menu: #fff;
    --text-color-header-title: #fff;
    --border-color-primary: #2b2b2b;
    --border-bottom-color-primary: #2b2b2b;
    --border-bottom-color-secondary: #666;
    --border-bottom-color-sub-menu: #ffffff15;
}
.theme-dark {
    color-scheme: dark;
}

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

    .theme-dark .derivative-heatmap__wrapper {
        --itemHoverColor: #161616 !important;
    }

    /* TOP */
    .theme-dark .top-header {
        border-bottom-color: var(--border-bottom-color-primary) !important;
    }
    .theme-dark #ul-top-menu .title-link {
        color: #999;
    }
    .theme-dark #ul-top-menu .title-link:hover {
        color: #fff;
    }
    .theme-dark .navbar-login .pulse {
        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 {
        content: url(/content/images/thong-bao--dark-mode.svg);
    }
    .theme-dark .navbar-login .notification:hover {
        background-color: #2e2e2e;
    }
    .theme-dark .navbar-login .title-link {
        color: #999;
    }
    .theme-dark .navbar-login .title-link:hover {
        color: #fff;
    }

    .theme-dark #login-info-popup {
        background-color: #2e2e2e;
        border: 1px solid #666;
        box-shadow: none;
    }
    .theme-dark #login-info-popup a {
        color: #999;
    }
        .theme-dark #login-info-popup a:hover {
            color: #fff;
        }
    .theme-dark #login-info-popup ul li:last-child {
        background-color: #2b2b2b;
    }

    .theme-dark #notification-popup, .theme-dark #notify-all-content {
        background-color: #2a2a2a;
        border: 1px solid #2b2b2b;
        box-shadow: none;
    }
        .theme-dark #notification-popup .fheader, .theme-dark #notify-all-content .fheader {
            background-color: #1b1b1b;
            border-top: solid 1px #2b2b2b;
            border-bottom: solid 1px #2b2b2b;
        }
        .theme-dark #notification-popup .text, .theme-dark #notify-all-content .text {
            color: #999 !important;
        }

    .theme-dark .main_menu {
        background-color: #060606;
    }
    .theme-dark .menu-bars .menu-bar .imgMenuBar {
        filter: brightness(5);
    }
    .theme-dark .mobile-search img.btSearchbymobile {
        filter: brightness(5);
    }
    .theme-dark #breadcrumbMobileMenu {
        background-color: #000;
        border: 1px solid #666;
    }    
    .theme-dark #aBreadcrumbMobile {
        color: #ddd;
    }
    .theme-dark #breadcrumbMobileDropdown {
        background-color: #000;
    }
    .theme-dark .c-mobile-menubar img, .theme-dark .c-mobile-search img {
        filter: brightness(5);
    }

    .theme-dark #breadcrumbMobileSubMenu {
        background-color: var(--bg-color-primary);
        border: none;
    }
        .theme-dark #breadcrumbMobileSubMenu .menu-group > div.group-head {
            border-bottom: 1px solid #4e4e4e;
        }
            .theme-dark #breadcrumbMobileSubMenu .menu-group a.title-group, .theme-dark #breadcrumbMobileSubMenu .menu-group a.title-group-lv2 {
                color: #fff;
                border-bottom: none !important;
            }
            .theme-dark #breadcrumbMobileSubMenu .menu-group a.title-group-lv2 {
                border-bottom: 1px solid #4e4e4e !important;
            }
        .theme-dark #breadcrumbMobileSubMenu .menu-group a {
            color: #ddd;
            border-bottom: 1px solid #2b2b2b !important;
        }

    .theme-dark #popup-menu-mobile {
        background-color: var(--bg-color-primary);
        box-shadow: none;
    }
        .theme-dark #popup-menu-mobile .menu-group .login-info-mobile a {
            color: #fff;
            border-bottom: none !important;
        }
        .theme-dark #popup-menu-mobile .menu-group a {
            color: #ddd;
            border-bottom: 1px solid #2b2b2b !important;
        }
        .theme-dark #popup-menu-mobile .menu-group a.title-group {
            color: #fff;
            border-bottom: none !important;
        }
        .theme-dark #popup-menu-mobile .menu-group a.title-link {
            border-bottom: none !important; 
        }
        .theme-dark #popup-menu-mobile .menu-group > div.group-head {
            border-bottom: 1px solid #4e4e4e;
        }
        .theme-dark #popup-menu-mobile .menu-group a.title-group-lv2 {
            color: #fff;
            border-bottom: 1px solid #4e4e4e !important;
        }
        .theme-dark #popup-menu-mobile img.imgUser {
            filter: brightness(5);
        }
    .theme-dark #popup-menu-close {
        content: url(/content/images/close--w.svg);
    }
    #popup-menu-mobile .option-theme-mode {
        display: block
    }
/* END TOP */

/* HEADER */
    .theme-dark .news-lasted > ul > li:nth-child(odd), .theme-dark .header-market :nth-child(odd).row {
        background-color: #000;
    }
    
    .theme-dark #header-market .row {
        border-bottom-color: var(--border-bottom-color-primary);
    }
    .theme-dark #header-market a.title-link, .theme-dark #header-market .pure-text {
        font-weight: 500;
        color: #ffffff;
    }

    .theme-dark .news-lasted > ul > li {
        border-bottom-color: var(--border-bottom-color-primary);
    }
    .theme-dark #header-news a.title-link {
        color: #999999;
    }
    .theme-dark #header-news a.title-link:hover {
        color: #ffffff;
    }

    .theme-dark .page-menu {
        background-color: var(--bg-color-main-menu);
        color: var(--text-color-main-menu);
    }
    .theme-dark .page-menu a.title {
        color: var(--text-color-main-menu);
    }

    .theme-dark #page-menu-content .navbar-nav > li.active > a, .theme-dark #page-menu-content .navbar-nav > li:hover > a {
        background-color: #556C8B !important;
        color: #fff !important;
    }
    .theme-dark #page-menu-content .dropdown-menu > li > a {
        background-color: var(--bg-color-sub-menu);
        color: var(--text-color-sub-menu);
        border-bottom-color: var(--border-bottom-color-sub-menu);
    }
    .theme-dark #page-menu-content .dropdown-menu > li.active > a, .theme-dark #page-menu-content .dropdown-menu > li:hover > a {
        background-color: #060606 !important;
        color: #0280EA !important;
    }

    .theme-dark .page-menu .menu-all-content {
        background-color: var(--bg-color-secondary);
        border: 1px solid #ffffff26;
    }
        .theme-dark .page-menu .menu-all-content .menu-lv-1 {
            color: #fff !important;
        }
        .theme-dark .page-menu .menu-all-content .menu-lv-2 {
            color: #bbb !important;
        }
        .theme-dark .page-menu .menu-all-content .menu-lv-3 {
            color: #999 !important;
            border-bottom: 1px solid #6f6f6f;
        }

    .theme-dark .no-padder .header-breadcrumb {
        background-color: var(--bg-color-primary);
    }
/* END HEADER */

/* BREADCRUMBS */
    .theme-dark .breadcrumbs > .breadcrumb li, .theme-dark .breadcrumbs > .breadcrumb a.title-link {
        color: var(--text-color-primary) !important;
    }
    .theme-dark .breadcrumbs > .breadcrumb a.title-link:hover {
        color: #fff !important;
    }
/* END BREADCRUMBS */

/* SEARCH POPUP */
.theme-dark #popup-search {
    background-color: var(--bg-color-primary);
}
.theme-dark ul.popup-search-tabs li span {
    color: #0280EA;
}
.theme-dark .btn-close-search .circle-background img {
    content: url(/content/images/close--w.svg);
}
.theme-dark .btn-close-search .circle-background::after {
    background-color: var(--bg-hover-color-button);
}
.theme-dark .search-input-container {
    background-color: var(--bg-color-secondary);
    box-shadow: none;
}
    .theme-dark .search-input-container:hover {
        background-color: var(--bg-color-secondary);
        box-shadow: none;
        border-color: #2e2e2e;
    }
.theme-dark #search-icon {
    color: var(--text-color-primary);
}
.theme-dark .search-split {
    border-left: 2px solid #666;
}
.theme-dark #select-option-search {
    background-color: var(--bg-color-secondary);
    color: #666;
}

.theme-dark .result-box-header {
    background-color: var(--bg-color-secondary);
}
.theme-dark .result-box-header h4 {
    color: #0280ea;
}
.theme-dark .result-box-header span.total-item-result {}
.theme-dark .result-box-header .btn-toggle-result-box {}

.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 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;
}
/* END SEARCH POPUP */
/* HEATMAP */
.theme-dark #heatmap-loading {
    background-color: #000;
}
    .theme-dark .derivative-heatmap__header-title {
        color: var(--text-color-header-title);
    }
    .theme-dark .derivative-table__head th {
        color: var(--text-color-primary);
        border-bottom: 1px solid var(--border-bottom-color-primary);
        background-color: var(--bg-color-primary);
    }
    .theme-dark .derivative-table__body td {
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .derivative-table__body td a {
        color: var(--text-color-primary) !important;
    }
        .theme-dark .derivative-table__body td a:hover {
            color: #fff !important;
        }

    .theme-dark .derivative-heatmap-toolbar {
        background-color: var(--bg-color-secondary);
        border: 1px solid var(--border-color-primary);
    }
    .theme-dark .derivative-heatmap-toolbar__button {
        border-right: 1px solid #4b4b4b;
        color: var(--text-color-primary);
    }
    .theme-dark .derivative-heatmap-toolbar__button:hover {
        background-color: #3c3c3c;
    }

    .theme-dark .derivative-heatmap-dropdown {
        background-color: #2e2e2e;
        box-shadow: 1px 3px 5px #999999aa;
        color: #999;
    }
        .theme-dark .derivative-heatmap-dropdown:before {
            background-color: #1c1c1c;
            border-top: 1px solid #1e1e1e;
            border-right: 1px solid #1e1e1e;
        }

    .theme-dark .derivative-heatmap-dropdown__header {
        background-color: #202020;
        border-color: #ffffff38;
    }
    .theme-dark .derivative-heatmap-dropdown__header-text {
        color: #d9d9d9;
    }
    .theme-dark .derivative-heatmap-dropdown__item--active {
        background-color: #1c1c1c;
        color: #fff;
    }
    .theme-dark .derivative-heatmap-dropdown__item:hover {
        background-color: #161616;
    }

    .theme-dark .derivative-heatmap-dropdown__item-color-bg:before {
        border-bottom: 7px solid #2e2e2e;
    }
    /*.theme-dark .derivative-heatmap-dropdown__item:hover > .theme-dark .derivative-heatmap-dropdown__item-color-bg:before {        
        border-bottom: 7px solid #161616 !important;
    }*/
/* END HEATMAP */
/* PRICE ACTION */
.theme-dark .derivative-price-action__wrapper--fullscreen {
    background-color: var(--bg-color-primary);
}
    .theme-dark .derivative-price-action__header-title {
        color: var(--text-color-header-title);
    }
    .theme-dark .derivative-price-action__button--active {
        background-color: #2e2e2e;
    }
    .theme-dark .derivative-price-action__button:not(.derivative-price-action__button--active):hover {
        background-color: #2e2e2e;
    }

    .theme-dark .derivative-price-action__timeframe {
        border: 1px solid #2b2b2b;
    }
    .theme-dark .derivative-price-action__timeframe--active {
        color: #666666;
    }
    .theme-dark .derivative-price-action__timeframe:not(.derivative-price-action__timeframe--active):hover {
        background-color: #2e2e2e;
    }

    .theme-dark .derivative-price-action__option-header {
        border: none;
        background-color: #2e2e2e;
        color: #fff;
    }
    .theme-dark .derivative-price-action__option-item {
        border: none;
        background-color: #2e2e2e;
    }
        .theme-dark .derivative-price-action__option-item:hover {
            background-color: #3e3e3e;
        }
/* END PRICE ACTION */

/* CONTRACT LIST */
    .theme-dark .contract-list__header-title {
        color: var(--text-color-header-title);
    }
    .theme-dark .contract-list__tab--active {
        color: #fff !important;
    }
    .theme-dark .contract-list__tab {
        border-right: 1px solid #2b2b2b;
        color: var(--text-color-primary);
    }

    .theme-dark .contract-list__table-head th {
        border-bottom: 1px solid var(--border-bottom-color-primary);
        color: var(--text-color-primary);
    }
    .theme-dark .contract-list__table-body td {
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .contract-list__table-body tr:hover td {
        background-color: var(--bg-hover-color-row);
    }
    .theme-dark .contract-list__table-body td a {
        color: var(--text-color-primary) !important;
    }
        .theme-dark .contract-list__table-body td a:hover {
            color: #fff !important;
        }

    .theme-dark .contract-list__button-see-more {
        color: var(--text-color-primary);
        border: 1px solid var(--border-color-primary);
    }
        .theme-dark .contract-list__button-see-more:hover {
            background-color: var(--bg-hover-color-button);
        }
/* END CONTRACT LIST */

/* FUTURES VN30 */
    .theme-dark .index-futures__header-title {
        color: var(--text-color-header-title);
    }
    .theme-dark .index-futures__tab {
        color: var(--text-color-primary);
    }
    .theme-dark .index-futures__tab--active {
        color: #fff;
    }
    .theme-dark .index-futures__table-head th {
        border-bottom: 1px solid var(--border-bottom-color-primary);
        color: var(--text-color-primary);
    }
    .theme-dark .index-futures__table-body td {
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .index-futures__button-see-more {
        color: var(--text-color-primary);
        border: 1px solid var(--border-color-primary);
    }
        .theme-dark .index-futures__button-see-more:hover {
            background-color: var(--bg-hover-color-button);
        }
/* END FUTURES VN30 */

/* FUTURES VN100 */
    .theme-dark .index-100-futures__header-title {
        color: var(--text-color-header-title);
    }

    .theme-dark .index-100-futures__tab {
        color: var(--text-color-primary);
    }

    .theme-dark .index-100-futures__table-head th {
        border-bottom: 1px solid var(--border-bottom-color-primary);
        color: var(--text-color-primary);
    }

    .theme-dark .index-100-futures__table-body td {
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }

    .theme-dark .index-100-futures__button-see-more {
        color: var(--text-color-primary);
        border: 1px solid var(--border-color-primary);
    }

        .theme-dark .index-100-futures__button-see-more:hover {
            background-color: var(--bg-hover-color-button);
        }
/* END FUTURES VN100 */

/* FUTURE BOND */
.theme-dark .bond-futures__table-head th {
    border-bottom: 1px solid var(--border-bottom-color-primary);
    color: var(--text-color-primary);
}
.theme-dark .bond-futures__table-body td {
    border-bottom: 1px solid var(--border-bottom-color-primary);
}
.theme-dark .bond-futures__button-see-more {
    color: var(--text-color-primary);
    border: 1px solid var(--border-color-primary);
}
    .theme-dark .bond-futures__button-see-more:hover {
        background-color: var(--bg-hover-color-button);
    }
/* END FUTURES BOND */

/* FUTURE BOND 10 YEAR */
.theme-dark .bond-10-futures__table-head th {
    border-bottom: 1px solid var(--border-bottom-color-primary);
    color: var(--text-color-primary);
}

.theme-dark .bond-10-futures__table-body td {
    border-bottom: 1px solid var(--border-bottom-color-primary);
}

.theme-dark .bond-10-futures__button-see-more {
    color: var(--text-color-primary);
    border: 1px solid var(--border-color-primary);
}
    .theme-dark .bond-10-futures__button-see-more:hover {
        background-color: var(--bg-hover-color-button);
    }
/* END FUTURES BOND 10 YEAR */

/* MARKET SHARE */
.theme-dark .market-share__head-title {
    color: var(--text-color-header-title);
}
    .theme-dark .market-share__period {
        border: 1px solid var(--border-color-primary);
        color: var(--text-color-primary);
    }
    .theme-dark .market-share__period:not(.market-share__period--active):hover {
        background-color: #2e2e2e;
    }
    .theme-dark .market-share__period--active {
        color: #000;
    }

    .theme-dark .market-share__option-period {
        background-color: var(--bg-color-primary);
        border: 1px solid var(--border-color-primary);
        color: var(--text-color-primary);
    }

    .theme-dark .market-share_table thead th {
        color: var(--text-color-primary) !important;
        border-bottom: 1px solid var(--border-color-primary) !important;
    }
    .theme-dark .market-share_table tbody td {
        border-bottom: 1px solid var(--border-color-primary) !important;
    }
    .theme-dark .market-share_table tbody td a {
        color: var(--text-color-primary);
    }
        .theme-dark .market-share_table tbody td a:hover {
            color: #fff;
        }
/* END MARKET SHARE */

/* BASESTOCK */
    .theme-dark .base-stock__header-title {
        color: var(--text-color-header-title);
    }
    .theme-dark .base-stock__tab {
        color: var(--text-color-primary);
        /*border-right: 1px solid var(--border-color-primary);*/
    }
    .theme-dark .base-stock__tab--active {
        color: #fff;
    }

    .theme-dark .base-stock__table-head th {
        background-color: var(--bg-color-primary);
        color: var(--text-color-primary);
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .base-stock__table-body td {
        background-color: var(--bg-color-primary);
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .base-stock__table-body tr:hover td {
        background-color: var(--bg-hover-color-row);
    }
        .theme-dark .base-stock__table-body td a {
            color: var(--text-color-primary) !important;
        }
        .theme-dark .base-stock__table-body td a:hover {
            color: #fff !important;
        }

    .theme-dark .base-stock__table-head th .icon-down {
        content: url("/content/images/icons/icon-down-darkmode.svg");
    }
    .theme-dark .base-stock__chart .chart-series-label-point {
        color: #666;
    }
    .theme-dark .base-stock__chart .chart-series-label-code {
        color: #999;
    }
/* END BASESTOCK*/
/* STATISTIC TRADING */
.theme-dark .derivatives-statistic__header-title, .theme-dark .derivatives-statistic__header-link {
    color: var(--text-color-header-title);
}
    .theme-dark .derivatives-statistic__tab-trading {
        color: var(--text-color-primary);
    }
    .theme-dark .derivatives-statistic__tab-trading--active {
        color: #fff;
    }
    .theme-dark .derivatives-statistic__tab-asset-code {
        border: 1px solid var(--border-color-primary);
        color: var(--text-color-primary);
    }
        .theme-dark .derivatives-statistic__tab-asset-code:not(.derivatives-statistic__tab-asset-code--active):hover {
            background-color: #2e2e2e;
        }
    .theme-dark .derivatives-statistic__tab-asset-code--active {
        color: #000;
    }
    .theme-dark .derivatives-statistic__table-head th {
        color: var(--text-color-primary);
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .derivatives-statistic__table-head .icon-down {
        content: url("/content/images/icons/icon-down-darkmode.svg");
    }
    .theme-dark .derivatives-statistic__table-body td {
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .derivatives-statistic__table-body tr:hover td {
        background-color: var(--bg-hover-color-row);
    }
        .theme-dark .derivatives-statistic__table-body td a {
            color: var(--text-color-primary) !important;
        }
        .theme-dark .derivatives-statistic__table-body td a:hover {
            color: #fff !important;
        }
/* END STATISTIC TRADING*/

/* NEWS */
    .theme-dark .derivative-news__header-title, .theme-dark .derivative-news__header-link {
        color: var(--text-color-header-title);
    }
    .theme-dark .derivative-news__tab {
        color: var(--text-color-primary);
    }
    .theme-dark .derivative-news__tab--active {
        color: #fff;
    }

    .theme-dark .derivative-news__item {
        border-bottom: 1px solid var(--border-bottom-color-primary);
    }
    .theme-dark .derivative-news__title {
        color: var(--text-color-primary) !important;
    }
    .theme-dark .derivative-news__title:hover {
        color: #fff !important;
    }
    .theme-dark .derivative-news__publish-date {
        color: #808080;
    }

    .theme-dark .derivative-news__button-see-more {
        color: var(--text-color-primary);
        border: 1px solid var(--border-color-primary);
    }
    .theme-dark .derivative-news__button-see-more:hover {
        background-color: var(--bg-hover-color-button);
    }
/* END NEWS */

/* FOOTER */
    .theme-dark .page-footer {
        background-color: var(--bg-color-secondary);
    }
    .theme-dark .theme-4 .footer {
        background-color: var(--bg-color-secondary);
        border-top: 1px solid #3b3b3b;
        color: var(--text-color-primary);
    }
    .theme-dark .theme-4 .footer a {
        color: var(--text-color-primary);
    }
    .theme-dark .theme-4 .footer a:hover {
        color: var(--text-color-secondary);
        text-decoration: none;
    }
        .theme-dark .theme-4 .footer .border_black {
            border-bottom: 1px dashed var(--border-bottom-color-secondary);
        }
        .theme-dark .theme-4 .footer hr.horizontal-dottb {
            border-top: 1px dashed var(--border-bottom-color-secondary);
        }
    .theme-dark .theme-4 .widget-title {
        color: var(--text-color-thirth);
    }
    .theme-dark .theme-4 .footer .single_fcontact a {
        color: var(--text-color-primary);
    }
    .theme-dark .theme-4 .footer .single_footer_nav ul li a {
        color: var(--text-color-primary);
    }
    .theme-dark .theme-4 .footer .single_contact3 {
        background-color: var(--bg-color-primary);
        border: 1px solid var(--border-color-primary);
    }
        .theme-dark .theme-4 .footer .single_contact3 h6 b {
            color: var(--text-color-thirth);
        }
    .theme-dark .theme-4 .footer .single_contact3 p {
        color: var(--text-color-primary);
    }
    .theme-dark .theme-4 .footer .more_newss {
        border-left: 1px solid #666;
    }
    .theme-dark .theme-4 .footer .single_more_news p {
        color: var(--text-color-primary);
    }
    .theme-dark .theme-4 .news_letter {
        background-color: var(--bg-color-primary);
    }
        .theme-dark .theme-4 .news_letter ul.footer-info-company li {
            color: var(--text-color-primary);
        }
            .theme-dark .theme-4 .news_letter ul.footer-info-company li.bd-tb {
                background-color: var(--bg-color-primary);
                border-top: 1px solid var(--border-bottom-color-primary);
                border-bottom: 1px solid var(--border-bottom-color-primary);
            }

    .theme-dark .theme-4 .footer .copyright {
        background-color: #060606;
    }
        .theme-dark .theme-4 .footer .copyright ul li a {
            color: var(--text-color-primary);
        }
    
/* END FOOTER */

@media screen and (max-width: 480px) {
    .theme-dark .theme-4 .footer hr.bd-footer {
        border-top: 1px solid #666;
    }
    .theme-dark .theme-4 .footer .single_contact3 {
        background-color: var(--bg-color-secondary);
        border: none;
    }
}

@media screen and (max-width: 912px) {
    .theme-dark .contract-list__table th:first-child, .theme-dark .contract-list__table td:first-child {
        background-color: var(--bg-color-primary);
    }
    .theme-dark .contract-list__table .colu-code {
        background-color: var(--bg-color-primary);
    }

    .theme-dark .derivatives-statistic__table-head th:first-child, .theme-dark .derivatives-statistic__table-body td:first-child {
        background-color: var(--bg-color-primary);
    }
    .theme-dark .derivatives-statistic__table .colu-date, .theme-dark .derivatives-statistic__table .colu-code {
        background-color: var(--bg-color-primary);
    }    
}

@media screen and (max-width: 1200px) {
    .theme-dark .base-stock__table th:first-child, .theme-dark .base-stock__table td:first-child {
        background-color: var(--bg-color-primary);
    }
}