.App{font-style:Poppins,Arial;font-weight:680px;padding-left:200px;padding-top:150px}.Bills-content{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:260px;margin-right:368px;margin-top:100px}.AllBills{flex:1 1}.leftSide-container{background-color:#fff;bottom:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);left:0;margin:0;padding-left:10px;position:fixed;top:0;transition:.3s;width:250px;z-index:100}.leftSide-container :hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.leftSide-container .sidebar-link div:hover,.leftSide-container svg:hover,.leftSide-logo{box-shadow:none}.leftSide-logo{display:flex;justify-content:center}.leftSide-logo:hover{box-shadow:none}.leftSide-logo img{box-shadow:none;height:100px;margin-top:0;width:150px}.leftSide-logo img:hover{box-shadow:none}.sidebar-link{align-items:center;display:flex;flex-direction:row;height:55px;margin-left:10px}.sidebar-link:hover{cursor:pointer}.sidebar-link div{font-family:Roboto,Arial;font-size:18px;margin-left:10px}.sidebar-link div,.sidebar-link svg{align-items:center;color:gray;display:flex;justify-content:center}.sidebar-link svg{text-align:center}.icons{justify-content:center}.icons,.leftside-HR{align-items:center;display:flex}.leftside-HR{background-color:gray;color:gray;height:1px;margin-left:0;opacity:.3;width:80%}.leftside-font{color:#034b5e;font-family:Roboto,Arial;font-size:15px;font-weight:700;margin-bottom:20px;margin-left:10px;margin-top:20px}.language{display:flex;flex-direction:column}.lan{background-color:initial;border:4px;color:gray;display:flex;flex:1 1;font-size:20px;height:15px;justify-content:flex-start;padding:5px}@media (max-width:768px){.leftSide-container{display:none}}.RightSide-container{background-color:#fff;bottom:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:100%;position:fixed;right:0;top:0;transition:.3s;width:360px;z-index:100}.RightSide-sidebar{align-items:center;color:#034b5e;display:flex;flex-direction:column;font-size:20px;font-weight:700;margin-top:30px}.row{align-content:center;display:flex;flex-direction:row;font-size:18px;margin-top:35px;padding-left:30px}.sec1{flex:1 1;margin-left:4px}.sec1 p{color:gray}@media (max-width:768px){.RightSide-container{display:none}}.Navbar-container{background-color:#f5f5f5;border-bottom:1px solid #e4e4e4;display:flex;flex-direction:row;left:267px;padding-top:8px;position:fixed;right:375px;top:0;z-index:1000}.navbar-leftSection{color:gray;display:flex;flex:1 1;flex-direction:column;font-size:18px;margin-left:15px}.navbar-leftSection p{color:#034b5e;font-size:22px;font-weight:700}.navbar-rightSection{align-items:center;display:flex;flex:2 1;flex-direction:row;justify-content:flex-end;margin-right:15px}.search-container{align-items:center;background-color:#fff;border:.5px solid #d3d3d3;border-radius:15px;cursor:pointer;display:flex;font-size:14px;height:40%;margin-left:25px;padding:5px;position:relative}.search-input{border:none;font-size:18px;padding:6px}.search-input:hover{border:none}.navbar-notification{margin-left:10px;position:relative}.notifications-count{background-color:#c80000;border-radius:10px;color:#fff;font-family:Roboto,Arial;font-size:14px;padding:2px 5px;position:absolute;right:-5px;top:-2px}.notification-icon{font-size:30px}.search-container .tooltip{background-color:gray;border-radius:2px;bottom:-30px;color:#fff;font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transition:opacity .15s;white-space:nowrap}.search-container:hover .tooltip{opacity:1}.closeMenu,.openMenu{background-color:none;border:none;cursor:pointer;display:none;font-size:2rem}.openMenu{margin:20px}.mainMenu li{display:none}.mainMenu li a{color:#fff;display:inline-block;font-size:18px;padding:10px;text-decoration:none;text-transform:uppercase;transition:.2s ease}@media (max-width:768px){.Navbar-container{left:0;right:0;top:0;width:100%}.navbar-leftSection{font-size:10px;justify-content:center;margin-left:15px}.navbar-leftSection p{font-size:10px;margin-bottom:5px}.search-container{font-size:10px;margin-left:5px}.search-input{font-size:10px}.navbar-rightSection{justify-content:space-between;margin:0 8px 0 0}.navbar-notification{margin-left:1px}.notifications-count{font-size:10px}.mainMenu{align-items:center;background-color:rgba(0,0,0,.7);display:none;flex-direction:column;height:70vh;justify-content:center;left:0;position:fixed;right:0;top:0;transition:top 1s ease 0s}.mainMenu li,.openMenu{display:block}.closeMenu,.openMenu{border:none}.closeMenu{background-color:initial;display:none;position:fixed;right:0;top:5;z-index:100}.mainMenu li a:hover{background:none;color:#ff7b00}}.Chart-container{align-items:flex-start;background-color:#fff;border-radius:30px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:20px;padding-bottom:15px;padding-top:5px;width:95%}.BillFilter{align-items:center;display:flex;flex-direction:row;margin-left:20px;width:100%}.BillFilter div{margin-left:1rem}.billType{align-items:center;display:flex;flex-direction:row;justify-items:center}.optionssss{font-size:18px;padding:10px 10px 10px 0}.from,.to{display:flex;flex-direction:row;margin-left:20px}h1{margin-left:15px}.elec,.water{color:#0b677e}label{font-size:20px;font-weight:700;padding:10px}#calc,#pred{align-items:center;background-color:#488d9f;border:none;border-radius:15px;color:#fff;font-family:Work Sans;font-size:18px;height:42px;justify-content:center;padding-left:10px;padding-right:10px}#calc,#pred,h2{margin-left:10px}h2{color:#347ae2;font-weight:700}.predict{margin-top:20px}.elec{color:#ff9500;font-weight:700;margin-left:10px}.monthChoose{margin-left:15px}.charts{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;width:100%}@media (max-width:768px){.Chart-container{margin:58px 0 0}#pred{font-size:12px;height:25px;margin-left:10px;padding-left:10px;padding-right:10px}#calc,#pred{align-items:center;background-color:#488d9f;border:none;border-radius:15px;color:#fff;font-family:Work Sans;justify-content:center}#calc{font-size:8px;margin-left:0;padding-left:0;padding-right:0}#from,#to{width:85px}.from,.to{margin-left:0}#opt{width:60px}.optionssss{font-size:10px;min-height:1.1em;padding:5px 5px 5px 0;width:50px}.BillFilter{display:flex;flex-wrap:wrap}.BillFilter div{margin-left:.5rem}}.Home-content{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;margin-left:260px;margin-right:368px;margin-top:100px}@media (max-width:768px){.Home-content{margin:40px 0 0}}.ProfileCard-container{background-color:#fff;border-radius:30px;display:flex;flex-direction:row;justify-content:center;margin-top:20px;padding-bottom:15px;padding-top:5px;width:95%}.CardLeftSide{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-left:20px;padding-top:10px}.CardRightside{flex:3 1}.CardLeftSide p{color:#298097;font-size:26px;font-weight:700}.CardLeftSide span{color:gray;font-size:22px;font-weight:700}.pofile-pic{border-radius:305px;height:70px;margin-bottom:15px;margin-top:15px;width:70px}.CardRightside{display:flex;flex-direction:column}.ProfileCard-row{align-content:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:18px;margin-top:10px;padding-left:30px}.ProfileCard-sec1{flex:1 1;margin-left:4px}.ProfileCard-sec1 p{color:gray}@media (max-width:768px){.ProfileCard-container{margin-top:65px;padding-top:0}.CardRightside{margin-top:25px}.CardLeftSide P,.CardLeftSide span{font-size:14px}.ProfileCard-row{font-size:12px}}.Services-containers{background-color:#fff;border-radius:30px;display:flex;flex-direction:column;height:38%;justify-content:center;margin-top:20px;width:95%}.Services-Title{color:#298097;font-size:24px;font-weight:700;margin-bottom:60px;margin-left:8%;padding-top:15px}.available-services{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px;padding-left:60px;padding-right:62px}.service-background{align-items:center;border-radius:15px;display:flex;height:55px;justify-content:center;width:55px}.service-icon{height:26px;width:22px}.service{align-items:center;display:flex;flex-direction:column;justify-content:center}.service span{font-size:18px;margin-top:5px}@media (max-width:768px){.Services-Title{font-size:20px}.service-background div img{height:15px;width:15px}}.inbox-content{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;margin-left:260px;margin-right:368px;margin-top:100px}.InboxList-Title{border-radius:15px}.List-Title{padding-left:15px}.InboxList-container{align-items:flex-start;background-color:#f5f5f5;border-radius:30px;display:flex;flex-direction:column;margin-top:20px;padding-bottom:15px;padding-top:5px;width:95%}.InboxList-Title{align-items:center;font-size:24px;font-weight:700;justify-content:flex-start;padding-bottom:15px}.InboxList-Title,.MessageItem-container{background-color:#fff;display:flex;margin-left:18px;width:100%}.MessageItem-container{align-items:flex-start;border:1px solid hsla(0,0%,50%,.283);border-radius:10px;flex-direction:row;margin-bottom:10px}.message-info{align-self:center;flex:1 1}.message-info,.message-senderProf{display:flex;justify-content:center}.message-senderProf{align-items:center;background-color:#4fafcb;height:40px;width:40px}.senderProf-pic{height:25px;width:25px}.message-content{align-content:flex-start;display:flex;flex:5 1;flex-direction:column;margin-bottom:10px;margin-left:15px}.message-title{display:flex;font-size:24px;font-weight:700}.sender-name{font-size:18px}.Statistics-content{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;margin-left:260px;margin-right:368px;margin-top:100px}@media (max-width:768px){.Statistics-content{margin:40px 0 0}.BillFilter label,.Chart-container{font-size:10px}.BillFilter .options{font-size:10px;height:30px;padding:2px;width:50px}.BillFilter,.BillFilter input{font-size:10px;margin:0}.BillFilter input{width:40px}#calc{font-size:10px;height:30px;width:60px}}.IssuesCard-content{background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:center;margin-left:260px;margin-right:368px;margin-top:100px}.AllIssues{flex:1 1}.addIssue{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.addIssue button{background-color:initial;border:none}.addIssue button:hover{cursor:pointer}.addIssue svg{color:gray;font-size:30px;margin-right:15px;margin-top:10px}@media (max-width:768px){.AllIssues{align-items:center;display:flex;flex-direction:column;margin:0}.IssuesCard-content{margin:0;padding:0}.Polls-content{margin:0}.addIssue{display:flex;margin:80px 0 0;width:100%}.addIssue svg{font-size:25px;margin-right:10px}}.IssuesCard-container{background-color:#fff;border-radius:30px;color:#919499;display:flex;flex-direction:column;margin-left:20px;margin-top:20px;padding-bottom:15px;padding-top:5px}.IssuesCard-container:hover{scale:1.03}.IssuesCard-row1{align-items:center;display:flex;flex-direction:row;padding-left:20px}.IssuesCard-title{color:#0b677e;font-size:24px;font-weight:700}.UnPaidBillCard-Status{align-items:center;display:flex;justify-content:center;margin-left:10px}.UnPaidBillCard-icon{color:#007d50;font-size:30px}.IssuesCard-desc{color:#0b677e;display:flex;flex:3 1;font-size:25px;justify-content:center;margin-left:20%}.IssuesCard-row2{align-items:center;display:flex;flex:2 1;flex-direction:row;margin-top:20px;padding-left:10px}.IssuesCarddate-icon{font-size:30px}.IssuesCard-date{color:#0b677e;flex:2 1;font-size:20px}.IssuesCard-Button{align-items:center;background-color:#077e71;border-radius:20px;color:#fff;display:flex;flex:3 1;font-family:Work Sans;font-size:20px;height:45px;justify-content:center;margin-left:10px;margin-right:10px}.IssuesCard-Button:hover{cursor:pointer}.IssuesCard-Arrow{margin-left:8px}@media (max-width:768px){.IssuesCard-container{border-radius:15px;font-size:10px;height:18%;margin-left:0;padding:5px;width:90%}.IssuesCard-Button{font-size:10px;height:20px;margin-left:10px;margin-right:10px}.IssuesCard-date,.IssuesCard-desc{font-size:10px}.IssuesCard-title{font-size:12px}}.AddIssue-Container{background:#f5f5f5;margin-left:30px;margin-top:40px;vertical-align:middle;width:55%}.Title{font-size:30px}.desc{font-size:20px}.card{box-shadow:0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:3rem 3.5rem}.mt-50{margin-top:50px}.card-title{font-size:2.5em;font-weight:700}.btn{align-content:center;background-color:#41ca7f;border-color:#41ca7f;color:#fff;display:flex;justify-content:center;margin-top:3vh;padding:2vh 0;width:100%}.issue-card{background-color:#fff;border-radius:30px;color:#000;display:flex;flex-direction:column;height:55%;margin-top:20px;padding-bottom:15px;padding-left:20px;padding-top:5px;width:95%}.card-title{margin-bottom:20px;margin-top:20px}.FilterOption{border-color:#c4c4c4;border-radius:15px;color:gray;font-size:25px;font-weight:700;height:80%;margin-top:15px;padding-left:15px;width:100%}.IssueDesc{flex-direction:column;margin:15px 20px 20px 0}.IssueDesc,.IssueHandler{display:flex;font-size:30px}.IssueHandler{margin-top:50px}.desc{font-size:25px;margin-top:40px}.IssueDesInput{border-radius:15px;height:100px;margin-top:15px;width:99%}.IssueDesInput,.IssueHandlerInput{border:2px solid #c4c4c4;color:gray;font-family:Poppins;font-size:25px;font-weight:700;padding-left:15px;padding-top:0}.IssueHandlerInput{text-align:center;width:25%}.IssueDateInput{border:2px solid #c4c4c4;color:gray;font-family:Poppins;font-size:25px;font-weight:700;margin-left:10px;text-align:center;width:30%}@media (max-width:768px){.mt-50{box-shadow:0 5px 15px rgba(0,0,0,.35);flex-direction:column}.AddIssue-Container,.mt-50{display:flex;margin:0;padding:0}.AddIssue-Container{background:#f5f5f5;width:auto}.FilterOption,.Title{font-size:18px}.FilterOption{border-color:#c4c4c4;border-radius:15px;color:gray;font-weight:700;height:80%;margin-top:15px;padding-left:15px;width:auto}.desc{font-size:18px}.card{padding:15px}.card-title{font-family:bold;font-size:1em;font-weight:200}.btn{align-items:center;background-color:#41ca7f;border-color:#41ca7f;border-radius:10px;color:#fff;font-size:14px;height:30px;justify-content:center;margin-top:3vh;padding:1vh 0;width:40%}.btn,.issue-card{display:flex;flex-direction:column}.issue-card{background-color:#fff;border-radius:30px;color:#000;height:55%;margin-top:20px;padding-bottom:15px;padding-left:20px;padding-top:5px;width:95%}.card-title{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:10px}.card-title .close-viewer,.card-title span{flex:1 1}.IssueDesc{display:flex;flex-direction:column;font-size:18px;margin:20px 0 0}.IssueHandler{font-size:10px;margin-top:10px}.desc{font-size:10px;margin-top:40px}.IssueDesInput{border-radius:15px;font-size:18px;height:auto;margin-top:15px;width:auto}.IssueDesInput,.IssueHandlerInput{border:2px solid #c4c4c4;color:gray;font-family:Poppins;font-weight:700;padding-left:15px;padding-top:0}.IssueHandlerInput{font-size:10px;text-align:center;width:50%}.IssueDateInput{border:2px solid #c4c4c4;color:gray;font-family:Poppins;font-size:18px;font-weight:700;height:auto;margin-top:10px;text-align:center;width:auto}.expected{display:flex;flex-direction:column;font-size:18px;margin-top:20px}.buttonSub{display:flex;justify-content:center}}.addIssuePop-container{align-items:center;background-color:rgba(0,0,0,.7);left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:999}.Polls-content,.addIssuePop-container{display:flex;height:100%;justify-content:center}.Polls-content{align-items:flex-start;align-items:center;background-color:#f5f5f5;flex-direction:column;margin-left:260px;margin-right:368px;margin-top:100px}.addPolls{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.addPolls button{background-color:initial;border:none}.addPolls button:hover{cursor:pointer}.addPolls svg{color:gray;font-size:30px;margin-right:15px;margin-top:10px}@media (max-width:768px){.Polls-content{margin:0}.addPolls{display:flex;margin:80px 0 0;width:100%}.addPolls svg{font-size:25px;margin-right:0}}.poll{background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.15);font-family:sans-serif;height:160px;margin:50px;padding:1.5rem;width:45%}.poll__title{display:flex;flex-direction:row;font-size:1.5rem;font-weight:700;justify-content:space-between;margin-bottom:1.5rem}.poll__option:hover{cursor:pointer}.poll__option:not(:last-child){margin-bottom:.7rem}.poll__option-fill{height:10px;width:40%}.poll__option-info{display:flex;font-size:1rem;justify-content:space-between;padding:.5rem 0}@media (max-width:768px){.poll{margin-bottom:25px;margin-top:5px;padding:1.2rem}.DeletePollBtn{font-size:14px;height:20px;width:25px}.poll__label,.poll__title{font-size:13px}}.modalBackground{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:999}.modalContainer{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;height:500px;padding:25px;width:500px}.modalContainer .title{display:inline-block;margin-top:10px;text-align:center}.modalContainer .title input{border:1px solid gray;border-radius:10px;font-size:1.7rem;text-align:center;width:90%}.titleCloseBtn{display:flex;justify-content:flex-end}.titleCloseBtn button{background-color:transparent;border:none;cursor:pointer;font-size:25px}.modalContainer .body{align-items:center;display:flex;flex:40% 1;flex-direction:column;font-size:1.7rem;justify-content:center;text-align:center}.modalContainer .body input{border:1px solid gray;border-radius:10px;font-size:1.7rem;margin-top:25px;padding-left:10px}.modalContainer .footer{align-items:center;display:flex;flex:20% 1;justify-content:center}.modalContainer .footer button{background-color:#6495ed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:45px;margin:10px;width:150px}#cancelBtn{background-color:crimson}.close-viewer{direction:rtl;margin:10px}.close-viewer .close-button{color:#7a869a;cursor:pointer;transition:.2s ease-in-out}.close-viewer .close-button:hover{color:#000;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media(max-width:768px){.modalContainer{height:300px;width:300px}.modalContainer .body input,.modalContainer .title input{font-size:1.2rem}.modalContainer .footer button{height:35px;width:120px}}.DashBoard-content{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;margin-left:260px;margin-right:368px;margin-top:100px}.updates-card{align-items:center;background-color:#fff;border-radius:30px;color:#000;display:flex;flex-direction:row;height:55%;justify-content:center;margin-top:20px;padding-bottom:15px;padding-left:20px;padding-top:5px;width:95%}.donutchart{flex:4 1}.DashBoardMessage{color:#034b5e;display:flex;flex:2 1;flex-direction:column;font-size:22px;font-weight:700}@media(max-width:768px){.DashBoard-content{margin:40px 0 0}.updates-card{display:flex;flex-direction:column;margin:55px 0 0;padding-bottom:10px;padding-left:5px}.DashBoardMessage span{font-size:24px}.updates-card span{font-size:20px;margin:0}.donutchart{height:50px;z-index:1}}.BillTable-container{background-color:#f5f5f5;color:gray;display:grid;font-family:Mukta,sans-serif;font-size:.9rem;height:95%;margin-top:20px;width:95%}table{background-color:#fff;border-collapse:collapse;height:100%;overflow:hidden;text-align:left;width:100%}table,table thead{box-shadow:0 5px 10px rgba(0,0,0,.15)}th{font-size:.7rem;font-weight:900;letter-spacing:.1rem;padding:1rem 2rem;text-transform:uppercase}td{padding:.3rem 1rem}a{color:#2962ff}.status{background-color:red;border-radius:.2rem;padding:.2rem 1rem;text-align:center;width:30%}.status-pending{background-color:#fff0c2;color:#a68b00}.status-paid{background-color:#c8e6c9;color:#388e3c}.status-unpaid{background-color:#ffcdd2;color:#c62828}.amount{text-align:right}tr:nth-child(2n){background-color:#f0f0f0}.paynowBtn{background-color:#fff;border:1px solid #f5f5f5;box-shadow:0 6px 20px 0 rgba(0,0,0,.19);cursor:pointer;height:40px;width:100px}@media (max-width:768px){.BillTable-container{font-size:12px;margin:20px 0 0}.tablee thead{display:none}.tablee,.tablee tbody,.tablee td,.tablee tr{display:block;width:100%}table tr{margin-bottom:20px}.tablee .tbody .tr .td{padding-left:50%;position:relative;text-align:right}.tablee .td:before{content:attr(data-label);font-size:14px;font-weight:600;left:0;padding-left:15px;position:absolute;text-align:left;width:50%}.aaa,.rownum{display:none}}.loading-wrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:999}.loading-gif{height:auto;width:70px}.AddBills-content{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;margin-left:260px;margin-right:368px;margin-top:100px}.AddBill-component{background-color:#fff;border-radius:10px;box-shadow:0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;margin-top:20px;padding-bottom:15px;padding-top:5px;width:95%}.AddBill-Create{flex-direction:row;font-size:18px;margin:25px 30px;width:95%}.AddBill-Create,.AddBillDetails{display:flex;justify-content:space-between}.AddBillDetails{border:3px solid #f5f5f5;border-radius:2px;flex:1 1;flex-direction:row;font-size:22px;margin:5px 20px;padding:10px}.AddBillDetails input{border:none;font-size:18px;padding:0;width:219px}.AddBillDetails select{border-color:#f5f5f5;border-width:2px}.options{font-size:18px;height:40px;width:219px}.noteMessage{color:#000;font-family:Urbanist,sans-serif;font-size:18px;font-weight:700}.companyIcon-background{align-items:center;background-color:#10bcf2;border-radius:15px;display:flex;height:55px;justify-content:center;width:55px}.AddBillHR{background-color:#f5f5f5;color:#f5f5f5;height:2px;width:100%}.billamount{border:none}.addfile{align-items:center;display:flex;flex-direction:row;font-size:20px;justify-content:center}.addfile button{background-color:initial;border:none}.addfile button:hover{cursor:pointer}.Submit-btn{margin-top:25px}.Submit-btn,.sbtn{align-items:center;display:flex;justify-content:center}.sbtn{background:none;border:2px solid #932e3e;border-radius:50px;cursor:pointer;height:50px;position:relative;transition:.4s;width:150px}.sbtn:hover{box-shadow:0 10px 10px rgba(0,0,0,.4);width:170px}.Submit-btn svg,.sbtn span{fill:transparent;color:#932e3e;position:absolute;transition:.4s}.sbtn:hover span{font-size:16px;transition:.4s}.sbtn:focus{-webkit-animation:spin 2s .5s forwards;animation:spin 2s .5s forwards;border-bottom:2px solid transparent;border-left:2px solid transparent;border-color:transparent transparent #932e3e #932e3e;border-style:solid;border-width:2px;box-shadow:none;outline:none;width:50px}@media (max-width:768px){.AddBills-content{margin:85px 0 0}.AddBill-component div{font-size:12px}.AddBill-Create{margin:10px}.AddBillDetails input{font-size:12px}.AddBillDetails{align-items:center}.AddBillDetails select{font-size:12px;height:40px;width:219px}.options{font-size:18px;height:30px;width:219px}.sbtn{font-size:14px;height:30px;width:100px}.noteMessage{font-size:14px;margin-left:25px;margin-top:25px}}.reply-input-template{width:100%}.reply-input{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"avatar input button";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;justify-items:center;margin-bottom:1rem;min-height:9rem}.reply-input img{border-radius:3rem;grid-area:avatar;height:2.5rem;width:2.5rem}.reply-input button{align-self:flex-start;grid-area:button}.reply-input textarea{border:1px solid var(--Light-gray);border-radius:4px;grid-area:input;padding:1rem;resize:none;width:100%}.bu-primary{background-color:var(--Moderate-blue);border:none;border-radius:4px;color:var(--White);padding:.75rem 1.5rem}.comments-wrp{display:flex;flex-direction:column}.comment{grid-gap:1.5rem;grid-row-gap:1rem;box-sizing:border-box;color:var(--Grayish-Blue);display:grid;gap:1.5rem;grid-template-areas:"score user controls" "score comment comment" "score comment comment";grid-template-columns:auto 1fr auto;margin-bottom:.5rem;row-gap:1rem}.c-score{align-items:center;align-self:flex-start;background-color:var(--Very-light-gray);border-radius:8px;box-sizing:initial;flex-direction:column;font-weight:500;grid-area:score;padding:.5rem .75rem .75rem;width:1rem}.c-controls,.c-score{color:var(--Moderate-blue);display:flex;gap:1rem}.c-controls{align-self:center;grid-area:controls;justify-self:flex-end}.c-controls a{align-items:center}.score-control{cursor:pointer;object-fit:scale-down;width:100%}.control-icon{margin-right:.5rem}.edit,.reply{color:var(--Moderate-blue)}.delete,.edit{display:none}.delete{color:var(--Soft-Red)}.c-user{align-items:center;display:flex;gap:1rem;grid-area:user;width:100%}.usr-name{color:var(--Dark-blue);font-weight:700}.usr-img{border-radius:3rem;height:2rem;width:2rem}.c-text{grid-area:comment;width:100%}.reply-to{color:var(--Moderate-blue);font-weight:500}.comment-section{padding:0 1rem}.container{background-color:var(--White);border-radius:8px;padding:1.5rem}.comment-section{margin:1rem auto auto;max-width:75ch}*{--Moderate-blue:#5457b6;--Soft-Red:#ed6468;--Light-grayish-blue:#c3c4ef;--Pale-red:#ffb8bb;--Dark-blue:#324152;--Grayish-Blue:#67727e;--Light-gray:#eaecf1;--Very-light-gray:#f5f6fa;--White:#fff;font-family:Rubik,sans-serif;font-size:16px}.Newchat-content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-left:260px;margin-right:368px;margin-top:100px;overflow:hidden;overflow:auto}p{line-height:1.5}body{background-color:var(--Very-light-gray);height:100%;width:99%}a{font-weight:500;text-decoration:none}a,button{cursor:pointer}button:hover{-webkit-filter:saturate(80%);filter:saturate(80%)}.this-user .usr-name:after{background-color:var(--Moderate-blue);border-radius:2px;color:var(--White);content:"you";font-size:.8rem;font-weight:400;margin-left:.5rem;padding:0 .4rem .2rem}.this-user .reply{display:none}.this-user .delete,.this-user .edit{display:flex}@media (max-width:768px){.Newchat-content{margin:5rem 3rem 0}.container{padding:.75rem}.replies{margin-left:.5rem;padding-left:1rem}.comment{gap:.5rem;grid-template-areas:"user user user" "comment comment comment" "score ... controls"}.c-score{flex-direction:row;width:auto}.reply-input-template{width:90%}.reply-input{align-items:center;gap:.5rem;grid-template-areas:"input input input" "avatar ... button";grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.reply-input img{height:2rem;width:2rem}.reply-input textarea{align-self:stretch;height:6rem;padding:.5rem}}.modal-wrp{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"heading heading" "body body" "no yes";max-width:32ch;padding:1.5rem}.invisible{display:none}.modal h3{color:var(--Dark-blue);grid-area:heading}.modal button{border:none;border-radius:8px;color:var(--White);font-weight:500;padding:.75rem}.modal p{color:var(--Grayish-Blue);grid-area:body;line-height:1.5}.modal .yes{background-color:var(--Soft-Red);grid-area:yes}.modal .no{background-color:var(--Grayish-Blue);grid-area:no}
/*# sourceMappingURL=main.c6c13c8c.css.map*/