.container{ padding: 20px; } h1{ color: #7a7a7a; font-size: 28px; text-transform: uppercase; text-align: center; font-family: math; } .panel { width: 375px; margin: 0 auto; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); border-color: #ddd; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 20px; color: #333; font-weight: 600; } .panel-body { padding: 15px; } .panel{ position: relative; } .overlay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background-color: rgba(255,255,255,0.8); } .overlay-content { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; left: 0; right: 0; text-align: center; color: #555; } .hidden { display: none; } #paymentResponse{ font-size: 17px; border: 1px dashed; padding: 10px; color: #EA4335; margin-top: 0; margin-bottom: 10px; } .status{ padding: 15px; color: #000; background-color: #f1f1f1; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); margin-bottom: 20px; } .status h1{ font-size: 1.8em; } .status h4{ font-size: 1.3em; margin-bottom: 0; } .status p{ font-size: 1em; margin-bottom: 0; margin-top: 8px; } .btn-link{ display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; text-decoration: none; } .btn-link { color: #007bff; background-color: transparent; border-color: #007bff; } .btn-link:hover, .btn-link:active, .btn-link:focus { color: #fff; background-color: #007bff; border-color: #007bff; text-decoration: none; } .success{ color: #34A853; } .error{ color: #EA4335; }