/* -- WebChartControl -- */
.dxchartsuiLoadingDiv_Material
{
	background-color:Gray;	
	opacity: 0.01;
	filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}
.dxchartsuiLoadingPanel_Material
{
	background-color: white;
	font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	color: #484848;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
.dxchartsuiLoadingPanel_Material td.dx
{
    font-size: 1.17em;
	white-space: nowrap;
	text-align: center;
	padding: 10px 14px;
}

/* -- Crosshair -- */
.dxchartsuiCrosshairHLine_Material,
.dxchartsuiCrosshairVLine_Material
{
    background-color: transparent;
    border-color: #de39cd;
}

.dxchartsuiCrosshairLabel_Material,
.dxchartsuiCrosshairHLine_Material,
.dxchartsuiCrosshairVLine_Material
{
    position: absolute;
    z-index: 41998;
}

.dxchartsuiCrosshairLabel_Material
{
    background-color: #de39cd;
    color: White;
	font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	padding: 1px 4px 1px 4px;
    white-space: nowrap;    
}

.dxchartsuiCrosshairHLine_Material
{
    height: 0px;
}

.dxchartsuiCrosshairVLine_Material
{
    width: 0px;
}

/* -- Tooltip -- */
.dxchartsuiTooltip_Material,
.dxchartsuiTooltip_TopLeft_Material,
.dxchartsuiTooltip_TopRight_Material,
.dxchartsuiTooltip_BottomLeft_Material,
.dxchartsuiTooltip_BottomRight_Material
{
	font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	color: #201f35;
	background-color: White;
	border: 1px solid rgb(139, 139, 139);
	border: 1px solid rgba(0, 0, 0, 0.35);
	padding: 6px 10px 6px 10px;
    position: absolute;
    cursor: default;
    white-space: nowrap;
    -moz-box-shadow:    0px 2px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 2px 10px rgba(0, 0, 0, 0.35);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 41999;
}
.dxchartsuiTooltip_TopLeft_Material:before,
.dxchartsuiTooltip_TopRight_Material:before,
.dxchartsuiTooltip_BottomLeft_Material:before,
.dxchartsuiTooltip_BottomRight_Material:before,
.dxchartsuiTooltip_TopLeft_Material:after,
.dxchartsuiTooltip_TopRight_Material:after,
.dxchartsuiTooltip_BottomLeft_Material:after,
.dxchartsuiTooltip_BottomRight_Material:after
{
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.dxchartsuiTooltip_TopLeft_Material:before,
.dxchartsuiTooltip_TopRight_Material:before,
.dxchartsuiTooltip_BottomLeft_Material:before,
.dxchartsuiTooltip_BottomRight_Material:before
{
    border-width: 10px 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dxchartsuiTooltip_TopLeft_Material:after,
.dxchartsuiTooltip_TopRight_Material:after,
.dxchartsuiTooltip_BottomLeft_Material:after,
.dxchartsuiTooltip_BottomRight_Material:after
{
    border-width: 8px 4px;
}
.dxchartsuiTooltip_TopLeft_Material:before
{
    border-color: transparent transparent rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35);
    top: -20px;
    left: 10px;
}
.dxchartsuiTooltip_TopLeft_Material:after
{
    border-color: transparent transparent White White;
    top: -16px;
    left: 11px;
}
.dxchartsuiTooltip_TopRight_Material:before
{
    border-color: transparent rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35) transparent;
    top: -20px;
    right: 10px;
}
.dxchartsuiTooltip_TopRight_Material:after
{
    border-color: transparent White White transparent;
    top: -16px;
    right: 11px;
}
.dxchartsuiTooltip_BottomRight_Material:before
{
    border-color: rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35) transparent transparent;
    bottom: -20px;
    right: 10px;
}
.dxchartsuiTooltip_BottomRight_Material:after
{
    border-color: White White transparent transparent;
    bottom: -16px;
    right: 11px;
}
.dxchartsuiTooltip_BottomLeft_Material:before
{
    border-color: rgba(139, 139, 139, 0.35) transparent transparent rgba(139, 139, 139, 0.35);
    bottom: -20px;
    left: 10px;
}
.dxchartsuiTooltip_BottomLeft_Material:after
{
    border-color: White transparent transparent White;
    bottom: -16px;
    left: 11px;
}