.area
{
    fill: #B0C4DE;
}

.line1, .line2, .line3
{
    fill: none;
    stroke-width: 1.5px;
}

.line1
{
    stroke: #80ff00;
}

.line2
{
    stroke: #00b33c;
}

.line3
{
    stroke: #0040ff;
}

.line4
{
    display: none;
}

.dot1, .dot2, .dot3
{
    fill: #FFF;
    stroke-width: 1.5px;
}

.dot1
{
    stroke: #80ff00;
}

.dot2
{
    stroke: #00b33c;
}

.dot3
{
    display: none;
}

.dot4
{
    stroke: #e61919;
}

.div_grafico_tooltip, .div_grafico_tooltip_stacked
{
    text-align: center;
    font: 12px sans-serif;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
    z-index: 9999;
}

.div_grafico_tooltip
{
    position: absolute;
    width: 200px;
    height: 80px;
    padding: 10px 0 0 0;
    opacity: 0;
    line-height: 30px;
}

.div_grafico_tooltip_stacked
{
    position: absolute;
    width: 200px;
    height: 40px;
    line-height: 20px;
}

.div_grafico_tooltip_offsets
{
    top: -50px;
    left: -50px;
}

.div_grafico_multiline
{
    position: relative;
    width: 500px;
    height: 300px;
    float: right;
}

    .div_grafico_multiline svg
    {
        position: relative;
        overflow: visible;
    }

    .div_grafico_multiline text
    {
        fill: black;
    }

.div_grafico_legenda
{
    position: absolute;
    width: 200px;
    height: 50px;
    left: -250px;
    top: 180px;
    opacity: 0.6;
    line-height: 30px;
}

.div_grafico_quadrado_legenda
{
    width: 20px;
    height: 20px;
    line-height: 15px;
}

.lineRangeColorStart
{
    stroke: #ff3300;
}

.lineRangeColorEnd
{
    stroke: #00b300;
}

.dotRangeColorStart
{
    stroke: green;
}

.dotRangeColorEnd
{
    stroke: red;
}

polyline
{
    display: none;
}

.labelName text
{
    display: none;
}

.div_resultados svg
{
    -webkit-filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.3) );
    filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.25) );
}

.avaliacao_periodo
{
    width: 90%;
    height: 40px;
    margin: 0 auto;
}

.avaliacao_periodo_select
{
    overflow: visible;
}

.avaliacao_periodo_settings
{
    r: 8;
    fill: red; /*cor da barra*/
    color: white; /*cor do texto*/
    stroke: #ccc; /*cor do fundo*/
}

.avaliacao_resultados_treemap
{
    height: 320px;
    width: 100%;
    overflow: hidden;
}

    .avaliacao_resultados_treemap .grandparent text
    {
		fill: white !important;
		stroke-width: 0.5;
    }

    .avaliacao_resultados_treemap text
    {
        pointer-events: none;
    }

    .avaliacao_resultados_treemap .grandparent text
    {
        /* font-weight: bold; */
    }

    .avaliacao_resultados_treemap rect
    {
        fill: none;
        stroke: #fff;
    }

        .avaliacao_resultados_treemap rect.parent,
        .avaliacao_resultados_treemap .grandparent rect
        {
            stroke-width: 2px;
        }

    .avaliacao_resultados_treemap .grandparent *
    {
        fill: #343f45;
        stroke: white;
    }

    .avaliacao_resultados_treemap .grandparent:hover rect
    {
        fill: #808080;
        stroke: black;
    }

    .avaliacao_resultados_treemap .children rect.parent,
    .avaliacao_resultados_treemap .grandparent rect
    {
        cursor: pointer;
    }

    .avaliacao_resultados_treemap .children rect.parent
    {
        fill: #bbb;
        fill-opacity: .5;
    }

    .avaliacao_resultados_treemap .children:hover rect.child
    {
        fill: #bbb;
    }

.lineRangeColorStartTreeMap
{
    stroke: blue;
}

.lineRangeColorEndTreeMap
{
    stroke: yellow;
}

.lineRangeColorStartDonut
{
    stroke: blue;
}

.lineRangeColorEndDonut
{
    stroke: yellow;
}

.avaliacao_presencas_linegraph
{
    width: 100%;
    height: 250px;
    position: relative;
    overflow: visible;
}

.avaliacao_donut_settings
{
    r: 3; /*radius*/
    pad: 0.015; /*pad angle*/
    delay: 300;
    trans: 500;
}

.avaliacao_presencas_donutgraph
{
    width: 100%;
    height: 310px;
}

    .avaliacao_presencas_donutgraph .legend
    {
        display: none;
    }

.avaliacao_presencas_linegraph svg
{
    position: relative;
    overflow: visible;
}

.avaliacao_presencas_linegraph text
{
    fill: white;
}

.div_resultados .div_grafico_legenda
{
    left: 500px !important;
    top: -20px !important;
    line-height: 15px !important;
    display: none;
}

.div_resultados .div_grafico_quadrado_legenda
{
    width: 10px;
    height: 10px;
    line-height: 7px !important;
}

.div_resultados .axis, .div_grafico_multiline .axis, .div_grafico_multiline .axis path
{
    fill: none;
    stroke: black !important;
    stroke-width: 1px;
}

    .div_resultados .axis text
    {
        fill: black;
        /*stroke-width: 0.5px;*/
    }

.avaliacao_resultadostop10, .avaliacao_resultadosbottom10
{
	width: 49%;
	height: 320px;
	display: inline-block;
	position: relative;
}

.avaliacao_resultadostop10
{
	margin-right: 14px;
}

.avaliacao_stats_stacked
{
	position: relative;
	display: inline-block;
	width: 50%;
	height: 320px;
	margin-right: 14px;
}

.avaliacao_resultados_bargraph1/*top 10*/
{
	fill: green;/*cor da barra*/
	color: white;/*cor do texto*/
	stroke: orange;/*cor do texto em hover (tooltip)*/
}

.avaliacao_resultados_bargraph2/*bottom 10*/
{
	fill: red;/*cor da barra*/
	color: white;/*cor do texto*/
	stroke: orange;/*cor do texto em hover (tooltip)*/
}

.avaliacao_resultados_bargraph3/*NPS*/
{
	fill: blue;/*cor da barra*/
	color: white;/*cor do texto*/
	stroke: orange;/*cor do texto em hover (tooltip)*/
}