#spinner-frame {
    text-align:center;
    margin:18px 0;
}

/* simple centered spinner */
.spinner {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px; /** or 32px */
    height: 40px; /** or 32px */
    margin: -20px 0 0 -20px; /** or margin-bottom: 8px */
    border: 4px solid rgba(255,255,255,0.6); /** or 3px solid #ccc; */
    border-top-color: #333; /** or ... */
    border-top: 3px solid #8c3960;
    border-radius: 50%;
    animation: spin 1s linear infinite; /** or spin 0.9s linear infinite; */
    z-index: 10;
}

.spinner-alert {
    font-size:1.5rem;
    font-weight: bold;
    color:#863C5F;
}

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