.blogCard{width:500px;height:450px;background:#f8f9fe;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:35px;margin:5px;display:flex;flex-direction:column}.content{height:90%;width:100%;display:flex;flex-direction:row}.blogLeft{height:100%;width:50%;display:flex;flex-direction:column}.blogCardTitle{max-width:fit-content;max-height:fit-content;margin-left:6%;margin-top:5%}.blogSubTitle{max-width:fit-content;min-height:fit-content;margin-left:6%;margin-top:10%}.blogRight{height:100%;width:50%}.blogImageContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.blogImageContainer img{width:90%;height:90%}.blogOptions{height:10%;width:100%;border-radius:0 0 35px 35px;background-color:#eaf5ff;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040}.clientCard{width:100%;height:100%;background:#d9d9d9;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}.scrollableCardContainer{margin-top:5%;margin-bottom:5%;width:90%;max-height:90%;margin-left:5%;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:20px;overflow:scroll;overflow-x:hidden}.noScrollCardBottom{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:0 0 20px 20px}.scrollableCardContainer::-webkit-scrollbar{border-radius:10px;width:10px}.scrollableCardContainer::-webkit-scrollbar-track{border-radius:50px}.scrollableCardContainer::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.topIcons{width:fit-content;height:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;padding:1rem}.iconsWrapper{display:flex;align-items:center;justify-content:center;cursor:pointer}.cardSection{width:100%;height:fit-content;display:flex;flex-direction:column}.infoRow{display:flex;flex-direction:row;align-items:center;gap:1%}.client{height:fit-content;max-width:100%;padding:2rem;border-radius:10px;box-shadow:6px 6px 10px #40404045 inset,-6px -6px 10px #fff inset}.client p{color:var(--accent-color);font-size:18px;font-weight:600}.residence{height:fit-content;max-width:100%;border-radius:10px;box-shadow:6px 6px 10px #40404045 inset,-6px -6px 10px #fff inset;padding:2rem}.residence p{color:var(--accent-color);font-size:18px;font-weight:600}.members{border:2px solid blue}.appointmentsBox{width:100%;height:100%;background:rgba(255,255,255,.3);border:2px solid rgb(255,145,0);padding:2rem;color:red}.invoicesSection{display:flex;flex-direction:column;gap:20px}.invoiceCard{min-width:fit-content;width:100%;padding:1rem;display:flex;flex-direction:row;justify-content:space-between;border-radius:10px;box-shadow:6px 6px 10px #40404045 inset,-6px -6px 10px #fff inset;box-sizing:border-box}.invoiceCard div{color:var(--accent-color);width:100%;gap:1%;display:flex;flex-direction:row;align-items:center}.invoiceCard p{color:var(--accent-color);font-size:18px;font-weight:600}.invoiceActions{justify-content:flex-end;gap:10px!important}.status-circle{width:10px!important;height:10px!important;border-radius:50%;display:inline-block}.status-circle.green{background-color:#28a745;border-color:#218838}.status-circle.amber{background-color:#ffc107;border-color:#e0a800}.status-circle.red{background-color:#dc3545;border-color:#c82333}@media screen and (max-width: 450px){.invoiceCard div{font-size:14px}}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid #fff;border-color:var(--primary-color) transparent var(--primary-color) transparent;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1800deg)}}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-open{display:flex;position:fixed;z-index:1;left:0;top:0;justify-content:center;align-items:center;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;cursor:auto}.close{color:#000;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:red;text-decoration:none;cursor:pointer}.modal-header{padding:1rem;background-color:var(--primary-color);color:#fff}.modal-body{padding:1rem;color:red}.modal-footer{padding:1rem;background-color:var(--primary-color);color:#fff}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:fit-content;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;animation-name:animatetop;animation-duration:.4s}.customButtonModal{position:relative;top:0;left:0px;align-items:center;border:0;border-radius:8px;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;display:flex;justify-content:center;line-height:1em;max-width:100%;width:fit-content;min-width:fit-content;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;z-index:9999;background:var(--background-color)}.customButtonModal:hover,.customButtonModal:active{outline:1;background:white}.customButtonModal span{padding:12px 20px;border-radius:6px;width:100%;height:100%;transition:.3s}.customButtonModal:hover span{background:none}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.clientListCard{width:315px;height:fit-content;padding:1rem;background-color:#fff;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:20px;display:flex;flex-direction:row;cursor:pointer;align-items:center}.nameContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.nameContainer div{max-width:fit-content;font-size:22px;font-weight:600}.iconsContainer{display:flex;flex-direction:row;gap:20px}.clientListCard:hover{background-color:#c2e7ff;border:2px solid var(--accent-color)}.selected{background-color:var(--primary-color);color:#fff;border:2px solid var(--accent-color)}@media screen and (max-width: 450px){.clientListCard{width:99%}.nameContainer{font-size:14px}}.footer{position:sticky;height:5%;width:100%;background-color:#000;z-index:2;display:flex;justify-content:center;align-items:center;z-index:1}.horNavheader{max-width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background:#0075b7;padding:.5rem}.clientListTitle{width:fit-content;font-family:Poppins;letter-spacing:1px;font-style:bold;font-weight:500;font-size:36px;line-height:36px;display:flex;align-items:center;text-align:center;color:#fff}.addIconStyle{width:42px;height:35px;cursor:pointer}.addIconStyle img{width:100%;height:100%}@media screen and (max-width: 960px){.clientListTitle{font-size:22px;line-height:22px;margin-left:0}.addIconStyle{width:32px;height:25px;margin-left:0}}.navBar{position:fixed;z-index:2;width:125px;height:100%;background:#eaf5ff;border-radius:0 30px 0 0}.logoIcon{position:absolute;width:99px;height:113px;left:13px;top:35px}.logoIcon img{position:absolute;left:3.57%;right:3.57%;top:3.15%;bottom:3.15%;width:92px;height:106px}.clientsButton{position:absolute;width:65px;height:95px;left:27px;top:275px}.clientIcon{position:absolute;width:50px;height:50px;left:14px;top:10px}.iconLable{position:absolute;width:65px;height:24px;left:0px;top:68px;font-family:Poppins;font-style:medium;font-weight:400;font-size:20px;line-height:24px;align-items:center;text-align:center;color:#000}.lineSelectorIndicator{position:absolute;width:74px;height:0px;left:22px;top:380px;border:3px solid #000000}.bookingsButton{position:absolute;width:87px;height:95px;left:19px;top:442px}.bookingsIcon{position:absolute;width:50px;height:50px;left:27px;top:10px}.bookingsLable{position:absolute;width:87px;height:24px;left:11px;top:71px}.notesButton{position:absolute;width:65px;height:95px;left:27px;top:615px}.blogButton{position:absolute;width:65px;height:95px;left:27px;top:785px}@media screen and (max-width: 960px){.navBar{visibility:hidden}}.invoice{border:1px solid rgb(0,0,0);width:799px;height:1050px;display:flex;flex-direction:column;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;background-color:#fff}.invoiceTopHeader{background-color:#939393;display:flex;flex-direction:row;align-items:center}.date{padding-left:.5rem;width:100%;display:flex;align-items:flex-start}.invoiceNumber{width:100%;display:flex;justify-content:flex-end;padding-right:.5rem;border-left:1px solid rgb(255,255,255)}.invoiceHeader{display:flex;flex-direction:row}.clientInfo{width:40%;display:flex;flex-direction:column;text-align:left;padding-left:.5rem}.logoWrapperInvoice{width:20%;display:flex;justify-content:center;align-items:center}.logoWrapperInvoice img{width:80%;height:30%}.companyInfo{width:40%;display:flex;flex-direction:column;text-align:right;padding-right:.5rem}.tableRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:.5rem;padding-right:.5rem;border:1px solid rgb(109,109,109)}.tableRow div{width:25%;border-left:1px solid rgb(109,109,109)}#serviceItem{border:none}.priceColumn{display:flex;justify-content:flex-end;align-items:flex-end}.mainRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#0075b7;border:none;padding-left:.5rem;padding-right:.5rem;font-weight:500}.mainRow div{width:25%;border-left:1px solid white}#itemCell{border:none}.invoiceDescription{margin-top:10px;flex-grow:1}.invoiceSummary{display:flex;flex-direction:row}.notes{width:50%;border-top:20px solid #0075b7;border-right:20px solid #0075b7;padding-left:.5rem;display:flex;flex-direction:column;justify-content:flex-start;max-height:fit-content}.notesSections{display:flex;flex-direction:row;border:1px solid rgb(139,250,3);max-height:fit-content}.balance{width:50%;display:flex;align-items:flex-end;flex-direction:column;padding-right:.5rem}.invoiceFooter{background-color:#939393;display:flex;justify-content:space-between;padding-left:.5rem;padding-right:.5rem}.invoiceFooter div{width:50%}.inputSection{display:flex;flex-direction:column;gap:2px}.inputSection input,select,textarea{width:95%;min-width:fit-content;max-width:100%}.inputSection input{padding:4px;border:none;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.inputSection label{width:fit-content}.this{height:100%;width:100%;display:flex;flex-direction:column}.formContainer{background-color:#313131;padding:1rem;display:flex;justify-content:center}.invoiceForm{min-width:fit-content;padding:1rem;display:flex;flex-direction:column;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:20px;background-color:#f3f3f3;justify-content:center;align-items:center;gap:15px}.formSection{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.serviceItem{box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:20px;padding:1rem}.clientInformation{text-align:center}.serviceToAddHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.search-input{background-color:#fff;border:0;border-radius:2px;font-size:18px;padding:5px;width:70%;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040}#clearBtn{cursor:pointer}.search-container{width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4%}.search-container input:focus{outline:none}.mainContainer{height:100vh;max-height:100vh;display:flex;flex-direction:column}.clientListContainer{height:85%;background-color:#b9b9b9;display:flex;flex-direction:row;gap:1rem;padding:1rem;justify-content:center;box-sizing:border-box}.cardsContainer{padding:1rem;flex-grow:1;max-width:fit-content;max-height:100%;overflow:scroll;overflow-x:hidden;display:flex;align-items:center;flex-direction:column;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;background-color:#fff;gap:15px;border-radius:10px;box-sizing:border-box}.cardsContainer::-webkit-scrollbar{width:10px}.cardsContainer::-webkit-scrollbar-track{border-radius:50px}.cardsContainer::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.profileCardContainer{width:60%;min-height:100%;max-height:90%;box-sizing:border-box}@media screen and (max-width: 450px){.clientListContainer{flex-direction:column}.cardsContainer{width:100%;max-height:500px}.mainContainer{height:fit-content}.profileCardContainer{width:100%}}.bookingsContainer{min-height:100vh;width:1778px;background-color:#190974;display:flex;flex-direction:column;justify-content:center;align-items:center}.bookingsTitle{align-self:center;max-width:fit-content;color:#fff}.blogContainer{min-height:100vh;width:100%;background:none;display:flex;flex-direction:column}.blogTitle{align-self:center;min-width:fit-content;color:#000}.blogInputForm{width:30%;height:100%;flex-wrap:wrap;margin-top:1%;justify-self:center;align-self:center;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:20px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.blogFormButtons{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center}.contentInput{width:60%;border:none;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:4px;font-family:Open Sans,sans-serif;font-weight:400;font-size:12px}.blogInputForm label{min-width:fit-content;height:fit-content;margin-top:4%;margin-bottom:1%;font-family:Poppins,sans-serif;font-weight:500;font-size:20px;line-height:35px;color:#000}.blogInputForm input{box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:4px;border:none;font-family:Open Sans,sans-serif;font-weight:400;font-size:12px;line-height:30px;width:100%;color:#000}.blogFormButtons button{width:20%;margin:5%;padding:10px;border-radius:15%;border:none;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;pointer-events:stroke}.notesContainer{display:flex;width:100%;justify-content:flex-end;background-color:#020202;height:100vh}.notesTitle{align-self:center;max-width:fit-content;color:#fff}.testNotes{width:90%;background:rgb(126,120,120);padding:2rem;gap:10px}.blogListContainer{width:100%;height:100%;display:flex}.blogCardsContainer{margin-left:6%;padding:4%;height:100vh;width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;background:none}.clientContainer{height:100%;width:100%;display:flex}.containerAddClient{width:100%;background-color:#313131;padding:3rem 1rem;display:flex;justify-content:center}.inputForm{width:100%;height:100%;padding:1rem;display:flex;flex-direction:column;box-shadow:0 5px 4px #00000040,inset 1px 2px 5px #00000040;border-radius:20px;background-color:#f3f3f3;justify-content:center;align-items:center}.formSection{display:flex;flex-direction:column;gap:4px;width:100%}.buttonsBot{padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.buttonForm{display:inline-block;outline:0;border:0;cursor:pointer;background:#0075b7;color:#fff;border-radius:8px;padding:14px 24px 16px;font-size:18px;font-weight:700;line-height:1;transition:transform .2s,background .2s}.buttonForm:hover{transform:translateY(-2px);line-height:1;background:transparent;color:#000;box-shadow:0 0 0 3px #000 inset}.buttonAdd{width:fit-content;display:inline-block;outline:0;border:0;cursor:pointer;background:#555657;color:#fff;border-radius:8px;padding:10px 20px 12px;font-size:12px;font-weight:700;line-height:1;transition:transform .2s,background .2s}.buttonAdd:hover{transform:translateY(-2px);line-height:1;background:transparent;color:#000;box-shadow:0 0 0 3px #000 inset}.clientProfileContainer{width:100%;min-height:91.8vh;background-color:#b9b9b9;display:flex;flex-direction:column}.profileBox{padding:2rem;display:flex;justify-content:center;align-items:center}#root{margin:0 auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-color: #0075b7;--secondary-color: #939393;--accent-color: #393e46;--background-color: #939393}.light{background-color:var(--background-color);color:var(--primary-color)}.dark{background-color:var(--primary-color);color:var(--background-color)}body{margin:0}.flexCenter{display:flex;justify-content:center;align-items:center}.openSansParagraph{font-family:Open Sans,sans-serif;font-weight:400;font-size:20px;line-height:27px;color:#000}.poppinsTitle{font-family:Poppins,sans-serif;font-weight:500;font-size:30px;line-height:45px;color:#000}.customButton{position:fixed;top:0;left:0px;align-items:center;border:0;border-radius:8px;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;display:flex;justify-content:center;line-height:1em;max-width:100%;width:fit-content;min-width:fit-content;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;z-index:9999}.customButton:hover,.customButton:active{outline:0}.customButton span{padding:12px 20px;border-radius:6px;width:100%;height:100%;transition:.3s}.customButton:hover span{background:none}