/* 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'
(258,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(261,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(265,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(270,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(276,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(281,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(392,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(395,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(396,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(397,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(400,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(403,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(410,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(411,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(415,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(456,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(459,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(494,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(501,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(505,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(506,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(509,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(512,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-row'
(515,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(522,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(523,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(526,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(532,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(535,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(541,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(542,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(545,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(548,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(549,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(552,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(558,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(562,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(566,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(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'
(575,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(576,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(580,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(586,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(587,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(590,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(593,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(594,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(597,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(603,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(604,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(608,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(612,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(613,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(616,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(622,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(625,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(626,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(636,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(637,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(638,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(642,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(643,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(646,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(649,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(658,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(661,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(669,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(670,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(671,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(674,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(675,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(678,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-row'
(681,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(699,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(702,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(708,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(709,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(718,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(719,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(725,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(728,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-row'
(731,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(740,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-header-title'
(743,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(750,39): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(753,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(763,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(764,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(767,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-hover-color-button'
(773,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(776,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(778,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(781,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(784,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-secondary'
(788,44): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-secondary'
(791,41): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-secondary'
(794,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-thirth'
(797,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(800,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(803,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(804,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(807,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-thirth'
(810,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(816,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(819,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(822,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(825,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(826,44): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(827,47): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-color-primary'
(834,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary'
(844,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(851,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(854,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(858,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(861,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-primary'
(867,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 .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 {}
.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);
    }
}