/* Minification failed. Returning unminified contents.
(488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(511,28): run-time error CSS1039: Token not allowed after unary operator: '-color-point'
 */
.deal-content__container {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    cursor: default;
}
.deal-content__container .highcharts-container {
    background: none;
}
.deal-content__header {    
    padding: 10px 0px;
}
.deal-content__header-section {
    position: relative;
}
.deal-content__header-title {
    font-weight: 700;
    font-size: 28px;
}
.deal-content__header-time-container {
    position: absolute;
    right: 5px;
    top: 10px;
}
.deal-content__header-time {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    color: #999999;
    border-radius: 6px;
    padding: 4px 10px;
}
.deal-content__header-time img {
    width: 15px;
    height: 15px;
}
.deal-content__header-time-text {
    color: #282828;
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 12px;
}
.deal-content__header-time input[type="text"] {
    border: none;
    max-width: 75px;
    margin-left: 5px;
    outline: none;
    color: #282828;
    font-size: 12px;
    padding-top: 4px;
    cursor: default;
}

.stock-deal-detail__table {
    width: 100%;
    table-layout: fixed;
    min-width: 450px;
}

.stock-deal-detail__table-head th {
    font-weight: 400;
    font-size: 14px;
    padding: 6px 0px;
    padding-right: 10px;
    text-align: right;
    border-bottom: 1px solid #d9d9d9;
    color: #282828;
    cursor: default;
}
    .stock-deal-detail__table-head th:first-child {
        text-align: left;
        padding-left: 5px;
        width: 75px;
    }

.stock-deal-detail__table-body td {
    padding: 6px 0px;
    padding-right: 10px;
    text-align: right;
    border-bottom: 1px solid #d9d9d9;
    white-space: nowrap;
    cursor: default;
}
    .stock-deal-detail__table-body td:first-child {
        text-align: left;
        padding-left: 5px;
        width: 90px;
    }

.stock-deal-detail__table .colu-price {
    width: 120px;
}
.stock-deal-detail__table .colu-weight {
    width: 80px;
}

#order-chart {
    height: 345px;
}
#price-chart {
    height: 200px;
}
#cash-flow-chart {
    height: 200px;
}

.order-chart__container {}
.order-chart__header {
    margin-top: 10px;
    font-size: 18px;
}
.order-chart__body {
    margin-top: 10px;
}

.price-chart__container {
    margin-top: 30px;
}
.price-chart__header {
    margin-top: 10px;
    font-size: 18px;
}
.price-chart__body {
    margin-top: 10px;
}

.cash-flow-chart__container {
    margin-top: 30px;
}
.cash-flow-chart__header {
    margin-top: 10px;
    font-size: 18px;
}
.cash-flow-chart__body {
    margin-top: 10px;
}
/*-------*/
/*Tooltip chart*/
.highcharts-tooltip-container {
    /*max-width: 180px;*/
}
.highcharts-tooltip span {
    min-width: 280px !important; 
}

.order-chart__tooltip-formatter {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    /*padding-left: 5px;
    padding-right: 10px;*/
    padding: 7px 10px 5px 10px;
}
.order-chart__tooltip-code {
    font-weight: bold;
    font-size: 13px;
}
.order-chart__tooltip-price {
    margin-top: 1px;
}
.order-chart__tooltip-price-value {
    font-size: 13px;
}
.order-chart__tooltip-volume {
    margin-top: 1px;
    display: flex;
}
.order-chart__tooltip-volume-name {
    margin-right: 10px;
}
.order-chart__tooltip-volume-value {
    font-size: 13px;
    font-weight: 500;
}
.order-chart__tooltip-change {
    margin-top: 1px;
    display: flex;
    flex-direction: row;
}
    .order-chart__tooltip-change i {
        font-size: 15px;
    }
.order-chart__tooltip-change-value {
    margin-right: 10px;
}
.order-chart__tooltip-perchange-value {
}

.order-chart__tooltip-trading-date {
    margin-top: 2px;
}

/* STATISTIC PRICE AND VOLUME */
.statistic-price-volume__container {
    margin-top: 70px;
}
.statistic-price__box {}
.statistic-price__box-header {
    padding: 15px 0px;
    font-size: 18px;
}
.statistic-price__box p.i-b {
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 0px;
    margin: 0px;
}

.statistic-volume__box {
}
.statistic-volume__box-header {
    padding: 15px 0px;
    font-size: 18px;
}
.statistic-volume__box p.i-b {
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 0px;
    margin: 0px;
}

/* END STATISTIC PRICE AND VOLUME */

/* STATISTIC TRADING CONTENT */
.statistic-trading-content__container {
    margin-top: 70px;
    cursor: default;
    position: relative;
}
.statistic-trading-content__top-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
}
.statistic-trading-content__timeframes {
    display: flex;
    align-items: center;
}
.statistic-trading-content__timeframe {
    padding: 3px 10px;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    color: #282828;
    white-space: nowrap;
}
.statistic-trading-content__timeframe--active {
    background-color: #e1f5fe;
}
.statistic-trading-content__timeframe:not(.statistic-trading-content__timeframe--active):hover {
    background-color: #d9d9d9;
}

.statistic-trading-content__options {
    display: flex;
    align-items: center;
}
.statistic-trading-content__option-input {
    display: flex;
    align-items: center;
    margin-right: 5px;
    border: 1px solid #d9d9d9;
    color: #999999;
    border-radius: 6px;
    padding: 4px 8px;
}    
    .statistic-trading-content__option-input input[type='text'] {
        border: none;
        max-width: 75px;
        margin-left: 5px;
        outline: none;
        color: #282828;
        font-size: 12px;
        padding-top: 4px;
        cursor: default;
    }
    .statistic-trading-content__option-input img {
        width: 15px;
        height: 15px;
    }
.statistic-trading-content__option-separator {
    margin-right: 5px;
    display: inline-block;
    font-size: 16px;
}

.statistic-trading-content__option-button {
    border: 1px solid #d9d9d9;
    color: #999999;
    border-radius: 6px;
    padding: 5px 8px;
}
.statistic-trading-content__option-button img {
    width: 15px;
    height: 15px;
    max-width: unset;
    max-height: unset;
}

.statistic-trading-content__body {
    margin-top: 10px;
    margin-bottom: 10px;
}
    .statistic-trading-content__body p.i-b {
        border-bottom: 1px solid #d9d9d9;
        padding: 5px 0px;
        margin: 0px;
    }
    .statistic-trading-content__body p.i-b--first {
        border-bottom: 2px solid #d9d9d9;
    }
    .statistic-trading-content__body p.i-b--no-border {
        border-bottom: 0px;
        margin-top: 20px;
    }

.statistic-trading-content__desc {
    margin-left: 5px;
}
.statistic-trading-content__desc img {
    width: 15px;
    height: 15px;
    max-height: unset;
    max-width: unset;
}
/* END STATISTIC TRADING CONTENT */
/* STATISTIC TRADING HISTORY */
.statistic-trans__container {
    margin-top: 70px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    cursor: default;
}
.statistic-trans__box {
}
.statistic-trans__box-header {
    padding: 15px 0px;
    font-size: 18px;
}
.statistic-trans__top {
    text-align: center;
}
    .statistic-trans__top a.title-link {
        color: #6b6b6b;
        font-size: 12px;
    }
        .statistic-trans__top a.title-link:hover {
            color: #282828;
        }
    .statistic-trans__box p {
        margin-bottom: 0;
        padding: 5px 8px;
        border-bottom: 1px solid #d9d9d9;
        color: #282828;
    }
/* END STATICTIS TRADING HISTORY */

/* FOREIGN - PROPRIETARY CHART */
.foreign-proprietary-chart__container {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 70px;
    cursor: default;
    position: relative;
}
.foreign-proprietary-chart__container .highcharts-container {
    background: none;
}

.foreign-proprietary-chart__top-option {        
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.foreign-proprietary-chart__button {
    margin-right: 20px;
}
.foreign-proprietary-chart__button-toggle {
    display: flex;
    align-items: center;
}
.foreign-proprietary-chart__toggle-text {
    padding: 0 7px;
    color: #666666;
    white-space: nowrap;
}
.toggle-text--active {
    font-weight: 500;
}
.foreign-proprietary-chart__toggle-switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    margin-top: 4px;
}
    /* Hide default HTML checkbox */
    .foreign-proprietary-chart__toggle-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    /* The slider (track) */
    .foreign-proprietary-chart__toggle-switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 20px; /* For a round slider */
        transition: 0.4s;
    }
        /* The circular thumb on the slider */
        .foreign-proprietary-chart__toggle-switch .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: -1px;
            bottom: -1px;
            background-color: #e1f5fe;
            border: 1px solid #bfd0d8;
            border-radius: 50%; /* For a round thumb */
            transition: 0.4s;
        }
    /* Change background color when checked */
    .foreign-proprietary-chart__toggle-switch input:checked + .slider {
        background-color: #fff;
    }
        /* Move the thumb when checked */
        .foreign-proprietary-chart__toggle-switch input:checked + .slider:before {
            transform: translateX(25px);
        }

.foreign-proprietary-chart__timeframe {
    margin: 0 2px;
    padding: 5px 13px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
}
.foreign-proprietary-chart__timeframe--active {
    background-color: #e1f5fe;
}
.foreign-proprietary-chart__timeframe:not(.foreign-proprietary-chart__timeframe--active):hover {
    background-color: #d9d9d9;
}

.foreign-proprietary-chart__body {
}

.foreign-trading-chart__header {
    padding: 10px 0;
    font-size: 18px;
}
.foreign-trading-chart__body {
    border: 1px solid transparent;
    border-radius: 10px;
}
    .foreign-trading-chart__body:hover {
        border: 1px solid #d9d9d9;
    }
.foreign-trading-chart__title {
    text-align: center;
    margin: 20px 0;
    white-space: nowrap;
}

.proprietary-trading-chart__header {
    padding: 10px 0;
    font-size: 18px;
}
.proprietary-trading-chart__body {
    border: 1px solid transparent;
    border-radius: 10px;
}
    .proprietary-trading-chart__body:hover {
        border: 1px solid #d9d9d9;
    }
.proprietary-trading-chart__title {
    text-align: center;
    margin: 20px 0;
}

.chart-footer {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --color-point: #fff;
}
.chart-legend__box {
    display: flex;
    align-items: center;
}
.chart-legend__item {
    padding: 0 10px;
}
.chart-legend__item--buy {
    --color-point: #4CAF50;
}
.chart-legend__item--sell {
    --color-point: #D45A5A;
}
.chart-legend__item--net {
    --color-point: #F19D22;
}
.chart-legend__item-point {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-point);
}
.chart-legend__item-text {
    margin-left: 10px;
}
.chart-credits__box {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.chart-credits__box img {
    height: 15px;
    width: 15px;
    opacity: 0.7;
    max-height: unset;
    max-width: unset;
}
.chart-credits__date-item {
    margin-left: 10px;
    font-size: 13px;
}
/*-------*/
/*Tooltip formater of chart*/
.foreign__tooltip-formatter {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    padding: 2px 4px;
    background-color: rgba(247, 247, 247, 0.6);
    color: #0e0e0e;
    border-radius: 2px;
}
.foreign__tooltip-code {
    font-size: 13px;
    font-weight: 700;
    color: #636363;
}
.foreign__tooltip-data {
    display: flex;
    align-items: center;
    padding: 2px 0px;
    font-size: 13px;
}
.foreign__tooltip-color {
    height: 10px;
    width: 20px;
    margin-right: 5px;
}
.foreign__tooltip-color--sell {
    background-color: red;
}
.foreign__tooltip-color--buy {
    background-color: green;
}
.foreign__tooltip-color--net {
    background-color: #fd7e14;
}
.foreign__tooltip-name {
    margin-right: 10px;
}
.foreign__tooltip-value {
    font-weight: 500;
}
.foreign__tooltip-trading-date {
    margin-top: 5px;
    font-weight: 500;
}
.foreign__tooltip-trading-date-value {
}
/* END FOREIGN - PROPRIETARY CHART */

/* PERFORMANCE - CASHFLOW */
.performance-cashflow__container {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 70px;
    cursor: default;
    position: relative;
}
.performance-cashflow__tabs {
    display: flex;
    align-items: center;
}
.performance-cashflow__tab {
    padding: 0 15px;
    font-size: 18px;
    border-right: 1px solid #d9d9d9;
}
    .performance-cashflow__tab:last-child {
        border-right: none;
    }
.performance-cashflow__tab--active {
    font-weight: 500;
}

.performance-cashflow__buttons {
    position: absolute;
    top: 0px;
    right: 0;
    display: flex;
    align-items: center;
}
performance-cashflow__button {

}
.performance-cashflow__button-excel {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #666;
    padding: 5px 5px;
    cursor: not-allowed;
}
.performance-cashflow__button-excel:hover {
    background-color: #d8d7d7;
}

.performance-cashflow__body {
    margin-top: 20px;
}
.performance-cashflow__grid-view {
    display: flex;
    min-height: 300px;
}
.performance-cashflow__grid-columns-left {
    width: 90px;
}
.performance-cashflow__grid-cell-left {
    display: inline-block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    margin: 1px 1px 0px 0px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    color: #282828;
    cursor: default;
}

.performance-cashflow__grid-columns-right {
    width: 100%;
    position: relative;
    overflow-x: auto;
}

ul.performance-cashflow__grid-row-header-right {
    display: flex;
    align-items: center;
    min-width: 1100px;
}
li.performance-cashflow__grid-cell-header-right {
    min-width: 90px;
    height: 38px;
    line-height: 38px;
    margin: 1px 1px 0px 0px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    color: #282828;
    cursor: default;
    flex: 1;
}
.performance-cashflow__grid-row-right {
    display: flex;
    align-items: center;
    min-width: 1100px;
}
.performance-cashflow__grid-cell-right {
    min-width: 90px;
    height: 38px;
    line-height: 38px;
    margin: 1px 1px 0px 0px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    color: #fff;
    cursor: default;
    flex: 1;
}

/* END PERFORMANCE - CASHFLOW  */

/* TRADING LIST */
.trading-list__container {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 70px;
    cursor: default;
    position: relative;
}
.trading-list__top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trading-list__tabs {
    display: flex;
    align-items: center;
}
.trading-list__tab {
    font-size: 18px;
    padding: 0px 15px;
    font-weight: 400;
    border-right: 1px solid #d9d9d9;
    white-space: nowrap;
}
.trading-list__tab--active {
    font-weight: 500;
}
.trading-list__tab:last-child {
    border-right: none;
}

.trading-list__timeframes {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.trading-list__timeframe {
    padding: 3px 20px;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    color: #282828;
}
.trading-list__timeframe--active {
    background-color: #e1f5fe;
}
.trading-list__timeframe:not(.trading-list__timeframe--active):hover {
    background-color: #d9d9d9;
}

.trading-list__option-input {
    display: flex;
    align-items: center;
    margin-right: 5px;
    border: 1px solid #d9d9d9;
    color: #999999;
    border-radius: 6px;
    padding: 4px 8px;
}
    .trading-list__option-input input[type='text'] {
        border: none;
        max-width: 75px;
        margin-left: 5px;
        outline: none;
        color: #282828;
        font-size: 12px;
        padding-top: 4px;
        cursor: default;
    }
    .trading-list__option-input img {
        width: 15px;
        height: 15px;
    }
    
.trading-list__option-separator {
    margin-right: 5px;
    display: inline-block;
    font-size: 16px;
}

.trading-list__option-button {
    border: 1px solid #d9d9d9;
    color: #999999;
    border-radius: 6px;
    padding: 5px 8px;
    white-space: nowrap;
    cursor: not-allowed;
}
    .trading-list__option-button img {
        width: 15px;
        height: 15px;
        max-width: unset;
        max-height: unset;
    }

.trading-list__body {
    margin-top: 10px;
}
.trading-list__table-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
}
    .trading-list__table-container::-webkit-scrollbar {
        width: 5px;
        height: 6px;
    }

    .trading-list__table-container::-webkit-scrollbar-track {
        border-radius: 2px;
        background-color: #efefef;
    }

    .trading-list__table-container::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #b6b7b7;
    }

.trading-list__table {
    width: 100%;
    table-layout: fixed;
    min-width: 1200px;
}
.trading-list__table-head th {   
    font-weight: 400;
    font-size: 14px;
    padding: 10px 0px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    color: #282828;
    white-space: nowrap;
}
.trading-list__table-head th div:nth-child(2) {
    font-size: 12px;
}
.trading-list__table-head .icon-down {
    width: 10px;
    height: 10px;
    margin-top: -3px;
    content: url(/content/images/icons/icon-down.svg);
}
.trading-list__table-head tr:first-child th {
    /*width: 55px;*/
}
.trading-list__table-head tr:first-child th:first-child {
    width: 40px;
    text-align: center;
    position: sticky;
    left: 0px;
    background-color: #fff;
}
.trading-list__head-colspan {
    width: 160px !important;
}
.trading-list__head-colspan--100 {
    width: 100px !important;
}
.trading-list__head-colspan-4 {
    width: 380px !important;
}
.trading-list__head-colspan-6 {
    width: 600px !important;
}

.trading-list__colu-date {
    width: 90px;
    position: sticky;
    left: 40px;
    background-color: #fff;
}
.trading-list__colu-code {
    width: 60px;
    text-align: center !important;
    position: sticky;
    left: 130px;
    background-color: #fff;
}
.trading-list__colu-capital {
    width: 90px;
}
.trading-list__colu-room {
    width: 110px;
}
.trading-list__colu-owned {
    width: 65px;
    white-space: break-spaces !important;
}
.trading-list__colu-border-right {
    border-right: 1px solid #d9d9d9;
}

.trading-list__table-body tr:hover td {
    background-color: #ffdead;
}
.trading-list__table-body td {
    padding: 10px 0px;
    padding-right: 10px;
    text-align: right;
    border-bottom: 1px solid #d9d9d9;
    white-space: nowrap;
}
    .trading-list__table-body td:first-child {
        width: 40px;
        text-align: center;
        position: sticky;
        left: 0px;
        background-color: #fff;
    }
    .trading-list__table-body td a {
        color: #333 !important;
        font-weight: 700;
    }
        .trading-list__table-body td a:hover {
            text-decoration: none;
            color: #0d6efd !important;
        }

/* Row group */
.trading-list__row-group td {
    font-weight: 700;
    padding-right: 5px;
    font-size: 13.5px;
}
    .trading-list__row-group td:first-child {
        text-align: center;
        position: sticky;
        left: 0px;
        background-color: #fff;
    }

.trading-list__button-container {
    margin-top: 20px;
    text-align: center;
}
.trading-list__button-see-more {
    padding: 6px 25px;
    color: #282828;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    cursor: default;
}
.trading-list__button-see-more:hover {
    background-color: #E1F5FE;
    border: none;
}
/* END TRADING LIST */

@media screen and (max-width: 480px) {
    .stock-deal-detail__table {
        margin-top: 20px;
    }
    .stock-deal-detail__table-head th:first-child {
        width: 75px;
    }
    .stock-deal-detail__table .colu-price {
        width: 105px;
    }
    .stock-deal-detail__table .colu-lot {
        width: 80px;
    }
    .stock-deal-detail__table .colu-vol {
        width: 100px;
    }
    .statistic-volume__box {
        margin-top: 30px;
    }
    .statistic-trading-content__top-row {
        flex-direction: column;
        align-items: unset;
    }
    .statistic-trading-content__timeframes {
        justify-content: flex-end;
    }
    .statistic-trading-content__options {
        justify-content: space-between;
        margin-top: 10px;
    }
    .statistic-trading-content__option-input input[type='text'] {
        width: 90%;
        max-width: unset;
    }    
    .statistic-trading-content__body p.i-b--no-border {
        margin-top: 0px;
    }

    .statistic-trans__container {
        margin-top: 10px;
    }
    .statistic-trans__box {
        margin-top: 30px;
    }

    .foreign-proprietary-chart__top-option {
        padding: 10px 0px;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .trading-list__top-row {
        justify-content: flex-end;
        overflow-x: auto;
    }

    
    .chart-footer {
        align-items: flex-start;
    }
    .chart-legend__box {
        flex-direction: column;
        align-items: flex-start;
    }
    .chart-legend__item {
        padding: 3px 5px;
    }

    .trading-list__timeframes {
       overflow-x: auto;
       justify-content: unset !important;
    }
    .trading-list__option-input {
        padding: 4px 15px;
    }
        .trading-list__option-input i {
            margin-right: 10px;
        }
}

@media screen and (max-width: 992px) {
    .stock-deal-detail__table {
        margin-top: 20px;
    }
    .trading-list__top-row {
        flex-direction: column;
        align-items: unset;
    }
    .trading-list__tabs {
        justify-content: flex-start;
    }
    .trading-list__timeframes {
        margin-top: 10px;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 1200px) {
    ul.performance-cashflow__grid-row-header-right, .performance-cashflow__grid-row-right {
        width: 100%;
        min-width: unset;
    }
    li.performance-cashflow__grid-cell-header-right, .performance-cashflow__grid-cell-right {
        min-width: 70px;
    }
    .chart-legend__item {
        padding: 0 5px;
    }
    .trading-list__colu-common-price {
        width: 75px !important;
    }
}