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}@font-face{font-family:"myriadText";src:url(/static/media/myriadText.baf08134.ttf)}@font-face{font-family:"myriadThin";src:url(/static/media/myriadThin.ab141b95.ttf)}@font-face{font-family:"MyriadSetProUltralight";src:url(/static/media/MyriadSetProUltralight.7cb92186.ttf)}@font-face{font-family:"myriadBold";src:url(/static/media/myriadBold.0dcaf43d.ttf)}@font-face{font-family:"museoSlab";src:url(/static/media/museoSlab.12f308b8.otf)}@font-face{font-family:"agencyGothic";src:url(/static/media/agencyGothic.78aca9a5.otf)}@font-face{font-family:"mavenPro";src:url(/static/media/MavenProVFBeta.c6ec3c3a.ttf)}@font-face{font-family:"emirates";src:url(/static/media/emirates.a6242d4d.otf)}@font-face{font-family:"emiratesBold";src:url(/static/media/emiratesBold.587405cf.ttf)}@font-face{font-family:"Ubuntu";src:url(/static/media/Ubuntu-Regular.fbdecfce.ttf)}@font-face{font-family:"Ubuntu-bold";src:url(/static/media/Ubuntu-Bold.50114233.ttf)}@font-face{font-family:"Rockwell";src:url(/static/media/rock.d4c47d23.ttf)}@font-face{font-family:"avenirBlack";src:url(/static/media/avenirBlack.7ce894e1.otf)}@font-face{font-family:"avenirBook";src:url(/static/media/avenirBook.813557df.otf)}@font-face{font-family:"avenirRoman";src:url(/static/media/avenirRoman.0bfb049d.otf)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signInContainer{max-height:100vh;display:grid;grid-template:1fr/1fr 1fr;position:relative;overflow:hidden;background-image:linear-gradient(60deg,#4481eb,#04befe)}.signInartwork{padding:.5rem;height:100vh;background-color:rgba(246,248,255,.94)}.signInLogoBox h2{font-size:2.5rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.signInLogoBox{position:absolute;top:3%;left:44%}.signInLogoBox img{width:11rem;object-fit:contain}.artworkBox{position:absolute;bottom:0;left:9%}.artworkBox img{width:20.9rem;object-fit:contain}.signInFormBox{display:grid;place-items:center;max-height:100vh;background-color:rgba(248,249,255,.91)}.signInFormHeader h4{font-size:1.2rem;color:#6c6c6c;font-family:"avenirBlack",sans-serif}.inputFormBox{width:130%;text-align:center}.inputFormBox input{width:100%;height:1.86rem;font-size:.9rem;color:#707070;font-family:avenirRoman,sans-serif;border-radius:.3rem;border:.1rem solid #636363;padding:1.2rem}.signInButtonBox{margin:2rem}.signInButtonBox button{border:none;height:2.5rem;outline:none;text-align:center;width:100%;border-radius:2rem;font-size:1rem;color:#fff;background:#486aae;font-family:avenirBlack,sans-serif;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.signInButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.mainContainer{width:100%;max-height:100vh;overflow:hidden;border-bottom:.5rem solid #eceff4}.nav{width:5%;transition:all .6s cubic-bezier(.165,.84,.44,1)}.nav,.nav:hover{float:left;height:100vh;background-color:#eceff4;padding-left:.5rem;padding-top:.5rem;padding-right:.5rem}.nav:hover{width:11.5%}#showTitle{visibility:visible;transition:all 1s;opacity:1}#hideTitle{visibility:hidden;opacity:0}.nav ul{list-style-type:none;margin:4rem 0 0;padding:.5rem .4rem .2rem 0;border-radius:.4rem;width:11vw;height:100%;background-color:transparent}.nav li a{display:block;margin-top:.3rem;color:#404040;padding:.6rem .5rem;text-decoration:none;font-size:.88rem;font-family:"avenirBlack",sans-serif}.nav li a:hover{background-color:#e4e9ec;color:#333}.nav li .active{color:#4262e9}.logoBox{width:90%;text-align:center;z-index:999;position:absolute;top:.5%;left:-40%}.logoBox h3{text-align:right;margin:auto}.logoBox img{width:7rem;object-fit:contain}.bodyContainer{width:auto;height:100vh;overflow-y:auto;overflow-x:hidden}.bodyContainerTopBar{width:auto;padding:.8rem;display:flex;justify-content:flex-end;align-items:center;background-color:#f4f6fa;top:0;position:-webkit-sticky;position:sticky;z-index:1}.bodyContainerContents{margin:.5rem;max-height:100vh}.creditManagerBox{display:flex;flex-direction:row;margin-right:1rem;padding:.2rem 1rem;border:.05rem solid #979797;border-radius:2rem;align-items:center}.creditManagerBox h4{color:#707070;font-size:.9rem;text-align:center;padding:.4rem .5rem;margin:auto;font-family:avenirRoman,sans-serif}.iconContainer{display:flex}.signOutButton{display:flex;justify-content:center;align-items:center;padding:.2rem}.signOutButton button{width:auto;border:none;background:none;outline:none;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.signOutButton button:hover{cursor:pointer;transform:scale(1.05)}.homeContainer{overflow-y:auto}.homeContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.homeCustomerBox{display:grid;grid-template:1fr/1fr 1fr;grid-gap:1rem;position:relative;z-index:2}.homeClientsBox,.homeCustomerBox{margin:2rem;justify-content:center;align-items:center}.homeCustomerSelectedLoanBox{position:relative;z-index:2}.homeArtworkBox{position:absolute;bottom:.45rem;right:1.5rem}.homeArtworkBox img{width:30rem;object-fit:contain}.newCustomerContainer{border:none;align-items:center}.newCustomerArtworkBox{padding:2rem;background-color:#eceff4;border-bottom:.1rem solid #ededed;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.newCustomerArtworkBox img{width:20.4rem;height:8.6rem;display:block;margin-left:auto;margin-right:auto;object-fit:contain}.newCustomerButtonBox{text-align:center;padding:2rem;border:.1rem solid #ededed;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.newCustomerButtonBox button,.newCustomerButtonBox button:after{border:none;border-radius:2rem;height:2.5rem;outline:none;width:18rem;font-family:avenirRoman,sans-serif;font-size:.9rem;background-color:#4262e9;color:#fff;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.newCustomerButtonBox button:hover{cursor:pointer;transform:scale(1.1);background-color:#344ba8;color:#fff}.newCustomerButtonBox h4{font-family:avenirRoman,sans-serif;font-size:.9rem;padding:1rem;color:#6c6c6c}.existingCustomerContainer{border:none;align-items:center}.existingCustomerArtworkBox{padding:2rem;background-color:#eceff4;border-bottom:.1rem solid #ededed;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.existingCustomerArtworkBox img{width:20.4rem;height:8.6rem;display:block;margin-left:auto;margin-right:auto;object-fit:contain}.existingCustomerButtonBox{text-align:center;padding:2rem;border:.1rem solid #ededed;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.existingCustomerButtonBox button,.existingCustomerButtonBox button:after{border:none;border-radius:2rem;height:2.5rem;outline:none;width:18rem;font-family:avenirRoman,sans-serif;font-size:.9rem;background-color:#4262e9;color:#fff;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.existingCustomerButtonBox button:hover{cursor:pointer;transform:scale(1.1);background-color:#344ba8;color:#fff}.existingCustomerButtonBox h4{font-family:avenirRoman,sans-serif;font-size:.9rem;padding:1rem;color:#6c6c6c}.newCustomerModalContainer{background-color:#eceff1;padding:.8rem .5rem;border-radius:.3rem}.newCustomerModalHeaderBox h2{font-size:1.4rem;color:#404040;font-family:"avenirBlack",sans-serif;text-align:center}.newCustomerModalHeaderBox h4{font-size:1rem;color:#404040;font-family:avenirRoman,sans-serif;text-align:center}.newCustomerModalContainer input{width:80%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.6rem .6rem .6rem .2rem;font-family:avenirRoman,sans-serif}.newCustomerModalButtonBox{padding-top:1rem}.newCustomerModalButtonBox button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.newCustomerModalButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.existingCustomerModalContainer{background-color:#eceff1;padding:.8rem .5rem;border-radius:.3rem}.existingCustomerModalHeaderBox h2{font-size:1.4rem;color:#404040;font-family:"avenirBlack",sans-serif;text-align:center}.existingCustomerModalHeaderBox h4{font-size:1rem;color:#404040;font-family:avenirRoman,sans-serif;text-align:center}.selectCustomerLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif}.existingCustomerModalButton{padding-top:1rem}.existingCustomerModalButton button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.existingCustomerModalButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanPageContainer{padding-bottom:2rem}.customerProfileContainer{margin:.7rem}.customerProfileContainer h4{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.customerProfileBox{margin:0 auto;padding:1.8rem;border-radius:.7rem;width:40%;height:auto;background-image:linear-gradient(180deg,#f759a6,#d666ff);position:relative;box-shadow:.12rem .18rem .18rem #dbe0e7}.flowerArtworkBox{position:absolute;bottom:0;left:1rem}.flowerArtworkBox img{height:5rem;width:4.4rem;object-fit:contain}.customerProfileName h5{font-size:1.2rem;color:#fff}.customerProfileName h5,.customerProfileName h6{font-family:"avenirBlack",sans-serif;text-transform:uppercase}.customerProfileName h6{font-size:.85rem;color:#707070}.customerIDSpan{color:#404040}.customerIDNumber{font-size:1rem;font-weight:700;font-family:"Rockwell",sans-serif}.addLoanButtonBox{text-align:right;padding-top:3rem}.addLoanButton button{border:none;height:2.2rem;outline:none;width:25%;border-radius:2rem;font-size:.9rem;color:#fff;background:linear-gradient(180deg,#4262e9,#486aae);font-family:"avenirBlack",sans-serif;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.addLoanButton button:hover{cursor:pointer;color:#4262e9;background-color:#ddf}.loanListContainer{margin-top:.5rem}.loanListContainer h3{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.profileLoanTermBox{background-color:#d3e7e8;padding:.5rem;border-radius:.3rem}.profileLoanTermBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.profileFirstTermBox{grid-template-columns:auto auto auto auto}.profileFirstTermBox,.profileSecondBox{display:grid;grid-column-gap:.3rem;padding:.5rem;border-radius:.3rem;margin:.2rem}.profileSecondBox{grid-template-columns:auto auto auto}.updateLoanTermContainer{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:1rem;grid-row-gap:1rem;margin:1rem 2rem;border-radius:.3rem}.updateLoanTermBox{display:grid;grid-template:1fr 1fr/1fr;background-color:#fff}.updateLoanTermHeaderBox{display:grid;grid-template:1fr/1fr 1fr}.updateLoanTermIDBox{text-align:center;background-color:#eceff1;padding:.2rem}.updateLoanTermIDBox p{font-size:.9rem;font-family:avenirBlack,sans-serif;margin-top:.1rem;color:#404040}.updateLoanTermIDBox h3{font-size:1rem;font-family:"Rockwell",avenirRoman,sans-serif;color:#404040}.updateLoanTermNavlink{text-align:center;background-color:#4262e9;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.updateLoanTermNavlink p{font-size:1rem;font-family:avenirBlack,sans-serif;color:#b9c5fc;margin-top:1rem}.updateLoanTermNavlink p:hover{cursor:pointer;transform:scale(1.1)}.loanCardBox{background-color:#eceff4;height:auto;border-radius:.3rem;border:.02rem solid #a0a0a0;transition:all .6s cubic-bezier(.165,.84,.44,1)}.loanCardBox:hover{cursor:pointer;transform:scale(1.04)}.loanContainer{position:relative}.deleteLoanButtonBox{position:absolute;top:0;right:0}.deleteLoanButtonBox button{background-color:transparent;border:.01rem solid #4262e9}.deleteLoanButtonBox button:hover{cursor:pointer;background-color:#ddf}.loanStatusClearValue{color:#02c55a}.loanStatusPendingValue{color:#f759a6}.loanStatusCardModal{background-color:#eceff4;padding:1rem;border-radius:.3rem;width:60%;margin:0 auto;font-family:avenirRoman,sans-serif}.loanStatusCardModal button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:1rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanStatusCardModal button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanStatusBox{margin:.5rem;text-align:center}.loanStatusBox button{height:2rem;width:100%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanStatusBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.statusSwitchBox{display:flex;align-items:center;justify-content:center}.legalRepoModalStatusBox{width:70%;margin:0 auto}.deleteLoanStatusCardBox{border-radius:.3rem;padding:.2rem;width:40%}.deleteLoanStatusBox{margin-top:1rem;display:flex}.deleteLoanStatusBox button{height:2rem;width:auto;outline:none;border:none;font-size:1rem;padding-top:.45rem;color:#d10000;background-color:transparent;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.deleteLoanStatusBox button:hover{cursor:pointer;color:#001f85;background-color:transparent}.loanPageCardBox{margin:0 auto;background-color:#eceff4;height:auto;width:55%;border-radius:.3rem;border:.02rem solid #a0a0a0}#penalSwitchInLoan{width:60%;margin:0 auto 1rem;border-radius:2rem;font-size:.8rem;box-sizing:border-box;font-family:"avenir",sans-serif}.modalBox{width:70%;padding:1rem;border-radius:.3rem;margin:0 auto 1rem;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.modalBox input{width:60%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.modalBox button{height:2rem;width:20%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.modalBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.modalBox p{font-family:avenirRoman,sans-serif}.modalBox>div{margin-bottom:.2rem}.loanSummaryHeading{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c;margin-top:1rem}.loanCard{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:.8rem;grid-row-gap:.5rem}.loanCardContents{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem}.leftCardBox{padding:.1rem 0 .1rem .5rem;margin-left:1.5rem;border-left:.05rem dashed #969696}.leftCardBox>div,.rightCardBox>div{border-bottom:.02rem solid #e4e9ec}.rightCardBox{padding:.1rem 0}.leftCardBox h4,.rightCardBox h4{font-size:.9rem;margin-top:.3rem;color:#404040;font-family:avenirRoman,sans-serif}.rightCardBox h4{text-align:left}.cardBoxCalculate{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-column-gap:.3rem;text-align:center;width:55%;margin:1rem auto}.cardBoxCalculate button{height:2rem;width:100%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.cardBoxCalculate button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanTotalValue{font-size:1.1rem}.loanIDValue,.loanTotalValue{color:#4262e9;font-family:"Rockwell",sans-serif}.loanIDValue{font-size:.9rem}#loanTermIDValue,#loanTermTotalValue,.loanChequeValue{font-size:1.2rem;color:#404040;font-family:"Rockwell",sans-serif}#loanTermsValue,.carModelValue{font-size:.9rem;color:#4262e9;font-family:"Rockwell",sans-serif}.loanTermContainer{margin:2rem}.loanTermContainer h4{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.loanTermBox{display:grid;grid-template-columns:auto auto auto auto auto;grid-column-gap:1rem;grid-row-gap:1rem;background-color:#eceff4;border-radius:.3rem;padding:1rem}.loanTermBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem}.inputLabel p,.loanTermBox input,.loanTermBox p{font-size:.9rem;font-family:avenirRoman,sans-serif}.loanTermInputBox{background-color:#e4e4e4;padding:.3rem;border-radius:.2rem}.loanTermInputBox p{font-family:avenirRoman,sans-serif}.loanTermBoxSaveButton{margin:1rem;text-align:center}.loanTermBoxSaveButton button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanTermBoxSaveButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanTermLabelContainer{margin:2rem;display:grid;grid-template:1fr/1fr;grid-row-gap:1rem}.loanTermLabelBox{padding:.5rem;background-color:#d3e7e8;border-radius:.3rem}.firstTermLabelBox,.thirdTermLabelBox{display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:.3rem}.loanTermLabelBox p{font-size:.9rem;align-items:center;color:#404040;font-family:avenirRoman,sans-serif}.termBox{background-color:#2d4ddf;width:100%}.chequeTermBox{display:grid;grid-template-columns:auto auto auto auto auto;grid-column-gap:.3rem}.loanTermLabelBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.loanTermLabelSaveButton{text-align:center;margin:1rem}.loanTermLabelSaveButton button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanTermLabelSaveButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.customerAddLoanModal{background-color:#eceff1;padding:.8rem .5rem}.customerAddLoanModal input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.addLoanCurrency{display:flex;width:40%;height:2.5rem;justify-content:center;margin-top:.8rem;border:.02rem solid #d3d3d3;border-radius:.3rem;padding:.5rem}.addLoanCurrency p{font-size:1rem;font-family:"Rockwell",avenirBlack,sans-serif;padding-right:.5rem}.customerSaveLoanButtonBox{padding-top:1rem}.customerSaveLoanButtonBox button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.customerSaveLoanButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanStatementContainer{margin:.3rem}.loanStatementContainer h4{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.loanStatementBox{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:1rem}.chequeTableHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.3rem;align-items:center}.chequeTableHeaders h4{font-size:.9rem;font-family:avenirBlack,sans-serif;color:#114b9f}.chequeTableValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.3rem}.chequeTableValues h4{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#131313}.textValueBox{padding:.3rem}.textValueCommentButton{text-align:center}.textValueCommentButton button{height:2rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.textValueCommentButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.valueDeleteButtonBox button{height:1.8rem;width:80%;outline:none;border-radius:2rem;border:none;font-size:.8rem;color:#fcfcfc;background-color:transparent;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.valueDeleteButtonBox button:hover{cursor:pointer;background-color:#ddf}.collectionCashTableHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.3rem}.collectionCashTableHeaders h4{font-size:.8rem;font-family:avenirBlack,sans-serif;color:#114b9f}.cashTableHeaders{grid-template:1fr/1fr 1fr 1fr 1fr}.cashPaymentTableHeaders,.cashTableHeaders{display:grid;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.3rem;align-items:center}.cashPaymentTableHeaders{grid-template:1fr/1fr 1fr 1fr 1fr 1fr}.cashPaymentTableHeaders h4,.cashTableHeaders h4{font-size:.8rem;font-family:avenirBlack,sans-serif;color:#114b9f}.cashTableValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.3rem}.cashTableValues h4{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#131313;place-items:center}.cashCollectionTableValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.3rem}.cashCollectionTableValues h4{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#131313}.extraFeeContainer{margin-top:.5rem}.extraFeeContainer h4{font-family:avenirBlack,avenirBook,sans-serif;color:#707070;font-size:1.2rem}.extraFeeBox{background-color:#eceff1;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;padding:.05rem;margin-bottom:.2rem;align-items:center;display:grid;grid-template:1fr/2fr 1fr 2fr}.extraFeeBox h2{font-family:avenirBlack,avenirBook,sans-serif;color:#404040;font-size:1rem;margin-left:1.4rem;margin-top:.6rem}.commentDisplayTime{color:#404040}.commentDisplayName,.commentDisplayTime{font-family:avenirRoman,sans-serif;font-size:1rem}.commentDisplayName{color:#33729c;font-weight:700}.commentModal h4{color:#707070;font-family:avenirBlack,sans-serif;font-size:1.5rem}.analyticsContainer{padding-bottom:1rem}.analyticsContainer h1{text-align:center;font-size:1.6rem;font-family:"avenirRoman",sans-serif;color:#6c6c6c}.analyticsBox{margin:2rem;display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-row-gap:2rem;justify-content:center;align-items:center}.analyticsOverallBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:.15rem;background-color:#242424;border:.15rem solid #242424;margin:2rem}.analyticsOverallBox>div{background-color:#fff}.totalValueBox{background-color:#f0f0f0}.detailHeading{border-bottom:.1rem solid #242424}.totalDetailBox h2{text-align:center;font-size:1rem;padding-top:.3rem;color:#242424;font-family:avenirRoman,sans-serif}.totalDetailBox h4{text-align:center;font-size:1rem;padding:.4rem .3rem .2rem;color:#363636;font-family:"Rockwell",sans-serif}.homeBoxContainer{display:grid;grid-template:1fr/1fr 1fr}.totalNPLBox{padding:1.5rem;border-radius:.7rem;width:95%;height:9rem;background-image:linear-gradient(180deg,#e7e7e7,#b9b9b9);position:relative;overflow:hidden}.totalNPLBox h2{text-align:center;padding-top:.3rem;font-size:1rem;color:#252525;font-family:avenirRoman,sans-serif}.totalNPLBox h4{text-align:center;font-size:1.5rem;color:#252525;font-weight:700;font-family:"Rockwell",sans-serif}.monthlyTargetContainer button{height:1.8rem;width:90%;outline:none;border-radius:2rem;margin:.2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.monthlyTargetContainer button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.monthlyTargetModal>div:first-child button{height:auto;width:auto;outline:medium none invert;outline:initial;border-radius:2rem;margin:initial;border:initial;font-size:medium;color:#252525;padding:.04rem;background-color:#b3b3b3;box-sizing:content-box;box-sizing:initial;transition:none 0s ease 0s;transition:initial;font-family:"avenirBlack",sans-serif}.analyticsLoaderContainer{margin:10%;text-align:center}.collectionsSearchCustomerContainer{background-image:linear-gradient(180deg,#eceff1,#eceff1);padding:.3rem .4rem .3rem 1rem;color:#fff;border-radius:.3rem}.collectionsSearchCustomerContainer p{color:#404040}.collectionsSearchCustomerHeaderBox h2{font-size:1.4rem;color:#404040;font-family:"avenirBlack",sans-serif;text-align:center}.collectionsSelectCustomer p{color:#404040}.collectionsSearchCustomerHeaderBox h4{font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif;text-align:center}.collectionsSearchCustomerButton{margin:1rem 0}.collectionsSearchCustomerButton button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.collectionsSearchCustomerButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.collectionLoanListContainer{background-image:linear-gradient(180deg,#524b4b,#363333);padding:0 .4rem .4rem;border-radius:.3rem;color:#fff}.collectionLoanListContainer h4{text-align:center;font-size:1.2rem;font-family:"avenirBlack",sans-serif;color:#fff}.collectionLoanListButtonBox{margin:1rem 0}.collectionLoanListContainer button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.collectionLoanListContainer button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.identifiedCustomerLoanContainer{background-image:linear-gradient(180deg,#524b4b,#363333);padding:0 .4rem .4rem;border-radius:.3rem;color:#fff;width:90%;margin:0 auto}.identifiedCustomerLoanButton{margin-top:1rem}.identifiedCustomerLoanButton button{height:2rem;width:19%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.identifiedCustomerLoanButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.identifiedCustomerPaymentContainer{margin:1.5rem}.collectionLoanBox{display:grid;margin:2rem;grid-template:1fr/1fr 1fr 1fr 1fr 1fr;grid-column-gap:.3rem;background-color:#d3e7e8;padding:.8rem;border-radius:.3rem}.termBox{background-color:#eceff1;padding:.5rem;border-radius:.3rem;margin:.2rem}.collectionLoanBox p{align-items:center;color:#404040}.collectionLoanBox input,.collectionLoanBox p{font-size:.9rem;font-family:avenirRoman,sans-serif}.collectionLoanBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem}.collectionLoanUpdateBoxButton{text-align:center;margin:1rem}.collectionLoanUpdateBoxButton button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.collectionLoanUpdateBoxButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.reportsContainer{margin:.5rem;padding-bottom:2rem}.reportsContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.reportsContainer h4{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.categoryDateRangeBox{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem;margin:.5rem auto;width:80%}.reportTotalValueBox{background-image:linear-gradient(180deg,#eceff1,#e3e9ec);padding:1rem;border-radius:.3rem}.reportPercentBox{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem;width:80%;margin:1rem auto}.reportBox{padding:.5rem;border-radius:.3rem;color:#eceff1;width:100%;margin-bottom:1rem;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.reportBox p{color:#404040}.totalValueReportBox{text-align:center;display:grid;grid-template-rows:auto auto}.totalValueReportBox h3{font-family:"Rockwell",sans-serif;font-size:2rem;font-weight:700;padding:.3rem;color:#3acc6c}.totalValueReportBox p{font-size:1.2rem;font-family:"avenirBlack",sans-serif;color:#404040;margin-top:.2rem;text-align:center}.dateRangeBox,.totalValueReportBox p{border-radius:.3rem;margin-bottom:1rem}.dateRangeBox{padding:2.9rem .5rem .5rem;color:#eceff1;width:100%;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.dateRangeLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#404040}.percentageTotalBookBox{text-align:center;display:grid;border-radius:.3rem;grid-template-rows:auto auto;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.percentageTotalBookBox p{font-size:1.2rem;font-family:"avenirBlack",sans-serif;border-radius:.3rem;color:#404040;margin-bottom:1rem;margin-top:1rem;text-align:center}.percentageTotalBookBox h3{font-family:"Rockwell",sans-serif;font-weight:700;font-size:2rem;padding:.3rem;color:#3acc6c}.generateReportBox{width:80%;margin:2rem auto}.selectReportBox{width:100%;margin:0 auto;padding:1.5rem;border-radius:.3rem;text-align:center;background-image:linear-gradient(180deg,#f759a6,#ca5cf1)}.selectReportBox p{color:#fcfcfc;font-family:avenirBlack,avenirRoman,sans-serif}.generateChequeValueButton{text-align:center}.generateChequeValueButton button{height:2rem;width:50%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.generateChequeValueButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.generateReportButton{text-align:center;margin:1.5rem}.generateReportButton button{height:2rem;width:65%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.generateReportButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.refreshIcon{font-size:1.4rem;color:#4262e9;transition:all .5s}.refreshIcon:hover{cursor:pointer;transition:all .5s;transform:scale(1.07)}.text-center h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.dateRangeLoanStatusBox{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:1rem}.filterLegalRepoStatus,.masterListDateChequeBox{padding:1rem .5rem .5rem;border-radius:.3rem;color:#707070;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.filterLegalRepoStatus p{font-size:.9rem;font-family:avenirRoman,sans-serif}.filterLegalRepoStatusButtonBox{margin:.5rem 0 1rem}.filterLegalRepoStatusButtonBox button{height:2rem;width:100%;outline:none;margin-top:.5rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.filterLegalRepoStatusButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.filterBucketBox p{font-family:avenirRoman,avenirBook,sans-serif}.noticesDateBox{width:50%;margin:0 auto;padding:1rem .5rem .5rem;border-radius:.3rem;color:#707070;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.noticesDateBox button{height:2rem;width:40%;margin-top:1rem;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.noticesDateBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.previousNoticeBox{margin-top:1rem}.previousNoticeBox h2{text-align:center;font-family:avenirBlack,sans-serif;font-size:1rem}.previousNoticeBox p{font-family:avenirBlack,sans-serif;font-size:1.1rem}.previousNoticeValue{width:50%;margin:1rem auto;display:grid;grid-template:1fr/1fr .3fr .3fr;grid-column-gap:.3rem;grid-row-gap:.3rem;border-bottom:.01rem solid #bac3e4}.previousNoticeEditButton button{width:100%;outline:none;font-size:.9rem;font-family:avenirBlack,avenirBook,sans-serif;color:#4262e9;background:transparent;border:none;transition:all .6s}.previousNoticeEditButton button:hover{cursor:pointer;background-color:#f1f1ff;border-radius:.3rem}.previousNoticeDeleteButton button{width:100%;outline:none;font-size:.9rem;font-family:avenirBlack,avenirBook,sans-serif;color:#f24040;background:transparent;border:none;transition:all .6s}.previousNoticeDeleteButton button:hover{cursor:pointer;background-color:#f1f1ff;border-radius:.3rem}.clientChequesBox{background-color:#e2e2e3;border-top-left-radius:.3rem;border-top-right-radius:.3rem;margin-top:.7rem}.clientCardInfo{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:.5rem;margin-top:-1rem;padding:.3rem 0;background-color:#42e69e;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.clientCardInfo>div{margin-top:.5rem}.clientCardInfo h5{font-family:avenirRoman,sans-serif;font-size:.95rem}#clientStatus{background-color:#fff;border-radius:.2rem;border:.01rem solid #d3d3d3;padding:.1rem;margin-top:.2rem;height:1.6rem;width:100%;text-align:center;font-size:.9rem;font-family:avenirBlack,sans-serif;color:#404040}#loanLegalStatus{width:100%}#loanLegalStatus,#loanRepoStatus{background-color:#fff;border-radius:.2rem;padding:.1rem;margin-top:.9rem;height:1.6rem;text-align:center;font-size:.9rem;font-family:avenirBlack,sans-serif;color:#404040;margin-left:1.5rem}#loanRepoStatus{width:60%}.fetchChequeButtonBox{margin:.5rem 0 1rem;display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.3rem}.fetchChequeButtonBox button{height:2rem;width:100%;outline:none;margin-top:.5rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.fetchChequeButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.customerChequeInfo h1{font-size:.86rem;color:#191818;font-family:avenirBlack,sans-serif;font-weight:700;width:100%;word-break:break-all}.bouncedCheques h3{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.bouncedCheques h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.bouncedCheques h4{text-align:center;font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif}.masterlistParentBox{width:auto;padding-bottom:.5rem}.masterlistOverdueLoansBox{overflow-x:auto;overflow-y:auto;height:86vh;padding-bottom:1rem}.stickyDivHeader1{left:0}.stickyDivHeader1,.stickyDivHeader2{position:-webkit-sticky;position:sticky;z-index:800}.stickyDivHeader2{left:10.65%}.stickyDivHeader3{left:26.6%}.stickyDivHeader3,.stickyDivHeader4{position:-webkit-sticky;position:sticky;z-index:800}.stickyDivHeader4{left:37.2%}.stickyDivHeader5{position:-webkit-sticky;position:sticky;left:47.85%;z-index:800}.bouncedChequeHeaders{position:-webkit-sticky;position:sticky;top:0;z-index:900;width:250%;display:grid;grid-template:2rem/1fr 1.5fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;font-family:avenirBlack,sans-serif}.bouncedChequeHeaders p{font-size:.8rem;text-align:center;padding-top:.4rem;color:#191818;font-family:avenirBlack,sans-serif}.bouncedDateValue{margin-top:1rem;font-family:avenirRoman,sans-serif;font-size:.8rem}.bouncedChequeHeaders>div{background-color:#dadada;border-right:.1rem solid #222}.bouncedChequeBox{width:250%;display:grid;grid-template:3.2rem/1fr 1.5fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:.01rem solid #222;font-family:avenirRoman,sans-serif;background-color:#222;transition:all .5s;-webkit-transition:all .5s}.bouncedChequeBox>div{background-color:#fff;text-align:center;border-right:.1rem solid #222}.bouncedChequeBox>div:nth-child(-n+5){background-image:linear-gradient(180deg,rgba(236,239,241,.3),rgba(227,233,236,.4))}.bouncedChequeBox>div:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:800}.bouncedChequeBox>div:nth-child(2){position:-webkit-sticky;position:sticky;left:10.65%;z-index:800}.bouncedChequeBox>div:nth-child(3){position:-webkit-sticky;position:sticky;left:26.6%;z-index:800}.bouncedChequeBox>div:nth-child(4){position:-webkit-sticky;position:sticky;left:37.2%;z-index:800}.bouncedChequeBox>div:nth-child(5){position:-webkit-sticky;position:sticky;left:47.9%;z-index:800}.bouncedChequeBox p{margin-top:1rem;text-align:center;font-size:.8rem;color:#191818}.bouncedChequeBox>div:hover{cursor:pointer;transition:all .5s;-webkit-transition:all .5s;background-color:#f0f0f0}.bouncedChequeListBox button{height:1.8rem;width:auto;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.bouncedChequeListBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistAssignCollectorModal{background-color:#eceff1;padding:1rem;border-radius:.3rem}.masterlistAssignCollectorModal>div:nth-child(2){margin-top:.5rem}.masterlistAssignCollectorModal>div:nth-child(2) input{width:88%}.masterlistAssignCollectorModal p{font-family:avenirRoman,sans-serif;font-size:.9rem}.masterlistCommentButton button,.noticesBox button{height:1.8rem;width:auto;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:.7rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterlistCommentButton button:hover,.noticesBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistAssignCollectorModal button{height:1.8rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;padding:.3rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;margin-top:1rem;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterlistAssignCollectorModal button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistCollectorAssignee:hover{cursor:pointer}.masterlistCollectorAssignee button{height:1.8rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:.7rem;color:#fcfcfc;text-align:center;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterlistCollectorAssignee button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistLoanPreviousOverdueBox h2{font-family:avenirBlack,avenirBook,sans-serif;color:#404040;font-size:1rem}.masterlistLoanPreviousOverdueBox h3{margin-top:.7rem;margin-left:.3rem;font-size:1.1rem}.masterlistLoanPreviousOverdueBox{background-color:#e2e2e3;border-radius:.3rem;margin:.5rem;display:flex;align-items:center;justify-content:center;height:4rem}.commentModalBox{width:80%;margin:0 auto;display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem}.commentBox{padding:.5rem;border-radius:.3rem;font-family:avenirRoman,sans-serif;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.selectDateAndCommentor{margin-bottom:.8rem}.commentBox h4,.commentBox p{font-family:avenirBlack,sans-serif}.commentBox textarea{height:7rem;width:90%;outline:none}.commentBox button{height:2rem;width:40%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.commentBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.clearFetchButton{margin-left:.4rem}.renderComment{width:80%;margin:1rem auto}.renderComment h3{font-family:avenirBlack,sans-serif;color:#707070}.unassignedModalBox h2{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center;color:#404040}.unassignedModalBox h3{font-family:avenirRoman,sans-serif;font-size:1rem;text-align:center;color:#707070}.unassignedModalBoxButton{text-align:center}.unassignedModalBoxButton button{height:2rem;width:70%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.unassignedModalBoxButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistTotalOverdue{margin:1rem}.masterlistTotalOverdue h1{font-family:avenirBlack,sans-serif;font-size:1.6rem;color:#404040;text-align:center}.dashboardContainer{padding-bottom:1rem}.dashboardContainer h2{font-size:1.4rem;text-align:center;font-family:"avenirRoman",sans-serif;padding-top:.3rem;color:#6c6c6c}.dashboardHeaders,.dashboardHeadersTwo{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr .8fr .6fr .8fr 1fr;grid-row-gap:.2rem}.dashboardValues{display:grid;grid-template:2rem/1fr 1fr 1fr 1fr 1fr .8fr .6fr .8fr 1fr;grid-row-gap:.2rem}.dashboardHeaders h4,.dashboardHeadersTwo h4{font-size:.65rem;text-align:center;padding-top:.4rem;color:#191818;font-family:avenirBlack,sans-serif}.dashboardHeaders>div{background-color:#ddebf7}.dashboardHeaders>div,.dashboardHeadersTwo>div,.dashboardValues>div{border-right:.1rem solid #222;border-top:.1rem solid #222;border-bottom:.1rem solid #222}.dashboardHeadersTwo :nth-child(n+6){background-color:#ffc}.dashboardHeadersTwo>div{background-color:#ddebf7}.dashboardValues :nth-child(6){background-color:#ffc}.dashboardValues p{padding-top:.1rem}.dashboardHeadersTwo p,.dashboardValues p{font-size:.85rem;text-align:center;color:#191818;font-family:"Rockwell",sans-serif}.dashboardHeadersTwo p{padding-top:.2rem;font-weight:700}.dashboardValues>div:hover{cursor:pointer;transition:all .5s;-webkit-transition:all .5s;background-color:#f0f0f0}.unidentifiedContainer{margin:.5rem;padding-bottom:1rem}.unidentifiedContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.unidentifiedContainer h3{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.unidentifiedInfoBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr;grid-column-gap:.5rem;background-color:#d3e7e8;padding:.5rem;border-radius:.3rem}.addUnidentifiedBox h4{text-align:center;font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif}.addUnidentifiedBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.unidentifiedInputBox{padding:.3rem;border-radius:.3rem;background-color:#eceff4}.unidentifiedBoxButton{text-align:center;margin-top:1rem}.unidentifiedBoxButton button{height:2rem;width:20%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.unidentifiedBoxButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.viewUnidentifiedBox{margin-top:2rem}.viewUnidentifiedBox h4{text-align:center;font-family:avenirRoman,sans-serif;font-size:1rem;color:#b2c2cd}.unidentifiedCommentButton button{height:1.9rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.unidentifiedCommentButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.pickDateLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif}.viewUnidentifiedHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr .3fr;grid-column-gap:.05rem;background-image:linear-gradient(180deg,#3656e6,#2c48c5)}.viewUnidentifiedHeaders>div{background-image:linear-gradient(180deg,#a7baf4,#98adeb)}.viewUnidentifiedHeaders p{font-family:avenirBlack,sans-serif;font-size:1rem;color:#114b9f;padding:.5rem;margin-top:.3rem}.viewUnidentifiedPaymentBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr .3fr;grid-column-gap:.05rem;background-image:linear-gradient(180deg,#9e9e9e,#b3b3b3)}.viewUnidentifiedPaymentBox>div{background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:1.1rem .3rem .3rem}.viewUnidentifiedPaymentBox p{font-family:avenirRoman,sans-serif;font-size:1rem;color:#1f1f1f}.unidentifiedPaymentAmount p{font-family:Rockwell,sans-serif;font-size:1.2rem}.identifyCustomerButton{text-align:center}.identifyCustomerButton button{height:2rem;width:auto;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.identifyCustomerButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterFileBox{width:60%;height:70vh;margin:4rem auto;border-radius:.3rem;background-image:linear-gradient(to bottom left,#eceff1,#e0e4e7);padding:1rem .5rem 1rem 0;position:relative}.masterFileBox h1{font-family:avenirRoman,sans-serif;font-size:1.6rem;color:#404040;text-align:center}.masterFileBox h3{color:#2d4ddf;text-align:center;font-size:2rem;margin-top:.5rem}.masterFileBox h4{font-family:avenirRoman,sans-serif}.masterFileBox h4,.masterFileBox ol{font-size:1rem;color:#404040;margin-left:1rem}.masterFileBox ol{font-family:avenirBook,sans-serif}.dropzoneInput{text-align:center;outline:none;background-color:#cdd6fd;width:40%;margin:0 auto;color:#4262e9;border-radius:2rem;font-family:avenirRoman,sans-serif;padding:.3rem;animation:shine 1.2s step-end infinite;border:.02rem solid #4964df}@keyframes shine{0%,to{opacity:.4}30%{opacity:.5}40%{opacity:.6}50%{opacity:.7}60%{opacity:.8}70%{opacity:.9}}.excelIconBox{text-align:center;margin-top:1rem}.excelIconBox img{height:6rem;width:5rem;object-fit:contain}.flowerImageBox{position:absolute;bottom:0;left:1rem;filter:invert(1)}.flowerImageBox img{height:7rem;width:5rem;object-fit:contain}.flowerRightImageBox{position:absolute;bottom:0;left:4rem;filter:invert(1)}.flowerRightImageBox img{height:7rem;width:5rem;object-fit:contain;opacity:.4}.masterFileUploadButton{text-align:center;margin-top:3rem}.masterFileUploadButton button{margin:.5rem;height:2rem;width:45%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterFileUploadButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.textArea textarea{color:#4262e9;font-family:avenirRoman,avenirBlack,sans-serif;font-size:1rem}.addUserProfileContainer{padding-bottom:2rem}.addUserProfileContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.addUserButtonBox{width:10%;margin:1rem auto}.addUserButtonBox h3{color:#fff;text-align:center;padding:.5rem;outline:none;border-radius:.3rem;border:.05rem solid #4262e9;font-size:1rem;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.addUserButtonBox h3:hover{cursor:pointer;color:#4262e9;background-color:#ddf}.userProfileCard{display:grid;grid-template:1fr/3fr 1fr 1fr;justify-content:space-between;align-items:center;background-color:#eceff1;padding:1.2rem;width:50%;margin:.5rem auto;border-radius:.3rem}.userProfileName h4{font-family:avenirBlack,avenirRoman,sans-serif;font-size:1rem;color:#33729c}.removeUserButtonBox h4{outline:none;width:6rem;text-align:center;padding:.3rem;margin-top:.4rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.removeUserButtonBox h4:hover{cursor:pointer;color:#001f85;background-color:#ddf}.manageUserButtonBox button{height:2rem;width:83%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.manageUserButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.signUpContainer h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.signUpFormBox{position:relative;padding:4rem;width:70%;margin:1.5rem auto;background-color:#eceff1;border-radius:.3rem;text-align:center;font-family:avenirRoman,avenirBlack,sans-serif}.signUpFormBox input{width:42%;height:1.86rem;font-size:.9rem;font-family:avenirRoman,sans-serif;border-radius:.3rem;border:.1rem solid #b4b4b4;padding:1rem;outline:none;color:#4262e9}.selectUserRoleBox{margin-top:1rem;font-family:avenirRoman,sans-serif}.selectRoleLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif;margin-top:.6rem;margin-bottom:-.2rem}.signUpButtonBox{margin-top:1rem}.signUpButtonBox button{height:2rem;outline:none;width:41%;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;font-family:"avenirBlack",sans-serif;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.signUpButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.signUpArtwork{position:absolute;bottom:0}.signUpArtwork img{width:5rem;object-fit:contain;filter:invert(1)}.flowerOne{opacity:.6}.flowerTwo{margin-left:-2rem;opacity:.4}.userAdminsEmptyWarning{font-family:avenirBlack,avenirRoman,sans-serif;font-size:1rem;text-align:center;margin-top:1rem;color:#ff86ef}.userAccess,.userAccess h3{margin-top:1rem}.userAccess h3{text-align:center;font-family:avenirBook,sans-serif;font-size:1.3rem;color:#1d2a5e}.clientUserAccess,.masterlistUserAccess{margin:.5rem 0 .5rem 3rem}.userAccessCheckbox h5{text-align:center;font-family:avenirBlack,sans-serif;font-size:1rem;color:#707070;margin-left:-4rem}.userAccessCheckbox{width:30%;justify-content:center;align-items:center;font-family:avenirRoman,sans-serif}.manageUserContainer h2{font-family:avenirRoman,sans-serif;font-size:1.6rem;text-align:center;color:#707070}.manageUserBox{width:70%;margin:1rem auto;text-align:center;background-color:#eceff1;border-radius:.3rem;padding:2rem;position:relative}.manageUserBox h3{font-family:avenirBlack,sans-serif;font-size:1.2rem;color:#33729c}.manageUserBox button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:1rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.manageUserBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.heldDateChequeBox{width:50%;margin:0 auto;padding:1rem .5rem .5rem;border-radius:.3rem;color:#707070;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.heldChequeContainer h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.fetchHeldChequeButtonBox{text-align:center;margin:.5rem;display:flex;align-items:center;justify-content:center}.fetchHeldChequeButtonBox button{height:2rem;width:51%;outline:none;margin:.3rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.fetchHeldChequeButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.heldChequesHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.1rem;align-items:center;border-radius:.2rem;margin-bottom:.3rem}.heldChequesHeaders h5{font-size:1rem;font-family:avenirBlack,sans-serif;color:#114b9f}.heldChequesValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.2rem}.heldChequesValues p{font-size:1rem;font-family:avenirRoman,sans-serif;color:#131313;text-align:center}.chequeStatusBox{margin-top:-1rem}.chequeStatusBox>Select{width:5rem}.updateHeldStatusButtonBox{text-align:center}.updateHeldStatusButtonBox button{height:2rem;width:65%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.updateHeldStatusButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.settingsContainer{padding-bottom:2rem}.settingsContainer h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.currencyCardBox{width:60%;margin:0 auto}.changeCurrencyInfoBox{display:grid;grid-template:1fr/1fr 1fr;grid-gap:.3rem}.changeCurrencyInfoBox>div{border-radius:.3rem;padding:1rem;text-align:center;background-color:#eceff1}.changeCurrencyInfoBox>div>div{margin-bottom:.5rem}.changeCurrencyBox h5{font-family:avenirBlack,avenirBook,sans-serif;color:#404040;font-size:1.1rem;background-color:#fcfcfc;padding:.4rem}.changeCurrencyBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.6rem .6rem .6rem .2rem;font-family:avenirRoman,sans-serif}.changeCurrencyBox button{height:2rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;text-align:center;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.changeCurrencyBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.clearImportedLoansBox{width:60%;margin:1rem auto;display:grid;grid-template:1fr/1fr;grid-gap:.5rem}.penalInterestSettingsCard{background-color:#eceff1;border-radius:.3rem;padding:1rem}.clearImportedLoansButton button,.migrationBox0ne button{height:2rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.clearImportedLoansButton button:hover,.migrationBox0ne button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.clearImportedLoansButton,.migrationBox{text-align:center}.migrationBox{width:60%;margin:1rem auto 0;background-color:#eceff1;padding:.3rem}.migrationBox>div,.migrationBox>div>div{margin:.3rem}.migrationBox li{font-family:avenirRoman,sans-serif;font-size:1rem}.migrationBox h3{font-family:avenirBlack,sans-serif;font-size:1.2rem}.penalInterestSettingsCard{text-align:center}.penalInterestSettingsCard p{font-family:avenirRoman,sans-serif;font-size:.95rem;color:#4262e9;margin-top:.4rem;transition:all .3s}.penalInterestSettingsCard p:hover{cursor:pointer;opacity:.6;transition:all .3s}.serviceChargeContainer h3{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.addServiceChargeContainer h4{text-align:center;font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif}.serviceChargeBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-column-gap:.3rem;background-color:#d3e7e8;padding:.8rem;border-radius:.3rem}.serviceChargeBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.viewServiceChargesBox{margin-top:1rem}.viewServiceChargesBox h4{text-align:center;font-family:avenirRoman,sans-serif;font-size:1rem;color:#b2c2cd}.viewServiceChargeHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr .5fr;grid-column-gap:.06rem;background-image:linear-gradient(180deg,#3656e6,#2c48c5)}.viewServiceChargeHeaders>div{background-image:linear-gradient(180deg,#a7baf4,#98adeb)}.viewServiceChargeHeaders p{font-family:avenirBlack,sans-serif;font-size:1rem;color:#114b9f;padding:.5rem;margin-top:.3rem}.viewServiceChargeValue{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr .5fr;grid-column-gap:.05rem;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:1.1rem .2rem .1rem .4rem}.viewServiceChargeValue p{font-family:avenirRoman,sans-serif;font-size:1.1rem;color:#1f1f1f;padding-left:.2rem}.initialSettingsHeading{padding-top:.8rem;font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.initialSettingsModalButton{text-align:center}.initialSettingsModalButton button{height:2rem;width:50%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.initialSettingsModalButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.manualOverrideContainer{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-gap:1rem;padding:1rem}.incorrectCardContainer:hover{cursor:pointer}.incorrectLoanType{background-color:#1f1f1f}.incorrectLoanType p{color:#fff;font-family:myriadText,sans-serif;padding:0 .5rem}hr.sep-2{border:0;height:1px;background-image:linear-gradient(90deg,#f0f0f0,#00b9ff,#59d941,#f0f0f0)}.serviceChargeContainer .btnContainer{justify-content:center;align-items:center;text-align:center;width:15rem;margin:1rem auto;padding-bottom:10rem}.serviceChargeContainer .btnContainer p:hover{cursor:pointer}.incorrectLoanHeader{background-image:linear-gradient(90deg,#a7baf4,#9bafee)}.incorrectLoanHeader,.incorrectLoanValues{display:grid;grid-template:1fr/.5fr 1fr .5fr;text-align:center;padding:.2rem}.incorrectLoanValues{background-color:#e2e1e3}.incorrectLoanHeader h5{font-size:.8rem;font-family:avenirBlack,sans-serif;color:#114b9f}.incorrectLoanValues p{font-family:avenirRoman,sans-serif;font-size:.8rem;color:#131313}.incorrectLoansContainer>div:first-child h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.manualOverrideCard{display:grid;grid-template:1fr/1fr 1fr 1fr;width:100%;padding:.5rem;background-color:#6c6c6c;border-radius:.5rem;border-width:.5rem;border-color:#000c17}.manualOverrideCard .manualOverrideCardTitle{font-family:myriadBold,sans-serif;font-size:1rem;color:#fff}.manualOverrideCard p{font-family:myriadText,sans-serif;font-size:1rem;color:#fff}.rateDateExchangeRateCard{display:grid;grid-template:1fr/1fr 1fr 1fr;text-align:center}.rateDateExchangeRateCard .rateText{font-family:Rockwell,sans-serif}.rateDateExchangeRateCard .deleteRateBtn{color:#8b0000;background-color:#ededed;border-radius:2rem;padding:.2rem;font-family:myriadText,sans-serif}.rateDateExchangeRateCard .deleteRateBtn:hover{cursor:pointer}.passInstructions{width:50%;margin:.5rem auto;background-color:#1d2a5e;text-align:left;padding:.5rem 0 .01rem 2.5rem;border-radius:1rem}.passInstructions p{font-family:myriadText,sans-serif;color:#fff}.passInstructions li{color:#f5bd6c}.announcementBox{display:grid;grid-template:1fr/2fr .5fr .5fr}.clickable{display:flex;justify-content:center;align-content:center}.clickable:hover{cursor:pointer}.registersCard{background-color:#1f1f1f;border-radius:6rem}#headerTitle{font-family:myriadBold,sans-serif;background-color:#bbd7ed}#headerTitle,.boxCard{padding:1rem;border-radius:.5rem}.boxCard{background-color:#191b40;margin:.5rem 1rem}.boxCard:hover{cursor:pointer}.boxCard h2{color:#bbd7ed;font-size:1.3rem}.boxCard h2,.boxCard p{font-family:myriadText,sans-serif}.boxCard p{color:#fff;font-size:1rem}.formBox{width:80%}.formBox input{height:1.86rem;padding:1.2rem}.formBox input,.formBox textarea{width:80%;font-size:1rem;color:#707070;font-family:avenirRoman,sans-serif;border-radius:.3rem;border:.1rem solid #636363}.formBox textarea{height:10rem;padding:1rem}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),only screen and (-webkit-min-device-pixel-ratio:2){@font-face{font-family:"myriadText";src:url(/static/media/myriadText.baf08134.ttf)}@font-face{font-family:"myriadThin";src:url(/static/media/myriadThin.ab141b95.ttf)}@font-face{font-family:"MyriadSetProUltralight";src:url(/static/media/MyriadSetProUltralight.7cb92186.ttf)}@font-face{font-family:"myriadBold";src:url(/static/media/myriadBold.0dcaf43d.ttf)}@font-face{font-family:"museoSlab";src:url(/static/media/museoSlab.12f308b8.otf)}@font-face{font-family:"agencyGothic";src:url(/static/media/agencyGothic.78aca9a5.otf)}@font-face{font-family:"mavenPro";src:url(/static/media/MavenProVFBeta.c6ec3c3a.ttf)}@font-face{font-family:"emirates";src:url(/static/media/emirates.a6242d4d.otf)}@font-face{font-family:"emiratesBold";src:url(/static/media/emiratesBold.587405cf.ttf)}@font-face{font-family:"Ubuntu";src:url(/static/media/Ubuntu-Regular.fbdecfce.ttf)}@font-face{font-family:"Ubuntu-bold";src:url(/static/media/Ubuntu-Bold.50114233.ttf)}@font-face{font-family:"Rockwell";src:url(/static/media/rock.d4c47d23.ttf)}@font-face{font-family:"avenirBlack";src:url(/static/media/avenirBlack.7ce894e1.otf)}@font-face{font-family:"avenirBook";src:url(/static/media/avenirBook.813557df.otf)}@font-face{font-family:"avenirRoman";src:url(/static/media/avenirRoman.0bfb049d.otf)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signInContainer{max-height:100vh;display:grid;grid-template:1fr/1fr 1fr;position:relative;overflow:hidden;background-image:linear-gradient(60deg,#4481eb,#04befe)}.signInartwork{padding:.5rem;height:100vh;background-color:rgba(246,248,255,.94)}.signInLogoBox h2{font-size:2.5rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.signInLogoBox{position:absolute;top:3%;left:44%}.signInLogoBox img{width:11rem;object-fit:contain}.artworkBox{position:absolute;bottom:0;left:9%}.artworkBox img{width:20.9rem;object-fit:contain}.signInFormBox{display:grid;place-items:center;max-height:100vh;background-color:rgba(248,249,255,.91)}.signInFormHeader h4{font-size:1.2rem;color:#6c6c6c;font-family:"avenirBlack",sans-serif}.inputFormBox{width:130%;text-align:center}.inputFormBox input{width:100%;height:1.86rem;font-size:.9rem;color:#707070;font-family:avenirRoman,sans-serif;border-radius:.3rem;border:.1rem solid #636363;padding:1.2rem}.signInButtonBox{margin:2rem}.signInButtonBox button{border:none;height:2.5rem;outline:none;text-align:center;width:100%;border-radius:2rem;font-size:1rem;color:#fff;background:#486aae;font-family:avenirBlack,sans-serif;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.signInButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.mainContainer{width:100%;max-height:100vh;overflow:hidden;border-bottom:.5rem solid #eceff4}.nav{width:5%;transition:all .6s cubic-bezier(.165,.84,.44,1)}.nav,.nav:hover{float:left;height:100vh;background-color:#eceff4;padding-left:.5rem;padding-top:.5rem;padding-right:.5rem}.nav:hover{width:11.5%}#showTitle{visibility:visible;transition:all 1s;opacity:1}#hideTitle{visibility:hidden;opacity:0}.nav ul{list-style-type:none;margin:4rem 0 0;padding:.5rem .4rem .2rem 0;border-radius:.4rem;width:11vw;height:100%;background-color:transparent}.nav li a{display:block;margin-top:.3rem;color:#404040;padding:.6rem .5rem;text-decoration:none;font-size:.88rem;font-family:"avenirBlack",sans-serif}.nav li a:hover{background-color:#e4e9ec;color:#333}.nav li .active{color:#4262e9}.logoBox{width:90%;text-align:center;z-index:999;position:absolute;top:.5%;left:-40%}.logoBox h3{text-align:right;margin:auto}.logoBox img{width:7rem;object-fit:contain}.bodyContainer{width:auto;height:100vh;overflow-y:auto;overflow-x:hidden}.bodyContainerTopBar{width:auto;padding:.8rem;display:flex;justify-content:flex-end;align-items:center;background-color:#f4f6fa;top:0;position:-webkit-sticky;position:sticky;z-index:1}.bodyContainerContents{margin:.5rem;max-height:100vh}.creditManagerBox{display:flex;flex-direction:row;margin-right:1rem;padding:.2rem 1rem;border:.05rem solid #979797;border-radius:2rem;align-items:center}.creditManagerBox h4{color:#707070;font-size:.9rem;text-align:center;padding:.4rem .5rem;margin:auto;font-family:avenirRoman,sans-serif}.iconContainer{display:flex}.signOutButton{display:flex;justify-content:center;align-items:center;padding:.2rem}.signOutButton button{width:auto;border:none;background:none;outline:none;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.signOutButton button:hover{cursor:pointer;transform:scale(1.05)}.homeContainer{overflow-y:auto}.homeContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.homeCustomerBox{display:grid;grid-template:1fr/1fr 1fr;grid-gap:1rem;position:relative;z-index:2}.homeClientsBox,.homeCustomerBox{margin:2rem;justify-content:center;align-items:center}.homeCustomerSelectedLoanBox{position:relative;z-index:2}.homeArtworkBox{position:absolute;bottom:.45rem;right:1.5rem}.homeArtworkBox img{width:30rem;object-fit:contain}.newCustomerContainer{border:none;align-items:center}.newCustomerArtworkBox{padding:2rem;background-color:#eceff4;border-bottom:.1rem solid #ededed;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.newCustomerArtworkBox img{width:20.4rem;height:8.6rem;display:block;margin-left:auto;margin-right:auto;object-fit:contain}.newCustomerButtonBox{text-align:center;padding:2rem;border:.1rem solid #ededed;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.newCustomerButtonBox button,.newCustomerButtonBox button:after{border:none;border-radius:2rem;height:2.5rem;outline:none;width:18rem;font-family:avenirRoman,sans-serif;font-size:.9rem;background-color:#4262e9;color:#fff;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.newCustomerButtonBox button:hover{cursor:pointer;transform:scale(1.1);background-color:#344ba8;color:#fff}.newCustomerButtonBox h4{font-family:avenirRoman,sans-serif;font-size:.9rem;padding:1rem;color:#6c6c6c}.existingCustomerContainer{border:none;align-items:center}.existingCustomerArtworkBox{padding:2rem;background-color:#eceff4;border-bottom:.1rem solid #ededed;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.existingCustomerArtworkBox img{width:20.4rem;height:8.6rem;display:block;margin-left:auto;margin-right:auto;object-fit:contain}.existingCustomerButtonBox{text-align:center;padding:2rem;border:.1rem solid #ededed;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.existingCustomerButtonBox button,.existingCustomerButtonBox button:after{border:none;border-radius:2rem;height:2.5rem;outline:none;width:18rem;font-family:avenirRoman,sans-serif;font-size:.9rem;background-color:#4262e9;color:#fff;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.existingCustomerButtonBox button:hover{cursor:pointer;transform:scale(1.1);background-color:#344ba8;color:#fff}.existingCustomerButtonBox h4{font-family:avenirRoman,sans-serif;font-size:.9rem;padding:1rem;color:#6c6c6c}.newCustomerModalContainer{background-color:#eceff1;padding:.8rem .5rem;border-radius:.3rem}.newCustomerModalHeaderBox h2{font-size:1.4rem;color:#404040;font-family:"avenirBlack",sans-serif;text-align:center}.newCustomerModalHeaderBox h4{font-size:1rem;color:#404040;font-family:avenirRoman,sans-serif;text-align:center}.newCustomerModalContainer input{width:80%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.6rem .6rem .6rem .2rem;font-family:avenirRoman,sans-serif}.newCustomerModalButtonBox{padding-top:1rem}.newCustomerModalButtonBox button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.newCustomerModalButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.existingCustomerModalContainer{background-color:#eceff1;padding:.8rem .5rem;border-radius:.3rem}.existingCustomerModalHeaderBox h2{font-size:1.4rem;color:#404040;font-family:"avenirBlack",sans-serif;text-align:center}.existingCustomerModalHeaderBox h4{font-size:1rem;color:#404040;font-family:avenirRoman,sans-serif;text-align:center}.selectCustomerLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif}.existingCustomerModalButton{padding-top:1rem}.existingCustomerModalButton button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.existingCustomerModalButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanPageContainer{padding-bottom:2rem}.customerProfileContainer{margin:.7rem}.customerProfileContainer h4{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.customerProfileBox{margin:0 auto;padding:1.8rem;border-radius:.7rem;width:40%;height:auto;background-image:linear-gradient(180deg,#f759a6,#d666ff);position:relative;box-shadow:.12rem .18rem .18rem #dbe0e7}.flowerArtworkBox{position:absolute;bottom:0;left:1rem}.flowerArtworkBox img{height:5rem;width:4.4rem;object-fit:contain}.customerProfileName h5{font-size:1.2rem;color:#fff}.customerProfileName h5,.customerProfileName h6{font-family:"avenirBlack",sans-serif;text-transform:uppercase}.customerProfileName h6{font-size:.85rem;color:#707070}.customerIDSpan{color:#404040}.customerIDNumber{font-size:1rem;font-weight:700;font-family:"Rockwell",sans-serif}.addLoanButtonBox{text-align:right;padding-top:3rem}.addLoanButton button{border:none;height:2.2rem;outline:none;width:25%;border-radius:2rem;font-size:.9rem;color:#fff;background:linear-gradient(180deg,#4262e9,#486aae);font-family:"avenirBlack",sans-serif;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.addLoanButton button:hover{cursor:pointer;color:#4262e9;background-color:#ddf}.loanListContainer{margin-top:.5rem}.loanListContainer h3{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.profileLoanTermBox{background-color:#d3e7e8;padding:.5rem;border-radius:.3rem}.profileLoanTermBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.profileFirstTermBox{grid-template-columns:auto auto auto auto}.profileFirstTermBox,.profileSecondBox{display:grid;grid-column-gap:.3rem;padding:.5rem;border-radius:.3rem;margin:.2rem}.profileSecondBox{grid-template-columns:auto auto auto}.updateLoanTermContainer{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:1rem;grid-row-gap:1rem;margin:1rem 2rem;border-radius:.3rem}.updateLoanTermBox{display:grid;grid-template:1fr 1fr/1fr;background-color:#fff}.updateLoanTermHeaderBox{display:grid;grid-template:1fr/1fr 1fr}.updateLoanTermIDBox{text-align:center;background-color:#eceff1;padding:.2rem}.updateLoanTermIDBox p{font-size:.9rem;font-family:avenirBlack,sans-serif;margin-top:.1rem;color:#404040}.updateLoanTermIDBox h3{font-size:1rem;font-family:"Rockwell",avenirRoman,sans-serif;color:#404040}.updateLoanTermNavlink{text-align:center;background-color:#4262e9;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.updateLoanTermNavlink p{font-size:1rem;font-family:avenirBlack,sans-serif;color:#b9c5fc;margin-top:1rem}.updateLoanTermNavlink p:hover{cursor:pointer;transform:scale(1.1)}.loanCardBox{background-color:#eceff4;height:auto;border-radius:.3rem;border:.02rem solid #a0a0a0;transition:all .6s cubic-bezier(.165,.84,.44,1)}.loanCardBox:hover{cursor:pointer;transform:scale(1.04)}.loanContainer{position:relative}.deleteLoanButtonBox{position:absolute;top:0;right:0}.deleteLoanButtonBox button{background-color:transparent;border:.01rem solid #4262e9}.deleteLoanButtonBox button:hover{cursor:pointer;background-color:#ddf}.loanStatusClearValue{color:#02c55a}.loanStatusPendingValue{color:#f759a6}.loanStatusCardModal{background-color:#eceff4;padding:1rem;border-radius:.3rem;width:60%;margin:0 auto;font-family:avenirRoman,sans-serif}.loanStatusCardModal button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:1rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanStatusCardModal button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanStatusBox{margin:.5rem;text-align:center}.loanStatusBox button{height:2rem;width:100%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanStatusBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.statusSwitchBox{display:flex;align-items:center;justify-content:center}.legalRepoModalStatusBox{width:70%;margin:0 auto}.deleteLoanStatusCardBox{border-radius:.3rem;padding:.2rem;width:40%}.deleteLoanStatusBox{margin-top:1rem;display:flex}.deleteLoanStatusBox button{height:2rem;width:auto;outline:none;border:none;font-size:1rem;padding-top:.45rem;color:#d10000;background-color:transparent;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.deleteLoanStatusBox button:hover{cursor:pointer;color:#001f85;background-color:transparent}.loanPageCardBox{margin:0 auto;background-color:#eceff4;height:auto;width:55%;border-radius:.3rem;border:.02rem solid #a0a0a0}.modalBox{width:70%;padding:1rem;border-radius:.3rem;margin:0 auto 1rem;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.modalBox input{width:60%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.modalBox button{height:2rem;width:20%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.modalBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.modalBox p{font-family:avenirRoman,sans-serif}.modalBox>div{margin-bottom:.2rem}.loanSummaryHeading{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c;margin-top:1rem}.loanCard{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:.8rem;grid-row-gap:.5rem}.loanCardContents{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem}.leftCardBox{padding:.1rem 0 .1rem .5rem;margin-left:1.5rem;border-left:.05rem dashed #969696}.leftCardBox>div,.rightCardBox>div{border-bottom:.02rem solid #e4e9ec}.rightCardBox{padding:.1rem 0}.leftCardBox h4,.rightCardBox h4{font-size:.9rem;margin-top:.3rem;color:#404040;font-family:avenirRoman,sans-serif}.rightCardBox h4{text-align:left}.cardBoxCalculate{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-column-gap:.3rem;text-align:center;width:55%;margin:1rem auto}.cardBoxCalculate button{height:2rem;width:100%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.cardBoxCalculate button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanTotalValue{font-size:1.1rem}.loanIDValue,.loanTotalValue{color:#4262e9;font-family:"Rockwell",sans-serif}.loanIDValue{font-size:.9rem}#loanTermIDValue,#loanTermTotalValue,.loanChequeValue{font-size:1.2rem;color:#404040;font-family:"Rockwell",sans-serif}#loanTermsValue,.carModelValue{font-size:.9rem;color:#4262e9;font-family:"Rockwell",sans-serif}.loanTermContainer{margin:2rem}.loanTermContainer h4{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.loanTermBox{display:grid;grid-template-columns:auto auto auto auto auto;grid-column-gap:1rem;grid-row-gap:1rem;background-color:#eceff4;border-radius:.3rem;padding:1rem}.loanTermBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem}.inputLabel p,.loanTermBox input,.loanTermBox p{font-size:.9rem;font-family:avenirRoman,sans-serif}.loanTermInputBox{background-color:#e4e4e4;padding:.3rem;border-radius:.2rem}.loanTermInputBox p{font-family:avenirRoman,sans-serif}.loanTermBoxSaveButton{margin:1rem;text-align:center}.loanTermBoxSaveButton button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanTermBoxSaveButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanTermLabelContainer{margin:2rem;display:grid;grid-template:1fr/1fr;grid-row-gap:1rem}.loanTermLabelBox{padding:.5rem;background-color:#d3e7e8;border-radius:.3rem}.firstTermLabelBox,.thirdTermLabelBox{display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:.3rem}.loanTermLabelBox p{font-size:.9rem;align-items:center;color:#404040;font-family:avenirRoman,sans-serif}.termBox{background-color:#2d4ddf;width:100%}.chequeTermBox{display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:.3rem}.loanTermLabelBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.loanTermLabelSaveButton{text-align:center;margin:1rem}.loanTermLabelSaveButton button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.loanTermLabelSaveButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.customerAddLoanModal{background-color:#eceff1;padding:.8rem .5rem}.customerAddLoanModal input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.addLoanCurrency{display:flex;width:40%;height:2.5rem;justify-content:center;margin-top:.8rem;border:.02rem solid #d3d3d3;border-radius:.3rem;padding:.5rem}.addLoanCurrency p{font-size:1rem;font-family:"Rockwell",avenirBlack,sans-serif;padding-right:.5rem}.customerSaveLoanButtonBox{padding-top:1rem}.customerSaveLoanButtonBox button{height:2rem;width:35%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.customerSaveLoanButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.loanStatementContainer{margin:.3rem}.loanStatementContainer h4{text-align:center;font-size:1.6rem;font-family:"avenirBlack",sans-serif;color:#6c6c6c}.loanStatementBox{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:1rem}.chequeTableHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.3rem;align-items:center}.chequeTableHeaders h4{font-size:.9rem;font-family:avenirBlack,sans-serif;color:#114b9f}.chequeTableValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.3rem}.chequeTableValues h4{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#131313}.textValueBox{padding:.3rem}.textValueCommentButton{text-align:center}.textValueCommentButton button{height:2rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.textValueCommentButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.valueDeleteButtonBox button{height:1.8rem;width:80%;outline:none;border-radius:2rem;border:none;font-size:.8rem;color:#fcfcfc;background-color:transparent;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.valueDeleteButtonBox button:hover{cursor:pointer;background-color:#ddf}.collectionCashTableHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.3rem}.collectionCashTableHeaders h4{font-size:.8rem;font-family:avenirBlack,sans-serif;color:#114b9f}.cashTableHeaders{grid-template:1fr/1fr 1fr 1fr 1fr}.cashPaymentTableHeaders,.cashTableHeaders{display:grid;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.3rem;align-items:center}.cashPaymentTableHeaders{grid-template:1fr/1fr 1fr 1fr 1fr 1fr}.cashPaymentTableHeaders h4,.cashTableHeaders h4{font-size:.8rem;font-family:avenirBlack,sans-serif;color:#114b9f}.cashTableValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.3rem}.cashTableValues h4{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#131313;place-items:center}.cashCollectionTableValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.3rem}.cashCollectionTableValues h4{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#131313}.extraFeeContainer{margin-top:.5rem}.extraFeeContainer h4{font-family:avenirBlack,avenirBook,sans-serif;color:#707070;font-size:1.2rem}.extraFeeBox{background-color:#eceff1;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;padding:.05rem;margin-bottom:.2rem;align-items:center;display:grid;grid-template:1fr/2fr 1fr 2fr}.extraFeeBox h2{font-family:avenirBlack,avenirBook,sans-serif;color:#404040;font-size:1rem;margin-left:1.4rem;margin-top:.6rem}.commentDisplayTime{color:#404040}.commentDisplayName,.commentDisplayTime{font-family:avenirRoman,sans-serif;font-size:1rem}.commentDisplayName{color:#33729c;font-weight:700}.commentModal h4{color:#707070;font-family:avenirBlack,sans-serif;font-size:1.5rem}.analyticsContainer{padding-bottom:1rem}.analyticsContainer h1{text-align:center;font-size:1.6rem;font-family:"avenirRoman",sans-serif;color:#6c6c6c}.analyticsBox{margin:2rem;display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-row-gap:2rem;justify-content:center;align-items:center}.analyticsOverallBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:.15rem;background-color:#242424;border:.15rem solid #242424;margin:2rem}.analyticsOverallBox>div{background-color:#fff}.totalValueBox{background-color:#f0f0f0}.detailHeading{border-bottom:.1rem solid #242424}.totalDetailBox h2{text-align:center;font-size:1rem;padding-top:.3rem;color:#242424;font-family:avenirRoman,sans-serif}.totalDetailBox h4{text-align:center;font-size:1rem;padding:.4rem .3rem .2rem;color:#363636;font-family:"Rockwell",sans-serif}.totalNPLBox{padding:1.5rem;border-radius:.7rem;width:95%;height:9rem;background-image:linear-gradient(180deg,#e7e7e7,#b9b9b9);position:relative;overflow:hidden}.totalNPLBox h2{text-align:center;padding-top:.3rem;font-size:1rem;color:#252525;font-family:avenirRoman,sans-serif}.totalNPLBox h4{text-align:center;font-size:1.5rem;color:#252525;font-weight:700;font-family:"Rockwell",sans-serif}.monthlyTargetContainer button{height:1.8rem;width:90%;outline:none;border-radius:2rem;margin:.2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.monthlyTargetContainer button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.monthlyTargetModal>div:first-child button{height:auto;width:auto;outline:medium none invert;outline:initial;border-radius:2rem;margin:initial;border:initial;font-size:medium;color:#252525;padding:.04rem;background-color:#b3b3b3;box-sizing:content-box;box-sizing:initial;transition:none 0s ease 0s;transition:initial;font-family:"avenirBlack",sans-serif}.analyticsLoaderContainer{margin:10%;text-align:center}.collectionsSearchCustomerContainer{background-image:linear-gradient(180deg,#eceff1,#eceff1);padding:.3rem .4rem .3rem 1rem;color:#fff;border-radius:.3rem}.collectionsSearchCustomerContainer p{color:#404040}.collectionsSearchCustomerHeaderBox h2{font-size:1.4rem;color:#404040;font-family:"avenirBlack",sans-serif;text-align:center}.collectionsSelectCustomer p{color:#404040}.collectionsSearchCustomerHeaderBox h4{font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif;text-align:center}.collectionsSearchCustomerButton{margin:1rem 0}.collectionsSearchCustomerButton button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.collectionsSearchCustomerButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.collectionLoanListContainer{background-image:linear-gradient(180deg,#524b4b,#363333);padding:0 .4rem .4rem;border-radius:.3rem;color:#fff}.collectionLoanListContainer h4{text-align:center;font-size:1.2rem;font-family:"avenirBlack",sans-serif;color:#fff}.collectionLoanListButtonBox{margin:1rem 0}.collectionLoanListContainer button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.collectionLoanListContainer button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.identifiedCustomerLoanContainer{background-image:linear-gradient(180deg,#524b4b,#363333);padding:0 .4rem .4rem;border-radius:.3rem;color:#fff;width:90%;margin:0 auto}.identifiedCustomerLoanButton{margin-top:1rem}.identifiedCustomerLoanButton button{height:2rem;width:19%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.identifiedCustomerLoanButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.identifiedCustomerPaymentContainer{margin:1.5rem}.collectionLoanBox{display:grid;margin:2rem;grid-template:1fr/1fr 1fr 1fr 1fr 1fr;grid-column-gap:.3rem;background-color:#d3e7e8;padding:.8rem;border-radius:.3rem}.termBox{background-color:#eceff1;padding:.5rem;border-radius:.3rem;margin:.2rem}.collectionLoanBox p{align-items:center;color:#404040}.collectionLoanBox input,.collectionLoanBox p{font-size:.9rem;font-family:avenirRoman,sans-serif}.collectionLoanBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem}.collectionLoanUpdateBoxButton{text-align:center;margin:1rem}.collectionLoanUpdateBoxButton button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.collectionLoanUpdateBoxButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.reportsContainer{margin:.5rem;padding-bottom:2rem}.reportsContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.reportsContainer h4{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.categoryDateRangeBox{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem;margin:.5rem auto;width:80%}.reportTotalValueBox{background-image:linear-gradient(180deg,#eceff1,#e3e9ec);padding:1rem;border-radius:.3rem}.reportPercentBox{display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem;width:80%;margin:1rem auto}.reportBox{padding:.5rem;border-radius:.3rem;color:#eceff1;width:100%;margin-bottom:1rem;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.reportBox p{color:#404040}.totalValueReportBox{text-align:center;display:grid;grid-template-rows:auto auto}.totalValueReportBox h3{font-family:"Rockwell",sans-serif;font-size:2rem;font-weight:700;padding:.3rem;color:#3acc6c}.totalValueReportBox p{font-size:1.2rem;font-family:"avenirBlack",sans-serif;color:#404040;margin-top:.2rem;text-align:center}.dateRangeBox,.totalValueReportBox p{border-radius:.3rem;margin-bottom:1rem}.dateRangeBox{padding:2.9rem .5rem .5rem;color:#eceff1;width:100%;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.dateRangeLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif;color:#404040}.percentageTotalBookBox{text-align:center;display:grid;border-radius:.3rem;grid-template-rows:auto auto;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.percentageTotalBookBox p{font-size:1.2rem;font-family:"avenirBlack",sans-serif;border-radius:.3rem;color:#404040;margin-bottom:1rem;margin-top:1rem;text-align:center}.percentageTotalBookBox h3{font-family:"Rockwell",sans-serif;font-weight:700;font-size:2rem;padding:.3rem;color:#3acc6c}.generateReportBox{width:80%;margin:2rem auto}.selectReportBox{width:100%;margin:0 auto;padding:1.5rem;border-radius:.3rem;text-align:center;background-image:linear-gradient(180deg,#f759a6,#ca5cf1)}.selectReportBox p{color:#fcfcfc;font-family:avenirBlack,avenirRoman,sans-serif}.generateChequeValueButton{text-align:center}.generateChequeValueButton button{height:2rem;width:50%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.generateChequeValueButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.generateReportButton{text-align:center;margin:1.5rem}.generateReportButton button{height:2rem;width:65%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.generateReportButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.refreshIcon{font-size:1.4rem;color:#4262e9;transition:all .5s}.refreshIcon:hover{cursor:pointer;transition:all .5s;transform:scale(1.07)}.text-center h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.dateRangeLoanStatusBox{display:grid;grid-template:1fr/1fr 1fr 1fr;grid-column-gap:1rem}.filterLegalRepoStatus,.masterListDateChequeBox{padding:1rem .5rem .5rem;border-radius:.3rem;color:#707070;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.filterLegalRepoStatus p{font-size:.9rem;font-family:avenirRoman,sans-serif}.filterLegalRepoStatusButtonBox{margin:.5rem 0 1rem}.filterLegalRepoStatusButtonBox button{height:2rem;width:100%;outline:none;margin-top:.5rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.filterLegalRepoStatusButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.filterBucketBox p{font-family:avenirRoman,avenirBook,sans-serif}.noticesDateBox{width:50%;margin:0 auto;padding:1rem .5rem .5rem;border-radius:.3rem;color:#707070;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.noticesDateBox button{height:2rem;width:40%;margin-top:1rem;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.noticesDateBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.previousNoticeBox{margin-top:1rem}.previousNoticeBox h2{text-align:center;font-family:avenirBlack,sans-serif;font-size:1rem}.previousNoticeBox p{font-family:avenirBlack,sans-serif;font-size:1.1rem}.previousNoticeValue{width:50%;margin:1rem auto;display:grid;grid-template:1fr/1fr .3fr .3fr;grid-column-gap:.3rem;grid-row-gap:.3rem;border-bottom:.01rem solid #bac3e4}.previousNoticeEditButton button{width:100%;outline:none;font-size:.9rem;font-family:avenirBlack,avenirBook,sans-serif;color:#4262e9;background:transparent;border:none;transition:all .6s}.previousNoticeEditButton button:hover{cursor:pointer;background-color:#f1f1ff;border-radius:.3rem}.previousNoticeDeleteButton button{width:100%;outline:none;font-size:.9rem;font-family:avenirBlack,avenirBook,sans-serif;color:#f24040;background:transparent;border:none;transition:all .6s}.previousNoticeDeleteButton button:hover{cursor:pointer;background-color:#f1f1ff;border-radius:.3rem}.clientChequesBox{background-color:#e2e2e3;border-top-left-radius:.3rem;border-top-right-radius:.3rem;margin-top:.7rem}.clientCardInfo{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:.5rem;margin-top:-1rem;padding:.3rem 0;background-color:#42e69e;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.clientCardInfo>div{margin-top:.5rem}.clientCardInfo h5{font-family:avenirRoman,sans-serif;font-size:.95rem}#clientStatus{background-color:#fff;border-radius:.2rem;border:.01rem solid #d3d3d3;padding:.1rem;margin-top:.2rem;height:1.6rem;width:100%;text-align:center;font-size:.9rem;font-family:avenirBlack,sans-serif;color:#404040}#loanLegalStatus{width:100%}#loanLegalStatus,#loanRepoStatus{background-color:#fff;border-radius:.2rem;padding:.1rem;margin-top:.9rem;height:1.6rem;text-align:center;font-size:.9rem;font-family:avenirBlack,sans-serif;color:#404040;margin-left:1.5rem}#loanRepoStatus{width:60%}.fetchChequeButtonBox{margin:.5rem 0 1rem;display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.3rem}.fetchChequeButtonBox button{height:2rem;width:100%;outline:none;margin-top:.5rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.fetchChequeButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.customerChequeInfo h1{font-size:.86rem;color:#191818;font-family:avenirBlack,sans-serif;font-weight:700;width:100%;word-break:break-all}.bouncedCheques h3{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.bouncedCheques h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.bouncedCheques h4{text-align:center;font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif}.masterlistParentBox{width:auto;padding-bottom:.5rem}.masterlistOverdueLoansBox{overflow-x:auto;overflow-y:auto;height:86vh;padding-bottom:1rem}.stickyDivHeader1{left:0}.stickyDivHeader1,.stickyDivHeader2{position:-webkit-sticky;position:sticky;z-index:800}.stickyDivHeader2{left:10.65%}.stickyDivHeader3{left:26.6%}.stickyDivHeader3,.stickyDivHeader4{position:-webkit-sticky;position:sticky;z-index:800}.stickyDivHeader4{left:37.2%}.stickyDivHeader5{position:-webkit-sticky;position:sticky;left:47.85%;z-index:800}.bouncedChequeHeaders{position:-webkit-sticky;position:sticky;top:0;z-index:900;width:250%;display:grid;grid-template:2rem/1fr 1.5fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;font-family:avenirBlack,sans-serif}.bouncedChequeHeaders p{font-size:.8rem;text-align:center;padding-top:.4rem;color:#191818;font-family:avenirBlack,sans-serif}.bouncedDateValue{margin-top:1rem;font-family:avenirRoman,sans-serif;font-size:.8rem}.bouncedChequeHeaders>div{background-color:#dadada;border-right:.1rem solid #222}.bouncedChequeBox{width:250%;display:grid;grid-template:3.2rem/1fr 1.5fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:.01rem solid #222;font-family:avenirRoman,sans-serif;background-color:#222;transition:all .5s;-webkit-transition:all .5s}.bouncedChequeBox>div{background-color:#fff;text-align:center;border-right:.1rem solid #222}.bouncedChequeBox>div:nth-child(-n+5){background-image:linear-gradient(180deg,rgba(236,239,241,.3),rgba(227,233,236,.4))}.bouncedChequeBox>div:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:800}.bouncedChequeBox>div:nth-child(2){position:-webkit-sticky;position:sticky;left:10.65%;z-index:800}.bouncedChequeBox>div:nth-child(3){position:-webkit-sticky;position:sticky;left:26.6%;z-index:800}.bouncedChequeBox>div:nth-child(4){position:-webkit-sticky;position:sticky;left:37.2%;z-index:800}.bouncedChequeBox>div:nth-child(5){position:-webkit-sticky;position:sticky;left:47.9%;z-index:800}.bouncedChequeBox p{margin-top:1rem;text-align:center;font-size:.8rem;color:#191818}.bouncedChequeBox>div:hover{cursor:pointer;transition:all .5s;-webkit-transition:all .5s;background-color:#f0f0f0}.bouncedChequeListBox button{height:1.8rem;width:auto;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.bouncedChequeListBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistAssignCollectorModal{background-color:#eceff1;padding:1rem;border-radius:.3rem}.masterlistAssignCollectorModal>div:nth-child(2){margin-top:.5rem}.masterlistAssignCollectorModal>div:nth-child(2) input{width:88%}.masterlistAssignCollectorModal p{font-family:avenirRoman,sans-serif;font-size:.9rem}.masterlistCommentButton button,.noticesBox button{height:1.8rem;width:auto;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:.7rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterlistCommentButton button:hover,.noticesBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistAssignCollectorModal button{height:1.8rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;padding:.3rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;margin-top:1rem;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterlistAssignCollectorModal button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistCollectorAssignee:hover{cursor:pointer}.masterlistCollectorAssignee button{height:1.8rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:.7rem;color:#fcfcfc;text-align:center;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterlistCollectorAssignee button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistLoanPreviousOverdueBox h2{font-family:avenirBlack,avenirBook,sans-serif;color:#404040;font-size:1rem}.masterlistLoanPreviousOverdueBox h3{margin-top:.7rem;margin-left:.3rem;font-size:1.1rem}.masterlistLoanPreviousOverdueBox{background-color:#e2e2e3;border-radius:.3rem;margin:.5rem;display:flex;align-items:center;justify-content:center;height:4rem}.commentModalBox{width:80%;margin:0 auto;display:grid;grid-template:1fr/1fr 1fr;grid-column-gap:.5rem}.commentBox{padding:.5rem;border-radius:.3rem;font-family:avenirRoman,sans-serif;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.selectDateAndCommentor{margin-bottom:.8rem}.commentBox h4,.commentBox p{font-family:avenirBlack,sans-serif}.commentBox textarea{height:7rem;width:90%;outline:none}.commentBox button{height:2rem;width:40%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.commentBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.clearFetchButton{margin-left:.4rem}.renderComment{width:80%;margin:1rem auto}.renderComment h3{font-family:avenirBlack,sans-serif;color:#707070}.unassignedModalBox h2{font-family:avenirBlack,sans-serif;font-size:1.2rem;text-align:center;color:#404040}.unassignedModalBox h3{font-family:avenirRoman,sans-serif;font-size:1rem;text-align:center;color:#707070}.unassignedModalBoxButton{text-align:center}.unassignedModalBoxButton button{height:2rem;width:70%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.unassignedModalBoxButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterlistTotalOverdue{margin:1rem}.masterlistTotalOverdue h1{font-family:avenirBlack,sans-serif;font-size:1.6rem;color:#404040;text-align:center}.dashboardContainer{padding-bottom:1rem}.dashboardContainer h2{font-size:1.4rem;text-align:center;font-family:"avenirRoman",sans-serif;padding-top:.3rem;color:#6c6c6c}.dashboardHeaders,.dashboardHeadersTwo{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr .8fr .6fr .8fr 1fr;grid-row-gap:.2rem}.dashboardValues{display:grid;grid-template:2rem/1fr 1fr 1fr 1fr 1fr .8fr .6fr .8fr 1fr;grid-row-gap:.2rem}.dashboardHeaders h4,.dashboardHeadersTwo h4{font-size:.65rem;text-align:center;padding-top:.4rem;color:#191818;font-family:avenirBlack,sans-serif}.dashboardHeaders>div{background-color:#ddebf7}.dashboardHeaders>div,.dashboardHeadersTwo>div,.dashboardValues>div{border-right:.1rem solid #222;border-top:.1rem solid #222;border-bottom:.1rem solid #222}.dashboardHeadersTwo :nth-child(n+6){background-color:#ffc}.dashboardHeadersTwo>div{background-color:#ddebf7}.dashboardValues :nth-child(6){background-color:#ffc}.dashboardValues p{padding-top:.1rem}.dashboardHeadersTwo p,.dashboardValues p{font-size:.85rem;text-align:center;color:#191818;font-family:"Rockwell",sans-serif}.dashboardHeadersTwo p{padding-top:.2rem;font-weight:700}.dashboardValues>div:hover{cursor:pointer;transition:all .5s;-webkit-transition:all .5s;background-color:#f0f0f0}.unidentifiedContainer{margin:.5rem;padding-bottom:1rem}.unidentifiedContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.unidentifiedContainer h3{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.unidentifiedInfoBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr;grid-column-gap:.5rem;background-color:#d3e7e8;padding:.5rem;border-radius:.3rem}.addUnidentifiedBox h4{text-align:center;font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif}.addUnidentifiedBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.unidentifiedInputBox{padding:.3rem;border-radius:.3rem;background-color:#eceff4}.unidentifiedBoxButton{text-align:center;margin-top:1rem}.unidentifiedBoxButton button{height:2rem;width:20%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.unidentifiedBoxButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.viewUnidentifiedBox{margin-top:2rem}.viewUnidentifiedBox h4{text-align:center;font-family:avenirRoman,sans-serif;font-size:1rem;color:#b2c2cd}.unidentifiedCommentButton button{height:1.9rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.unidentifiedCommentButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.pickDateLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif}.viewUnidentifiedHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr .3fr;grid-column-gap:.05rem;background-image:linear-gradient(180deg,#3656e6,#2c48c5)}.viewUnidentifiedHeaders>div{background-image:linear-gradient(180deg,#a7baf4,#98adeb)}.viewUnidentifiedHeaders p{font-family:avenirBlack,sans-serif;font-size:1rem;color:#114b9f;padding:.5rem;margin-top:.3rem}.viewUnidentifiedPaymentBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr .3fr;grid-column-gap:.05rem;background-image:linear-gradient(180deg,#9e9e9e,#b3b3b3)}.viewUnidentifiedPaymentBox>div{background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:1.1rem .3rem .3rem}.viewUnidentifiedPaymentBox p{font-family:avenirRoman,sans-serif;font-size:1rem;color:#1f1f1f}.unidentifiedPaymentAmount p{font-family:Rockwell,sans-serif;font-size:1.2rem}.identifyCustomerButton{text-align:center}.identifyCustomerButton button{height:2rem;width:auto;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.identifyCustomerButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.masterFileBox{width:60%;height:70vh;margin:4rem auto;border-radius:.3rem;background-image:linear-gradient(to bottom left,#eceff1,#e0e4e7);padding:1rem .5rem 1rem 0;position:relative}.masterFileBox h1{font-family:avenirRoman,sans-serif;font-size:1.6rem;color:#404040;text-align:center}.masterFileBox h3{color:#2d4ddf;text-align:center;font-size:2rem;margin-top:.5rem}.masterFileBox h4{font-family:avenirRoman,sans-serif}.masterFileBox h4,.masterFileBox ol{font-size:1rem;color:#404040;margin-left:1rem}.masterFileBox ol{font-family:avenirBook,sans-serif}.dropzoneInput{text-align:center;outline:none;background-color:#cdd6fd;width:40%;margin:0 auto;color:#4262e9;border-radius:2rem;font-family:avenirRoman,sans-serif;padding:.3rem;animation:shine 1.2s step-end infinite;border:.02rem solid #4964df}@keyframes shine{0%,to{opacity:.4}30%{opacity:.5}40%{opacity:.6}50%{opacity:.7}60%{opacity:.8}70%{opacity:.9}}.excelIconBox{text-align:center;margin-top:1rem}.excelIconBox img{height:6rem;width:5rem;object-fit:contain}.flowerImageBox{position:absolute;bottom:0;left:1rem;filter:invert(1)}.flowerImageBox img{height:7rem;width:5rem;object-fit:contain}.flowerRightImageBox{position:absolute;bottom:0;left:4rem;filter:invert(1)}.flowerRightImageBox img{height:7rem;width:5rem;object-fit:contain;opacity:.4}.masterFileUploadButton{text-align:center;margin-top:3rem}.masterFileUploadButton button{margin:.5rem;height:2rem;width:45%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.masterFileUploadButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.textArea textarea{color:#4262e9;font-family:avenirRoman,avenirBlack,sans-serif;font-size:1rem}.addUserProfileContainer{padding-bottom:2rem}.addUserProfileContainer h2{text-align:center;font-size:1.8rem;font-family:"avenirRoman",sans-serif;padding-top:1rem;color:#6c6c6c;position:relative}.addUserButtonBox{width:10%;margin:1rem auto}.addUserButtonBox h3{color:#fff;text-align:center;padding:.5rem;outline:none;border-radius:.3rem;border:.05rem solid #4262e9;font-size:1rem;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.addUserButtonBox h3:hover{cursor:pointer;color:#4262e9;background-color:#ddf}.userProfileCard{display:grid;grid-template:1fr/3fr 1fr 1fr;justify-content:space-between;align-items:center;background-color:#eceff1;padding:1.2rem;width:50%;margin:.5rem auto;border-radius:.3rem}.userProfileName h4{font-family:avenirBlack,avenirRoman,sans-serif;font-size:1rem;color:#33729c}.removeUserButtonBox h4{outline:none;width:6rem;text-align:center;padding:.3rem;margin-top:.4rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.removeUserButtonBox h4:hover{cursor:pointer;color:#001f85;background-color:#ddf}.manageUserButtonBox button{height:2rem;width:83%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.manageUserButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.signUpContainer h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.signUpFormBox{position:relative;padding:4rem;width:70%;margin:1.5rem auto;background-color:#eceff1;border-radius:.3rem;text-align:center;font-family:avenirRoman,avenirBlack,sans-serif}.signUpFormBox input{width:42%;height:1.86rem;font-size:.9rem;font-family:avenirRoman,sans-serif;border-radius:.3rem;border:.1rem solid #b4b4b4;padding:1rem;outline:none;color:#4262e9}.selectUserRoleBox{margin-top:1rem;font-family:avenirRoman,sans-serif}.selectRoleLabel p{font-size:.9rem;font-family:avenirRoman,sans-serif;margin-top:.6rem;margin-bottom:-.2rem}.signUpButtonBox{margin-top:1rem}.signUpButtonBox button{height:2rem;outline:none;width:41%;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;font-family:"avenirBlack",sans-serif;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5)}.signUpButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.signUpArtwork{position:absolute;bottom:0}.signUpArtwork img{width:5rem;object-fit:contain;filter:invert(1)}.flowerOne{opacity:.6}.flowerTwo{margin-left:-2rem;opacity:.4}.userAdminsEmptyWarning{font-family:avenirBlack,avenirRoman,sans-serif;font-size:1rem;text-align:center;margin-top:1rem;color:#ff86ef}.userAccess,.userAccess h3{margin-top:1rem}.userAccess h3{text-align:center;font-family:avenirBook,sans-serif;font-size:1.3rem;color:#1d2a5e}.clientUserAccess,.masterlistUserAccess{margin:.5rem 0 .5rem 3rem}.userAccessCheckbox h5{text-align:center;font-family:avenirBlack,sans-serif;font-size:1rem;color:#707070;margin-left:-4rem}.userAccessCheckbox{width:30%;justify-content:center;align-items:center;font-family:avenirRoman,sans-serif}.manageUserContainer h2{font-family:avenirRoman,sans-serif;font-size:1.6rem;text-align:center;color:#707070}.manageUserBox{width:70%;margin:1rem auto;text-align:center;background-color:#eceff1;border-radius:.3rem;padding:2rem;position:relative}.manageUserBox h3{font-family:avenirBlack,sans-serif;font-size:1.2rem;color:#33729c}.manageUserBox button{height:2rem;width:30%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;margin-top:1rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.manageUserBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.heldDateChequeBox{width:50%;margin:0 auto;padding:1rem .5rem .5rem;border-radius:.3rem;color:#707070;background-image:linear-gradient(180deg,#eceff1,#e3e9ec)}.heldChequeContainer h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.fetchHeldChequeButtonBox{text-align:center;margin:.5rem;display:flex;align-items:center;justify-content:center}.fetchHeldChequeButtonBox button{height:2rem;width:51%;outline:none;margin:.3rem;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.fetchHeldChequeButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.heldChequesHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr;text-align:center;background-image:linear-gradient(90deg,#a7baf4,#9bafee);padding:.1rem;align-items:center;border-radius:.2rem;margin-bottom:.3rem}.heldChequesHeaders h5{font-size:1rem;font-family:avenirBlack,sans-serif;color:#114b9f}.heldChequesValues{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:.2rem}.heldChequesValues p{font-size:1rem;font-family:avenirRoman,sans-serif;color:#131313;text-align:center}.chequeStatusBox{margin-top:-1rem}.chequeStatusBox>Select{width:5rem}.updateHeldStatusButtonBox{text-align:center}.updateHeldStatusButtonBox button{height:2rem;width:65%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.updateHeldStatusButtonBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.settingsContainer{padding-bottom:2rem}.settingsContainer h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.currencyCardBox{width:60%;margin:0 auto}.changeCurrencyInfoBox{display:grid;grid-template:1fr/1fr 1fr;grid-gap:.3rem}.changeCurrencyInfoBox>div{border-radius:.3rem;padding:1rem;text-align:center;background-color:#eceff1}.changeCurrencyInfoBox>div>div{margin-bottom:.5rem}.changeCurrencyBox h5{font-family:avenirBlack,avenirBook,sans-serif;color:#404040;font-size:1.1rem;background-color:#fcfcfc;padding:.4rem}.changeCurrencyBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.6rem .6rem .6rem .2rem;font-family:avenirRoman,sans-serif}.changeCurrencyBox button{height:2rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;text-align:center;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.changeCurrencyBox button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.clearImportedLoansBox{width:60%;margin:1rem auto;display:grid;grid-template:1fr/1fr;grid-gap:.5rem}.penalInterestSettingsCard{background-color:#eceff1;border-radius:.3rem;padding:1rem}.clearImportedLoansButton button,.migrationBox0ne button{height:2rem;width:80%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.clearImportedLoansButton button:hover,.migrationBox0ne button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.clearImportedLoansButton,.migrationBox{text-align:center}.migrationBox{width:60%;margin:1rem auto 0;background-color:#eceff1;padding:.3rem}.migrationBox>div,.migrationBox>div>div{margin:.3rem}.migrationBox li{font-family:avenirRoman,sans-serif;font-size:1rem}.migrationBox h3{font-family:avenirBlack,sans-serif;font-size:1.2rem}.penalInterestSettingsCard{text-align:center}.penalInterestSettingsCard p{font-family:avenirRoman,sans-serif;font-size:.95rem;color:#4262e9;margin-top:.4rem;transition:all .3s}.penalInterestSettingsCard p:hover{cursor:pointer;opacity:.6;transition:all .3s}.serviceChargeContainer h3{text-align:center;font-size:1.6rem;color:#6c6c6c;font-family:avenirRoman,sans-serif}.addServiceChargeContainer h4{text-align:center;font-size:1rem;color:#b2c2cd;font-family:avenirRoman,sans-serif}.serviceChargeBox{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-column-gap:.3rem;background-color:#d3e7e8;padding:.8rem;border-radius:.3rem}.serviceChargeBox input{width:100%;height:1.86rem;color:#4262e9;outline:none;font-size:.9rem;border:none;border-bottom:.1rem solid #636363;padding:.4rem .2rem;font-family:avenirRoman,sans-serif}.viewServiceChargesBox{margin-top:1rem}.viewServiceChargesBox h4{text-align:center;font-family:avenirRoman,sans-serif;font-size:1rem;color:#b2c2cd}.viewServiceChargeHeaders{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr .5fr;grid-column-gap:.06rem;background-image:linear-gradient(180deg,#3656e6,#2c48c5)}.viewServiceChargeHeaders>div{background-image:linear-gradient(180deg,#a7baf4,#98adeb)}.viewServiceChargeHeaders p{font-family:avenirBlack,sans-serif;font-size:1rem;color:#114b9f;padding:.5rem;margin-top:.3rem}.viewServiceChargeValue{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr .5fr;grid-column-gap:.05rem;background-image:linear-gradient(180deg,#fcfcfc,#f1f1f1);padding:1.1rem .2rem .1rem .4rem}.viewServiceChargeValue p{font-family:avenirRoman,sans-serif;font-size:1.1rem;color:#1f1f1f;padding-left:.2rem}.initialSettingsHeading{padding-top:.8rem;font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.initialSettingsModalButton{text-align:center}.initialSettingsModalButton button{height:2rem;width:50%;outline:none;border-radius:2rem;border:.05rem solid #4262e9;font-size:.8rem;color:#fcfcfc;margin-top:1rem;background-color:#4262e9;box-sizing:border-box;transition:all .6s cubic-bezier(.165,.84,.44,1.5);font-family:"avenirBlack",sans-serif}.initialSettingsModalButton button:hover{cursor:pointer;color:#001f85;background-color:#ddf}.manualOverrideContainer{display:grid;grid-template:1fr/1fr 1fr 1fr 1fr;grid-gap:1rem;padding:1rem}.incorrectCardContainer:hover{cursor:pointer}.incorrectLoanType{background-color:#1f1f1f}.incorrectLoanType p{color:#fff;font-family:myriadText,sans-serif;padding:0 .5rem}.serviceChargeContainer .btnContainer{justify-content:center;align-items:center;text-align:center;width:15rem;margin:1rem auto;padding-bottom:10rem}.serviceChargeContainer .btnContainer p:hover{cursor:pointer}.incorrectLoanHeader{background-image:linear-gradient(90deg,#a7baf4,#9bafee)}.incorrectLoanHeader,.incorrectLoanValues{display:grid;grid-template:1fr/.5fr 1fr .5fr;text-align:center;padding:.2rem}.incorrectLoanValues{background-color:#e2e1e3}.incorrectLoanHeader h5{font-size:.8rem;font-family:avenirBlack,sans-serif;color:#114b9f}.incorrectLoanValues p{font-family:avenirRoman,sans-serif;font-size:.8rem;color:#131313}.incorrectLoansContainer>div:first-child h4{font-family:avenirRoman,sans-serif;color:#707070;text-align:center;font-size:1.6rem}.manualOverrideCard{display:grid;grid-template:1fr/1fr 1fr 1fr;width:100%;padding:.5rem;background-color:#6c6c6c;border-radius:.5rem;border-width:.5rem;border-color:#000c17}.manualOverrideCard .manualOverrideCardTitle{font-family:myriadBold,sans-serif;font-size:1rem;color:#fff}.manualOverrideCard p{font-family:myriadText,sans-serif;font-size:1rem;color:#fff}}
/*# sourceMappingURL=main.bd036f3a.chunk.css.map */