.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    z-index: 100000;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 4rem;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        z-index: 100000;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.submit-progress {
    z-index:100000;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 4rem;
    /*padding-top: 2.3em;*/
    /* The following rules are the
    ones most likely to change */
    padding-top: 1em;
    width: 23em;
    margin-left: -11.5em;
    /* Set 'margin-left' to a negative number
    that is 1/2 of 'width' */
    /*margin-left: -10em;*/
    padding-left: 2.1em;
    background-color: lightsteelblue;
    color: white;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -webkit-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -moz-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
}

.hidden {
    display: none;
}


.submit-progress-bg {
    background-color: lightgray;
    opacity: .5;
}

.submit-progress i {
    margin-right: 0.5em;
}