.inputComponent{position:relative;height:75px;margin-bottom:8px;color:#1d1d26;font-size:13px}.inputComponent label{font-size:10px}.inputComponent .required-asterisk{color:#ff6464}.inputComponent input,.inputComponent select{text-overflow:ellipsis;overflow-wrap:break-word;overflow-x:hidden;white-space:nowrap;width:100%;height:36px;margin-top:8px;padding:0 10px 1px;border:solid 1px #b8b8b8;border-radius:4px;background:rgba(0,0,0,0);outline:none;transition:border .2s;color:#878787;font-size:13px}@keyframes autofill{100%{background:rgba(0,0,0,0);color:inherit}}@keyframes autofill{to{color:#111;background:rgba(0,0,0,0)}}.inputComponent input:-webkit-autofill,.inputComponent select:-webkit-autofill{-webkit-text-fill-color:#878787;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}.inputComponent .message{height:16px;font-size:10px}.inputComponent.focused{color:#1d1d26}.inputComponent.focused input,.inputComponent.focused select{color:#1d1d26;border-color:#117fd3}.inputComponent.disabled{cursor:not-allowed}.inputComponent.disabled label,.inputComponent.disabled input,.inputComponent.disabled select{cursor:not-allowed}.inputComponent.invalid.touched input,.inputComponent.invalid.touched select{border-color:#ff6464}.inputComponent.invalid.touched .message{color:#ff6464}.inputComponent .message{margin-top:2px}.inputComponent.populated input:-webkit-autofill{-webkit-text-fill-color:#878787}
.tooltip-container{display:inline-block}.react-tool-tip{max-width:25vw;min-width:300px}
.selectComponent{position:relative;height:75px;margin-bottom:8px;color:#1d1d26;font-size:13px}.selectComponent label{font-size:10px}.selectComponent .required-asterisk{color:#ff6464}.selectComponent input,.selectComponent select{text-overflow:ellipsis;overflow-wrap:break-word;overflow-x:hidden;white-space:nowrap;width:100%;height:36px;margin-top:8px;padding:0 10px 1px;border:solid 1px #b8b8b8;border-radius:4px;background:rgba(0,0,0,0);outline:none;transition:border .2s;color:#878787;font-size:13px}@keyframes autofill{100%{background:rgba(0,0,0,0);color:inherit}}@keyframes autofill{to{color:#111;background:rgba(0,0,0,0)}}.selectComponent input:-webkit-autofill,.selectComponent select:-webkit-autofill{-webkit-text-fill-color:#878787;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}.selectComponent .message{height:16px;font-size:10px}.selectComponent.focused{color:#1d1d26}.selectComponent.focused input,.selectComponent.focused select{color:#1d1d26;border-color:#117fd3}.selectComponent.disabled{cursor:not-allowed}.selectComponent.disabled label,.selectComponent.disabled input,.selectComponent.disabled select{cursor:not-allowed}.selectComponent.invalid.touched input,.selectComponent.invalid.touched select{border-color:#ff6464}.selectComponent.invalid.touched .message{color:#ff6464}.selectComponent select{cursor:pointer}.selectComponent .selectCaret{position:absolute;top:33px;right:16px;padding-right:2px;background:rgba(0,0,0,0);opacity:.5;pointer-events:none}.selectComponent.focused .selectCaret{opacity:1}
.checkBoxComponent{margin-bottom:20px}.checkBoxComponent label{display:grid;grid-template-columns:23px auto;grid-auto-flow:dense;align-items:center}.checkBoxComponent .input-component-label{font-size:10px;grid-column-start:2}.checkBoxComponent .input-component-inner{border:solid 1px #b8b8b8;border-radius:2px;cursor:pointer;width:18px;height:18px;min-width:18px;min-height:18px;position:relative;outline:none}.checkBoxComponent .input-component-inner:hover .check{z-index:0}.checkBoxComponent .input-component-inner:hover.checked .check{display:block}.checkBoxComponent .input-component-inner.checked .check{fill:#1d1d26}.checkBoxComponent .input-component-inner.checked.disabled{background-color:#b8b8b8}.checkBoxComponent .input-component-inner.checked.disabled .check{display:block}.checkBoxComponent .input-component-inner .check{fill:#fff}.checkBoxComponent.focused .input-component-inner{border-color:#117fd3}.checkBoxComponent.disabled .input-component-inner{background-color:#b8b8b8;cursor:not-allowed}.checkBoxComponent.disabled .check{display:none}
.keyedComponent .paymentForm .sectionHeader{color:#1d1d26;font-weight:bold;font-size:17px;cursor:default;margin:8px 0}.keyedComponent .paymentForm .cardNumber #tokenexIframe{position:relative;width:100%;height:36px;margin-top:8.5px;border:solid 1px #b8b8b8;border-radius:4px;color:#878787;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:rgba(0,0,0,0);z-index:2}.keyedComponent .paymentForm .cardNumber .cardErrorMessage{height:16px;margin-top:4px;font-size:10px;color:#ff6464}.keyedComponent .paymentForm .cardNumber.focused #tokenexIframe{border-color:#117fd3}.keyedComponent .paymentForm .cardNumber.invalid.touched #tokenexIframe{border-color:#ff6464}.keyedComponent .paymentForm .expirationDate{display:inline-block;width:50%;padding-right:16px;vertical-align:top}.keyedComponent .paymentForm .securityCode{display:inline-block;width:50%;vertical-align:top}.keyedComponent .paymentForm .submitErrorMessage{margin-top:2px;font-size:10px;color:#ff6464}.keyedComponent.keyedResult{height:100%;justify-content:center;text-align:center}
.terminal-refresh-icon{height:34px;width:34px;cursor:pointer;margin:0 0 3px 10px;box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;border-radius:2px}.terminal-refresh-icon:active{box-shadow:none}
.ReactModal__Content{opacity:0}.ReactModal__Content--after-open{opacity:1;transition:opacity .4s linear}.ReactModal__Content--before-close{opacity:0;transition:opacity .4s linear}.ReactModal__Overlay{display:flex;justify-content:center;align-items:center;background-color:rgba(29,29,29,.3) !important;opacity:0;overflow:auto}.ReactModal__Overlay--after-open{z-index:100;opacity:1;transition:opacity .4s linear}.ReactModal__Overlay--before-close{opacity:0;transition:opacity .4s linear}
.terminal-modal{font-family:Arial,sans-serif}.terminal-modal .terminal-connection-method-label{text-align:center;color:#bdbfc1}.terminal-modal .terminal-connection-method-label.initial{color:#000}.terminal-modal .terminal-connection-method-buttons{height:80px;width:340px;justify-content:space-between;display:flex;flex-direction:row;margin-top:20px;margin-bottom:20px;cursor:pointer}.terminal-modal .terminal-connection-method-buttons .terminal-connection-method-button{width:48%;color:#bdbfc1;background-color:#f3f3f3;font-weight:500;font-size:14px;padding:10px;text-align:center;align-content:center;border-radius:6px}.terminal-modal .terminal-connection-method-buttons .terminal-connection-method-button.selected{color:#fff;background-color:#005486}.terminal-modal .terminal-connection-method-buttons .terminal-connection-method-button.initial{color:#000}.terminal-modal .terminal-name-modal{display:flex;flex-direction:column;justify-content:center;padding:10px 5px}@media(min-width: 340px){.terminal-modal .terminal-name-modal{width:340px}}@media(max-width: 340px){.terminal-modal .terminal-name-modal{width:100%}}.terminal-modal .terminal-name-modal h4{text-align:center;width:100%;margin-top:0}.terminal-modal .terminal-name-modal .code-block{display:flex;justify-content:center;align-items:center;border-radius:4px;width:100%;height:50px;margin-bottom:20px;background:#74bcf7;text-align:center;font-size:2em;color:#fff;padding:0 5px}.terminal-modal .terminal-name-modal .submit-button{width:100%;height:45px;display:flex;justify-content:center;flex-direction:row;align-items:center;cursor:pointer;color:#fff;background-color:#117fd3;border:0;border-radius:23px;font-size:16px;outline:0;text-decoration:none;padding:4px;background:linear-gradient(90deg, #0165ff 0%, #74bcf7 100%);box-shadow:0 2px 4px 0 rgba(0,0,0,.19),0 1px 8px 1px rgba(0,0,0,.12)}.terminal-modal .terminal-name-modal .submit-button.disabled{background:gray}.terminal-modal .terminal-name-modal .submit-button:active{box-shadow:none}.terminal-modal .terminal-name-modal .submit-button.waiting{background:#b8b8b8}.terminal-modal .continue-payment{padding:0 50px}.terminal-modal .cancel-button{width:100%;height:45px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#000;background-color:#b8b8b8;border:0;border-radius:23px;font-size:16px;outline:0;text-decoration:none;padding:4px;margin-bottom:10px}.terminal-modal .cancel-button:active{color:gray}
.terminal{display:flex;flex-direction:column;justify-content:flex-end}.terminal h1{align-items:center;color:#878787;font-size:20px}.terminal h2{align-items:center;color:#878787;font-size:14px;margin:0}.terminal .submitErrorMessage{margin-top:2px;font-size:10px;color:#ff6464}.terminal.terminalResult{height:100%;justify-content:center;text-align:center}.terminal .terminal-add-terminal{display:flex;flex-direction:row;align-items:center;color:gray;cursor:pointer}.terminal .disabled{cursor:not-allowed}.terminal .terminal-list-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.terminal .terminal-list-section .terminal-list-left{width:95%}
.echeckComponent .paymentForm .sectionHeader{color:#1d1d26;font-weight:bold;font-size:17px;cursor:default;margin:8px 0}.echeckComponent .paymentForm .submitErrorMessage{margin-top:2px;font-size:10px;color:#ff6464}.echeckComponent.echeckResult{height:100%;justify-content:center;text-align:center}
.actionResult{text-align:center;justify-content:center}
.dashboard{min-height:100vh;width:100vw;color:#1d1d26;background:#fff}.dashboard__header{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:1000}.dashboard__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.dashboard__logo{height:1em;width:auto;display:inline-block}.dashboard__titleText{line-height:1}.dashboard__headerRight{display:flex;align-items:center;gap:12px}.dashboard__email{font-size:16px}.dashboard__logoutButton{height:36px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:600;cursor:pointer}.dashboard__logoutButton:hover,.dashboard__logoutButton:focus{background:#f9fafb}.dashboard__main{padding:16px;padding-top:72px;width:100%;max-width:488px;margin:0 auto}.dashboard__heading{margin:0;font-size:22px;font-weight:800}.dashboard__afterPayment{margin-top:64px;display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard__resultHeader{display:flex;align-items:flex-start;justify-content:center;gap:8px}.dashboard__resultText{display:flex;flex-direction:column;align-items:center}.dashboard__resultIcon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ecfdf3;border:1px solid #a7f3d0}.dashboard__resultIcon .icon{width:16px;height:16px;fill:#16a34a}.dashboard__resultTitle{font-size:18px;font-weight:800}.dashboard__resultMessage{margin-top:8px}.dashboard__newTransactionButton{margin-top:16px;height:36px;padding:0 12px;border-radius:8px;border:0;color:#fff;font-weight:600;cursor:pointer;background:linear-gradient(90deg, #0165ff 0%, #74bcf7 100%)}.dashboard__newTransactionButton:hover,.dashboard__newTransactionButton:focus{background:linear-gradient(90deg, #0165ff 30%, #74bcf7 100%)}
.Toastify__toast-container{z-index:9999;position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-center{top:1em;left:50%;margin-left:-160px}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center{top:0}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:inherit;cursor:pointer;direction:ltr}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1;flex:1}@media only screen and (max-width: 480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;font-weight:bold;font-size:14px;background:rgba(0,0,0,0);outline:none;border:0;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;animation:Toastify__trackProgress linear 1 forwards;background-color:rgba(255,255,255,.7);transform-origin:left}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.toast-container .toast{background-color:#fff;color:#878787}.toast-container .Toastify__toast--success{border-left:solid 5px #1e961e}.toast-container .Toastify__toast--error{border-left:solid 5px #ff6464}.toast-container .Toastify__progress-bar--success{background-color:rgba(30,150,30,.6)}.toast-container .Toastify__progress-bar--error{background-color:rgba(255,100,100,.6)}
*{box-sizing:border-box;-webkit-appearance:none;appearance:none}body{height:100%;width:100%;margin:0;padding:0;font-family:Arial,sans-serif}#root{display:flex;justify-content:center;height:100%;width:100%;margin:0;padding:0}.retailIframe{font-family:inherit;max-width:100%;opacity:0;width:488px}.retailIframe.loaded{opacity:1;transition:opacity .25s}.retailIframe.inIframe{width:100%}.retailIframe .iframeTitle{padding:24px 16px;color:#1d1d26;font-size:17px;font-weight:bold;margin-bottom:8px;cursor:default;box-shadow:0 4px 2px -2px rgba(0,0,0,.13)}.retailIframe .form{padding:32px 24px 42px}.retailIframe h1{margin:0;font-size:20px}.retailIframe .submitButton{margin-top:16px}.retailIframe button{width:100%;height:45px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;background-color:#117fd3;border:0;border-radius:23px;font-size:16px;outline:0;text-decoration:none;padding:4px;background:linear-gradient(90deg, #0165ff 0%, #74bcf7 100%);box-shadow:0 2px 4px 0 rgba(0,0,0,.19),0 1px 8px 1px rgba(0,0,0,.12)}.retailIframe button:hover{background:linear-gradient(90deg, #0165ff 30%, #74bcf7 100%);color:#f2f2f2}.retailIframe button:focus{background:linear-gradient(90deg, #0165ff 30%, #74bcf7 100%);color:#f2f2f2}.retailIframe button:disabled{background-color:#b8b8b8;cursor:not-allowed}.retailIframe.actionResult{text-align:center;justify-content:center}