/*
    Esse é para o  dcc.Loading que cobre o page_content do dash. Usarei para carregar o grafico principal,
    e evitar a tela branca com aspecto de travado. É preciso tambem alterar diretamente o css do dash para
    o spinner. Usei uma classe específica para o objeto, pra não zonear o funcionamento dos outros loadings.
*/

.loading_container {
    height          : 300vh !important;
    width           : 100vw !important;
    background-color: black;

    display         : flex;
    align-items     : center;
    justify-content : center;
}


.site_loading_container {
    height          : 300vh !important;
    width           : 100vw !important;

    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 0;
}


/* Específico */
#page_loading_main .dash-spinner.dash-default-spinner {

    align-items     : center;
    justify-content : center;
    position        : absolute;
    top             : 50vh !important;
    left            : 50vw !important;

}


#loading_global_site .dash-spinner.dash-default-spinner {

    align-items     : center;
    justify-content : center;
    position        : absolute;
    top             : 50vh !important;
    left            : 50vw !important;

}