/* -- WebChartControl -- */
.dxchartsuiLoadingDiv_MPFMetropolis
{
	background-color:Gray;	
	opacity: 0.01;
	filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}
.dxchartsuiLoadingPanel_MPFMetropolis
{
	border: 1px solid #C3C3C3;
	background-color: white;
	font: 10pt 'Calibri';
	color: #333333;
}
.dxchartsuiLoadingPanel_MPFMetropolis td.dx
{
    font-size: 1.17em;
	white-space: nowrap;
	text-align: center;
	padding: 10px 14px;
}

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

.dxchartsuiCrosshairLabel_MPFMetropolis,
.dxchartsuiCrosshairHLine_MPFMetropolis,
.dxchartsuiCrosshairVLine_MPFMetropolis
{
    position: absolute;
    z-index: 41998;
}

.dxchartsuiCrosshairLabel_MPFMetropolis
{
    background-color: #de39cd;
    color: White;
	font: 10pt 'Calibri';
	padding: 1px 4px 1px 4px;
    white-space: nowrap;    
}

.dxchartsuiCrosshairHLine_MPFMetropolis
{
    height: 0px;
}

.dxchartsuiCrosshairVLine_MPFMetropolis
{
    width: 0px;
}

/* -- Tooltip -- */
.dxchartsuiTooltip_MPFMetropolis,
.dxchartsuiTooltip_TopLeft_MPFMetropolis,
.dxchartsuiTooltip_TopRight_MPFMetropolis,
.dxchartsuiTooltip_BottomLeft_MPFMetropolis,
.dxchartsuiTooltip_BottomRight_MPFMetropolis
{
	font: 10pt 'Calibri';
	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_MPFMetropolis:before,
.dxchartsuiTooltip_TopRight_MPFMetropolis:before,
.dxchartsuiTooltip_BottomLeft_MPFMetropolis:before,
.dxchartsuiTooltip_BottomRight_MPFMetropolis:before,
.dxchartsuiTooltip_TopLeft_MPFMetropolis:after,
.dxchartsuiTooltip_TopRight_MPFMetropolis:after,
.dxchartsuiTooltip_BottomLeft_MPFMetropolis:after,
.dxchartsuiTooltip_BottomRight_MPFMetropolis:after
{
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.dxchartsuiTooltip_TopLeft_MPFMetropolis:before,
.dxchartsuiTooltip_TopRight_MPFMetropolis:before,
.dxchartsuiTooltip_BottomLeft_MPFMetropolis:before,
.dxchartsuiTooltip_BottomRight_MPFMetropolis:before
{
    border-width: 10px 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dxchartsuiTooltip_TopLeft_MPFMetropolis:after,
.dxchartsuiTooltip_TopRight_MPFMetropolis:after,
.dxchartsuiTooltip_BottomLeft_MPFMetropolis:after,
.dxchartsuiTooltip_BottomRight_MPFMetropolis:after
{
    border-width: 8px 4px;
}
.dxchartsuiTooltip_TopLeft_MPFMetropolis:before
{
    border-color: transparent transparent rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35);
    top: -20px;
    left: 10px;
}
.dxchartsuiTooltip_TopLeft_MPFMetropolis:after
{
    border-color: transparent transparent White White;
    top: -16px;
    left: 11px;
}
.dxchartsuiTooltip_TopRight_MPFMetropolis:before
{
    border-color: transparent rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35) transparent;
    top: -20px;
    right: 10px;
}
.dxchartsuiTooltip_TopRight_MPFMetropolis:after
{
    border-color: transparent White White transparent;
    top: -16px;
    right: 11px;
}
.dxchartsuiTooltip_BottomRight_MPFMetropolis:before
{
    border-color: rgba(139, 139, 139, 0.35) rgba(139, 139, 139, 0.35) transparent transparent;
    bottom: -20px;
    right: 10px;
}
.dxchartsuiTooltip_BottomRight_MPFMetropolis:after
{
    border-color: White White transparent transparent;
    bottom: -16px;
    right: 11px;
}
.dxchartsuiTooltip_BottomLeft_MPFMetropolis:before
{
    border-color: rgba(139, 139, 139, 0.35) transparent transparent rgba(139, 139, 139, 0.35);
    bottom: -20px;
    left: 10px;
}
.dxchartsuiTooltip_BottomLeft_MPFMetropolis:after
{
    border-color: White transparent transparent White;
    bottom: -16px;
    left: 11px;
}