/* centralização do div do gráfico com o contéudo */
.div-referencia {

    width: 500px;
    height: 500px;
    margin-top: 20px;

}

.div-referencia-centro {

    width: 235px;
    height: 325px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 998;
    
    transform: translate(-50%, -50%);

}

.svg-central {

    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 998;
    
    transform: translate(-50%, -50%);

}

/* ./ centralização do div do gráfico com o contéudo */

/* Tamanho PNG gráfico */
.img-grafico-central {

    width: 500px;
    height: 500px;

}

.conteudos-grafico {

    /* background-color: aquamarine; */

}

/* linhas no centro do gráfico */
.linha-alerta-centro-grafico {

    height: 108.33px;

}

.linha-texto-status-processo {

    height: 108.33px;
    /* background-color: rgb(0, 255, 98); */
    
}

.linha-btn-pause-processo {

    height: 108.33px;

}

.text-processo-centro {

    margin: auto;

}

.botao-play-pause-centro {

    /*margin: auto;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.botao-alerta-processo-centro {

    margin: auto;

}

.div-referencia-centro-porta {

    width: 235px;
    height: 325px;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 998;
    
    transform: translate(-50%, -50%);

}

.linha-centro-porta-cima {

    height: 108.33px;

}

.linha-centro-porta-parar {

    height: 108.33px;

}

.linha-centro-porta-baixo {

    height: 108.33px;

}

.btn-abrir-porta {

    margin-top: auto;

}

.btn-parar-porta {

    margin-top: auto;
    margin-bottom: auto;

}

#btn-parar-porta {

    margin-right: 1px;

}

#btn-fechar-porta {

    

}