#placeholder_grafico {
    height: 400px;
}

#buttons_grafico {
    display: flex;
    height: 70px;
}

#buttons_grafico .button {
    cursor: pointer;
}

    #pan_buttons {
        flex: 1;
        max-width: 70px;
    }

    #pan_buttons .button {
        position: relative;
    }

        .fa-chevron-up {
            left: 0px;
            top: 0px;
        }

        .fa-chevron-left {
            left: 0px;
            top: 24px;
        }

        .fa-chevron-right {
            left: 0px;
            top: 24px;
        }

        .fa-chevron-down {
            margin-left: -22px;
            left: -22px;
            top: 43px;
        }

    #zoom_buttons {
        display: flex;
        flex: 1;
        flex-direction: column;
        max-width: 25px;
    }

        .fa-plus-square-o {
            flex: 1;
        }

        .fa-minus-square-o {
            flex: 1;
        }

        .fa-home {
            flex: 1;
        }

#flot-tooltip {
    /*position: absolute;*/
    display: none;
    align-self: center;
    margin-left: 10px;
    border: 2px solid;
    padding: 2px;
    background-color: #FFF;
    opacity: 0.8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.legend table, .legend > div {
    opacity: 1;
}

.legend table {
    border: 1px solid #555;
    padding: 5px;
}

#legenda_grafico {
    display: flex;
    flex-direction: column;
    margin-bottom: -10px;
}

    .legenda_curva {
        flex: 1;
        text-align: left;
        margin-bottom: 10px;
    }

        .legenda_curva_cabecalho {
            display: flex;
            align-items: center;
        }

            .legenda_box {
                margin-right: 4px;
            }
        /*
        .legenda_curva_detalhes {
            display: none;
        }
        */

#imprimiveis{
    background-color: white;
}

canvas {
    max-width: 100%;
    max-height: 100%;
}
.modal2 {
    display:    none;
    height: 70px;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* enquanto estiver carregando, o scroll da página estará desativado */
body.loading {
    overflow: hidden;   
}

/* a partir do momento em que o body estiver com a classe loading,  o modal aparecerá */
body.loading .modal2 {
    display: flex;
}