* {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        sans-serif;
}

/* GENERAL */

.chart {
    float: left;
    max-height: 800px;
    /*height: 75vh;*/
    position: relative;
    width: 100%;
}

.highcharts-draw-mode {
    cursor: crosshair;
}

.left {
    float: left;
}

.right,
.highcharts-stocktools-toolbar li.right {
    float: right;
}

/* FULL SCREEN */
.chart:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

.chart:-moz-full-screen {
    width: 100%;
    height: 100%;
}

.chart:-ms-fullscreen {
    width: 100%;
    height: 100%;
}

.chart:fullscreen {
    width: 100%;
    height: 100%;
}

/* GUI */
.highcharts-stocktools-wrapper {
    display: block;
}

.highcharts-stocktools-toolbar {
    margin: 0 0 0 10px;
    padding: 0;
    width: calc(100% - 63px);
}

.highcharts-stocktools-toolbar li {
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 15px;
    list-style: none;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 0;
    position: relative;
    width: auto;
}

.highcharts-stocktools-toolbar li ul {
    display: none;
    left: 0;
    padding-left: 0;
    position: absolute;
    z-index: 125;
}

.highcharts-stocktools-toolbar li ul li {
    margin-bottom: 0;
    width: 160px;
}

.highcharts-stocktools-toolbar li:hover {
    background-color: #e6ebf5;
}

.highcharts-stocktools-toolbar li:hover ul {
    display: block;
}

.highcharts-stocktools-toolbar li>span.highcharts-menu-item-btn {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    float: left;
    height: 100%;
    width: 30px;
}

.highcharts-stocktools-toolbar li>.highcharts-menu-item-title {
    color: #666;
    line-height: 15px;
    font-size: 0.876em;
    padding: 0 0px 0 px;
}

.highcharts-indicators>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/indicators.svg");
}

.highcharts-label-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/label.svg");
}

.highcharts-circle-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/circle.svg");
}

.highcharts-rectangle-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/rectangle.svg");
}

.highcharts-ellipse-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/ellipse.svg");
}

.highcharts-segment>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/segment.svg");
}

.highcharts-arrow-segment>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/arrow-segment.svg");
}

.highcharts-ray>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/ray.svg");
}

.highcharts-arrow-ray>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/arrow-ray.svg");
}

.highcharts-infinity-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/line.svg");
}

.highcharts-arrow-infinity-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/arrow-line.svg");
}

.highcharts-horizontal-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/horizontal-line.svg");
}

.highcharts-vertical-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-line.svg");
}

.highcharts-elliott3>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/elliott-3.svg");
}

.highcharts-elliott5>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/elliott-5.svg");
}

.highcharts-crooked3>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/crooked-3.svg");
}

.highcharts-crooked5>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/crooked-5.svg");
}

.highcharts-measure-xy>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/measure-xy.svg");
}

.highcharts-measure-x>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/measure-x.svg");
}

.highcharts-measure-y>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/measure-y.svg");
}

.highcharts-fibonacci>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/fibonacci.svg");
}

.highcharts-pitchfork>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/pitchfork.svg");
}

.highcharts-parallel-channel>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/parallel-channel.svg");
}

.highcharts-toggle-annotations>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/annotations-visible.svg");
}

.highcharts-vertical-counter>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-counter.svg");
}

.highcharts-vertical-label>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-label.svg");
}

.highcharts-vertical-arrow>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-arrow.svg");
}

.highcharts-vertical-double-arrow>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-double-arrow.svg");
}

.highcharts-flag-circlepin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-elipse.svg");
}

.highcharts-flag-diamondpin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-diamond.svg");
}

.highcharts-flag-squarepin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-trapeze.svg");
}

.highcharts-flag-simplepin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-basic.svg");
}

.highcharts-zoom-xy>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/zoom-xy.svg");
}

.highcharts-zoom-x>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/zoom-x.svg");
}

.highcharts-zoom-y>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/zoom-y.svg");
}

.highcharts-full-screen>.highcharts-menu-item-btn {
    background-image: url("/assets/frontend/layout/img/icons/fullscreen_bold.svg");
}

.highcharts-series-type-ohlc>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/series-ohlc.svg");
}

.highcharts-series-type-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/series-line.svg");
}

.highcharts-series-type-candlestick>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/series-candlestick.svg");
}

.highcharts-current-price-indicator>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/current-price-show.svg");
}

.highcharts-save-chart>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/save-chart.svg");
}

li.highcharts-active {
    background-color: #e6ebf5;
}

/* Popup */

.chart-wrapper {
    float: left;
    position: relative;
    width: 100%;
    background: white;
    padding-top: 0px;
}

/* Responsive design */

@media screen and (max-width: 1330px) {
    .highcharts-stocktools-toolbar li>.highcharts-menu-item-title {
        display: none;
    }

    .highcharts-stocktools-toolbar li ul li {
        width: auto;
    }
}

#chart_BanDo {
    min-width: 320px;
    /*height: 90vh;*/
    min-height: 300px;
    overflow: visible !important;
}

@media screen and (max-width: 600px) {
    #chart_BanDo {
        height: 400px;
    }
}

/* Slider seeking styles */
#slider-range-date-biendong {
    cursor: pointer;
}

#slider-range-date-biendong .ui-slider-handle {
    position: absolute;
    width: 14px !important;
    height: 14px !important;
    box-sizing: border-box !important;
    border-radius: 50%;
    background: #2980B9;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    top: -4px !important;
    /* Explicitly centered: (6px track - 14px handle) / 2 = -4px */
    margin-top: 0 !important;
    margin-left: -7px !important;
    transform: none !important;
    /* Remove transform to avoid confusion */
    cursor: grab;
    z-index: 10;
    outline: none;
}

#slider-range-date-biendong .ui-slider-handle:hover {
    background: #1a5276;
    transform: scale(1.1);
}

#slider-range-date-biendong .ui-slider-handle:active {
    cursor: grabbing;
    transform: scale(1.2);
}

/* Ensure parent container doesn't clip the handle */
#slider-range-date-biendong {
    overflow: visible !important;
}

/* Hide jQuery UI slider range (we use custom progress bar instead) */
#slider-range-date-biendong .ui-slider-range {
    display: none !important;
}

/* Hide jQuery UI slider background track */
#slider-range-date-biendong.ui-slider {
    background: transparent !important;
    border: none !important;
}