body{font-family:'Roboto',sans-serif}:root{--border:#eeeeee;--main:rgb(46,174,214);--main-rgb:46,174,214;--main-dark:rgb(30,126,156);--red:red;--red-light:#ff4e38;--green:green;--green-light:#17a962}.result .container{position:relative;border:5px solid var(--border);border-radius:30px;background:#fff;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;margin-bottom:var(--global-kb-spacing-xs,1rem)}.result .title{display:block;font-size:18px;padding:3px 6px}.result .content{display:block;font-size:15px;padding:2px 6px}.result .button{outline:none;border:none;background:var(--border);color:var(--main);padding:10px 18px;border-radius:9px;font-weight:700;cursor:pointer;margin:0 2px}.result .row{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}.result .d-flex{display:flex;flex-direction:row;justify-content:center}@media screen and (min-width:700px){.result .row{flex-direction:row;align-items:center;border:1px solid gray;border-radius:5px;padding:10px;margin-top:14px}.result .content{font-size:16px}}.bill-status{position:absolute;color:#fff;top:0;border-top-right-radius:20px;right:0;padding:4px 12px}.status-red{background:linear-gradient(45deg,var(--red),var(--red-light))}.status-green{background:linear-gradient(45deg,var(--green),var(--green-light))}.result .btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.result .btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.result .mt-1{margin:.5rem}.result .red{color:red}.result .green{color:green}.result .warning{color:#ffc107}.spinner{width:30px;height:30px;margin-left:10px;border-radius:50%;border:4px solid #f3f3f3;border-top:4px solid var(--main);animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.message span{padding:10px 0}.message{justify-content:center!important;align-content:center;flex-wrap:wrap;background:wheat;padding:2vh 10px;border-radius:11px;box-shadow:0 3px 7px 2px rgb(0 8 1 / .1)}#wp-form{display:flex;flex-direction:column}#bill-ref{padding:15px 11px;border:3px solid var(--border);border-radius:10px;font-size:16px}#wp-form-submit-btn{margin:10px 45px;padding:15px 10px;border-radius:10px;border:3px solid var(--main);background-color:var(--main);color:#fff;font-size:16px;cursor:pointer}#wp-form-submit-btn:hover{background-color:var(--main-dark);border-color:rgba(var(--main-rgb),.5)}@media screen and (min-width:700px){#wp-form-submit-btn{margin:10px 35%}}.result .btn-success{width:60%}