//UI Main
$logoimg:"logo_black.png";
$spriteimg:"blue.customimage.png";
$template:"blue";
$bg:#f2f1f2;
$layout:"layout1";

prochart{
 .#{$layout}.#{$template}
{  
	
	//Font
	font-family:Verdana;
	
	&.htmlchart{
	  background-color:#f2f1f2; 
	}
	
    .fullpage-bg{ 
	  background-color:#f2f1f2;
	}
	


	//Main 
	   .adv-svgchart-inner
	  {
	    border: none;
		background-color: #f2f1f2;	 
    
	  }
      .layout-left,
	   .layout-right,
	   .layout-main
	  {
		background-color: #f2f1f2;
		 
	  }
			
		
	 //Button
		button{
			background-color: #f2f1f2;
			&:hover
			{ 
			   background-color:  #63ddf2;
			   //box-shadow:0px 0px 3px 6px  #F0F0F0 inset;
			}
			&.button-selected
			{
			  border-bottom:3px solid #04b9f2;
			  //box-shadow:0px 0px 2px 6px  #e1e1e1 inset; 
			   
			}
		
		}

	//Header
	.chart-header{
	     background-color:#f2f1f2;  

	    .search-symbolics{ 
		  background-image: url($spriteimg) !important; 
		}
		
		#search-symbolics-subpoint{ 
		// display: block;
		// float: left;
	     border-bottom-color: rgba(0, 0, 0, 0);
		 border-left-color:   #04b9f2;
		 border-top-color: 10px solid rgba(0, 0, 0, 0);
		 //margin-top:10px;
		}
		.symbol-title{
			color:   #2a3b4d;
			 text-shadow:none;
		}  
		.header-timeframe {
			color:  #6a7b8d;
		}
		.header-lastupdate {
			color:    #2a3b4d ;
			//font-weight:bold;
		}
		.header-communic {
			background-color:rgba(0, 0, 0, 0);
			background-image: url($spriteimg) !important; 
		}
		 //Search 
		.chart-header-search{
             
		   .chart-header-search-input {  
		      .chart-header-search-input-text{ 
			      color: #2a3b4d;
				  border:#f2f1f2 1px solid;
				  background-color:#ffffff;
 
				 &:-webkit-input-placeholder,
				 &:-moz-placeholder,
				 &:-moz-placeholder,
				 &:-ms-input-placeholder{
				 // color: #333333;
				 }

			  } 
		   }

 

		   .chart-header-search-output { 
			   border:#04b9f2 1px solid;
  			   box-shadow: 2px 3px 3px 0 #AAAAAA;
			// transition: height 0.3s;
			// -webkit-transition: height 0.3s;
			//  -moz-transition: height 0.3s;
			 ul.search-output-list {  
			   li { 
				   &.search-not-found { 
				    //  color:#ffffff;
				   }
				   //border-bottom:1px dotted #000000;
						a{
						// color: #ffffff !important;
						 //float:left;  
						 //display:block;
						// margin-left: 10px;
						 //text-decoration:none;
						 //width:380px;
						 //overflow: hidden;
						  span{
							 //  color: #bbbbbb;
							// line-height: 22px;
							// padding-right:20px;
						  }
						  &:hover span  
							{
							 // color: #FBC0A5;
							//  text-decoration:none;
							}
					 
						}
						
						 
					   
						button{
						 // background-color:#2D2D2D;
						  //height:22px;
						  //width:30px;
						 } 
			   }
			 }
		   }

		   .search-main-properties-tabs{ 
		      .search-main-properties { 
			     //display: none;
                 //max-height:450px;
			     //overflow-y: auto;
			  &.active {  
			      //display: block;
			    }   
			  }
		   }

		   .search-properties-tabs-labels { 
			 background-color:#04b9f2;//#dddddd;
		     a.search-properties-tabs-label{ 
				 color: #ffffff;
			     &.active {  
			         color: #2a3b4d;
					 
			     }     
			 } 
			
		   }

		   .search-properties-filters{ 
		       //background-color:#F7F7F7;
			   //height:18px;
			   //line-height:18px;
			   //padding:2px;
			   //border-bottom:1px solid #000000;
			   //margin:4px 0px;
		       ul.search-properties-filters-list{ 
			     
			     li.search-properties-filter { 
				  //float: left;
				  //margin-right:10px;
				  //position: relative;
				  span{ 
				   //font-size:12px;
				   //color:#777777;
				    //display: block;
					//float: left;
				    }
				  > a{  
				       //color:#FBC0A5;
					   //font-size:12px;
					   //display: block;
					   //float: left;
					   //margin:0px 4px;
					   //text-decoration:none;
					   //font-weight: bold;
				    } 
                    .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);
						//display: none;
						//position: absolute;
						//left: 5px;
						//bottom: -4px;
						//z-index: 99;
					} 
					
					.filter-down-point{ 
					    //border-right: 3px solid rgba(0, 0, 0, 0);
						//border-top: 3px solid #FBC0A5;
						//border-left: 3px solid rgba(0, 0, 0, 0);
						//display: block;
						//position: absolute;
						//left: 0px;
						//top:7px;
						//z-index: 99;
					
					}
					  
					 ul.search-properties-filter-values{ 
						//position: absolute;
						//top:20px;
						//left:20px;
						//background-color:#000000;
						 border:0px solid #000000;
						//z-index:200;
						//max-height:259px;
						//width:100px;
						//overflow-x:hidden;
						//overflow-y:auto;
						//display: block;
						//padding:5px;
						//box-shadow: 5px 5px 5px #000000;
						li{ 
							 //padding:2px 5px; 
							 a{ 
								//font-size:12px;
								//color:#dddddd;
								//text-decoration:none;
								//display: block;
								//width:80px;
								//overflow: hidden;
								//white-space: nowrap;
								
							 }
							 &:hover{
							  // background-color:#2d2d2d;
							 }
 

						} 
			    
			   
					  }
				 }

			   }
			 
		   }


		}

	}

	//Menu 
	.chart-menu{
	  background-color: #04b9f2;
	   li { 
	     a { 
	      color: #ffffff;
	    }
	   }



	  >ul{ 
		> li{
			color: #ffffff;
			padding:0px 5px;
			&:hover { 
					  background-color:#ffffff;
					  color:#2a3b4d;
					  border-bottom:none;
					  border-top:none;
					  //line-height:28px;
					  //padding:0 9px 0px 8px;
					  z-index:10000;
					   
					 //Sub menu in hover  
					 >ul
					 {
							  background-color:  #ffffff;
							  border-right:1px #04b9f2 solid;
					          border-left:1px  #04b9f2  solid;
							  border-bottom:2px  #04b9f2  solid;
							 >li{ 
									color:  #222222;
									
									&:hover{ 
									  background-color:  #63ddf2;
									  color:#222222;
									  }
                                    &.favorites-style
									{
						
									  div
									  {
																  
										  &.kII1
										  {
											background-color:  #ffffff;
											border-right: 2px solid #ffffff;
											margin-right:2px;
											

											button
											{
											   background-color: rgba(0, 0, 0, 0);
											   opacity:0.3;
											   &:hover{
											      box-shadow:none;
												  //background-color: #ffffff;
												  
											   }
											}
										   }
                                          &.KII2
										  {
										 
										   button
										   {
										     background-color: rgba(0, 0, 0, 0);
											
										   }
										   span
										   {
										    
										   }
										  } 
									   }
									}
							     }
                           
					  }
					}
					//Sub menu hide
					 >ul{
							border: 1px solid #EFEFEF;
							border-top:none;
							border-left:2px solid #E1E1E1 ;
							box-shadow: 2px 3px 3px 0 #AAAAAA;
							 left:-2px;
							// top:30px;
							
							
						 }
			&.localization-items
			{
			  
			   >ul{
				    left: inherit;
				   >li{ 
					  				 
					} 
				}              
			
			}         
		   }
		   #chart-type
		   {
		    
			 >ul{
			    width:230px;
			 }
			
			.favorites-style
			{
			
			}
		   }
	   }
      .chart-menu-icons
	  { 
	    button
		{
		
           background-color: rgba(0, 0, 0, 0);
		   
		}
	  }  
	}
	





	//Toolbar
	ul.toolbar
	{
		background-color: #f2f1f2;
		li
		{
		  float: left;
		  span.label
		  {
		    color:  999999; 
			
		  }
		  div.tooolbar_inner 
		  {
		  
		  }
		}
	}
	
 

	//Chart 

	div.AdvChartBox{
	 background:none;
	}

	.AdvPanel 
	{ 
	  position: relative;
	  background-color:$bg;
	  .AdvPricePanel
		{
			//background-image:url($logoimg);  
			background-position: 5% 90%;
			background-repeat:no-repeat;
		
		 
		}
	
	  .AdvPanelTitle{
	      // position: absolute;
		  // top:2px ;
		  // left:2px;
		  // z-index:10; 
		   font-size:9px !important;
		   line-height:12px;
 
		  .AdvValuesLabel{ 
		   font-size:10px !important;
		   line-height:13px !important;
		   .AdvStudyLbl
			  {
			   padding:2px 4px 8px 0px;
		       color:#555555;
			   .AdvStudyValue
			    {
		         color:#222222;
		        }
		      }
		  }


	  }
	   svg.AdvPriceBackground
	  {
	    background-color: #ffffff;
		border:1px solid #E4E4E4;
	   }
	  svg.AdvChartCanvas //Panel 
	  {
	    fill: #ffffff;
		background-color:#ffffff;
		border:1px solid #E4E4E4;
		line.ADVChartGridLine.Horizontal
		{
		  fill: none;
          stroke: #F0F0F0;
		  stroke-dasharray: 5,6;
		  stroke-width:1px;
		}
		line.ADVChartGridLine.Vertical
		{
		  fill: none;
          stroke: #F0F0F0;
		  stroke-dasharray: 5,6;
		  stroke-width:1px;
		}
		path.ADVRTLine
		{
		  //stroke-dasharray: 2, 5;
		  //stroke-linecap: round;
		  //stroke-width: 1;
		}
		rect.ADVDateAxis{
		  fill: #F8F8F8;
		}
		text.ADVDateAxisLabels{
		fill:#000000;
		}

	  }
	  .AdvChartDrawing 
	  { 
	   fill: #ffffff;
	  }
	  text.ADVPriceAxisLabels
		   {
			 fill:#333333;
			}

	  .AdvChartVAxis{
	       background-color: $bg;
		   rect.ADVPriceAxis
		   {
			fill:  $bg;
			text.ADVPriceAxisLabels
		    {
			 fill: #333333;
			}
		   }
	  }
	  svg.AdvPriceAnnotation
	  {
	  
	  }
	   //Crosshair
	   line.ADVHCrosshairLine,
	   line.ADVVCrosshairLine
		{
			stroke: #333333;
			stroke-width:1px;
			stroke-dasharray: 1,10;
		}


	}

	//Line : chart types 
	.AdvPanel{
	   
	   .DivBK{
	     background-color:#ffffff;
	   }
       

       
	   //Candle body Down
	    .indicator.price.cs.down,
        rect.ADVCandleBodyDown {
			//fill: #FF0000;
			//stroke: #EA0000;
		}

		//Candle body Up
		.indicator.price.cs.up,
        rect.ADVCandleBodyUp {
			//fill:  #00FF00;
			//stroke: #00CF00;
		}


		line.ADVCandleShadowDown {
			//stroke: #EA0000;
			//fill: #EA0000;
		}

		line.ADVCandleShadowUp {
			//fill:  #00CF00;
			//stroke: #00CF00;
		}


		rect.ADVCandleBodyUpHollow {
			//stroke: #00CF00;
			//fill: #333333;
		}


		polyline.ADVOhlcDown {
			//stroke: #EA0000;
		}

		polyline.ADVOhlcUp {
			//stroke: #00CF00;
		}


		
		line.ADVLine {
			//fill: #8cd1ff;
			//stroke: #8cd1ff;
		 }


		rect.ADVCandleBodyFlat {
			//fill: #DDDDDD;
			//stroke: #DDDDDD;
		}

		polygon.ADVArea
		{
			fill: #63ddf2 ; 
			stroke: #ffffff;
			stroke-width: 0px;
			fill-opacity: 0.4;
			stroke-opacity: 0;
		}
 
 

	    circle.AdvDrawingHandle{
			//fill: #000000;
		    //stroke: #FF0000;
		}


	}


	//Zoom
	.adv-svgchart-zoom 
	 {
		
	    &.zoom-on-bottom-page{ 
		  background-color:#ffffff;
		}

		#svgZoomChart 
		{
		  background-color:  #ffffff;
          border-color:  #ececec;
			
			.AdvStudy
			{
				.AdvBarGroup
				{
				  line.ADVZoomLine 
				  {
				   stroke:    #C7C7C7;
				   fill: none;
				   stroke-width:3px;
				  }
				  polygon.ADVZoomAreaStroke{
				    fill:    #E1E1E1;
                    stroke:   #E1E1E1
				  }
				}
			}
        
		rect.ADVZoomOutOfRange
		{
			fill: #ffffff;
			fill-opacity: 0.7;
			stroke: #ececec;
			
		}    
		}


		//Zoom rect
		.zoom-chart-container{
		  position: relative;
		
			//rect
			.zoom-rect-left,.zoom-rect-right
			 {
			   position: absolute;
			   height:30px;
			   top:0px;
			   border:1px solid #dddddd;
			   opacity:0.6;
			   background-color:#ffffff;
			 }
			  .zoom-rect-left
			  {
			   left:0px;
			   //margin-left:10px; 
			   //margin-right:0px;
			  }
			   .zoom-rect-right
			  {
			   //margin:10px;
			   //margin-right:10px;
			   right:0px;
			  }

		  }


	    //Slider 
		.slider-zoom
		{
		 
   		  .ui-rangeSlider {
		     
			 .ui-rangeSlider-container{
    			background: #E4E4E4 ;
				border-top-color:  #DDDDDD;
				border-bottom-color:  #DDDDDD;
			   -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);
  
			}


			.ui-rangeSlider-arrow {
				background-color: #F8F8F8; 
				border-top-color:   #F8F8F8;
				border-bottom-color:  #F8F8F8;
				
			}
			.ui-rangeSlider-leftArrow {
				border-left-color:  #F8F8F8;
				.ui-rangeSlider-arrow-inner 
				{
				 border-right-color: #666666;
				 &:hover{
				    border-right-color:#fffff;
				  }
     			 }
			
            }
			.ui-rangeSlider-rightArrow {
				border-right-color:  #F8F8F8;
				.ui-rangeSlider-arrow-inner 
				{
				 border-left-color:  #666666;
				 &:hover{
				    border-left-color:#fffff;
				  }
     			 }
			}

			.ui-rangeSlider-label {
				background-color: #F8F8F8 ;
				box-shadow:none;
				border:1px solid #666666;
				color: #222222;
			}

			.ui-rangeSlider-label-inner {
				border-top-color:   #666666;
 
			}

			.ui-rangeSlider-bar {
				background-color: #E4E4E4 ;//  #dcdcdc;
				border-color:    #C7C7C7 ;//#cccccc;
			}

		  }
		}
		//Date range
		.zoom-date-range{
		 
		   .date-end,
		   .date-start
		   {
			color: #111111;
			
		   }
		}
	}

	//Zoom tool 
	#zoom-buttons {
	 
	  &:hover 
		 {
			  background-color: rgba(238,238,238,0.1);
			  opacity:0.6;
			  filter:alpha(opacity=60);
			   border: 1px solid #f0f0f0; 
		 } 
	}

 } 
}   


//#region Panels *************************************
prochart{
 .#{$layout}.#{$template}
	{  
		

	//Panels ***
	.chart-pane-price { 
	 // position: relative;
	//  overflow: hidden;
	}


	.chart-pane-signal {
	  //background-color: Aqua;

	  &.pane-signal { 
	  
	  }
	  .chart-pane-alert{
	     //position: absolute;
		 //pointer-events:none;
		 //z-index:999;
		 //transition: background-color 0.4s ease;
		 //transition: border 0.4s ease;
		 &.flash{ 
		   background-color: rgba(255,205,59, 0.1);
		 }
	  }
	} 

	



    .chart-controlpanel{ 
	 //position: absolute;
	// z-index:30;
	// pointer-events:none ;
	   .controlpanel-buttons {
	     // vertical-align: middle;
		  font-zize:0px;
		 // text-align: right;

	      a { 
		    //display: inline-block;
			//cursor:pointer;
			//pointer-events:auto ;
   		    &.controlpanel-button-selected{ 
				    span{ 
				     opacity: 1;
				    }
				    
		    }
			&.controlpanel-up{
			//width:11px;
			//height:8px;
			}
			&.controlpanel-down{
			//width:11px;
			//height:8px;
			}
			&.controlpanel-window{
			//width:10px;
			//height:10px;
			}
			span{ 
				 // display: block;
				  background-image: url($spriteimg);
				   opacity: 0.3;
			  &.controlpanel-up-icon{
				 // margin-top:0px;
				 // margin-left:1px;
			  }
			  &.controlpanel-down-icon{
				 // margin-top:0px;
				 // margin-left:1px;
			  }
			  &.controlpanel-window-icon{
			 // margin-top:0px;
			  //margin-left:1px;
			  }

			}
			&:hover{ 
			  //background-color:rgba(153,153,153,0.5);
			 // background-color:rgba(240,240,240,0.9);
			   span { 
			   opacity: 1;
			  }
			} 
		}
		 &:after {
		   clear: both;
		 }
	   }

	} 

	.chart-pane-legend-signal,
	.chart-pane-legend-study,
	.chart-pane-legend-plugin,
	.chart-pane-legend-price{ 
	   //font-size:12px;
	   //line-height:20px;
	  // z-index:70;
	  color:  #2a3b4d;
	   .legend-title{ 
	     color: #2a3b4d;
	   }
	   .legend-description{  
	    //font-weight: bold;
		//font-size:16px;
		color: #2a3b4d;
		&.legend-compare-description { 
		  color: #2a3b4d;
		  //font-size:12px;
		  //font-weight: bold;
		}
	   }

	   .legend-study-params{ 
	    // font-style: italic;
	   }

	   .legend-study-values{ 
	     // display: inline-block;
		 // vertical-align: middle;
	   }
	   .legend-value{ 
	   // min-width:42px;
		//display: inline-block;
		//font-weight: bold;
	   }

	   
	   .legend-buttons{
	     // vertical-align: middle;
		 // display: inline-block;
	      a { 
		   // display:  inline-block;
			//cursor:pointer;
			//pointer-events:auto ;
			&.legend-button-visible{
				//width:18px;
				//height:10px; 
				&.legend-visible-off{ 
				   .legend-visible-icon{ 
				     //opacity: 1;
				    }
				    
				  }
				}
			&.legend-button-properties{width:13px;height:10px;}
			&.legend-button-close{width:12px;height:10px;}
			span{ 
			  //display: block;
			  background-image: url($spriteimg);
			  opacity: 0.3;
			}
			&:hover{ 
			  //background-color:rgba(240,240,240,0.9);
			   span { 
			   opacity: 1;
			  }
			} 
		}
		 &:after {
		   clear: both;
		 }
	   }
	}
	
	.chart-pane-legend-study { 
	  .legend-study { 
	     display: inline-table;
	  }
	}




	.chart-pane-study{ 
	  position: relative;
	  overflow: hidden;
	}

	

	.chart-pane-main{ 
	  position: absolute;
	  overflow: hidden;
	}

	.chart-pane-legend{ 
    	position: absolute;
		pointer-events:none;
	}

	.chart-pane-splitter{ 
		position: relative;
	
		.chart-pane-splitter-inner { 
			//position: absolute;
			//height:6px;
			//top: -3px;
			//z-index:30;
			//transition: all ease-in 0.1s;
		} 

		&.draggable-split-h {
		 .chart-pane-splitter-inner{ 
			background: rgba(255,153,255,0.3);  
		 } 
	 }

	}

	

	.chartpane{ 
	 border-bottom:2px solid #000000;
	 //position: relative;
	}


	.chart-date-axis { 
	  // position: absolute;
	   border-top:0px solid #000000;
	   background:none;
	   //overflow: hidden;
	}

	.chart-price-zoom { 
	  //position: absolute;
	  // pointer-events:none;
	  //z-index:40;
	  button{
	     //pointer-events:all;
	  }
	}

	.chart-price-axis { 
	  //position: absolute;
	  border-left:2px solid #000000;
	  //overflow: hidden;
	}



	



	}
}

//#endregion Panels *********************************

 

//Dialogs
.chart-ui-dialog.#{$template}
{
  
  	.main-sprite-image{
		  background-image: url($spriteimg) !important; 
	 }
  
     //Font
	font-family:Verdana;
	 
	  button.eye-orange,
	  button.favorite 
	   {
		background-image: url($spriteimg) !important;
  	   }

 }  


 //Main
 @mixin chart_preload_container
   {
    .chart-preload-container
		{
		 .chart-preload{
            background:#ffffff;
		    color:#04b9f2;
			opacity:0.4; 
			top:0px; 
			left:0px; 
			z-index:230; 
		  }
		}
    }

prochart{
 .#{$layout}.#{$template}
   {
   //Preload
     @include chart_preload_container
   }
} 

.chart-ui-dialog.#{$template}
{
	//Preload
		 @include  chart_preload_container
	  
}




//Charts color

prochart
{
 .#{$layout}.#{$template}{
   
   @extend .chart-ui-dialog.#{$template};

  }
} 

.chart-ui-dialog.#{$template}{
 

//	.indicator.price.cs.flat			{ stroke: #555555;	fill: #555555; stroke-location: outside;}  
//	.indicator.price.cs.up				{ stroke: #006400;	fill: #6BA583; stroke-location: outside;}  
//	.indicator.price.cs.down			{ stroke: #640000;	fill: #E83535; stroke-location: outside;}
//	.indicator.price.cshollow.up		{ stroke: #006400;	fill: white;   stroke-location: outside;}
//	.indicator.price.dots.up			{ stroke: #006400;	fill: #006400; }
//	.indicator.price.dots.down			{ stroke: #E83535;	fill: #E83535; }
//	.indicator.price.dots.flat			{ stroke: #555555;	fill: #555555; }
//	.indicator.price.line				{ stroke: #555555;	fill: #555555; }
 	.indicator.price.area				{ stroke: #63ddf2;	fill: #04b9f2; }
//	.indicator.price.histogram.up		{ stroke: #006400;	fill: #006400; }
//	.indicator.price.histogram.down		{ stroke: #E83535;	fill: #E83535; }
//	.indicator.price.histogram.flat		{ stroke: #555555;	fill: #555555; }

//	.indicator.price.ohlc.up			{ stroke: #006400;	fill: #006400; }
//	.indicator.price.ohlc.down			{ stroke: #E83535;	fill: #E83535; }
//	.indicator.price.ohlc.flat			{ stroke: #555555;	fill: #555555; }



//	.indicator.changehistogram.up		{ stroke: #6BA583;	fill: #6BA583; }
//	.indicator.changehistogram.down		{ stroke: #E83535;	fill: #E83535; }
//	.indicator.centeredhistogram.up		{ stroke: #6BA583;	fill: #6BA583; }
//	.indicator.centeredhistogram.down	{ stroke: #E83535;	fill: #E83535; }


//	.indicator.sma.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.ema.item1				{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.smma.item1				{ stroke: #FF4CED;	fill: #FF4CED; }
//	.indicator.offset.item1				{ stroke: #4CFF5E;	fill: #4CFF5E; }
//	.indicator.midprice.item1			{ stroke: #8A4CFF;	fill: #8A4CFF; }
//	.indicator.open.item1				{ stroke: #C0FF4C;	fill: #C0FF4C; }
//	.indicator.low.item1				{ stroke: #FF4C67;	fill: #FF4C67; }
//	.indicator.high.item1				{ stroke: #4CFFE4;	fill: #4CFFE4; }
//	.indicator.close.item1				{ stroke: #4C4FFF;	fill: #4C4FFF; }
//	.indicator.tipical.item1			{ stroke: #FFFC4C;	fill: #FFFC4C; }
//	.indicator.median.item1				{ stroke: #FF4CA8;	fill: #FF4CA8; }
//	.indicator.weighted.item1			{ stroke: #4CFFA2;	fill: #4CFFA2; }
//	.indicator.alligator.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.alligator.item2			{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.alligator.item3			{ stroke: #FF4CED;	fill: #FF4CED; }
//	.indicator.bbands.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.bbands.item2				{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.bbands.item3				{ stroke: #FF4CED;	fill: #FF4CED; }
//	.indicator.psar.item1				{ stroke: #CF4CFF;	fill: #CF4CFF; }
//	.indicator.maenvelopes.item1		{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.maenvelopes.item2		{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.maenvelopes.item3		{ stroke: #FF4CED;	fill: #FF4CED; }
//	.indicator.rsi.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.rsi.item2				{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.momentum.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.momentum.item2			{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.rvi.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.rvi.item2				{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.williamsad.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.williamsr.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.macd.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.macd.item2				{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.macd.item3				{ stroke: #555555;	fill: #555555; }
//	.indicator.gator.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.gator.item2				{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator.aroonup.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.aroondown.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.aroonosc.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.asi.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.atr.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.bbpercent.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.bbwidth.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.bp.item1					{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.uotr.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.uo.item1					{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.ao.item1					{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.bears.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.bulls.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.cci.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.meandev.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.chv.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.demax.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.demin.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.demarker.item1			{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.dpo.item1				{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator.stochastic .item1		{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator .stochastic .item2		{ stroke: #FFB74C;	fill: #FFB74C; }
//	.indicator .slowstochastic .item1	{ stroke: #4C93FF;	fill: #4C93FF; }
//	.indicator .slowstochastic .item2	{ stroke: #FFB74C;	fill: #FFB74C; }


//	path.Level0  { stroke: #4C93FF;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level1  { stroke: #FFB74C;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level2  { stroke: #FF4CED;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level3  { stroke: #4CFF5E;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level4  { stroke: #8A4CFF;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level5  { stroke: #C0FF4C;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level6  { stroke: #FF4C67;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level7  { stroke: #4CFFE4;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level8  { stroke: #4C4FFF;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}
//	path.Level9  { stroke: #FFFC4C;	stroke-width: 2px;	stroke-opacity: 0.8; fill: none;}

//	path.FillLevel0  { stroke: none; fill: #4C93FF; fill-opacity: 0.2;}
//	path.FillLevel1  { stroke: none; fill: #FFB74C; fill-opacity: 0.2;}
//	path.FillLevel2  { stroke: none; fill: #FF4CED; fill-opacity: 0.2;}
//	path.FillLevel3  { stroke: none; fill: #4CFF5E; fill-opacity: 0.2;}
//	path.FillLevel4  { stroke: none; fill: #8A4CFF; fill-opacity: 0.2;}
//	path.FillLevel5  { stroke: none; fill: #C0FF4C; fill-opacity: 0.2;}
//	path.FillLevel6  { stroke: none; fill: #FF4C67; fill-opacity: 0.2;}
//	path.FillLevel7  { stroke: none; fill: #4CFFE4; fill-opacity: 0.2;}
//	path.FillLevel8  { stroke: none; fill: #4C4FFF; fill-opacity: 0.2;}
//	path.FillLevel9  { stroke: none; fill: #FFFC4C; fill-opacity: 0.2;}

}
  