/* Payage Test 2.12 */

div.form-outer {display:inline-block;background-color:#f1f1f1;border:1px solid gray;padding:5px;margin:0 5px 10px 5px;border-radius:3px}
form.pt_form {margin:0}
form.pt_form input, form.pt_form select {margin:0!important;height:32px;box-sizing:border-box;width:200px;border:1px solid #ccc;border-radius:3px;padding:0 5px;vertical-align:baseline}

.field-cell {display:inline-block;margin:0 5px;padding:5px}
.field-cell label {display:block;margin:0;font-size:15px}
.field-error span {float:right;color:red}
.field-error input {background-color:#FBE9E7}

.pt-response {border:1px solid gray;text-align:center;margin: 0 5px 10px 5px;padding:10px;border-radius:3px}
.pts-pending {background-color:wheat}
.pts-success {background-color:#DCEDC8}
.pts-fail {background-color:#FBE9E7}
.pts-cancel {background-color:#e2f0ff}

.go-button {background-color:#00796B;color:white;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px}
.go-button:hover {filter:brightness(0.9)}

.pt_messages {max-height:250px;overflow-y:scroll;margin-bottom:10px}

/* Tooltips */

.pt_tip_container {display:none;position:absolute;max-width:276px;background-color:#f6fcff;border:1px solid black;border-radius:3px;z-index:1000}
.pt_tip_outer {position:relative}
.pt_tip_arrow {position:absolute;top:100%;pointer-events:none;border:solid transparent;height:0;width:0;border-width:11px;margin-top:1px;margin-left:-1px;border-top-color:gray}
.pt_tip_arrow:after {position:absolute;top:-12px;left:50%;pointer-events:none;border:solid transparent;content:"";height:0;width:0;border-width:10px;margin-left:-10px;border-top-color:#f6fcff}
.pt_tip_inner {font-family:Arial,sans-serif;font-size:16px;color:#333;padding:6px;line-height:1}