body.dark{background-color:#016701;display:flex;align-items:center;justify-content:center;padding:0;background-image:url(/background-dark.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}body{background-color:#016701;display:flex;align-items:center;justify-content:center;padding:0;background-image:url(/background-light.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.app-body{width:fit-content}.landing-page-main-cont{display:flex;flex-direction:column;align-items:center}.searchbar-container{border-radius:10px;width:85vw;height:55px;display:flex;align-items:center;justify-content:space-between;padding-left:7.5px;padding-right:7.5px;background-color:#d3ff11;box-shadow:0 0 10px #000000cb;margin-left:1vw}.logo-container{display:flex;align-items:center;width:fit-content;margin-left:7.5px}.landing-logo-container{margin-left:42.5%}.icon-div{margin-left:0;display:flex;align-items:center;width:fit-content}#mobile-logo{display:none;font-weight:700}#web-logo{font-size:30px;font-weight:700}.search-input{width:25vw;margin-left:auto;height:21px;border:none;border-radius:10px;padding-left:5px;padding-right:5px;outline:none;background-color:#ffffffcd}.search-input::placeholder{color:#18530091}.searchbar-icons{width:30px;margin-top:2.5px;margin-left:5px}#menu-icon{display:none;height:42px;width:42px;margin-bottom:3px}#notif-icon{height:30px;width:30px;margin-bottom:3px;margin-right:7px}.searchbar-icons:hover{cursor:pointer;scale:1.05}@media screen and (max-width: 1030px){#mobile-logo{display:flex;font-size:30px}#web-logo{display:none}.search-input{width:35.5vw;display:none}#notif-icon{display:none}#menu-icon{display:flex}.landing-logo-container{margin-left:.5%}}@media screen and (max-width: 420px){.searchbar-container{margin-left:1.5vw}}.sideNav{border:2px solid greenyellow;width:45vw;height:98.2vh;z-index:9999;position:fixed;top:10px;left:54vw;display:flex;flex-direction:column;background-color:#d3ff11ae;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000000c7}.sidenav-exit-btn{margin-left:auto;font-size:18px;border:none;color:#006000;background-color:#0000}.sidenav-exit-btn:hover{scale:1.1;cursor:pointer}.sidenav-title{text-align:center;margin:0 0 10px;font-size:25px;color:#00290096}.sideNav-options{border-bottom:2px solid rgba(0,41,0,.59);text-decoration:none;width:97%;height:7%;text-align:center;font-size:larger;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;color:#00290096}.sideNav-options:hover{scale:1.03;font-weight:700;color:#f7fa54e0;background-color:#5a800035}.sideNav-login-option{border-bottom:2px solid rgba(0,41,0,.59);text-decoration:none;width:97%;height:7%;text-align:center;font-size:larger;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;border-left:none;border-right:none;border-top:none;color:#00290096;background-color:#0000}.sideNav-login-option:hover{cursor:pointer;scale:1.03;font-weight:700;color:#f7fa54e0;background-color:#5a800035}#sideNav-notif-btn{border:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:2px solid rgba(0,41,0,.59);background-color:#0000}#sideNav-notif-btn:hover{cursor:pointer}#sideNav-logout-btn{border:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:2px solid rgba(0,41,0,.59);background-color:#0000}#sideNav-logout-btn:hover{cursor:pointer}@media screen and (max-width: 420px){.sideNav{width:95vw;top:10vh;left:2vw;right:0}}.invoice-page-menu-cont{border:2px solid rgb(197,251,1);border-left:2px solid rgb(30,38,0);border-right:2px solid rgb(30,38,0);display:flex;align-items:center;justify-content:space-around;width:99.7%;background-color:#c5fb01}.invPage-menu-btns{width:25%;font-weight:700;border:none;border-left:2px solid rgb(30,38,0);border-right:2px solid rgb(30,38,0);background-color:#c5fb01}.invPage-menu-btns:hover{cursor:pointer;scale:1.025}.landing-card1-main-cont{border-radius:5px;width:90vw;margin-top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#b8dc02e0}.landing-card1-main-cont.dark{border-radius:5px;width:90vw;margin-top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#dcff2fc0}.landing-cards-titles{margin:20px 0 0;font-size:30px;color:#000000a7}.landing-cards-texts{margin:0 0 15px;text-align:center}.landing-cards-buttons{width:40%;height:30px;margin-bottom:20px;border:none;border-radius:5px;font-size:18px;color:#000000ae;background-color:#ff0}.landing-cards-buttons:hover{scale:1.025;color:#505b00;box-shadow:0 0 10px #0000005d;cursor:pointer}.landingCard2-main-cont{border-radius:5px;margin-top:20px;display:flex;align-items:center;height:40vh;width:88.5vw;padding:2.5% 10px;background-color:#b8dc02e0}.landingCard2-main-cont.dark{border-radius:5px;margin-top:20px;display:flex;align-items:center;height:40vh;width:88.5vw;padding:2.5% 10px;background-color:#c7ef02d5}.landingCard2-left-cont{height:98.5%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-left:15%;width:10%}.card2-icons{width:40px;height:40px;opacity:85%}.landingCard2-right-cont{height:98.5%;display:flex;flex-direction:column;justify-content:space-around}.card2-right-cont-titles{margin:0;font-size:20px;font-weight:700;color:#2f3800}.card2-right-cont-texts{margin:0}@media screen and (max-width: 1030px){.landingCard2-main-cont{justify-content:center;width:90vw;padding:0}.landingCard2-left-cont{margin-right:5%;margin-left:3.5%;width:10.5%}}.landingCard3-main-cont{border-radius:5px;margin-top:20px;margin-bottom:10%;width:87vw;display:flex;flex-direction:column;align-items:center;padding-left:20px;padding-right:20px;background-color:#c1ed00ea}.landingCard3-main-cont{border-radius:5px;margin-top:20px;margin-bottom:10%;width:87vw;display:flex;flex-direction:column;align-items:center;padding-left:20px;padding-right:20px;background-color:#b8dc02e0}.landingCard-titles{font-size:25px;margin-bottom:5px;color:#2f3800}.landingGraph-container{width:70%;margin-bottom:5px}.landingCard3-texts{margin:0 0 7.5px;text-align:center}@media screen and (max-width: 1030px){.landingCard3-main-cont{width:85%}.landingGraph-container{width:90%}}.barGraph-container{border-radius:5px;width:99%;height:30vh;background-color:#c1ed00ca;margin-bottom:20px}.lineGraph-container{border-radius:5px;width:100%;height:30vh;background-color:#c1ed00ca}.barGraphCard-cont{width:99%}.reportsGraphCard-cont{width:100%;height:100%}.reportGraph-container,.report2Graph-container{height:98%}.fl-signupCard-container{border-radius:5px;width:40vw;position:fixed;top:25vh;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;background-color:#74c200c0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000}.exit-button{margin-left:auto;font-size:18px;border:none;color:#003100;background-color:#0000}.exit-button:hover{cursor:pointer;color:#ff0000c9}.signup-titles{margin:0 0 5px;font-size:23px;color:#003400eb}.signup-inputs{width:80%;height:32px;margin-bottom:15px;border:none;border-radius:5px;outline:none;font-size:16px;text-align:center;color:#fff;background-color:#366b01be}.signup-inputs::placeholder{color:#fffa}.signup-inputs:hover{background-color:green}.signup-info{text-align:center;width:90%;margin:20px 0 0}.signup-button{margin-top:5px;width:60%;height:30px;border:none;border-radius:5px;font-size:15px;color:#cccc01;background-color:#4c011069}.signup-button:hover{cursor:pointer;scale:1.025;background-color:#ff0;color:#000}@media screen and (max-width: 1030px){.fl-signupCard-container{width:80vw}}.moreInfoCard-container{flex-direction:column;border:2px solid rgb(105,128,0);border-radius:5px;width:30vw;z-index:9999;position:absolute;padding:5px 5px 17.5px;top:30vh;left:35vw;background-color:#ffff00b7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000}.exit-moreInfoCard-btn{margin-left:95%;padding:0;font-size:16px;border:none;color:#000;background-color:#0000}.exit-moreInfoCard-btn:hover{cursor:pointer;color:red}.moreInfoCard-title{text-align:center;margin:0;color:#2c2c00df}.moreInfoCard-text{text-align:center;margin:5px 0 0;color:#2c2c00df}@media screen and (max-width: 1030px){.moreInfoCard-container{width:50vw;left:25vw}}.loginCard-main-container{border-radius:5px;position:fixed;top:25vh;padding:10px 10px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30vw;background-color:#00ab00;box-shadow:0 0 10px #000}@media screen and (max-width: 1030px){.loginCard-main-container{width:65vw}}.notif-page-main-cont{border-radius:5px;position:fixed;z-index:9999;width:30vw;height:98vh;top:10px;left:69.5vw;display:flex;flex-direction:column;align-items:center;background-color:#d3ff11ae;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000000c7;overflow-y:auto}.exit-notif-page-button{margin-left:auto;font-size:17px;font-weight:700;border:none;padding-top:5px;padding-right:10px;color:#002c00be;background-color:#0000}.exit-notif-page-button:hover{color:#ba0101c1;scale:1.1;cursor:pointer}.notif-page-title{margin:0 0 5px;font-size:22.5px;color:#464f00}.notifs-list{width:92.5%;margin:0;padding:0;list-style:none}.notif-object{border-bottom:2px solid rgba(0,41,0,.59);padding-left:5px;padding-right:5px}.notif-text{text-align:center;margin:5px 0 0;font-size:18px;font-weight:700;color:#4a6001}.notif-time{margin:0 0 5px;text-align:center}.clear-notifs-button{border:none;margin:0;color:#99020251;background-color:#0000}.clear-notifs-button:hover{cursor:pointer;color:#b60303}@media screen and (max-width: 1030px){.notif-page-main-cont{width:50vw;left:49vw}}@media screen and (max-width: 420px){.notif-page-main-cont{width:100vw;left:0;top:15px}}.notif-alert-icon{margin:0;position:absolute;z-index:9999;left:91.5%;top:2.5%;width:10px;height:10px;border-radius:5px;background-color:red}@media screen and (max-width: 1030px){.notif-alert-icon{left:91%}}@media screen and (max-width: 580px){.notif-alert-icon{left:90%}}.dashboard-page-container{display:flex;flex-direction:column;align-items:center;width:100vw;height:fit-content;background-image:url(background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.page-title-container{width:90vw;display:flex;align-items:center;margin-right:.7vw}.page-titles{margin-right:auto;margin-top:10px;margin-bottom:0;color:#fdfd1cb0}.page-titles.dark{margin-right:auto;margin-top:10px;margin-bottom:0;color:#1e2f00}.cards-container,.quick-actions-container{width:90.5vw;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.drafted-div{width:91%}.barGraph-container2{width:90vw;border-radius:5px;display:flex;align-items:center;justify-content:center;background-color:#c1ed00}.add-client-container{border-radius:5px;position:fixed;top:20%;z-index:9999;width:80vw;height:fit-content;flex-direction:column;padding:10px 10px 7.5%;background-color:#a7c400c3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000}.dash-sub-title{text-align:center;font-size:20px;margin:0 0 10px;color:#00000095}.all-invoices-container{width:90vw;padding:10px;flex-direction:column;border-radius:5px;position:fixed;z-index:9999;top:20%;background-color:#a7c400}.webNav-container{border-top:3px solid rgb(66,84,0);border-bottom:4px solid rgb(66,84,0);width:90vw;height:5vh;display:flex;align-items:center;justify-content:space-between;padding-left:5px;padding-right:5px}.webNav-container.dark{border-top:3px solid rgb(197,251,1);border-bottom:4px solid rgb(197,251,1);width:90vw;height:5vh;display:flex;align-items:center;justify-content:space-between;padding-left:5px;padding-right:5px}.webNav-options{text-decoration:none;font-size:18px;color:#425400}.webNav-options.dark{text-decoration:none;font-size:18px;color:#c5fb01}.webNav-options:hover{color:#f2fe71;scale:1.05}.earning-cards-container.dark{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;width:47.5%;background-color:#d3ff1184;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding-top:15px;padding-bottom:15px}.earning-cards-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;width:47.5%;background-color:#607500b9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px}.home-cards-titles{margin:0 0 10px;font-size:20px;font-weight:700;color:#f4ff1e}.home-cards-titles.dark{margin:0 0 10px;font-size:20px;font-weight:700;color:#0000007c}.home-cards-text{margin:0;font-size:30px;color:#f4ff1e}.home-cards-text.dark{margin:0;font-size:30px;color:#00000085}@media screen and (max-width: 420px){.earning-cards-container{width:45%}}.tableCard-container{height:fit-content;margin-top:15px}.table-container{width:100%;display:flex;flex-direction:column;align-items:center}.page-sub-titles2{color:#5c5c00e3;margin-bottom:0;font-size:22.5px;font-weight:700;width:100%;text-align:center}.page-sub-titles2.dark{color:#fdfd1cb0;margin-bottom:0;font-size:22.5px;font-weight:700;width:100%;text-align:center}.tbody{width:100%}tr{width:100%;display:flex;align-items:center;justify-content:space-evenly}.table-titles-cont{background-color:#c2ed00;border-top-right-radius:5px;border-top-left-radius:5px}.table-titles{width:25%;height:30px;display:flex;align-items:center;justify-content:center;color:#0007}.row-data{border:2px solid rgb(194,237,0);width:25%;height:30px;overflow-y:auto;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;color:#ffff6ab1;background-color:#647f019b}.row-data-email{border:2px solid rgb(194,237,0);padding-left:10px;overflow-y:auto;width:25%;height:30px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#ffff6ab1;background-color:#647f019b}.row-data-descript{border:2px solid rgb(194,237,0);padding-left:10px;overflow-x:auto;width:25%;height:30px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#ffff6ab1;background-color:#647f019b}.table-button{border:none;font-size:14px;font-weight:700;color:#ffff6ab1;background-color:#0000}.table-button:hover{cursor:pointer;scale:1.05}.all-inv-table-buttons{border:none;font-size:14.5px;font-weight:700;color:#ffff6ab1;background-color:#0000}.all-inv-table-buttons:hover{cursor:pointer;scale:1.05}@media screen and (max-width: 380px){.tableCard-container{width:50vw}}.send-popup-main-container{border-radius:5px;display:none;flex-direction:column;padding:10px 10px 30px;position:fixed;z-index:9999;width:47.5%;height:fit-content;top:25%;left:25%;background-color:#afdf01b9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000}.send-popup-main-container.dark{border-radius:5px;padding:10px;position:fixed;z-index:9999;width:47.5%;height:50vh;top:25%;left:25%;background-color:#d2ff2fb9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000}.send-to-title{text-align:center;margin:0;font-size:20px;color:#464e00}.send-to-title.dark{text-align:center;margin:0;font-size:20px;color:#393e00}.exit-button{margin-left:95%;font-weight:700}.exit-button:hover{cursor:pointer}.sendTo-info{font-size:13px;text-align:center;margin:0 0 5px}.sendTo-dropdown{border:none;outline:none;margin-bottom:20px;margin-left:12.5%;height:30px;width:75%;font-size:14px;color:#cc0;background-color:#014f01a2}.sendTo-dropdown:hover{cursor:pointer}.send-invoice-buttons{height:25px;width:50%;margin-left:25%;border:none;border-radius:5px;margin-bottom:6px;font-size:14.5px;font-weight:700;color:#0000009f;background-color:#3b5b007a}.send-invoice-buttons:hover{cursor:pointer;scale:1.025;background-color:#ccd702}@media screen and (max-width: 1030px){.send-popup-main-container{width:75%;left:12.5%}}.quick-action-card-cont{border-radius:5px;width:46.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background-color:#d3ff11b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quick-action-titles{margin:0 0 5px;color:#0007}.quick-action-btns{width:100%;height:80px;border-radius:5px;border:none;font-size:17.5px;color:#00000067;background-color:#4453006c}.quick-action-btns:hover{cursor:pointer;font-weight:700;scale:1.01;background-color:#ff0}.quick-action-links{margin-top:10px;width:100%;height:80px;border-radius:5px;border:none;text-decoration:none;font-size:17.5px;display:flex;align-items:center;justify-content:center;color:#00000067;background-color:#4453006c}.quick-action-links:hover{cursor:pointer;font-weight:700;scale:1.01;background-color:#ff0}@media screen and (max-width: 1030px){.quick-action-card-cont{width:45.3%}.quick-action-btns:hover,.quick-action-links:hover{cursor:pointer;font-weight:700;scale:1.025;background-color:#ff0}}.add-new-client-main-cont{border:2px solid rgba(149,179,1,.754);border-radius:5px;height:fit-content;padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;background-color:#303c01}.add-new-client-inputs{height:25px;border:none;outline:none;border-radius:5px;text-align:center;font-size:15px;color:#032700;background-color:#cbff30af}.add-new-client-inputs::placeholder{color:#032700}.add-new-client-inputs:hover{background-color:#f9fc4fd9}@media screen and (max-width: 1030px){.add-new-client-inputs{width:95%}}.inv-sub-page-container{height:50vh;border-radius:5px;border:2px solid rgba(140,175,0,.625);display:flex;flex-direction:column;align-items:center;padding-top:15px;padding-bottom:15px;overflow-y:auto;background-color:#5b7200}.inv-sub-page-container.dark{height:50vh;border-radius:5px;border:2px solid rgba(140,175,0,.625);display:flex;flex-direction:column;align-items:center;padding-top:15px;padding-bottom:15px;overflow-y:auto;background-color:#303c01}.inv-sub-page-text{margin:0;font-weight:700;border:none;background-color:#0000;color:#d8fb10a6}.inv-sub-page-text:hover{cursor:pointer;scale:1.025;color:#ff0}.view-invoice-main-container{overflow-y:scroll;overflow-x:hidden;border-radius:5px;display:flex;flex-direction:column;align-items:center;position:fixed;z-index:9999;padding:10px;width:45vw;height:87vh;top:8vh;background-color:#008000a4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000}.page-sub-title{margin:0 0 10px;color:#cce302}.viewInv-page-info{font-size:14px;text-align:center;width:80%;margin:0 0 10px}.viewInv-page-info:hover{color:#cce302}.labels-for-viewInvs{margin:15px 0 0;width:95%;color:#dbcc02c8}.view-invoice-client-info{font-size:15px;text-align:center;padding-top:10px;padding-bottom:10px;width:95%;border:none;border-radius:5px;outline:none;margin:5px;color:#b4c800;background-color:#014801}.viewInv-item-table-title{margin:15px 0 0;font-weight:700;color:#cce302}@media screen and (max-width: 1030px){.view-invoice-main-container{width:85vw}}.payCard-main-container{border-radius:5px;width:40vw;height:fit-content;padding:10px 10px 30px;position:fixed;z-index:9999;top:9%;display:none;flex-direction:column;align-items:center;background-color:#afd600cf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000}.payCard-dropdown{width:75%;height:30px;outline:none;border:none;border-radius:5px;padding-left:2.5px;padding-right:5px;font-size:15.5px;color:#ffffffaf;background-color:#01a501d8}.payCard-dropdown-button{width:75%;height:25px;border:none;border-radius:5px;margin-top:5px;color:#000000b2;background-color:#ffff00cf}.payCard-dropdown-button:hover{cursor:pointer;scale:1.01;color:#000}.total-display{margin-top:10px;margin-bottom:30px;width:72.5%;outline:none;border:none;color:#000000b7;background-color:#0000}.payment-info-container{width:75%;display:flex;flex-direction:column;align-items:center}.label-for-payment-info{text-align:center;margin-bottom:10px;border-radius:5px;width:50%;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#00000097;background-color:#01b80178}.payment-info-inputs{width:100%;height:25px;outline:none;border:none;border-radius:5px;margin-bottom:15px;font-size:15px;background-color:#00b300b7}.save-invoice-info{margin:0;font-size:14px}.pay-button-conditions{width:75%;text-align:center;font-size:12.5px;margin-bottom:0}.pay-button-conditions:hover{font-weight:700}.submit-payment-button{width:75%;height:25px;border:none;border-radius:5px;margin-top:5px;color:#000000b2;background-color:#ffff00cf}.submit-payment-button:hover{cursor:pointer;scale:1.025;color:green;font-weight:700}.StripeElement{width:100%;height:25px;outline:none;border:none;border-radius:5px;margin-bottom:15px;font-size:15px;background-color:#00b300b7}.pay-invoice-info-btn{margin:0 0 10px;font-weight:700;border:none;background-color:#0000;color:#576601a6}.pay-invoice-info-btn:hover{cursor:pointer;scale:1.025;color:#ff0}@media screen and (max-width: 1030px){.payCard-main-container{width:70vw}}.invoice-page-container{display:flex;flex-direction:column;align-items:center;margin:0;width:88%;border-radius:5px;height:fit-content;padding-left:2.5vw;padding-right:2.5vw;background-color:#3b4b00d8}.invoice-info-container{display:flex;flex-direction:column;align-items:center;width:98%}.page-section-titles{margin:5px;font-size:19px;color:#9cbb01}.invoiceInfoCard-input-cont{width:98%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.bill-to-info-text-conts{display:flex;align-items:center;justify-content:space-around;width:98%}.bill-to-info-text{margin:0 0 2.5px;color:#d8fb10a6}.MoreInfo-button{font-weight:700;margin-left:2.5px;border-radius:10px;border:none;color:#056cf4e8;background-color:#d4fb9973}.MoreInfo-button:hover{cursor:pointer;background-color:#fff}.invoiceInfoCard-inputs{width:97.5%;height:30px;border-radius:2.5px;border:none;margin:.5% .5% 15px;text-align:center;font-size:15px;outline:none;color:#000000c8;background-color:#c9ff77c5}.invoiceInfoCard-inputs::placeholder{color:#00000078}.invoiceInfoCard-inputs:hover{background-color:#ebfd88e6}fieldset{border:none}.invoice-page-body{height:100vh;width:90vw}.invoice-main-container{height:fit-content;border-radius:5px;display:flex;flex-direction:column;align-items:center;padding-top:15px;padding-bottom:15px;background-color:#b0e00283}.add-items-input-cont{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;width:95%;margin-bottom:7.5px;border:none}.add-item-inputs{height:25px;border-radius:5px;border:none;outline:none;text-align:center;color:#d8fb10a6;background-color:#3b4b00}.add-item-inputs::placeholder{color:#d8fb10a6}.add-item-inputs:hover{color:#272e00dc;background-color:#7aa700}.add-item-inputs.dark:hover{color:#272e00dc;background-color:#d6ff66}.add-item-button{width:60%;height:20px;border:none;margin-bottom:15px;border-radius:5px;color:#00000083;background-color:#e3fc3e}.add-item-button:hover{scale:1.025;font-weight:700;color:#165501af;background-color:#ff0;cursor:pointer;box-shadow:0 0 10px #0000003b}.invoiceExtras-inputs{width:94.5%;height:20px;padding:5px;border-radius:5px;border:none;outline:none;font-size:13.5px;margin:5px;color:#d8fb10a6;background-color:#3b4b00}.invoiceExtras-inputs::placeholder{color:#d8fb10a6}.invoices-main-buttons{width:60%;height:27.5px;margin:3px;border:none;border-radius:5px;color:#00000083;background-color:#e3fc3e}.invoices-main-buttons:hover{scale:1.025;font-weight:700;color:#165501af;background-color:#ff0;cursor:pointer;box-shadow:0 0 10px #0000003b}.page-section-subtitles{color:#003800;margin-top:5px;margin-bottom:7.5px}.page-sub-titles{display:flex;align-items:center;justify-content:center;color:#000000b3}.page-sub-titles.dark{color:#e0f900}@media screen and (max-width: 1030px){.invoiceExtras-inputs{width:93%}}.clients-page-container{height:100vh;width:90vw}.clients-sub-page-container{height:50vh;border-radius:5px;border:2px solid rgba(140,175,0,.625);display:flex;flex-direction:column;align-items:center;padding-top:15px;padding-bottom:15px;margin-bottom:15px;overflow-y:auto;background-color:#303c01}.addNewClient-button{width:50%;margin-left:25%;margin-top:7.5px;height:25px;border:none;border-radius:5px;color:#fff;background-color:#00c800cd}.addNewClient-button:hover{font-weight:700;scale:1.025;cursor:pointer;color:#000000bc;background-color:#ff0}.edit-popup-main-container{width:50vw;height:fit-content;border-radius:5px;position:fixed;z-index:9999;top:25%;left:25%;padding:10px;display:none;flex-direction:column;align-items:center;background-color:#dcff2fba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000}.sub-title{margin:0 0 10px;font-size:20px;color:#233b00}.edit-info-inputs{width:80%;height:30px;border:none;outline:none;margin-bottom:7.5px;border-radius:5px;text-align:center;font-size:15.5px;color:#014701;background-color:#68a001}.edit-info-inputs::placeholder{color:#014701}.edit-info-inputs:hover{background-color:#7bbc01}.submit-edited-info-btn{width:75%;height:25px;border:none;outline:none;border-radius:5px;margin-bottom:20px;margin-top:10px;color:#00000096;background-color:#01cf01}.submit-edited-info-btn:hover{cursor:pointer;scale:1.025;color:#fff;box-shadow:0 0 5px #0000003a}@media screen and (max-width: 1030px){.edit-popup-main-container{width:80vw;left:auto}}.flReports-page-container{height:100vh}.reports-subtitles-container{margin-top:20px;width:90vw;display:flex;align-items:center;justify-content:space-between;color:#e1e102d7}.reports-page-sub-titleL{margin:0;width:55%;font-size:20px;text-align:center;color:#6d6d02d7}.reports-page-sub-titleR{margin:0;width:45%;font-size:20px;text-align:center;color:#6d6d02d7}.reports-page-sub-titleL.dark{margin:0;width:55%;font-size:20px;text-align:center;color:#e1e102d7}.reports-page-sub-titleR.dark{margin:0;width:45%;font-size:20px;text-align:center;color:#e1e102d7}.reports-main-container{width:90.5vw;height:50vh;display:flex;align-items:center;justify-content:space-between}.reports-left-container{border-radius:5px;width:52.5%;height:100%;background-color:#8ca801e4}.reports-left-container.dark{border-radius:5px;width:52.5%;height:100%;background-color:#dcff2fc0}.reports-right-container{display:flex;align-items:center;justify-content:center;border-radius:5px;width:42.5%;height:100%;background-color:#8ca801e4}.reports-right-container.dark{display:flex;align-items:center;justify-content:center;border-radius:5px;width:42.5%;height:100%;background-color:#dcff2fc0}@media screen and (max-width: 420px){.reports-main-container{height:75vh;flex-direction:column;gap:5%}.reports-left-container,.reports-right-container{width:100%}#PvsUP-title{display:none}#monthly-title{width:90vw}}.pie-chart-container{height:98%;width:85%}.totalsCard-main-container{border-radius:5px;margin-top:15px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;padding-left:10px;padding-right:10px;background-color:#a0c002ce}.totalsCard-main-container.dark{border-radius:5px;margin-top:15px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;padding-left:10px;padding-right:10px;background-color:#dcff2fc0}.totals-containers{width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}.totals-titles{margin:7.5px 0 5px;font-size:18px;color:#141e00c4}.totals-info{margin:0 0 5px;font-size:25px;font-weight:700;color:#141e00c4}.flSettings-page-container{height:fit-content}.settings-page-main-container{border-radius:5px;margin-top:20px;margin-bottom:20px;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px;background-color:#dcff2fc0}.profile-container{width:100%;height:30%;display:flex;flex-direction:column;align-items:center;gap:5%;border:none}.settings-page-subTitles{margin:0 0 5px;text-align:center;font-size:20px;color:#293700}.settingsProfile-inputs{width:90%;height:35px;margin-bottom:5px;border:none;border-radius:5px;outline:none;font-size:15px;text-align:center;color:#c8ff00;background-color:#456201d1}.settingsProfile-inputs::placeholder{text-align:center;color:#c8ff00}.edit-profile-button{width:80%;height:25px;margin-bottom:12.5px;border:none;border-radius:5px;color:#000000ac;background-color:#8b9e00}.edit-profile-button:hover{font-weight:700;scale:1.025;cursor:pointer;color:#434d00;background-color:#ff0;box-shadow:0 0 10px #00000067}.companyInfo-container{border-radius:5px;height:30%;width:91%;margin-bottom:5px;background-color:#456201d1}.appSettings-container{border-radius:5px;height:30%;width:90.5%;margin-bottom:5px;background-color:#456201d1;display:flex;flex-direction:column;align-items:center;padding-top:10px;padding-bottom:10px}@media screen and (max-width: 1030px){.companyInfo-container,.appSettings-container{width:92%}}.companyInfo-main-container{height:21vh;padding-left:10px;padding-right:10px;display:flex;align-items:center;justify-content:space-between}.companyLogo-container{width:35%;height:130px;display:flex;align-items:center;justify-content:center;background-color:#f9ff4caf}.companyLogo-placeholder{font-size:20px}.companyInfo-Info-container{height:130px;width:60%}.companyInfo-top-container{border-radius:5px;padding:5px;height:fit-content;margin-bottom:2.5%;background-color:#f9ff4caf}.addressTitle{margin:0 0 2.5px;font-weight:700;color:#293700}.addressText{margin:0;color:#293700}.companyInfo-bottom-container{border-radius:5px;padding:5px;height:fit-content;background-color:#f9ff4caf}.paymentTitle{margin:0 0 2.5px;font-weight:700;color:#293700}.paymentText{margin:10.5px 0 0;color:#293700}.invSettings-page-container{border-radius:5px;width:50%;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#f9ff4caf}.invSettingsCurrTitle{margin:0 0 5px;font-weight:700;text-align:center;color:#293700}.invSettingsCurrDropDn{width:100%;height:25px;margin-bottom:10px;outline:none;border:2px solid rgb(69,98,1);background-color:#456201d1}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-bottom:15px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#178d005d;border-radius:34px;inset:0;transition:.3s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#024801}input:checked+.slider:before{transform:translate(26px)}.web-logout-btn{width:50%;height:25px;border-radius:5px;border:none;font-weight:700;margin-bottom:5px;color:#000000b3;background-color:#d9ff2f}.web-logout-btn:hover{cursor:pointer;scale:1.025;color:#000;box-shadow:0 0 5px #000000a7}.editCard-main-container{display:flex;flex-direction:column;align-items:center;position:fixed;z-index:9999;top:10%;left:25%;border-radius:5px;width:50%;padding:10px;background-color:#a9d301;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #000}.settingEdit-title{margin:0 0 10px;font-size:22.5px;color:#000000c8}.settingsEditCard-inputs{width:75%;height:30px;margin-bottom:12.5px;border-radius:5px;border:none;outline:none;text-align:center;font-size:15px;background-color:#00800088}.settingsEditCard-inputs::placeholder{color:#000000b5}.settingsEditCard-inputs:hover{background-color:#02b60288}.settingEditCard-submit-btn{width:50%;height:25px;border-radius:5px;border:none;margin-bottom:25px;font-weight:700;color:#000000b3;background-color:#d9ff2f}.settingEditCard-submit-btn:hover{cursor:pointer;scale:1.025;color:#000;box-shadow:0 0 5px #000000a7}@media screen and (max-width: 1030px){.editCard-main-container{width:70%;left:15%}}.cl-quickActions-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.yourStats-main-container{height:30vh;width:90%;display:flex;align-items:center;gap:5%;margin-bottom:20px}.cl-invoices-page-container{height:100vh}