/* 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 '-'
(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 '-'
(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 '-'
(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 '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,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 '-'
(76,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(77,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(302,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-group-heatmap'
(303,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(307,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(319,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(327,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary'
(345,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(350,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color-primary'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(358,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(363,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-header'
(366,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(370,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-header'
(374,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(377,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-secondary'
(381,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst-active'
(382,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-active'
(386,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst-active'
(387,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-active'
(391,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu'
(392,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-menu'
(396,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-vst'
(400,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-menu-secondary'
 */
.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-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;
}

.theme-dark {
    color-scheme: dark;
}
.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-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;
}

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

    .theme-dark #ul-top-menu li:after {
        background-color: #fff;
    }

    .theme-dark .package-policy-icon-header {
        background-color: #2e2e2e;
    }

        .theme-dark .package-policy-icon-header img {
            content: url(/content/images/nang-cap-tai-khoan--dark-mode.svg);
        }

    .theme-dark .navbar-login .notification img, .theme-dark .mobile-notify .notificationMobile img {
        content: url(/content/images/thong-bao--dark-mode.svg);
    }


    .theme-dark .news-wrapper .inner ul li a {
        color: #fff;
    }

        .theme-dark .news-wrapper .inner ul li a:hover {
            color: #0280ea;
        }

.theme-dark .tab-add-stock-button button {
    background-color: transparent;
    color: #666;
}

    .theme-dark .tab-button--selected, .theme-dark .tab-add-stock-button button:hover {
        background-color: #999 !important;
        color: #fff !important;
    }

    .theme-dark .theme-4 .footer {
        background-color: #2e2e2e;
        border-top-color: #ffffff26;
        color: #999;
    }

        .theme-dark .theme-4 .footer .single_contact3 {
            background-color: #060606;
            border-color: #ffffff26;
        }
.theme-dark .theme-4 .widget-title {
    color: #fff;
}
.theme-dark .theme-4 .footer .single_fcontact a {
    color: #999;
}
.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 .footer .single_footer_nav ul li a {
    color: #999;
}
.theme-dark .theme-4 .footer .single_more_news a {
    color: #999;
}
.theme-dark .theme-4 .footer .single_more_news p {
    color: #999;
}
.theme-dark .theme-4 .footer .more_newss {
    border-color: #666;
}
.theme-dark .news_letter {
    background-color: #060606;
}
.theme-dark ul.footer-info-company li {
    background-color: #060606;
    color: #999;
    border-color: #ffffff26;
}
.theme-dark .border_black {
    border-bottom-color: #666;
}
.theme-dark .theme-4 .footer .copyright {
    background-color: #060606;
}
    .theme-dark .theme-4 .footer .copyright ul li a {
        color: #999;
    }
.theme-dark hr.horizontal-dottb {
    border-color: #666;
}
.theme-dark .theme-4 a {
    color: #999;
    text-decoration:none;
}

    .theme-dark .option-tab--active {
        color: #fff;
    }

    .theme-dark .option-tab {
        border-right-color: #ffffff50;
    }

    .theme-dark .table-custom thead tr th {
        background-color: #060606;
        color: #999;
    }

    .theme-dark th.col-hover:hover {
        background-color: #2e2e2e !important;
    }

    .theme-dark .table > thead > tr > th {
        border-bottom: 2px solid #FFFFFF26;
    }

    .theme-dark .option-tab:not(.option-tab--active):hover {
        color: #999;
    }

    .theme-dark .table-row--sticky {
        background-color: #060606;
    }

    .theme-dark .table-custom tbody tr td {
        background-color: #060606;
        color: #999;
        border-color: #ffffff26;
    }

    .theme-dark .table-hover > tbody > tr:hover, .theme-dark .table-hover > tbody > tr:hover > td {
        background-color: #2E2E2E !important;
    }

    .theme-dark .stock-col-container > a {
        color: #bfbfbf;
    }

    .theme-dark .stock-relation__button-see-more {
        color: #999;
        border-color: #ffffff26;
        background-color: #2e2e2e;
    }

        .theme-dark .stock-relation__button-see-more:hover {
            background-color: #d9d9d9;
            color: #282828;
            border: none;
        }

    .theme-dark .menu-dropdown__header {
        background-color: #1e1e1e;
        border-bottom-color: #ffffff50;
    }

    .theme-dark .menu-dropdown {
        background-color: #2e2e2e;
    }

    .theme-dark .menu-dropdown__item {
        color: #999;
    }

        .theme-dark .menu-dropdown__item:hover {
            background-color: #4e4e4e;
            text-decoration: none;
            color: #aaa;
        }

    .theme-dark .menu-dropdown__header-text {
        color: #fff;
    }

    .theme-dark .custom-scrollbar-horz::-webkit-scrollbar-thumb {
        background-color: #4e4e4e;
    }

    .theme-dark .custom-scrollbar-horz::-webkit-scrollbar-track {
        background-color: #2c2c2c;
    }


    .theme-dark .main_menu {
        background-color: #060606;
    }

    .theme-dark .mobile-search #btn-mobile-search {
        background-color: transparent !important;
        filter: brightness(5);
    }

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

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

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

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


    .theme-dark #breadcrumbMobileMenu {
        background-color: #2e2e2e;
        border-color: #ffffff26;
    }

        .theme-dark #breadcrumbMobileMenu .divhome .imgHome {
            border-color: #ffffff26;
            background-color: #666;
        }

    .theme-dark .right__bar-group span.close-bar-span:before {
        filter: brightness(5);
    }

    .theme-dark .wl-dropdown-menu {
        background-color: var(--bg-group-heatmap);
        border: 1px solid var(--border-color-primary);
    }

    .theme-dark .wl-menu-item:hover {
        background-color: var(--bg-primary);
    }

    .theme-dark #watchlistPanel .itemStock:hover {
        background-color: #2E2E2E;
    }

    .theme-dark #main-dropdownMenu img, .theme-dark .wl-dropdown-menu img {
        filter: invert(1);
    }

    .theme-dark #DescriptionPortfolioEdit input {
        background-color: var(--bg-secondary);
    }

    .theme-dark #watchListContent .item:hover {
        background-color: #2E2E2E;
    }

    .theme-dark .col-actions .icon-btn {
        background-color: var(--bg-tertiary);
    }

    .theme-dark th .col-option-name--active {
        color: #999;
    }

    .theme-dark .wl-input {
        color: #fff;
    }
/*Darkmode*/

#watchlistPanel {
    width: 457px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -460px;
    background: var(--bg-primary) !important;
    border-left: 1px solid #ddd;
    transition: all 0.35s ease;
    z-index: 99;
    /*overflow-y: auto;*/
    border: 1px solid var(--border-color-primary) !important;
    color: var(--color-text-primary) !important;
    color: #282828;
    display: flex;
    flex-direction: column;
}

#watchList .stock-code, #watchListNews .stock-code {
    color: var(--color-text-primary);
    text-decoration: none;
}

.top-header {
    border-bottom: 1px solid var(--border-color-header) !important;
}
.news-lasted > ul > li:nth-child(odd), .header-market :nth-child(odd).row {
    background-color: var(--bg-primary);
}

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

.no-padder .header-breadcrumb {
    background-color: var(--bg-primary);
}
#btn-mobile-search {
    background-color: var(--bg-menu-secondary) !important;
}

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

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

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

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