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}html{min-height:100%;background-image:linear-gradient(to bottom,#909193,#d0d3d5 40%,#edf0f3)}#root{height:100%}.button-primary{background-image:linear-gradient(#3246dd,#97a1ec)!important;color:#fff!important;margin:10px!important}.button-primary:hover{background-image:linear-gradient(#3246dd80,#97a1ec80)!important}.secondary-button{background-color:gray!important;color:#f2f1f1e6!important;margin:10px!important}.secondary-button:hover{background-color:#d3d3d3!important}.disabled-button{background-color:#d3d3d3!important;color:#fff!important;margin:10px!important}.alert-main{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;color:#721c24;padding:10px;border-radius:5px;z-index:3;visibility:visible}.alert-main .content{min-width:400px;width:25%;max-height:90%;border-radius:10px;display:flex;flex-direction:column;align-items:center;background-color:#d3d3d3}.alert-main .content .content-item{border-radius:10px;background-color:#fff;width:94%;margin-top:10px;margin-bottom:10px;height:98%}.alert-main.closing{animation:alert-out .06s forwards}.loading-main{position:absolute;inset:0;align-content:center;z-index:999;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center}.modal-main{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;color:#721c24;padding:10px;border-radius:5px;z-index:3;visibility:visible}.modal-main .content{width:800px;height:500px;max-height:90%;border-radius:10px;align-items:center;padding-bottom:15px;background-color:#eae4e4}.modal-main .content .flexbox{height:400px;background-color:#fff;border-radius:10px;margin:10px 20px 0;display:flex}.modal-main .content .flexbox .content-item{max-height:100%;width:100%;margin-top:10px;margin-left:10px;margin-right:10px;overflow-y:auto}.modal-main .content.closing{animation:alert-out .2s forwards}@keyframes alert-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.admin-container{display:flex;flex-direction:row;height:"100%"}.admin-container .admin-content{display:flex;margin:10px}.admin-menu{display:flex;flex-direction:column;top:10px;bottom:10px;left:10px;position:absolute;background-color:#fff;border-radius:8px;margin-right:0;width:250px}.admin-menu .profile{position:absolute;top:10px;right:10px}.admin-menu .iconstyle{background-color:"white";width:40px;margin-left:5px;margin-top:10px}.admin-menu.hide{width:50px;animation:fadeResize .3s linear}.admin-menu.hide .iconstyle{background-color:#fff;width:40px;position:absolute;margin-left:5px;margin-top:10px;z-index:1}.menu-item{color:#000;display:flex;margin:10px;min-height:40px;align-items:center;text-align:center;cursor:pointer;background-color:transparent;border-radius:10px;box-shadow:2px 2px #00000080;text-decoration:none}.menu-item.active{color:#fff;background-image:linear-gradient(#2e2c8ff1,#15509de6)}.menu-summary{color:#000;display:flex;margin:10px;min-height:40px;align-items:center;cursor:pointer;background-color:transparent;border-radius:10px;box-shadow:2px 2px #00000080;padding-left:3px}.menu-summary:first-of-type{margin-top:50px}.menu-summary.active>.icon-color{color:#fff}.menu-summary.active{background-color:#add8e6}.menu-summary:not(.active)>.icon-color{color:#000}.menu-item.active>.icon-color{color:#fff;margin-right:10px;margin-left:10px}.menu-item:not(.active)>.icon-color{color:#000;margin-right:10px;margin-left:10px}.menu-item:hover{background-image:linear-gradient(#f2f1f1e6,#0003)}@keyframes fadeResize{0%{width:250px}to{width:50px}}@keyframes fadeExpand{0%{width:50px}to{width:250px}}.pagewrapper{margin:0 0 0 300px;display:flex;flex-direction:row;height:100%;width:100%}.pagewrapper:has(.admin-menu.hide){margin-left:60px}.table-search-component{height:60px;border:1px solid #ddd;border-radius:10px;margin-bottom:5px;display:flex;flex-direction:row}.table-search-component .search-item{flex:1}.table-component{width:100%;height:calc(100% - 98px);overflow-x:auto;overflow-y:auto}.table-component table{width:100%;border-collapse:collapse;border:2px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a}.table-component tr:nth-child(2n){background-color:#0000000d}.table-component th,.table-component td{padding:12px;border-bottom:1px solid #ddd;min-width:180px}.table-component th.childentry,.table-component td.childentry{text-align:left}.table-component th.childentrynumber,.table-component td.childentrynumber{text-align:right}.table-component th{background-color:#f2f2f2}.table-component .child-table-container{overflow-x:auto;max-width:100%}.table-component .child-table{background-color:red}tr:not(.child):hover td:not(.childrow):not(.childentry){background-color:#00d2ff1a}tr.child:hover td.childentry{background-color:#00d2ff1a}.paging{margin-top:10px;margin-bottom:10px}.paging .MuiPagination-ul{justify-content:center}.age-page{background-color:#fff;position:absolute;inset:10px 10px 10px 265px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 40px);overflow:scroll}.age-page .claim-content{height:100%}.age-page .space-container{width:100%;height:4px;background-color:gray;opacity:.5;margin-top:50px;margin-bottom:40px;border-radius:20px}.age-page h1{text-align:center!important}.admin-menu.hide+.age-page{left:75px;animation:fadeReduce .3s linear}.claim-item-page{background-color:#fff;position:absolute;inset:10px 10px 10px 265px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 40px);overflow:hidden}.claim-item-page .claim-item-content{height:100%}.member-input-claim{min-width:300px}.outstanding,.manualpayment{width:calc(100% - 20px)}.admin-menu.hide+.library{left:65px;animation:fadeReduce .3s linear}.library{position:absolute;display:flex;flex-direction:row;inset:10px 10px 7px 265px}.library .library-container{position:relative;height:100%}.library .library-container .search-component{height:60px;margin-bottom:5px;border-radius:10px;background-color:#fff}.library .library-container .search-component .search-item{width:94%!important}.library .library-container .container-body{background-color:#fff;border-radius:10px;width:300px;height:calc(100% - 100px);display:flex;flex-direction:column;padding-bottom:32px}.library .library-container .container-body .body-content{overflow-y:scroll;flex:1}.library .library-container .container-body .container-item{height:100px;margin:10px;border-radius:10px}.library .library-container .container-body hr:last-child{display:none}.library .library-container .paging-style{position:absolute;bottom:5px;width:100%;left:auto;right:auto}.library .library-container .paging-style>ul{justify-content:center}.content-page{width:100%;height:100%;margin-left:5px;border-radius:10px}.content-page .action-items{display:flex;flex-direction:row;overflow:scroll;height:60px;margin-bottom:5px;border-radius:10px}.content-page .action-items.multi-color{background-color:#fff}.content-page .container-body{background-color:#fff;border-radius:10px;width:100%;height:calc(100% - 68px);display:flex;flex-direction:column;overflow-y:scroll}.debtors-card{display:flex;flex-direction:column;margin:6px;border-radius:10px;text-decoration:none;background-image:rgba(166,160,160,.3);color:#000}.debtors-card span{margin:4px}.library-navlink.active>.debtors-card{background-image:linear-gradient(#2e2c8ff1,#15509de6);color:#fff}.library-navlink:not(.active)>.debtors-card{color:#000;background-image:rgba(166,160,160,.3)}.debtors-page{background-color:#fff;position:absolute;inset:70px 10px 10px 308px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 90px);overflow:hidden}.debtors-page .debtors-content{height:100%}.admin-menu.hide+.debtors-page{left:75px;animation:fadeReduce .3s linear}.document-page{background-color:#fff;position:absolute;inset:10px 10px 10px 265px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 40px);overflow:hidden}.document-page .document-content{height:100%}.admin-menu.hide+.document-page{left:75px;animation:fadeReduce .3s linear}MuiFormControl-root{height:8px!important;margin:10px!important}.textbox{flex:1}.date-class{margin:10px}.member-page{background-color:#fff;position:absolute;inset:80px 10px 10px 265px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 125px);overflow:scroll}.admin-menu.hide~.member-page{left:75px;animation:fadeReduce .3s linear}.admin-menu.hide+.member-page-header{left:75px;animation:fadeReduce .3s linear}.member-page-header{background-color:#fff;height:62px;position:absolute;left:265px;top:10px;right:10px;border-radius:10px;display:inline-block;display:flex}.member-page-header .member-input,.member-page-header .search-button{width:300px}.script-container{width:97%;display:flex;flex-direction:column;border-radius:10px;padding:10px;background-color:#fff;box-shadow:5px 5px 15px gray;margin:10px}.script-container td{border:2px lightgrey solid;padding:6px}.payment-card{display:flex;flex-direction:column;margin:6px;border-radius:10px;text-decoration:none;background-image:rgba(166,160,160,.3);color:#000}.payment-card span{margin:4px}.library-navlink.active>.payment-card{background-image:linear-gradient(#2e2c8ff1,#15509de6);color:#fff}.library-navlink:not(.active)>.payment-card{color:#000;background-image:rgba(166,160,160,.3)}.payment-page{background-color:#fff;position:absolute;inset:70px 10px 10px 308px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 90px);overflow:hidden}.payment-page .payment-content{height:100%}.admin-menu.hide+.payment-page{left:75px;animation:fadeReduce .3s linear}.remittance-page{background-color:#fff;position:absolute;inset:1px 10px 10px 306px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 25px);overflow:hidden}.remittance-page .remittance-content{height:100%}.report-page{background-color:#fff;position:absolute;inset:10px 10px 10px 265px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 40px);overflow:scroll}.report-page .pagination{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.report-page .btn-report{float:right}.report-page .report-content{width:calc(100% - 20px);margin-top:10px;overflow-y:scroll;height:calc(100% - 100px);padding:10px}.report-page .report-btn{width:100%;margin-left:0!important}.report-page .report-header{width:100%;height:65px;display:flex;flex-direction:row;border-bottom:3px lightgray solid}.admin-menu.hide+.report-page{left:75px;animation:fadeReduce .3s linear}.library-image-item{display:flex;flex-direction:row;justify-content:start;border-radius:10px;margin:10px 10px 0}.hr-content{width:98%;height:4px;border-radius:10px;background-color:#d3d3d3}.role-card{display:flex;flex-direction:column;margin:6px;border-radius:10px;text-decoration:none;background-image:rgba(166,160,160,.3);color:#000}.role-card span{margin:4px}.library-navlink.active>.role-card{background-image:linear-gradient(#2e2c8ff1,#15509de6);color:#fff}.library-navlink:not(.active)>.role-card{color:#000;background-image:rgba(166,160,160,.3)}.claim-page{background-color:#fff;position:absolute;inset:10px 10px 10px 265px;border-radius:10px;animation:fadeExpand .1s linear;padding:10px;height:calc(100% - 40px);overflow:hidden}.claim-page .claim-content{height:100%}.admin-menu.hide+.claim-page{left:75px;animation:fadeReduce .3s linear}@keyframes fadeReduce{0%{left:275px}to{left:75px}}.scheme-input{min-width:200px!important}@keyframes fadeExpand{0%{left:75px}to{left:275px}}.component-btn.css-1e6y48t-MuiButtonBase-root-MuiButton-root{min-width:120px;margin:10px}.product-item-header{display:flex;justify-content:center}.user-card{display:flex;flex-direction:column;margin:6px;border-radius:10px;text-decoration:none;background-image:rgba(166,160,160,.3);color:#000}.user-card span{margin:4px}.library-navlink.active>.user-card{background-image:linear-gradient(#2e2c8ff1,#15509de6);color:#fff}.line-hr{height:3px;width:98%;margin-top:10px;margin-bottom:10px;align-self:center;background-color:#d3d3d3}.library-navlink:not(.active)>.user-card{color:#000;background-image:rgba(166,160,160,.3)}.centered-div{width:100vw;height:100vh;text-align:center;padding:20px;display:flex;flex-direction:column;justify-content:center;color:#fff}.login{display:flex;flex-direction:row;justify-content:center;margin-top:100px;height:100%}.login .container{display:flex;max-width:80%;min-width:350px;background-color:#fff;justify-content:center;flex-direction:column;padding:20px;border-radius:20px;box-shadow:0 0 12px #000000b3}.login .image{align-self:center;height:150px;width:150px;background-size:contain}