.loadingPrincipal {
    position          : absolute;
    width             : 100%;
    height            : 100%;
    top               : 0px;
    left              : 0px;
    background-color  : var(--bs-gray-dark);
    z-index           : 1200;
    display           : flex;
    flex-direction    : row;
    justify-content   : center;
    align-items       : center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}

.loadingPrincipal .content {
    text-align: center;
    width     : 400px;
    max-width : 90%;
    opacity   : .5;
}

.loadingPrincipal>div img {
    width        : 50px;
    margin-bottom: 30px;
}

.loadingPrincipal .progress {
    background-color: rgba(0, 0, 0, .2);
}

.loadingPrincipal.remover {
    opacity: 0 !important;
}