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}.d-flex{display:flex}.cancel{border-radius:25px;width:20%;color:#fff;margin-top:30px;cursor:pointer;background-color:#7e7eff;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:.6s;border:none;margin-left:50px;font-size:.7em}.cancel:hover{background-color:#f2f3f6;color:#000}.dateInput{width:40%;padding:12px 20px;display:block;border:1px solid #ccc;border-radius:35px;box-sizing:border-box;margin-left:30%;margin-bottom:30px;font-size:18px}.addCharge{border-radius:25px;width:20%;color:#fff;margin-top:30px;cursor:pointer;background-color:#7e7eff;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:.6s;border:none;margin-left:20px;font-size:.7em}.addCharge:hover{background-color:#f2f3f6;color:#000}.label{color:#000}.createMember,input[type=submit]:hover{background-color:#7e7eff}.createMember{border-radius:25px;width:20%;color:#fff;margin-top:90px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:.6s;border:none;margin-left:20px;font-size:.7em}.createMember:hover{background-color:#f2f3f6;color:#000}.formField{padding:5px 0}.titleText{color:#7c9f24;margin-bottom:40px}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus{border-color:#7e7eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(126,126,255,.6);outline:0 none}canvas{margin-left:auto;margin-right:auto}.circle{position:relative;background-color:#7e7eff;border-radius:50%;padding:5px 10px;margin:20px;width:21%;display:inline-block;box-shadow:0 4px 10px rgba(126,126,255,.25)}.content{position:absolute;top:23%;right:0;bottom:0;left:0;overflow:hidden;color:#fff;font-size:.65em}.price{font-size:2.9em;margin-top:-10px}.circle:before{content:"";display:block;margin-top:100%}.info-box{margin-top:20px;width:100%}@media (max-width:768px){.welcome{font-size:1.5;font-weight:100;color:#000;margin-bottom:-2vh;margin-top:2vh}.sub,.welcome{font-family:"Roboto",sans-serif}.sub{font-size:1vw;font-weight:300;margin-bottom:0;margin-top:0}}@media (min-width:768px){.welcome{font-size:1.8vw;margin-bottom:-2vh;margin-top:2vh}.sub,.welcome{font-weight:300;font-family:"Roboto",sans-serif}.sub{font-size:1.2vw;margin-bottom:0;margin-top:0}canvas{max-height:30vh;max-width:40vw;margin-left:auto;margin-right:auto}}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;text-align:center}.paper-container{height:100%;padding:2em}*{box-sizing:border-box}#collectedPayments,#futurePayments,#overDuePayments{background:#5757ff}#root{display:flex;align-items:center}#payment-form{width:94%;align-self:center;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}.result-message{text-align:center;line-height:22px;font-size:16px}.result-message a{color:#596fd6;font-weight:600;text-decoration:none}.hidden{display:none}.card-error{color:#697386;font-size:16px;line-height:20px;margin-top:12px;text-align:center}#card-element{border-radius:4px 4px 0 0;padding:12px;border:1px solid rgba(50,50,93,.1);max-height:44px;width:100%;background:#fff;box-sizing:border-box}.right{padding-right:10px}.left{padding-left:10px}button{background:#5469d4;font-family:Arial,sans-serif;color:#fff;border-radius:0 0 4px 4px;border:0;padding:12px 16px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}button:hover{-webkit-filter:contrast(115%);filter:contrast(115%)}button:disabled{opacity:.5;cursor:default}#submit{width:100%}.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;-webkit-transform:translateZ(0);transform:translateZ(0)}.spinner:after,.spinner:before{position:absolute;content:""}.spinner:before{height:20.4px;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s ease 1.5s infinite;animation:loading 2s ease 1.5s infinite}.spinner:after,.spinner:before{width:10.4px;background:#5469d4}.spinner:after{height:10.2px;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s ease infinite;animation:loading 2s ease infinite}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:600px){form{width:80vw}}.settings-container{border:2px solid rgba(28,110,164,.11);padding:2%}.list-container{height:150px}.empty-list-container{border:2px solid rgba(28,110,164,.11);max-height:25vh}.list{list-style-type:none;max-height:100%;overflow:auto;margin:0;padding:0}.list::-webkit-scrollbar{display:none}.addChargeButton,.adjustButton{text-decoration:none;color:#7e7eff;font-weight:700;text-align:right;float:right;margin-top:24px;margin-right:20px;cursor:pointer}.add-charge{background-color:#7e7eff}.adjustButton{margin-top:38px}.uncategorized-container{padding:.5em .5em .2em;border-radius:4px 4px 0 0;box-sizing:border-box;background-color:#f8d7da;border:2px solid #f5c6cb}.rbc-event{background-color:#6565cc;border-radius:5px;height:1rem}.rbc-event.rbc-selected{background-color:#4c4c99}.rbc-event-content{font-size:.62rem;font-weight:500;color:#fff;padding:0}.rbc-allday-cell .rbc-row-content{padding:15px 0}.rbc-month-row .rbc-row-content{padding:5px 0}.rbc-row-segment{padding:0 8px 5px}.rbc-date-cell button{font-size:14px;line-height:1.5;font-weight:500;color:#2b2a2a;font-family:sans-serif}.rbc-time-slot{background-color:#fff}.rbc-label{font-size:.875rem;line-height:1;font-family:sans-serif;padding:11px}.event td,.rbc-label{font-weight:500;color:#2b2a2a}.event td{font-size:20px}.rbc-header{line-height:1.75;height:1.5rem}.rbc-header,.rbc-header button{font-size:.875rem;font-weight:500;color:#2b2a2a;font-family:sans-serif}.rbc-header button{line-height:1;padding:5px}.rbc-toolbar button{font-size:.875rem;font-family:sans-serif}.rbc-toolbar-label,.rbc-toolbar button{font-weight:500;line-height:1.75;color:#2b2a2a}.rbc-toolbar-label{font-size:1rem}.rbc-today{background-color:#a5a5ff}.bouncing-loader{display:flex;align-items:center;justify-content:center;margin:20px 0;font-weight:700;width:100%}.bouncing-loader>.bouncer{width:10px;height:10px;margin:20px 6px 0;border-radius:50%;background-color:#a3a1a1;opacity:1;-webkit-animation:bouncing-loader .6s infinite alternate;animation:bouncing-loader .6s infinite alternate}@-webkit-keyframes bouncing-loader{to{opacity:.1;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bouncing-loader{to{opacity:.1;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.bouncing-loader>.bouncer:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.bouncing-loader>.bouncer:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}input[type=submit]:hover{background-color:#45a049}div.container{border-radius:5px;padding:20px;text-align:center;margin-bottom:100px}.updateMember{border-radius:25px;width:20%;color:#fff;margin-top:30px;cursor:pointer;background-color:#7c9f24;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:.6s;border:none;margin-left:20px;font-size:.7em}.updateMember:hover{background-color:#f2f3f6;color:#000}.title{color:#7c9f24;margin-bottom:40px}.formField{padding:10px 0}.validate{color:red;font-size:small}.App{text-align:center}html{font-size:calc(.2em + 1vw)}body{font-family:Roboto}.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:#f2f3f6;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#f2f3f6}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.links{text-decoration:none;font-size:1em}.Main{color:#f2f3f6}.Main,.main-content{background-color:#f3f7fa}.main-content{width:100%;height:100%;min-height:100vh;position:relative;float:right}.navigation{position:relative;width:20vw;float:left}.logo{margin-left:auto;margin-right:100px;width:38em;height:144px;vertical-align:middle;object-fit:cover}.icons{position:relative;top:4px;right:10px}.topbar{position:fixed;z-index:115;width:100%;top:0}.row{width:100%;text-align:center;margin-left:70px}.selectAndText-boxes{width:40%;padding:12px 20px;display:block;border:1px solid #ccc;border-radius:35px;box-sizing:border-box;margin-left:30%;margin-bottom:30px;font-size:18px}.login-username input.MuiInputBase-input,.pay-textfields input.MuiInputBase-input{box-sizing:none;width:100%!important;border-radius:0!important;margin:auto!important;height:35px;border:none!important}::-webkit-calendar-picker-indicator{cursor:pointer}.payment-input{top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.expense-input,.payment-input{width:100%!important;margin:0;position:absolute}.logout,.userName{font-size:1.2em;margin-right:3%}@media only screen and (max-width:600px){.logout,.userName{margin-right:20%}.logo{margin-right:20em}.login-username input.MuiInputBase-input,.pay-textfields input.MuiInputBase-input{height:auto}}.menuIcons{margin-right:10px}.pay-fields{margin:15px!important}.pay-textfields .date-expiry input.MuiInputBase-input{height:40px!important}input.tnc-checkbox{width:20px;height:20px}.declaration-pay{align-items:center}.terms-condition{border:1px solid #d3d3d3;border-radius:1%;width:39%;display:flex}.tnc-checkbox-parent{margin-top:13px;margin-left:10px}.tnc-text{font-size:12px;padding:18px 18px 18px 6px}.MuiCircularProgress-colorPrimary{color:#7e7eff!important}.MuiCircularProgress-indeterminate{-webkit-animation:none!important;animation:none!important}.MuiCircularProgress-root{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100001;size:100}@media only screen and (max-width:600px){.MuiCircularProgress-root{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;justify-content:center;z-index:100001;size:100}}.react-confirm-alert-overlay{z-index:999!important}
/*# sourceMappingURL=main.c88f69a3.chunk.css.map */