div.payment_info {
    width: 292px;
}
div.payment_info h3 {
    font-weight: bold;
}
div.footer {
    padding: 6px 0 8px 0;
}
div.form_input select, div.form_input input {
    width: 404px;
}
div.form_input input[name=cardnumber] {
    width: 304px;
}
form.payment_form_maestro div.form_input_0 input[name=cardnumber] {
    width: 404px;
}
form.payment_form_maestro div.form_input_80 input[name=cardnumber] {
    width: 290px;
}
div.form_input input[name=cardcvc] {
    width: 84px;
}
div.form_input input.disabled,
div.form_input select.disabled {
    background-color: #f6f6f6 !important;
    border-color: #e2e2e2;
    color: rgb(170,170,170) !important;
}
.form-buttons-processing {
    display: none;
}
div.form-buttons button.button_processing:disabled {
    width: 404px;
    background-color: #F2F2F2 !important;
    border-color: #aeaeae !important;
    color: #888 !important;
}
div.form-buttons button.button_processing * {
    font-size: 18px;
    line-height: 34px;
    color: #888;
}

#challenge-form,
#challenge-iframe,
#challenge-form-block {
    width: 100%;
    height: 100%;
}
#challenge-iframe {
    border: 0;
}
#challenge-modal .modal-body {
    height: 100%;
}
#challenge-modal .modal-dialog {
    min-height: calc(100% - 3.5rem);
    max-height: calc(100% - 3.5rem);
    max-width: calc(100% - 3.5rem);
}
.full-screen .modal-dialog {
    width: auto;
    height: auto;
}
.full-screen .modal-content {
    width: 100%;
    height: auto;
}


@media (max-device-width: 480px) {
    div.payment_info,
    div.wallet-container,
    div.form-buttons button.button_processing:disabled,
    div.form_input select, div.form_input input {
        width: 428px;
    }
    div.form_input_80 {
        width: 329px;
    }
    div.form_input_20 {
        width: 100px;
    }
    div.form-buttons button {
        width: 194px;
    }
}