#loadingBus {
    justify-content: center;
    text-align: center;
    color: var(--cor-terciario);
    font-size: 2rem;
    font-weight: 600;
}

#loadingBus .texto {
    font-size: 1.2rem;
    font-weight: 500;
    text-shadow: 1px 2px 4px var(--cor-loading-sombra);
}

.textoTitulo {
    font-size: 1.5rem;
    font-weight: 500;
    text-shadow: 1px 2px 4px var(--cor-loading-sombra);
    margin-bottom: 0.5rem;
}

.loadingBus {
    width: 70vh;
    margin-bottom: 4vh;
}

.loadingVeppo {
    margin: 0 !important;
    width: 20rem;
}

/* CENTRALIZAÇÃO DO LOADING */
.container-loader {
    width: 100%;
    padding: 0;
}

@media screen and (max-width: 999px) {
    .textoTitulo {
        font-size: 1.5rem;
    }

    .texto {
        font-size: 1.1rem !important;
    }
}

/*Animação logo Veppo*/
.StrokeExterno {
    stroke-dasharray: 1705;
    stroke-dashoffset: 0;
    animation: strokeExtern 5s linear infinite;
}

@keyframes strokeExtern {
    from {
        stroke-dashoffset: 1700;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.strokeInterno {
    stroke-dasharray: 210;
    stroke-dashoffset: 105;
    animation: strokeInterno 5s linear infinite;
}

@keyframes strokeInterno {
    from {
        stroke-dashoffset: 400;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.modal-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto !important;
    justify-content: center;
}

.loadingLogoCentralizado .modal-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
}

.loadingBus {
    display: flex;
    align-items: center;
    justify-content: center;
}

#svgLoadingBus {
    height: 22vh;
}

#carregandots {
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
    color: var(--cor-terciario);
    font-weight: 600;
}

#loadingBus {
    text-align: center;
    color: var(--cor-terciario);
    font-size: 1.3rem;
    font-weight: 400;
    align-items: center;
    justify-content: center;
}

.textoTitulo, .texto {
    text-shadow: 1px 2px 4px var(--cor-sombraLoading);
}


/*Animação do loading Bus*/
.loadingCircle {
    stroke-dasharray: 2200;
    stroke-dashoffset: 0;
    animation: loadingCircle 2s linear infinite;
}

.loadingPneu {
    stroke-dasharray: 40;
    stroke-dashoffset: 0;
    animation: loadingCircle 5s ease-in-out infinite;
}

.linha1, .linha2 {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
    animation: loadingCircle 6s reverse linear infinite;
}

@keyframes loadingCircle {
    from {
        stroke-dashoffset: 2250;
    }

    to {
        stroke-dashoffset: 01;
    }
}