.dialog-loading {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.dialog-loading .ui-dialog-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dialog-loading .ui-dialog-titlebar {
    display: none !important;
}

.loading-panel{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:15px;
}

.loading-spinner {
    background-color: transparent !important;
    border: none !important;
    width: 90px;
    height: 90px;
    border-radius: 50%;

    background: conic-gradient(
        #490e15,
        #691010,
        #981915,
        transparent
        );

    animation: spin .8s linear infinite;

    /* cria o buraco no centro */
    -webkit-mask: radial-gradient(
        farthest-side,
        transparent calc(100% - 4px),
        #000 calc(100% - 3px)
        );
    mask: radial-gradient(
        farthest-side,
        transparent calc(100% - 4px),
        #000 calc(100% - 3px)
        );

    box-shadow: 0 0 12px rgba(229,57,53,.6);
}

.loading-text{
    margin-top:15px;
    font-size:22px;
    font-weight:700;
    color:#FFFFFF;
    text-shadow:0 2px 6px rgba(0,0,0,.5);
}

.loading-subtext{
    margin-top:6px;
    font-size:13px;
    color:#E5D5D8;
    text-align:center;
}

@keyframes spin{
    from {
        transform: rotate(0deg);
    }
    to   {
        transform: rotate(360deg);
    }
}