body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.shift-detail-body{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);background-color:#fff}.paddingVertical{padding-top:16px;padding-bottom:16px}.paddingHorizontal{padding-left:16px;padding-right:16px}.section-header-text{font-size:x-large;font-weight:700}.flex-container{padding:0;margin:0;list-style:none;-ms-box-orient:horizontal;display:-moz-flex;display:flex;flex-direction:row}.flex1{flex:0 0 20em}.flex2{flex:2 2 20em}.app-container{display:"flex";flex-direction:"column";justify-content:"center";align-items:"center";min-width:800;padding:20;background-color:grey}.min-width{display:"flex";flex:1 1;padding-left:20px;padding-right:20px}.rb-shift-payment-form{display:flex;flex-direction:column;grid-gap:18px;gap:18px;width:100%}.rb-shift-payment-row{display:flex;align-items:center;grid-gap:18px;gap:18px}.rb-shift-payment-label{width:170px;font-weight:700;font-size:16px;color:#222}.rb-shift-payment-control{flex:1 1;min-width:0}.rb-shift-payment-control-with-counter{position:relative}.rb-shift-payment-row-with-counter{margin-bottom:18px}.rb-shift-payment-counter{position:absolute;right:0;top:54px;font-size:12px;color:rgba(0,0,0,.6)}.rb-shift-payment-datepicker-wrapper,.rb-shift-payment-datepicker-wrapper .react-datepicker-wrapper,.rb-shift-payment-datepicker-wrapper .react-datepicker__input-container{width:100%}.rb-shift-payment-input{width:100%;box-sizing:border-box;height:48px;border-radius:14px;border:2px solid rgba(0,0,0,.65);padding:0 16px;font-size:16px;outline:none;background:#fff}.rb-shift-payment-date-input-wrapper{position:relative;width:100%}.rb-shift-payment-date-input{padding-right:48px}.rb-shift-payment-calendar-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(0,0,0,.7)}.rb-shift-payment-calendar-button:disabled{cursor:default;opacity:.6}.rb-shift-payment-input:disabled{opacity:.7}.rb-shift-payment-select{width:100%;box-sizing:border-box;height:48px;border-radius:14px;border:2px solid rgba(0,0,0,.65);padding:0 14px;font-size:16px;background:#fff}.rb-shift-payment-actions{display:flex;grid-gap:18px;gap:18px;margin-top:8px}.rb-shift-payment-reference textarea{overflow-y:auto}@media (max-width:700px){.rb-shift-payment-row{flex-direction:column;align-items:stretch;grid-gap:8px;gap:8px}.rb-shift-payment-label{width:100%}}.statcontainer{align-self:center;padding:16px;background-color:#fff;align-items:center;justify-content:center;margin:8px;box-shadow:0 2px 3.84px 0 rgba(0,0,0,.25);border-radius:5px;width:200px}.stattop{display:flex;flex-direction:row;align-items:center}.statvalue{font-size:24px;font-weight:700;color:#235789}.stattitle{font-size:16px;margin-left:8px;font-weight:700}.statsubtitle{font-size:20px;font-weight:700}.signature-pad-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px;box-sizing:border-box}.signature-canvas{width:100%;height:auto;max-width:730px;max-height:200px;border:1px solid #000}.signature-pad-buttons{display:flex;flex-direction:column;width:100%;align-items:center}@media (min-width:600px){.signature-pad-buttons{flex-direction:row}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#000!important}#payment-form{width:100%;min-width:500px;box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);border-radius:7px;padding:40px}#payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-element{margin-bottom:24px}.CCButton{font-family:Arial,sans-serif;color:#fff;border-radius:2px;border:0;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);width:100%}button:hover{-webkit-filter:contrast(115%);filter:contrast(115%)}button:disabled{opacity:.5;cursor:default}.spinner,.spinner:after,.spinner:before{border-radius:50%}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;transform:translateZ(0)}.spinner:after,.spinner:before{position:absolute;content:""}.spinner:before{width:10.4px;height:20.4px;background:#5469d4;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s ease 1.5s infinite;animation:loading 2s ease 1.5s infinite}.card-element-wrapper{border:1px solid #ced4da;border-radius:4px;padding:15px}.spinner:after{width:10.4px;height:10.2px;background:#5469d4;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s ease infinite;animation:loading 2s ease infinite}@-webkit-keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:600px){form{width:80vw;min-width:0}}.card-input-container{padding:10px 4px;border-radius:5px;border:1px solid rgb(220 220 220);font-size:15px}.card-input{font-size:16px;color:#333;border:1px solid #ccc;border-radius:4px;padding:10px;transition:border-color .2s}.card-input:focus{border-color:#007bff}.card-icon-container{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.card-icon{width:30px;margin-left:5px}.row{display:flex;justify-content:space-between}.column{flex:1 1;margin-right:10px}input:focus{outline:none}.inputWithCustomPlaceholder::-webkit-input-placeholder{color:#d3d3d3}.inputWithCustomPlaceholder:-ms-input-placeholder{color:#d3d3d3}.inputWithCustomPlaceholder::-ms-input-placeholder{color:#d3d3d3}.inputWithCustomPlaceholder::placeholder{color:#d3d3d3}
/*# sourceMappingURL=main.91c86f09.chunk.css.map */