#receipt {
    margin-top: 20px;
    min-height: 300px;
}

#receipt #status {
    text-align: center;
}

#receipt #success-icon,
#receipt #error-icon,
#receipt #timeout-icon {
    font-size: 100px;
    margin-bottom: 20px;
    text-align: center;
}
#receipt #timeout-icon.payment-wings {
    font-size: 0;
    color: transparent;
}
#receipt #timeout-icon.payment-wings:before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(images/money-wings.png) no-repeat;
    background-size: 100px 100px;
    content: " ";
}

#receipt #receipt-throbber {
    width: 75px;
    height: 75px;
}

#receipt #success-icon {
    color: #4CAF50;
}

#receipt #error-icon,
#error-message,
#microbilt-message {
    color: #d5252e;
}

#receipt #timeout-icon,
#timeout-message {
    color: #888080;
}

#timeout-message .message {
    color: #ff6a00;
}

#error-message .btn {
    margin-top: 10px;
}

.btn i.left {
    margin-right: 0;
}

#receipt #message>div,
#receipt #invoice-message,
#receipt #processing-message > div {
    text-align: left;
}

#receipt #error-message > div {
    text-align: left;
}

#receipt #message>div:first-of-type {
    font-size: 16pt;
    font-weight: bold;
}

#receipt .value {
    font-weight: bold;
    margin-left: 5px;
}

#receipt #message #csr-fields,
#receipt #message > div:first-of-type,
#receipt #error-message > div:first-of-type {
    margin-bottom: 1.5rem;
}

#receipt #service-fee-desc,
#receipt #message #account-number,
#receipt #message #reference-number,
#receipt #invoice-message #invoice-number {
    font-weight: bold;
    font-style: italic;
    border-collapse:collapse;
}
#receipt #invoice-message {
    margin-bottom: 40px;
}

#receipt #processing-message {
    margin-bottom: 40px;
}

#receipt #buttons {
    text-align: center;
    margin-top: 10px;
}

#receipt #buttons .btn {
    width: 127px;
}

#receipt #buttons .btn:first-child {
    margin-right: 20px;
}

#receipt .message {
    min-height: 100px;
}

#receipt #sms-instructions {
    margin-left: 3rem;
    margin-bottom: 15px;
}
#receipt #send-receipt{
    margin-bottom: 1em;
}

#receipt #reference-field{
    margin-top: 10px;
}

#receipt div.wallet-error div.material-icons {
    font-size: 2rem;
    color: #47a9ff;
}

#receipt div.wallet-error .server-message {
    text-align: left;
}
#receipt-link-refresh{
    font-weight: bold;
}
#timeout-message .timeout-link{
    font-weight: bolder;
    margin-top: 20px;
}