prochart .layout1.mycustomtemplate.htmlchart {
  background-color: #000000; }
prochart .layout1.mycustomtemplate .fullpage-bg {
  background-color: #000000; }
prochart .layout1.mycustomtemplate .main-sprite-image {
  background-image: url("img-sprite.png") !important; }
prochart .layout1.mycustomtemplate .icon-button-caption,
prochart .layout1.mycustomtemplate .icon-button {
  background-image: none !important;
  position: relative;
  overflow: hidden; }
  prochart .layout1.mycustomtemplate .icon-button-caption span,
  prochart .layout1.mycustomtemplate .icon-button span {
    background-image: url("img-sprite.png") !important; }
prochart .layout1.mycustomtemplate .icon-item {
  background-image: none !important;
  position: relative;
  overflow: hidden; }
  prochart .layout1.mycustomtemplate .icon-item span {
    background-image: url("img-sprite.png") !important; }
prochart .layout1.mycustomtemplate .adv-svgchart-inner {
  border-color: #222222;
  background-color: #2D2D2D; }
prochart .layout1.mycustomtemplate button {
  background-color: #333333;
  background-image: url("img-sprite.png"); }
  prochart .layout1.mycustomtemplate button:hover {
    background-color: #00498F; }
  prochart .layout1.mycustomtemplate button.button-selected {
    background-color: #000000; }
prochart .layout1.mycustomtemplate .chart-sprite {
  background-image: url("img-sprite.png") !important;
  background-repeat: no-repeat; }
prochart .layout1.mycustomtemplate button {
  background-color: #000000;
  background-image: url("img-sprite.png") !important;
  background-repeat: no-repeat; }
  prochart .layout1.mycustomtemplate button:hover {
    background-color: #000000; }
  prochart .layout1.mycustomtemplate button.button-selected {
    background-color: #000000; }
  prochart .layout1.mycustomtemplate button.disabled:hover, prochart .layout1.mycustomtemplate button.disabled {
    background-color: #999999; }
prochart .layout1.mycustomtemplate .chart-header {
  background-color: #000000;
  border-bottom: 1px solid #222222; }
  prochart .layout1.mycustomtemplate .chart-header #search-symbolics {
    background-image: url("img-sprite.png") !important; }
  prochart .layout1.mycustomtemplate .chart-header #search-symbolics-subpoint {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #4F96FF;
    border-top: 10px solid rgba(0, 0, 0, 0); }
  prochart .layout1.mycustomtemplate .chart-header #symbol {
    color: #9CCDFC;
    text-shadow: none; }
  prochart .layout1.mycustomtemplate .chart-header #timeframe {
    color: #4F96FF; }
  prochart .layout1.mycustomtemplate .chart-header #spanLastUpdate {
    color: #9ccdfc;
    font-weight: bold; }
  prochart .layout1.mycustomtemplate .chart-header #communic {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img-sprite.png") !important; }
  prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-input .chart-header-search-input-text {
    color: #9CCDFC;
    border: #000000 1px solid;
    background-color: #2D2D2D; }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-input .chart-header-search-input-text:-webkit-input-placeholder, prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-input .chart-header-search-input-text:-moz-placeholder, prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-input .chart-header-search-input-text:-moz-placeholder, prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-input .chart-header-search-input-text:-ms-input-placeholder {
      color: #333333; }
  prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output {
    background-color: #2D2D2D;
    border: #333333 1px solid;
    box-shadow: 5px 5px 5px #000000; }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output ul.search-output-list li {
      border-bottom: 1px dotted #000000; }
      prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output ul.search-output-list li.search-not-found {
        color: #ffffff; }
      prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output ul.search-output-list li a {
        color: #ffffff !important; }
        prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output ul.search-output-list li a span {
          color: #bbbbbb; }
        prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output ul.search-output-list li a:hover span {
          color: #9CCDFC; }
      prochart .layout1.mycustomtemplate .chart-header .chart-header-search .chart-header-search-output ul.search-output-list li button {
        background-color: #2D2D2D; }
  prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-tabs-labels {
    background-color: #00498F; }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-tabs-labels a.search-properties-tabs-label {
      color: #dddddd; }
      prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-tabs-labels a.search-properties-tabs-label.active {
        color: #ffffff;
        font-weight: bold;
        background-color: #2D2D2D; }
  prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters {
    border-bottom: 1px solid #000000; }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter span {
      color: #777777; }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter > a {
      color: #9CCDFC; }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter .filter-up-range {
      border-right: 7px solid rgba(0, 0, 0, 0);
      border-bottom: 7px solid #000000;
      border-left: 7px solid rgba(0, 0, 0, 0); }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter .filter-down-point {
      border-right: 3px solid rgba(0, 0, 0, 0);
      border-top: 3px solid #9CCDFC;
      border-left: 3px solid rgba(0, 0, 0, 0); }
    prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter ul.search-properties-filter-values {
      background-color: #000000;
      border: 1px solid #000000;
      box-shadow: 5px 5px 5px #000000; }
      prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter ul.search-properties-filter-values li a {
        color: #dddddd; }
      prochart .layout1.mycustomtemplate .chart-header .chart-header-search .search-properties-filters ul.search-properties-filters-list li.search-properties-filter ul.search-properties-filter-values li:hover {
        background-color: #2d2d2d; }
prochart .layout1.mycustomtemplate .chart-menu {
  background-color: #111111; }
  prochart .layout1.mycustomtemplate .chart-menu > ul > li {
    color: #bbbbbb; }
    prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover {
      background-color: #00498F;
      color: #FFFFFF; }
      prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover > ul {
        background-color: #333333; }
        prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover > ul > li {
          color: #bbbbbb; }
          prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover > ul > li:hover {
            background-color: #00498F;
            color: #ffffff; }
          prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover > ul > li.favorites-style div.kII1 {
            background-color: #333333;
            border-right: 1px dotted #222222; }
            prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover > ul > li.favorites-style div.kII1 button {
              background-color: rgba(0, 0, 0, 0); }
          prochart .layout1.mycustomtemplate .chart-menu > ul > li:hover > ul > li.favorites-style div.KII2 button {
            background-color: rgba(0, 0, 0, 0); }
    prochart .layout1.mycustomtemplate .chart-menu > ul > li > ul {
      border: 1px solid #222222;
      box-shadow: 5px 5px 5px #000000; }
  prochart .layout1.mycustomtemplate .chart-menu .chart-menu-icons button {
    background-color: rgba(0, 0, 0, 0); }
prochart .layout1.mycustomtemplate ul.toolbar {
  background-color: #222222; }
  prochart .layout1.mycustomtemplate ul.toolbar li {
    float: left; }
    prochart .layout1.mycustomtemplate ul.toolbar li span.label {
      color: #777777; }
prochart .layout1.mycustomtemplate ul.toolbox li {
  float: left; }
  prochart .layout1.mycustomtemplate ul.toolbox li span.label {
    color: #777777; }
  prochart .layout1.mycustomtemplate ul.toolbox li.sub {
    position: relative; }
    prochart .layout1.mycustomtemplate ul.toolbox li.sub .sub-right-range {
      border-bottom: 7px solid rgba(0, 0, 0, 0);
      border-right: 7px solid #111111;
      border-top: 7px solid rgba(0, 0, 0, 0); }
    prochart .layout1.mycustomtemplate ul.toolbox li.sub .sub-point {
      border-right: 4px solid #9CCDFC;
      border-top: 4px solid rgba(0, 0, 0, 0); }
    prochart .layout1.mycustomtemplate ul.toolbox li.sub:hover > ul {
      background-color: #222222;
      border: 1px solid #111111; }
    prochart .layout1.mycustomtemplate ul.toolbox li.sub > ul > li:hover > button {
      background-color: #00498F;
      color: #ffffff; }
    prochart .layout1.mycustomtemplate ul.toolbox li.sub > ul > li > button {
      background-color: rgba(0, 0, 0, 0);
      color: #bbbbbb; }
prochart .layout1.mycustomtemplate div.AdvChartBox {
  background: none; }
prochart .layout1.mycustomtemplate .AdvPanel {
  background-color: #2D2D2D; }
  prochart .layout1.mycustomtemplate .AdvPanel .AdvPricePanelSSS {
    background-position: 5% 90%;
    background-repeat: no-repeat; }
  prochart .layout1.mycustomtemplate .AdvPanel .AdvPanelTitle .AdvStudyLbl {
    color: #6666F6; }
  prochart .layout1.mycustomtemplate .AdvPanel .AdvPanelTitle .AdvStudyValue {
    color: #F6F6F6; }
  prochart .layout1.mycustomtemplate .AdvPanel svg.AdvPriceBackground {
    background-color: #2C2C2C; }
  prochart .layout1.mycustomtemplate .AdvPanel svg.AdvChartCanvas {
    fill: #2D2D2D;
    background-color: #2D2D2D; }
    prochart .layout1.mycustomtemplate .AdvPanel svg.AdvChartCanvas line.ADVChartGridLine.Horizontal {
      fill: none;
      stroke: #222222; }
    prochart .layout1.mycustomtemplate .AdvPanel svg.AdvChartCanvas line.ADVChartGridLine.Vertical {
      fill: none;
      stroke: #222222; }
    prochart .layout1.mycustomtemplate .AdvPanel svg.AdvChartCanvas rect.ADVDateAxis {
      fill: #2D2D2D; }
    prochart .layout1.mycustomtemplate .AdvPanel svg.AdvChartCanvas text.ADVDateAxisLabels {
      fill: #4F96FF; }
  prochart .layout1.mycustomtemplate .AdvPanel .AdvChartDrawing {
    fill: #2D2D2D; }
  prochart .layout1.mycustomtemplate .AdvPanel text.ADVPriceAxisLabels {
    fill: #4F96FF; }
  prochart .layout1.mycustomtemplate .AdvPanel .AdvChartVAxis {
    background-color: #2D2D2D; }
    prochart .layout1.mycustomtemplate .AdvPanel .AdvChartVAxis rect.ADVPriceAxis {
      fill: #2D2D2D; }
      prochart .layout1.mycustomtemplate .AdvPanel .AdvChartVAxis rect.ADVPriceAxis text.ADVPriceAxisLabels {
        fill: #4F96FF; }
  prochart .layout1.mycustomtemplate .AdvPanel line.ADVHCrosshairLine,
  prochart .layout1.mycustomtemplate .AdvPanel line.ADVVCrosshairLine {
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 1,10; }
prochart .layout1.mycustomtemplate .AdvPanel .indicator.price.cs.down,
prochart .layout1.mycustomtemplate .AdvPanel rect.ADVCandleBodyDown {
  fill: #FF0000;
  stroke: #EA0000; }
prochart .layout1.mycustomtemplate .AdvPanel .indicator.price.cs.up,
prochart .layout1.mycustomtemplate .AdvPanel rect.ADVCandleBodyUp {
  fill: #00FF00;
  stroke: #00CF00; }
prochart .layout1.mycustomtemplate .AdvPanel line.ADVCandleShadowDown {
  stroke: #EA0000;
  fill: #EA0000; }
prochart .layout1.mycustomtemplate .AdvPanel line.ADVCandleShadowUp {
  fill: #00CF00;
  stroke: #00CF00; }
prochart .layout1.mycustomtemplate .AdvPanel rect.ADVCandleBodyUpHollow {
  stroke: #00CF00;
  fill: #333333; }
prochart .layout1.mycustomtemplate .AdvPanel polyline.ADVOhlcDown {
  stroke: #EA0000; }
prochart .layout1.mycustomtemplate .AdvPanel polyline.ADVOhlcUp {
  stroke: #00CF00; }
prochart .layout1.mycustomtemplate .AdvPanel line.ADVLine {
  fill: #8cd1ff;
  stroke: #8cd1ff; }
prochart .layout1.mycustomtemplate .AdvPanel rect.ADVCandleBodyFlat {
  fill: #DDDDDD;
  stroke: #DDDDDD; }
prochart .layout1.mycustomtemplate .AdvPanel polygon.ADVArea {
  fill: #000000;
  stroke: #8888FF;
  stroke-width: 1px;
  fill-opacity: 0.4;
  stroke-opacity: 0.8; }
prochart .layout1.mycustomtemplate .AdvPanel circle.AdvDrawingHandle {
  fill: #000000;
  stroke: #FF0000; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom.zoom-on-bottom-page {
  background-color: #444444; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom #svgZoomChart {
  background-color: #444444;
  border-color: #444444; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom #svgZoomChart .AdvStudy .AdvBarGroup line.ADVZoomLine {
    stroke: #A5B9D1;
    fill: none; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom #svgZoomChart .AdvStudy .AdvBarGroup polygon.ADVZoomAreaStroke {
    fill: #36414E;
    stroke: #36414e; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom #svgZoomChart rect.ADVZoomOutOfRange {
    fill: #333333;
    fill-opacity: 0.6;
    stroke: #444444; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-chart-container {
  position: relative;
  width: 820px;
  margin-left: 10px; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-chart-container .zoom-rect-left, prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-chart-container .zoom-rect-right {
    position: absolute;
    height: 30px;
    top: 0px;
    border: 1px solid #444444;
    opacity: 0.6;
    background-color: #333333; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-chart-container .zoom-rect-left {
    left: 0px; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-chart-container .zoom-rect-right {
    right: 0px; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-container {
  background: #444444;
  border-top-color: #333333;
  border-bottom-color: #222222;
  -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(34, 34, 34, 0.5);
  -moz-box-shadow: inset 0px 4px 6px -2px RGBA(34, 34, 34, 0.5);
  box-shadow: inset 0px 4px 6px -2px RGBA(34, 34, 34, 0.5); }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-arrow {
  background-color: #222222;
  border-top-color: #333333;
  border-bottom-color: #000000; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-leftArrow {
  border-left-color: #222222; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner {
    border-right-color: #000000; }
    prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner:hover {
      border-right-color: #8cd1ff; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-rightArrow {
  border-right-color: #222222; }
  prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner {
    border-left-color: black; }
    prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner:hover {
      border-left-color: #8cd1ff; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-label {
  background-color: #8cd1ff;
  box-shadow: 0 1px 0 #51B9FF;
  color: #20262F; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-label-inner {
  border-top-color: #8cd1ff; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .slider-zoom .ui-rangeSlider .ui-rangeSlider-bar {
  background-color: #8cd1ff;
  border-color: #51B9FF; }
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-date-range #date-end,
prochart .layout1.mycustomtemplate .adv-svgchart-zoom .zoom-date-range #date-start {
  color: #bbbbbb; }
prochart .layout1.mycustomtemplate #zoom-buttons:hover {
  background-color: rgba(238, 238, 238, 0.1);
  opacity: 0.6;
  filter: alpha(opacity=60);
  border: 1px solid #f0f0f0; }

prochart .layout1.mycustomtemplate .chart-pane-signal .chart-pane-alert.flash {
  background-color: rgba(255, 205, 59, 0.1); }
prochart .layout1.mycustomtemplate .chart-controlpanel .controlpanel-buttons {
  font-zize: 0px; }
  prochart .layout1.mycustomtemplate .chart-controlpanel .controlpanel-buttons a.controlpanel-button-selected span {
    opacity: 1; }
  prochart .layout1.mycustomtemplate .chart-controlpanel .controlpanel-buttons a span {
    background-image: url("img-sprite.png");
    opacity: 0.3; }
  prochart .layout1.mycustomtemplate .chart-controlpanel .controlpanel-buttons a:hover span {
    opacity: 1; }
  prochart .layout1.mycustomtemplate .chart-controlpanel .controlpanel-buttons:after {
    clear: both; }
prochart .layout1.mycustomtemplate .chart-pane-legend-signal,
prochart .layout1.mycustomtemplate .chart-pane-legend-study,
prochart .layout1.mycustomtemplate .chart-pane-legend-plugin,
prochart .layout1.mycustomtemplate .chart-pane-legend-price {
  color: #dddddd; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-title,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-title,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-title,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-title {
    color: #dddddd; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-description,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-description,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-description,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-description {
    color: #9CCDFC; }
    prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-description.legend-compare-description,
    prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-description.legend-compare-description,
    prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-description.legend-compare-description,
    prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-description.legend-compare-description {
      color: #dddddd; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-buttons a.legend-button-properties,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-buttons a.legend-button-properties,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-buttons a.legend-button-properties,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-buttons a.legend-button-properties {
    width: 13px;
    height: 10px; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-buttons a.legend-button-close,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-buttons a.legend-button-close,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-buttons a.legend-button-close,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-buttons a.legend-button-close {
    width: 12px;
    height: 10px; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-buttons a span,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-buttons a span,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-buttons a span,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-buttons a span {
    background-image: url("img-sprite.png");
    opacity: 0.3; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-buttons a:hover span,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-buttons a:hover span,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-buttons a:hover span,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-buttons a:hover span {
    opacity: 1; }
  prochart .layout1.mycustomtemplate .chart-pane-legend-signal .legend-buttons:after,
  prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-buttons:after,
  prochart .layout1.mycustomtemplate .chart-pane-legend-plugin .legend-buttons:after,
  prochart .layout1.mycustomtemplate .chart-pane-legend-price .legend-buttons:after {
    clear: both; }
prochart .layout1.mycustomtemplate .chart-pane-legend-study .legend-study {
  display: inline-table; }
prochart .layout1.mycustomtemplate .chart-pane-study {
  position: relative;
  overflow: hidden; }
prochart .layout1.mycustomtemplate .chart-pane-main {
  position: absolute;
  overflow: hidden; }
prochart .layout1.mycustomtemplate .chart-pane-legend {
  position: absolute;
  pointer-events: none; }
prochart .layout1.mycustomtemplate .chart-pane-splitter {
  position: relative; }
  prochart .layout1.mycustomtemplate .chart-pane-splitter.draggable-split-h .chart-pane-splitter-inner {
    background: rgba(255, 153, 255, 0.3); }
prochart .layout1.mycustomtemplate .chartpane {
  border-bottom: 2px solid #000000; }
prochart .layout1.mycustomtemplate .chart-date-axis {
  border-top: 0px solid #000000;
  background-color: #333333; }
prochart .layout1.mycustomtemplate .chart-price-axis {
  border-left: 2px solid #000000; }

prochart .layout1.mycustomtemplate .AdvPanel circle.AdvDrawingHandle {
  fill: #4F96FF;
  stroke: #6AB5FF; }
prochart .layout1.mycustomtemplate rect.AdvChartTransformBK {
  fill: #222222;
  fill-opacity: 0.3; }

.chart-ui-dialog.mycustomtemplate {
  color: #333333;
  background-color: #444444;
  border: 2px solid #111111;
  box-shadow: 2px 2px 5px #000000; }
  .chart-ui-dialog.mycustomtemplate button.eye-orange,
  .chart-ui-dialog.mycustomtemplate button.favorite {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img-sprite.png") !important;
    opacity: 0.7; }
    .chart-ui-dialog.mycustomtemplate button.eye-orange.star-button,
    .chart-ui-dialog.mycustomtemplate button.favorite.star-button {
      opacity: 1; }
    .chart-ui-dialog.mycustomtemplate button.eye-orange:hover,
    .chart-ui-dialog.mycustomtemplate button.favorite:hover {
      opacity: 1; }
  .chart-ui-dialog.mycustomtemplate .adv-dialog-content {
    color: #eeeeee; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content a {
      color: #62AEFB; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save,
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems {
      background-color: #444444; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page,
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page {
        padding-left: 15px; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog-main-page-title,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog-main-page-title {
          background-color: #444444;
          border: 1px dotted #111111; }
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog-main-page-title > ul,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog-main-page-title > ul {
            margin: 2px; }
            .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog-main-page-title > ul > li.title_level,
            .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog-main-page-title > ul > li.title_level {
              float: left;
              margin-left: 10px; }
              .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog-main-page-title > ul > li.title_level.active > a,
              .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog-main-page-title > ul > li.title_level.active > a {
                color: #fefefe; }
              .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog-main-page-title > ul > li.title_level:hover > a span,
              .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog-main-page-title > ul > li.title_level:hover > a span {
                color: #C6E1FD; }
              .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog-main-page-title > ul > li.title_level > span,
              .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog-main-page-title > ul > li.title_level > span {
                color: #C6E1FD; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .main-properties ul.favorite-systems-list li.li-system,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .main-properties ul.systems-list li.li-system,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .main-properties ul.favorite-systems-list li.li-system,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .main-properties ul.systems-list li.li-system {
          border-top: 1px dotted #000000; }
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .main-properties ul.favorite-systems-list li.li-system:hover a span,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .main-properties ul.systems-list li.li-system:hover a span,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .main-properties ul.favorite-systems-list li.li-system:hover a span,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .main-properties ul.systems-list li.li-system:hover a span {
            color: #C6E1FD; }
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .main-properties ul.favorite-systems-list li.li-system a,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .main-properties ul.systems-list li.li-system a,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .main-properties ul.favorite-systems-list li.li-system a,
          .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .main-properties ul.systems-list li.li-system a {
            color: #dddddd !important; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save div#dialog-main-page .dialog_level .property-page-button,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems div#dialog-main-page .dialog_level .property-page-button {
          background-color: #F7F7F7; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save {
      border: none; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-systems-save ul.systems-list li.li-system {
        cursor: auto !important;
        border-top: 1px dotted #000000; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators {
      border-left: 1px dotted #111111; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog-main-page-title {
        background-color: #444444;
        border: 1px dotted #111111; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog-main-page-title > ul > li.title_level.active > a {
          color: #fefefe; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog-main-page-title > ul > li.title_level:hover > a span {
          color: #C6E1FD; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog-main-page-title > ul > li.title_level > span {
          color: #C6E1FD; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog_level {
        /*.properties-tabs{
        	font-size: 13px;
        	font-weight: bold;
        	margin: 12px 0 5px;
        	a.properties-tabs-label{
        		margin: 0 10px 10px;
        		padding: 0;
        		color: #2D71CE;
        		border-bottom: 1px dashed #2D71CE;
        		margin: 0 10px 10px;
        		&.active{
        			border-bottom: medium none;
        			color: #333333;
        			cursor: default;
        		}
        	}
        }*/ }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog_level .main-properties ul.favorite-indicators-list li.li-indicator:hover a span,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog_level .main-properties ul.indicators-list li.li-indicator:hover a span {
          color: #C6E1FD; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog_level .main-properties ul.favorite-indicators-list li.li-indicator a,
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog_level .main-properties ul.indicators-list li.li-indicator a {
          color: #dddddd !important; }
        .chart-ui-dialog.mycustomtemplate .adv-dialog-content .dialog-indicators div#dialog-main-page .dialog_level .property-page-button {
          background-color: #F7F7F7;
          border-radius: 3px 3px 3px 3px;
          border: 1px solid #DDDDDD; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .properties-tabs .properties-tabs-label.active {
      color: #9CCDFC; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .property-page-button {
      background-color: #4FA7FF;
      border: 1px solid #6AB5FF; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .property-page-button.active {
        background-color: #1C8DFF;
        border: 1px solid #6AB5FF;
        color: #ffffff; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .button-font-italic,
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .button-font-bold {
      display: block;
      height: 16px;
      width: 16px;
      margin: auto;
      position: relative;
      top: 3px; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .dialog-text-input {
      color: #dddddd;
      background-color: #666666;
      border: 1px solid #B2B5B8; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .text-input-long {
      border: 1px solid #B2B5B8; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .dialog-spinner {
      background-color: #666666;
      border: 1px solid #B2B5B8; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td select.dialog-select {
      background-color: #666666;
      border: 1px solid #B2B5B8;
      color: #dddddd; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .param-input,
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .param-spinner {
      border: none;
      color: #dddddd;
      background-color: #666666; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .main-properties table.property-page td .param-input {
      border: 1px solid #B2B5B8; }
    .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page {
      width: 100%; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-id,
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-status,
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-symbol,
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-type {
        color: #000000;
        background-color: #f7f7f7; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-id {
        color: #b2b5b8; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-type.orderbuy {
        color: #008000; }
      .chart-ui-dialog.mycustomtemplate .adv-dialog-content .common-trade-details table.common-property-page td #order-type.ordersell {
        color: #dc143c; }

.chart-ui-dialog.mycustomtemplate .main-sprite-image {
  background-image: url("img-sprite.png") !important; }
.chart-ui-dialog.mycustomtemplate .sp-replacer {
  border: solid 2px #333333;
  background: #fff;
  color: #333; }
  .chart-ui-dialog.mycustomtemplate .sp-replacer .sp-range-box {
    background-color: #333333;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom-right: 2px; }
    .chart-ui-dialog.mycustomtemplate .sp-replacer .sp-range-box .sp-range {
      border-left: 3px solid transparent;
      border-bottom: 3px solid #aaaaaa;
      border-right: 3px solid transparent; }
  .chart-ui-dialog.mycustomtemplate .sp-replacer:hover, .chart-ui-dialog.mycustomtemplate .sp-replacer.sp-active {
    background-color: #666666;
    color: #333; }
    .chart-ui-dialog.mycustomtemplate .sp-replacer:hover .sp-range-box, .chart-ui-dialog.mycustomtemplate .sp-replacer.sp-active .sp-range-box {
      border-left: 1px solid #666666;
      border-top: 1px solid #666666; }
.chart-ui-dialog.mycustomtemplate .sp-replacer.sp-disabled {
  cursor: default;
  border-color: #555555;
  color: #555555;
  opacity: 0.1; }

.chart-ui-dialog.mycustomtemplate {
  /*Sprite Images*/ }
  .chart-ui-dialog.mycustomtemplate .ui-dialog-titlebar {
    border: 1px solid #111111;
    background-color: #222222;
    color: #dddddd; }
  .chart-ui-dialog.mycustomtemplate .ui-widget-content {
    background-color: #444444; }
  .chart-ui-dialog.mycustomtemplate .ui-widget input,
  .chart-ui-dialog.mycustomtemplate .ui-widget select,
  .chart-ui-dialog.mycustomtemplate .ui-widget textarea,
  .chart-ui-dialog.mycustomtemplate .ui-widget button {
    background-color: #333333;
    color: #eeeeee; }
  .chart-ui-dialog.mycustomtemplate span.ui-spinner {
    background: #666666; }
  .chart-ui-dialog.mycustomtemplate .slider-border {
    background: url("custom-gui.png") repeat top left;
    background-position: -10px -39px; }
    .chart-ui-dialog.mycustomtemplate .slider-border .ui-slider-handle {
      background: url("custom-gui.png") repeat top left;
      background-position: -10px -10px; }
  .chart-ui-dialog.mycustomtemplate .slider-coloropaciry {
    background: url("custom-gui.png") repeat top left;
    border: 1px solid #222222;
    height: 8px; }
    .chart-ui-dialog.mycustomtemplate .slider-coloropaciry .ui-slider-handle {
      background: url("custom-gui.png") repeat top left;
      background-position: -10px -10px;
      top: -5px; }
  .chart-ui-dialog.mycustomtemplate .custom-gui {
    background: url("custom-gui.png") top left no-repeat; }
  .chart-ui-dialog.mycustomtemplate .button-font-italic {
    width: 16px;
    height: 16px;
    background-position: -10px -186px; }
  .chart-ui-dialog.mycustomtemplate .button-font-bold {
    width: 16px;
    height: 16px;
    background-position: -10px -212px; }
  .chart-ui-dialog.mycustomtemplate .ui-button {
    background: none;
    background-color: #409FFF;
    border: 1px solid #6AB5FF;
    color: #ffffff; }
    .chart-ui-dialog.mycustomtemplate .ui-button:hover {
      background-color: #1C8DFF; }
    .chart-ui-dialog.mycustomtemplate .ui-button.ui-spinner-button {
      background-color: #efefef;
      border: 1px solid #dddddd; }
  .chart-ui-dialog.mycustomtemplate .ui-dialog-buttonpane {
    border-top-color: #222222; }

prochart .layout1.mycustomtemplate .chart-preload-container .chart-preload {
  background: #000000;
  color: #1C8DFF;
  opacity: 0.2;
  top: 0px;
  left: 0px;
  z-index: 230; }

.chart-ui-dialog.mycustomtemplate .chart-preload-container .chart-preload {
  background: #000000;
  color: #1C8DFF;
  opacity: 0.2;
  top: 0px;
  left: 0px;
  z-index: 230; }

