@font-face {
    font-family: Calibri;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/calibri/calibri.eot);
    src: url(../fonts/calibri/calibri.eot?#iefix) format("embedded-opentype"), url(../fonts/calibri/calibri.woff) format("woff"), url(../fonts/calibri/calibri.ttf) format("truetype"), url(../fonts/calibri/calibri.svg) format("svg");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Courier New;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/courier-new/courier-new.eot);
    src: url(../fonts/courier-new/courier-new.eot?#iefix) format("embedded-opentype"), url(../fonts/courier-new/courier-new.woff) format("woff"), url(../fonts/courier-new/courier-new.ttf) format("truetype"), url(../fonts/courier-new/courier-new.svg) format("svg");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Georgia;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/georgia/georgia.eot);
    src: url(../fonts/georgia/georgia.eot?#iefix) format("embedded-opentype"), url(../fonts/georgia/georgia.woff) format("woff"), url(../fonts/georgia/georgia.ttf) format("truetype"), url(../fonts/georgia/georgia.svg) format("svg")
}

@font-face {
    font-family: 'sarabun';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/sarabun/Sarabun-Regular.ttf') format('truetype');
  }
  
  /* @font-face {
    font-family: 'sarabun';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/sarabun/Sarabun-Italic.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'sarabun';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/sarabun/Sarabun-Bold.ttf') format('truetype');
  } */
  

@font-face {
    font-family: Impact;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/impact/impact.eot);
    src: url(../fonts/impact/impact.eot?#iefix) format("embedded-opentype"), url(../fonts/impact/impact.woff) format("woff"), url(../fonts/impact/impact.ttf) format("truetype"), url(../fonts/impact/impact.svg) format("svg")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.eot);
    src: url(../fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.woff) format("woff"), url(../fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.ttf) format("truetype"), url(../fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.svg) format("svg");
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-cyrillic/open-sans-cyrillic.eot);
    src: url(../fonts/open-sans-cyrillic/open-sans-cyrillic.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-cyrillic/open-sans-cyrillic.woff) format("woff"), url(../fonts/open-sans-cyrillic/open-sans-cyrillic.ttf) format("truetype"), url(../fonts/open-sans-cyrillic/open-sans-cyrillic.svg) format("svg");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-greek-ext/open-sans-greek-ext.eot);
    src: url(../fonts/open-sans-greek-ext/open-sans-greek-ext.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-greek-ext/open-sans-greek-ext.woff) format("woff"), url(../fonts/open-sans-greek-ext/open-sans-greek-ext.ttf) format("truetype"), url(../fonts/open-sans-greek-ext/open-sans-greek-ext.svg) format("svg");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-greek/open-sans-greek.eot);
    src: url(../fonts/open-sans-greek/open-sans-greekopen-sans-greek/open-sans-greek.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-greek/open-sans-greek.woff) format("woff"), url(../fonts/open-sans-greek/open-sans-greek.ttf) format("truetype"), url(../fonts/open-sans-greek/open-sans-greek.svg) format("svg");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-vietnamese/open-sans-vietnamese.eot);
    src: url(../fonts/open-sans-vietnamese/open-sans-vietnamese.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-vietnamese/open-sans-vietnamese.woff) format("woff"), url(../fonts/open-sans-vietnamese/open-sans-vietnamese.ttf) format("truetype"), url(../fonts/open-sans-vietnamese/open-sans-vietnamese.svg) format("svg");
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-latin-ext/open-sans-latin-ext.eot);
    src: url(../fonts/open-sans-latin-ext/open-sans-latin-ext.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-latin-ext/open-sans-latin-ext.woff) format("woff"), url(../fonts/open-sans-latin-ext/open-sans-latin-ext.ttf) format("truetype"), url(../fonts/open-sans-latin-ext/open-sans-latin-ext.svg) format("svg");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans-latin/open-sans-latin.eot);
    src: url(../fonts/open-sans-latin/open-sans-latin.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans-latin/open-sans-latin.woff) format("woff"), url(../fonts/open-sans-latin/open-sans-latin.ttf) format("truetype"), url(../fonts/open-sans-latin/open-sans-latin.svg) format("svg");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.eot);
    src: url(../fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.eot?#iefix) format("embedded-opentype"), url(../fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.woff) format("woff"), url(../fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.ttf) format("truetype"), url(../fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.svg) format("svg");
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.eot);
    src: url(../fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.eot?#iefix) format("embedded-opentype"), url(../fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.woff) format("woff"), url(../fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.ttf) format("truetype"), url(../fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.svg) format("svg");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/source-sans-pro-latin/source-sans-pro-latin.eot);
    src: url(../fonts/source-sans-pro-latin/source-sans-pro-latin.eot?#iefix) format("embedded-opentype"), url(../fonts/source-sans-pro-latin/source-sans-pro-latin.woff) format("woff"), url(../fonts/source-sans-pro-latin/source-sans-pro-latin.ttf) format("truetype"), url(../fonts/source-sans-pro-latin/source-sans-pro-latin.svg) format("svg");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: Tangerine;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/tangerine/tangerine.eot);
    src: url(../fonts/tangerine/tangerine.eot?#iefix) format("embedded-opentype"), url(../fonts/tangerine/tangerine.woff) format("woff"), url(../fonts/tangerine/tangerine.ttf) format("truetype"), url(../fonts/tangerine/tangerine.svg) format("svg");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: scx-icons;
        src: url(../fonts/scx-icons/scx-icons.svg#scx-icon) format("svg")
    }
}

@font-face {
    font-family: scx-icons;
    src: url(../fonts/scx-icons/scx-icons.eot);
    src: url(../fonts/scx-icons/scx-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/scx-icons/scx-icons.svg#scx-icon) format("svg"), url(../fonts/scx-icons/scx-icons.ttf) format("truetype"), url(../fonts/scx-icons/scx-icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.scx-icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: scx-icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.icon-drawing-andrew-pitchfork:before {
    display: block;
    content: ' ';
    background-image: url('../img/pitchfork_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-arrow:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawArrow_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-cursor-arrow:before {
    display: block;
    content: ' ';
    background-image: url('../img/cursor_arrow_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-arrow-down:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawArrowDown_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-arrow-left:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawArrowLeft_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-arrow-right:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawArrowRight_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-arrow-up:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawArrowUp_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-cursor-arrow-with-markers:before {
    display: block;
    content: ' ';
    background-image: url('../img/arrow_markers_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-balloon:before {
    display: block;
    content: ' ';
    background-image: url('../img/balloon_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-bar:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSBar_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-candle:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSCandle_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-circle:before {
    display: block;
    content: ' ';
    background-image: url('../img/circle_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-collapse:before {
    content: "\6d"
}

.icon-pricestyle-coloredbar-1:before {
    content: "\6e"
}

.icon-pricestyle-coloredbar-2:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSColorBar.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-continuous-drawing:before {
    display: block;
    content: ' ';
    background-image: url('../img/stayDraw_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-cursor-crosshairs:before {
    display: block;
    content: ' ';
    background-image: url('../img/crosshair_temp_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-cycliclines:before {
    display: block;
    content: ' ';
    background-image: url('../img/cycliclines_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-zoom-date-range:before {
    display: block;
    content: ' ';
    background-image: url('../img/search_data_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-diamond:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawDiamond_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-dot:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawDot_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-delete-drawings:before {
    display: block;
    content: ' ';
    background-image: url('../img/DelDraw.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-ellipse:before {
    display: block;
    content: ' ';
    background-image: url('../img/ellipse_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-error-channel:before {
    display: block;
    content: ' ';
    background-image: url('../img/error-channel_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-fibo-arcs:before {
    display: block;
    content: ' ';
    background-image: url('../img/fibo-arcs_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-fibo-ellipses:before {
    display: block;
    content: ' ';
    background-image: url('../img/fibo-ellipses_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-fibo-extensions:before {
    display: block;
    content: ' ';
    background-image: url('../img/fibo-extensions_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-fibo-fan:before {
    display: block;
    content: ' ';
    background-image: url('../img/fibo-fan_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-fibo-retracements:before {
    display: block;
    content: ' ';
    background-image: url('../img/fibo-retracements_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-fibo-time-zones:before {
    display: block;
    content: ' ';
    background-image: url('../img/fibo-time-zones_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-free-hand:before {
    display: block;
    content: ' ';
    background-image: url('../img/freeline_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-gann-fan:before {
    display: block;
    content: ' ';
    background-image: url('../img/gann_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-heikinashi:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSHelkin_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-hollowcandle:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSHollowCandle_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-hor-line:before {
    display: block;
    content: ' ';
    background-image: url('../img/line_hori_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-image:before {
    display: block;
    content: ' ';
    background-image: url('../img/ImageG_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-delete-indicators:before {
    display: block;
    content: ' ';
    background-image: url('../img/Delindy_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-indicators:before {
    display: block;
    content: ' ';
    background-image: url('../img/indicators_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-kagi:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSKagi_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-line:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSLine_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-line-segment:before {
    display: block;
    content: ' ';
    background-image: url('../img/line_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-linebreak:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSLineBreak_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-measure:before {
    display: block;
    content: ' ';
    background-image: url('../img/MeasureG_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-mountain:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSMountain_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-move-down:before,
.scxPanelMoveDown:before {
    content: "\54"
}

.icon-move-up:before,
.scxPanelMoveUp:before {
    content: "\55"
}

.icon-drawing-note:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawNote_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-pricestyle-pf:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSPF_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-polygon:before {
    display: block;
    content: ' ';
    background-image: url('../img/polygon_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-polyline:before {
    display: block;
    content: ' ';
    background-image: url('../img/polyline_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-quadrant-lines:before {
    display: block;
    content: ' ';
    background-image: url('../img/quadrant-lines_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-raff-regression:before {
    display: block;
    content: ' ';
    background-image: url('../img/regression_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-zoom-rect:before {
    display: block;
    content: ' ';
    background-image: url('../img/zoom_reac_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-rectangle:before {
    display: block;
    content: ' ';
    background-image: url('../img/rect_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-remove:before,
.scxIndicatorRemoveIcon:before,
.scxPanelClose:before {
    content: "\34"
}

.scxTitlesetting:before {
    display: block;
    content: ' ';
    background-image: url('../img/gray_setting.png');
    background-size: 100% 100%;
    height: 16px;
    width: 16px;
    margin-top:1px
}
.scxTitlesetting:hover:before {
    display: block;
    content: ' ';
    background-image: url('../img/Setting.png');
    background-size: 100% 100%;
    height: 16px;
    width: 16px;
}

.scxTitleadd:before {
    display: block;
    content: ' ';
    background-image: url('../img/addIndicators.png');
    background-size: 100% 100%;
    height: 16px;
    width: 16px;
    margin-top: 1px
}

.scxTitleadd:hover:before {
    display: block;
    content: ' ';
    background-image: url('../img/indicators_tool.png');
    background-size: 100% 100%;
    height: 16px;
    width: 16px;
}

.icon-remove-bold:before {
    content: "\34"
}

.icon-pricestyle-renko:before {
    display: block;
    content: ' ';
    background-image: url('../img/PSRenko_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-full-screen:before {
    content: "\36"
}

.icon-scroll-end-new:before {
    display: block;
    content: ' ';
    background-image: url('../img/scroll-end.png');
    background-size: 100% 100%;
    height: 25px;
    width: 25px;
}

.icon-scroll-left-new:before {
    display: block;
    content: ' ';
    background-image: url('../img/arrow_scrollLeft.png');
    background-size: 100% 100%;
    height: 25px;
    width: 25px;
}

.icon-scroll-right-new:before {
    display: block;
    content: ' ';
    background-image: url('../img/arrow_scrollRight.png');
    background-size: 100% 100%;
    height: 25px;
    width: 25px;
}

.icon-scroll-start-new:before {
    display: block;
    content: ' ';
    background-image: url('../img/scroll-start.png');
    background-size: 100% 100%;
    height: 25px;
    width: 25px;
}

.icon-search:before {
    content: "\22"
}

.icon-setting:before {
    content: "\23"
}

.icon-show-drawings:before {
    display: block;
    content: ' ';
    background-image: url('../img/ShowHide.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-snapshot:before {
    display: block;
    content: ' ';
    background-image: url('../img/SS_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

/*Bam 25.08.2022*/
.icon-template:before {
    content: ""
}

.icon-drawing-speed-lines:before {
     display: block;
    content: ' ';
    background-image: url('../img/speed-lines_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-square:before {
    display: block;
    content: ' ';
    background-image: url('../img/DrawReac_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-text:before {
    display: block;
    content: ' ';
    background-image: url('../img/text_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-theme:before {
    display: block;
    content: ' ';
    background-image: url('../img/Theme_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-tirone-levels:before {
    display: block;
    content: ' ';
    background-image: url('../img/tirone_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-trend-channel:before {
    display: block;
    content: ' ';
    background-image: url('../img/trend_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-drawing-triangle:before {
    display: block;
    content: ' ';
    background-image: url('../img/train_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-up:before {
    display: block;
    content: ' ';
    background-image: url('../img/dropdownleft_1.png');
    background-size: 100% 100%;
    height: 12px;
    width: 12px;
}

.icon-drawing-ver-line:before {
    display: block;
    content: ' ';
    background-image: url('../img/line_verti_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.icon-full-window:before {
    content: "\2f"
}

.icon-zoom-in-new:before{
    display: block;
    content: ' ';
    background-image: url('../img/zoom-in.png');
    background-size: 100% 100%;
    height: 25px;
    width: 25px;
}

.scxIndicatorCollapseShow:before {
    content: "\3a"
}

.icon-zoom-out-new:before {
    display: block;
    content: ' ';
    background-image: url('../img/zoom-out.png');
    background-size: 100% 100%;
    height: 25px;
    width: 25px;
}

.scxIndicatorCollapseHide:before {
    content: "\3b"
}

.icon-drawing-trend-angle:before {
    display: block;
    content: ' ';
    background-image: url('../img/trend-angle_tool_1.png');
    background-size: 100% 100%;
    height: 18px;
    width: 18px;
}

.scxContainer {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: left;
}

    .scxContainer.scxDateScaleScroll {
        cursor: ew-resize
    }

    .scxContainer.hoverFlag {
        cursor: pointer
    }

    .scxContainer.scxValueScaleScroll {
        cursor: ns-resize
    }

    .scxContainer.scxDrawingMove,
    .scxContainer.scxPanelScroll {
        cursor: url(../img/CursorClosedHand.cur) 11 11, move !important;
    }

    .scxDrawingHover {
        cursor: url(../img/hoverCursorsmall.png) 11 11, move !important
    }

    .scxContainer.scxDrawingResizeEW {
        cursor: ew-resize !important
    }

    .scxContainer.scxDrawingResizeNS {
        cursor: ns-resize !important
    }

    .scxContainer.scxDrawingResizeNESW {
        cursor: nesw-resize !important
    }

    .scxContainer.scxDrawingResizeNWSE {
        cursor: nwse-resize !important
    }

    .scxContainer.scxDrawingResize {
        cursor: url(../img/CursorCross.cur) 10 10, crosshair
    }

    .scxContainer.scxDrawingCreate {
        cursor: url(../img/CursorCross.cur) 10 10, crosshair !important
    }

    .scxContainer.scxSplitterMove {
        cursor: ns-resize !important
    }

    .scxContainer.scxCrossHair {
        cursor: url(../img/CursorCross.cur) 10 10, default
    }

.scxRootContainer {
    position: relative
}

    .scxRootContainer.scxFullWindow {
        position: fixed;
        top: 0;
        left: 0;
        margin: 1px
    }

    .scxRootContainer:fullscreen_2 {
        background-color: #000
    }

    .scxRootContainer:-webkit-full-screen {
        background-color: #000
    }

    .scxRootContainer:-moz-full-screen {
        background-color: #000
    }

.scxLogo {
    position: relative;
    background: url(../img/logo-free.png) no-repeat;
    background-size: contain;
    height: 40px;
    width: 150px;
    opacity: .5;
    cursor: pointer;
    z-index: 20
}

.scxWatermark {
    display: table;
    position: absolute;
    z-index: 0;
    opacity: .1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.scxWatermarkContent {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.scxChartPanel {
    position: absolute;
    overflow: hidden;
    border-radius: 3px ;
    border-top-right-radius: 3px !important;
}

    .scxChartPanel > canvas {
        z-index: 10;
        /* border-top: 5px solid #353535; */
        /* border-left: 5px solid #353535; */
    }

.scxMeasureTool {
    position: absolute;
    padding: 5px
}

.scxPanelTitle {
    position: absolute;
    padding: 1px 5px 0;
    z-index: 11;
    margin-top: 4px
}

    .scxPanelTitle > * {
        display: block;
        vertical-align: middle;
        width: fit-content;
    }

    .scxPanelTitle > div > * {
        display: inline-flex;
        vertical-align: middle
    }

    .scxPanelTitle .scxPanelTitleCaption {
        padding-right: 5px;
        cursor: pointer
    }

.scxPanelTitleValue {
    margin-left: 5px;
    cursor: default
}

.scxPanelTitleIcon {
    font-family: scx-icons;
    font-size: 16px;
    width: auto;
    height: auto;
    cursor: pointer;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

.scxPanelOptions {
    float: right
}

.scxCrossHairContainer {
    width: 100%;
    height: 100%;
    z-index: 100
}

.scxCrossHairHorLine {
    position: absolute;
    height: 1px;
    z-index: 10;
    /*Revise by BAM, 100*/
}

.scxCrossHairVerLine {
    position: absolute;
    width: 1px;
    z-index: 10
    /*Revise by BAM, 100*/
}

/*mark scale crosshair */
.scxCrossHairMarker {
    position: absolute;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    z-index: 100
}

.scxCrossHairDateMarker {
    text-align: center;
    z-index: 100
}

.scxNavigation {
    position: absolute;
    width: 100%;
    bottom: 15px;
    z-index: 20;
}

.scxNavigation:hover > div.show_navi{
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease-in;
    
}

.show_navi{
    visibility: hidden;
    opacity: 0;
  transition: all 0.5s ease-out;
}

    .scxNavigation,
    .scxNavigation > div {
        height: 25px;
        text-align: center;
        font-size: 20px
    }

        .scxNavigation > div {
            display: inline-block;
            overflow: hidden
        }

.scxNavigation-btn {
    width: auto;
    height: auto;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

@-webkit-keyframes scxwbdotmove {
    0% {
        left: 0;
        opacity: 0;
        transform: scale(1)
    }

    50% {
        opacity: 2;
        transform: scale(1.5)
    }

    to {
        left: 100%;
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes scxwbdotmove {
    0% {
        left: 0;
        opacity: 0;
        transform: scale(1)
    }

    50% {
        opacity: 2;
        transform: scale(1.5)
    }

    to {
        left: 100%;
        opacity: 0;
        transform: scale(1)
    }
}

@-webkit-keyframes scxwblabelpulse {
    0% {
        opacity: .75
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .75
    }
}

@keyframes scxwblabelpulse {
    0% {
        opacity: .75
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .75
    }
}

.scxWaitingBarContainer {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    color: #eee;
    overflow: hidden
}

    .scxWaitingBarContainer .scxWaitingBarText {
        font-size: 1.3em;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-animation: scxwblabelpulse 2s infinite linear;
        animation: scxwblabelpulse 2s infinite linear
    }

    .scxWaitingBarContainer .scxDotsContainer {
        position: absolute;
        width: 100%;
        height: 4px;
        top: 55%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .scxWaitingBarContainer .scxWaitingBarDot {
        background-color: #ccc;
        width: 4px;
        height: 4px;
        position: absolute;
        border-radius: 50%;
        opacity: 0
    }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(1) {
            -webkit-animation: scxwbdotmove 2s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s infinite cubic-bezier(.2, .64, .81, .23)
        }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(2) {
            -webkit-animation: scxwbdotmove 2s .1s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s .1s infinite cubic-bezier(.2, .64, .81, .23)
        }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(3) {
            -webkit-animation: scxwbdotmove 2s .2s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s .2s infinite cubic-bezier(.2, .64, .81, .23)
        }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(4) {
            -webkit-animation: scxwbdotmove 2s .3s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s .3s infinite cubic-bezier(.2, .64, .81, .23)
        }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(5) {
            -webkit-animation: scxwbdotmove 2s .4s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s .4s infinite cubic-bezier(.2, .64, .81, .23)
        }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(6) {
            -webkit-animation: scxwbdotmove 2s .5s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s .5s infinite cubic-bezier(.2, .64, .81, .23)
        }

        .scxWaitingBarContainer .scxWaitingBarDot:nth-child(7) {
            -webkit-animation: scxwbdotmove 2s .6s infinite cubic-bezier(.2, .64, .81, .23);
            animation: scxwbdotmove 2s .6s infinite cubic-bezier(.2, .64, .81, .23)
        }

.scxUnSelective {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.scxBackground {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.scxBackground,
.scxDateScale,
.scxPanelsContainer,
.scxPanelSplitter,
.scxValueScale {
    position: absolute
}

.scxValueScale{
    min-width: 45px;
    /* border-radius: 20px; */
    /* border-left: 0.25px solid rgb(69, 66, 66) !important; */
    z-index: 9000000;
    text-align: -webkit-center;
    display: flex;
    place-content: center;
    max-width: 58px !important;
}

.scxDateScale {
    /* border-top: 0.25px solid rgb(69, 66, 66) !important; */
}

/* canvas {
    image-rendering: optimizeSpeed;             
    image-rendering: -moz-crisp-edges;          
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: -o-crisp-edges;          
    image-rendering: pixelated;                 
    -ms-interpolation-mode: nearest-neighbor; 
} */

.overDropdow {
    display: block;
    content: ' ';
    background-image: url('../img/dropdowndown_1.png');
    background-size: 100% 100%;
    height: 13px;
    width: 13px;
}

.hideOverlay:hover {
    background-color: rgba(219, 219, 219, 0.286);
    cursor: pointer;

}

.modal-title.selected {
    background-color: #F0B90B !important;
    border-radius: 5px;
    color: rgb(0, 0, 0) !important;
}

.disabled-div {
    pointer-events: none !important; 
    opacity: 0.5 !important; 
}

.settingCompare:hover {
    background-color: aliceblue;
}

.dCompare:hover {
    background-color: aliceblue;
}

#compareStock:hover{
    background-color: #36321D;
    border-color: transparent;
}

/* #boxsearch:hover {
    background-color: #36321D !important;
}
.scxToolbar-btn:hover {
    background-color: #36321D !important;
}
.ToolbarLayout:hover {
    background-color: #36321D !important;
}
#Save_as_Image:hover {
    background-color: #36321D !important;
}
.scxTimeFramePickerDropDown {
    background-color: #23282D;
    color: #94a3af;
} */

.news-item:hover {
  background-color: rgba(169, 169, 169, 0.178);
}

.more-news:hover {
    color: rgba(235, 232, 232, 0.411) !important;
}
/* #ATAB:hover {
    background-color: #36321D !important;
} */