.topup-voucher {
    width: 90%;
    max-width: 600px;
    min-width: 320px;
    border: 1px solid #333;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 #333;
    display: none;
}

.topup-voucher .voucher-header {
    padding: 10px 5px;
    text-align: center;
    background-color: #EEE;
    color: #333;
}

.topup-voucher.voucher-pending .voucher-header {
    background-color: #c60;
    color: #FFF;
}

.topup-voucher.voucher-success .voucher-header {
    background-color: #090;
    color: #FFF;
}

.topup-voucher.voucher-error .voucher-header {
    background-color: #C00;
    color: #FFF;
}

.topup-voucher.voucher-cancelled .voucher-header {
    background-color: #000;
    color: #FFF;
}

.topup-voucher .voucher-header .product-name {
    font-weight: 200;
}

.topup-voucher .voucher-content {
    padding: 5px;
    border-bottom: 1px solid #CCC;
}

.topup-voucher .voucher-footer {
    padding: 10px 5px;
}