.overlay {
    display: none;
    background-color: #000;
    opacity: 0.7;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-image: url('../img/spinner.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px, 32px;
    z-index: 1000;
}

.overlay.nospinner {
    display: none;
    background-color: #000;
    opacity: 0.7;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px, 32px;
    z-index: 1000;
}

#email-dialog {
    z-index: 10001;
    position: fixed;
    width: 100vw;
    height: 100vh;
}

#email-dialog > div {
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
    max-width: 443px;
    width: 100%;
    max-height: 100%;
    margin: 30px auto;
    background-color: white;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.email-prompt-export #email-dialog > div {

}

#send-export {
    display: none;
}

.email-prompt-export #send-send {
    display: none;
}

.email-prompt-export #send-export {
    display: inline;
}

.send-heading {
    font-size: 24px;
}

.send-subheading {
    margin-left: 5px;
    font-size: 12px;
    color: #367cc3;
}

.send-subheading > span {
    text-transform: uppercase;
}

#send-invoice-label {
    font-size: 17px;
    text-transform: none;
    font-weight: 300;
}

#send-invoice {
    margin-left: 15px;
}

#send-container {
    margin-top: 25px;
}

#send-explanation {
    font-size: 12px;
    margin-top: 10px;
    color: #8e949a;
}

#send-email {
    margin-top: 20px;
}

#send-btn-send {
    font-size: 22px;
    font-weight: 300;
}