/* 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 '-'
 */
.base-stock__wrapper {
    --itemHoverColor: #ffdead;
    --itemActiveColor: #fff3d0;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: default;
    margin-top: 30px;
}
    .base-stock__wrapper .highcharts-container {
        background: none;
    }
    .base-stock__wrapper .not-allow {
    cursor: not-allowed;
}
.chart-series-label-code {
    font-weight: normal;
    font-size: 12px;
}
.chart-series-label-point {
    font-weight: normal;
    font-size: 12px;
    color: #999;
}

.base-stock__header-title {
    font-weight: 700;
    font-size: 28px;
}
.base-stock__tabs {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.base-stock__tab {
    color: #666666;
    border-right: 1px solid #d9d9d9;
    padding: 0px 15px;
    font-size: 16px;
    line-height: 16px;
}
.base-stock__tab:first-child {
    padding-left: 0px;
}
.base-stock__tab:last-child {
    border-right: 0px;
}
.base-stock__tab--active {
    color: #282828;
    font-weight: 700;
}

.base-stock__body {
    margin-top: 20px;
}
.base-stock__table-container {    
    position: relative;
    width: 100%;
    max-height: 660px;
    overflow-x: auto;
    overflow-y: auto;
}
    .base-stock__table-container::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .base-stock__table-container::-webkit-scrollbar-track {
        border-radius: 2px;
        background-color: #efefef;
    }
    .base-stock__table-container::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #b6b7b7;
    }

.base-stock__table {
    width: 100%;
    table-layout: fixed;
    min-width: 700px;
}

.base-stock__table-head th {
    font-weight: 400;
    font-size: 14px;
    padding: 10px 0px;
    padding-right: 5px;
    text-align: right;
    width: 105px;
    border-bottom: 1px solid #d9d9d9;
    color: #282828;
    background-color: #fff;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 3;
}
    .base-stock__table-head th:first-child {
        width: 50px;
        text-align: center;
    }
    .base-stock__table-head th:last-child {
        width: 130px;
    }
    .base-stock__table-head th img {
        width: 13px;
        height: 13px;
        margin-left: 3px;
        margin-top: -2px;
    }
    .base-stock__table-head th .icon-down {
        width: 10px;
        height: 10px;
        margin-right: 1px;
        margin-top: -3px;
        content: url("/content/images/icons/icon-down.svg");
    }
.base-stock__table-body tr:hover td {
    background-color: #ffdead;
}

.base-stock__table-body td {
    padding: 10px 0px;
    padding-right: 5px;
    width: 105px;
    text-align: right;
    border-bottom: 1px solid #d9d9d9;
    white-space: nowrap;
}
    .base-stock__table-body td:first-child {
        width: 50px;
        text-align: center
    }
    .base-stock__table-body td:last-child {
        width: 130px;
    }
    .base-stock__table-body td a {
        color: #333 !important;
        font-weight: 500;
    }
        .base-stock__table-body td a:hover {
            text-decoration: none;
            color: #0d6efd !important;
        }

.base-stock__table .colu-code {
    text-align: left;
    width: 60px;
    padding-right: 0px;
}
.base-stock__table .colu-price {    
    text-align: center;
    width: 70px !important;
    padding-right: 0px;
}
.base-stock__table .colu-vol {
    width: 90px;
}
.base-stock__table .colu-weight {
    width: 80px;
}
.base-stock__annotate {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .base-stock__annotate small {
        color: #f42717;
    }
.base-stock__paging {
    display: flex;
}
.base-stock__paging-item {
    font-size: 13px;
    color: #373737;
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
}
    .base-stock__paging-item:not(.base-stock__paging-item--not-hover):hover {
        background-color: #e9e9e9;
    }
.base-stock__paging-item--not-hover {
    cursor: not-allowed;
}

.base-stock__chart {
    height: 590px;
    margin-top: 40px;
}

.base-stock__statistic-wrapper {
    width: 100%;
    height: 20px;
    background-color: transparent;
    margin-top: 10px;
    font-size: 12px;
    color: #fff;
}
.base-stock__statistic-negative {
    display: inline-block;
    height: 20px;
    background-color: #d45a5a;
    text-align: center;
    padding-top: 2px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.base-stock__statistic-positive {
    display: inline-block;
    height: 20px;
    background-color: #4caf50;
    text-align: center;
    padding-top: 2px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.base-stock__sub-title {
    text-align: right;
    margin-top: 10px;
}
.base-stock__sub-title-img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: -3px;
    opacity: 0.7;
}
.base-stock__sub-title-text {
    color: #666666;
}

@media screen and (max-width: 480px) {
    .base-stock__chart {
        margin-top: 20px;
        height: 490px;
    }
    .base-stock__table-container {        
        max-height: 490px;
    }
    .base-stock__table-head th, .base-stock__table-body td {
        width: 100px;
    }
        .base-stock__table-head th:first-child, .base-stock__table-body td:first-child {
            width: 45px;
        }
    .base-stock__table .colu-code {
        width: 50px;
    }
    .base-stock__table .colu-price {
        width: 60px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    /*.base-stock__table-container {
        overflow-x: auto;
    }
    .base-stock__table-head th, .base-stock__table-body td {
        width: 100px;
    }
        .base-stock__table-head th:first-child, .base-stock__table-body td:first-child {
            width: 45px;
        }
    .base-stock__table .colu-code {
        width: 50px;
    }
    .base-stock__table .colu-price {
        width: 60px;
    }*/
}

@media screen and (max-width: 912px){
    .base-stock__table-container {
        
    }
    .base-stock__table-head th, .base-stock__table-body td {
        width: 100px;
    }
        .base-stock__table-head th:first-child, .base-stock__table-body td:first-child {
            width: 45px;
        }
    .base-stock__table .colu-code {
        width: 50px;
        left: 45px !important;
    }
    .base-stock__table .colu-price {
        width: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .base-stock__table th:first-child {
        position: sticky;
        top: 0px;
        left: 0px;
        z-index: 4;
        background-color: #fff;
    }    
    .base-stock__table td:first-child {
        position: sticky;
        left: 0px;
        z-index: 3;
        background-color: #fff;
    }
    .base-stock__table .colu-code {
        position: sticky;
        left: 50px;
        z-index: 4;
        background-color: #fff;
    }
    .base-stock__table th.colu-code {
           z-index: 5;
    }
}