body,html{margin:0}div{font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif!important}.errors{position:absolute;right:44%}.errors,.errors2,.errors3{display:flex;color:red;font-size:1vw;flex-direction:column}.errors3{position:relative;bottom:22px}.LoginFormContainer{border:1px solid #ededed;width:35%;margin:100px auto auto;height:auto;border-radius:5px;background:#f7f7f7;box-sizing:border-box;padding:20px}.headerDiv,.LoginFormContainer{display:flex;justify-content:center}.headerDiv{padding-bottom:3rem}.FormBox{display:flex;flex-direction:column;justify-content:space-evenly}.loginFormInput{font-size:12px;line-height:16px;font-weight:600;color:#7f7f7f;text-transform:uppercase;display:block;padding-left:4px}.loginFormBoxes{font-size:18px;line-height:24px;font-weight:400;background:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;box-shadow:none;color:#262626;display:block;min-width:0;padding:12px 8px 12px 4px;width:100%}.loginButton{background:#3d95ce}.loginButton,.loginButton:hover{margin-top:30px;margin-left:30%;color:#fff;border-radius:4px;padding:12px 20px;font-weight:600px;box-sizing:border-box;cursor:pointer;border:none}.loginButton:hover{background:#c00a0a}.footerContainer{background-color:#f5f5f5;display:flex;justify-content:space-evenly;padding:1%;position:fixed;bottom:0;width:100%}.footerContainer a{text-decoration:none;color:#000}.footIcon{margin-left:4px}.SignUpFormContainer{display:flex;justify-content:center;border:1px solid #ededed;width:35%;height:auto;border-radius:5px;background:#f7f7f7;box-sizing:border-box;padding:20px;position:relative;margin:75px auto 5rem}.signUp-header-container{display:flex;justify-content:center;margin-top:-3rem}.SignUpFormBox{display:flex;flex-direction:column;justify-content:space-evenly}.SignUpFormInput{font-size:12px;line-height:1vh;font-weight:600;color:#7f7f7f;text-transform:uppercase;display:block;padding-left:4px;margin-top:5px}.SignUpFormBoxes{font-size:18px;line-height:24px;font-weight:400;background:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;box-shadow:none;color:#262626;display:block;min-width:0;padding:12px 8px 12px 4px;width:100%}.SignUpButton{background:#3d95ce}.SignUpButton,.SignUpButton:hover{margin-top:10%;margin-left:25%;margin-right:25%;color:#fff;border-radius:4px;padding:12px 20px;font-weight:600px;box-sizing:border-box;cursor:pointer;border:none}.SignUpButton:hover{background:#c00a0a}.navItems{justify-content:space-evenly}.navItems,.navItems2{display:flex;align-items:center;list-style-type:none;margin:0}.navItems2{justify-content:space-between;height:70px}.loginsignupButtons{display:flex}.button1{margin-right:auto}.button2{margin-left:auto;object-fit:contain}.sideButtons{font-size:20px;margin-right:20px}.navContainer{width:100%;height:auto;background-color:#f5f5f5;position:relative;top:0;padding:-3px}.button{background-color:#3d95ce}.button,.button:hover{padding:3px 5px;border-radius:4px;text-decoration:none;color:#fff;font-weight:600px;cursor:pointer;border:none}.button:hover{background-color:#c00a0a}.navbarLinks{color:#3d95ce;text-decoration:none;font-weight:600;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif}.navbarLinks:hover{color:#c00a0a;text-decoration:none;font-weight:700}.logoutButton{background:#3d95ce}.logoutButton,.logoutButton:hover{color:#fff;border-radius:4px;padding:12px 20px;font-weight:600px;box-sizing:border-box;cursor:pointer;border:none}.logoutButton:hover{background:#c00a0a}.SplashContainer{margin-top:10px;display:flex;justify-content:center;flex-direction:column;align-items:center}.Title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.logo{height:250px;width:250px}.doughmologo{height:65px;width:65px}.StackContainer{display:grid;grid-template-areas:"left right";grid-template-columns:1fr 1fr;height:10%;width:85vw;margin-top:50px;margin-bottom:100px}.class1{grid-area:left}.class1,.class2{display:flex;justify-content:center;align-items:center;flex-direction:column}.class2{grid-area:right}.img{width:75%;height:90%;object-fit:fill;border-radius:7px;border:2px solid #000}.splashHeaders{font-size:2vw}.splashHeaders,.splashText{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.splashText{font-size:1.5vw;text-align:center;width:85%}.TransactionComp{grid-template-areas:"payer cost" "desc cost" "date cost";margin-bottom:5px}.TransactionComp,.TransactionCompRequest{display:grid;border-bottom:1px solid #a9a9a9;height:100px;grid-template-columns:80% 20%}.TransactionCompRequest{width:100;grid-template-areas:"payer cost" "desc cost" "date reqButton";padding:5px}.RequestButtons{grid-area:reqButton;display:flex;justify-content:space-around;margin-bottom:5px}.TransactionComp:hover{background-color:#bdbbbb;width:100;border-radius:5px}.TransactionComp:hover,.TransactionCompReq{display:grid;height:100px;grid-template-areas:"payer cost" "desc cost" "date cost";grid-template-columns:80% 20%}.TransactionCompReq{border-bottom:1px solid #a9a9a9;margin-bottom:5px}.Sender_Receiver{margin-left:5px;margin-top:5px;grid-area:payer;justify-content:flex-start;font-weight:300}.Description,.Sender_Receiver{font-size:20px;display:flex;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif}.Description{grid-area:desc;justify-content:center}.date{margin-left:5px;margin-bottom:5px;grid-area:date;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300}.CostLoss{color:red}.CostGain,.CostLoss{grid-area:cost;display:flex;justify-content:flex-end;margin-right:10px;font-size:20px;font-weight:800;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif}.CostGain{color:green}.TransactionComponentContainer{max-width:100%}.redirectToTransaction{text-decoration:none;color:#000}.friend__icon{min-width:35px;min-height:35px;max-width:35px;max-height:35px;border-radius:50%;margin-right:5px;position:relative;top:7px}.div__friend__username{display:inline-block;border:1px solid #000;font-family:sans-serif;font-size:14px;min-width:50px;overflow:hidden;text-align:center}.div__friend__buttons__container{display:flex;justify-content:space-around}.div__friends__list__container{min-height:280px}.div__friends__list__flex{max-height:280px}.div__friend__buttons__container img{min-width:30px;min-height:30px;max-width:40px;max-height:40px}.img__icons__friends__1{position:absolute;bottom:0;left:0;cursor:pointer}.img__icons__friends__2{position:absolute;bottom:0;right:50%;left:44%;cursor:pointer}.img__icons__friends__3{position:absolute;bottom:0;cursor:pointer;right:0}.div__friend__buttons__container img.active{border:1px solid #00f;border-radius:50%}.friend__button{color:#fff;background-color:#339dff;border-radius:50px;border:none;font-size:14px;max-height:6vh;cursor:pointer;position:relative;left:40%;bottom:4px}.div__friends__list__flex li{display:inline-block}.search__button{color:#fff;background-color:#339dff;border-radius:50px;border:none;font-size:14px}.friends__list{overflow:auto;max-height:280px}.friends__list ul{border-top:2px solid #ddd;width:auto;display:flex;flex-direction:column;min-width:194px;align-items:center}.friends__list ul li{margin-top:5px;display:inline-block;list-style:none;position:relative;right:55px}.friends__list ul li:hover{background-color:#ddd;border-radius:10px}.friend__requests{overflow:auto;max-height:280px}.friend__requests ul{border-top:2px solid #ddd;width:auto;display:flex;flex-direction:column;min-width:194px;align-items:center}.friend__requests ul li{margin-top:5px;display:inline-block;list-style:none;position:relative;right:55px}.friend__requests ul li:hover{background-color:#ddd;border-radius:10px}.pending__requests{overflow:auto;max-height:280px}.pending__requests ul{border-top:2px solid #ddd;width:auto;display:flex;flex-direction:column;min-width:194px;align-items:center}.pending__requests ul li{margin-top:5px;display:inline-block;list-style:none;position:relative;right:55px}.pending__requests ul li:hover{background-color:#ddd;border-radius:10px}.hidden{display:none}.div__outer__container{display:flex;justify-content:space-around;margin-top:3%;margin-left:2%}.div__profile__container{min-width:200px;margin:2%;display:flex;flex-direction:column;padding-right:5%;padding-left:5%}.div__transactions__container{min-width:300px;text-align:center;height:800px;margin-left:100px;overflow-y:auto;overflow-x:hidden;margin-right:150px}.profileImage{height:150px;width:150px;border-radius:50%;border:3px solid #3d95ce;margin:10px}.div__profile__descriptions,.div__profile__links{margin-top:15px;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif}.div__profile__links{color:#0074de;text-decoration:none}.div__profile__links:hover{margin-top:15px;color:#c00a0a;text-decoration:none}.transaction_display{border-left:1px solid #a9a9a9;padding-left:10%;padding-right:10%;display:flex;flex-direction:column;justify-content:center;width:100%;margin-top:5vh}.transaction_link{color:#3d95ce}.transaction_link,.transaction_link:hover{width:90%;display:flex;justify-content:center;margin:2%;text-decoration:none;font-weight:600;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif}.transaction_link:hover{color:#c00a0a}.button__profile__friends{margin-top:5%}.div__friends__list{position:relative;min-width:250px;bottom:331px;right:212px;border:5px solid rgba(146,183,224,.753);border-radius:7px}.div__friends__list.hidden{visibility:hidden}.div__friend__list__flex__container{display:flex;flex-direction:column;align-items:flex-start}.img__friend__icon{min-width:30px;min-height:30px;max-width:40px;max-height:40px;z-index:200;cursor:pointer}.div__friend__icon{float:right;position:fixed;bottom:25px;background:transparent;right:20px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;margin-bottom:50px}.img__friend__icon.hidden{visibility:hidden}.div__friend__requests__length{border:1px solid red;background:red;color:#fff;text-align:center;border-radius:15px;position:absolute;min-height:20px;min-width:20px;left:25px;bottom:15px;max-width:20px;max-height:20px;font-size:10px;display:flex;justify-content:center;align-items:center}.div__friend__requests__length.hidden{visibility:hidden}.ProfileSettingsContainer{border:1px solid #ededed;width:30%;height:auto;border-radius:5px;background:#f7f7f7;box-sizing:border-box;padding:20px;margin:2% auto 30px}.edit-profile-title,.ProfileSettingsContainer{display:flex;justify-content:center}.ProfileSettingsBox{display:flex;flex-direction:column;justify-content:space-evenly}.ProfileSettingsLabel{font-size:12px;line-height:16px;font-weight:600;color:#7f7f7f;text-transform:uppercase;display:block;padding-left:4px;margin-top:5px}.ProfileSettingsBoxes{font-size:18px;line-height:24px;font-weight:400;background:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;box-shadow:none;color:#262626;display:block;min-width:0;padding:12px 8px 12px 4px;width:100%}.ProfileSettingsSubmit:hover{background:#c00a0a}.ProfileSettingsSubmit,.ProfileSettingsSubmit:hover{margin-top:10%;margin-left:25%;margin-right:25%;color:#fff;border-radius:4px;padding:12px 20px;font-weight:600px;box-sizing:border-box;cursor:pointer;border:none}.ProfileSettingsSubmit{background:#3d95ce}.ProfileBtn{color:#3d95ce}.ProfileBtn,.ProfileBtn:hover{margin-top:10%;display:flex;justify-content:center}.ProfileBtn:hover{color:#c00a0a}.TransactionsPageContainer{width:60%;height:100vh;margin-left:auto;margin-right:auto}.TransactionsTitle{display:flex;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.commentForm{width:50%;height:50%;border:none;margin:auto;display:grid;padding:3%;grid-template-columns:80% 20%}.commentFormInput{margin:2%}.comments{width:50%;height:50%;margin:auto;display:grid;padding:1%}.commentFormBox{display:flex;justify-content:center}.submitCommentBtn{background:#3d95ce}.submitCommentBtn,.submitCommentBtn:hover{height:auto;margin-top:auto;margin-bottom:auto;color:#fff;border-radius:4px;padding:6px 10px;border:none;cursor:pointer}.submitCommentBtn:hover{background:#c00a0a}.deleteCommentBtn{background:none}.deleteCommentBtn,.deleteCommentBtn:hover{height:auto;margin-top:auto;margin-bottom:auto;border-radius:4px;padding:6px 10px;cursor:pointer;border:none}.deleteCommentBtn:hover{background:#d3d3d3}.individualComments{margin:2%;border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;padding:2%}.div__popUp{height:200px;width:200px;border:2px solid #000}.div__popUp.hidden{visibility:hidden}.paymentmethodlink{display:flex;position:relative;color:#0074de;justify-content:flex-end;margin-left:auto;margin-right:auto;width:58.5%;justify-self:center;right:0;padding-bottom:30px;margin-top:25px}.paymentmethodlink,.paymentmethodlink:hover{text-decoration:none;font-weight:500;font-family:"Scto Grotesk A","Helvetica Neue",Helvetica,Arial,sans-serif}.paymentmethodlink:hover{color:#c00a0a}.paymentDetailsContainer{display:flex;justify-content:center;flex-direction:column;align-items:center}.divPaymentMethods{margin-top:3%;margin-bottom:3%;font-size:3vw}.paymentMethodsContainer{background:#f7f7f7;min-height:45px}.div__payment__container{border-radius:4px;width:100%}.paymentTable-container{border-bottom:3px solid #3d95ce}.paymentTable-container,.paymentTable-container:hover{width:50%;height:50%;margin-left:auto;margin-right:auto;margin-top:5%}.paymentTable-container:hover{border-bottom:3px solid #c00a0a}.payment__td{padding:1%;width:250px;height:30px;margin-left:1px}.payment__deleteBtn{background:#3d95ce}.payment__deleteBtn,.payment__deleteBtn:hover{width:auto;height:auto;margin:50%;color:#fff;border-radius:4px;box-sizing:border-box;cursor:pointer;border:none;padding:10%}.payment__deleteBtn:hover{background:#c00a0a}.tablePaymentMethods{font-size:1vw}.creditcard{margin-right:10px;font-size:20px}.paymentMethodPageContainer{display:flex;justify-content:center;border:1px solid #ededed;width:50%;height:auto;border-radius:5px;background:#f7f7f7;box-sizing:border-box;padding:20px;margin:50px auto 30px}.paymentMethodContainer{display:flex;justify-content:center;margin-top:3%;font-size:3vw}.paymentMethodBox{display:flex;flex-direction:column;justify-content:space-evenly}.paymentMethodLabel{font-size:12px;line-height:16px;font-weight:600;color:#7f7f7f;text-transform:uppercase;display:block;padding-left:4px;margin-top:5px}.paymentMethodInput{font-size:18px;line-height:24px;font-weight:400;background:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;box-shadow:none;color:#262626;display:block;min-width:0;padding:12px 8px 12px 4px;width:100%}.paymentMethodBtn{background:#3d95ce}.paymentMethodBtn,.paymentMethodBtn:hover{margin-top:10%;margin-left:25%;margin-right:25%;color:#fff;border-radius:4px;padding:6px 10px;font-weight:600px;box-sizing:border-box;cursor:pointer;border:none}.paymentMethodBtn:hover{background:#c00a0a}.sendreqForm{width:40vw;height:50vh;margin-top:3%;border-radius:25px;margin-left:auto;margin-right:auto;background-color:#f7f7f7;border:1px dashed grey}.titleText{margin-top:3%;display:flex;justify-content:center;font-size:3vw;font-family:"Courier New",Courier,monospace}.amountReqContainer{display:flex;flex-direction:column;border:1px solid #025aa1;border-radius:5px;align-items:center;width:30%;height:50%;overflow:hidden}.amountInput{outline:none;background:#f7f7f7;border:none;width:50%;height:85%;font-size:1.6vw;margin-left:3%}.input-cont{display:flex;height:100%;width:100%;justify-content:center}.dollar{font-size:1.6vw;font-weight:600;margin-left:12%}.userReqContainer{width:30%;height:50%;overflow:hidden}.transactionContainer,.userReqContainer{display:flex;flex-direction:column;border:1px solid #025aa1;border-radius:5px;align-items:center}.transactionContainer{width:100%;height:80%}.sendreqLabels{font-size:.8vw}.sendreqLabels,.sendreqLabelsDesc{margin-top:2%;font-weight:600;color:#000;text-transform:uppercase;display:block}.sendreqLabelsDesc{font-size:1.2vw}.top-card{display:flex;align-items:flex-end;justify-content:space-around;height:25%}.middle-card{display:flex;justify-content:center;align-items:center;width:80%;margin:auto;height:65%}.usernameInput{width:100%;height:85%}.textAreaInput,.usernameInput{outline:none;background:#f7f7f7;border:none;text-align:center;font-size:1.2vw}.textAreaInput{width:98%;height:80%;overflow:auto;box-shadow:none;resize:none}.button-cont{display:flex;justify-content:flex-end;height:6%;width:80%;margin:auto}.sendreqBtn,.sendreqBtn-request{background:#3d95ce;margin-left:20%;color:#fff;border-radius:4px;box-sizing:border-box;cursor:pointer;border:none;width:15%;height:100%;font-size:.8vw}.sendreqBtn:hover{background:#c00a0a}.IndividualTransactionContainer{width:50%;height:50%;border-bottom:1px solid #a9a9a9;border-top:1px solid #a9a9a9;margin:5% auto auto;display:grid;padding:5%;grid-template-areas:"payer cost" "desc cost" "date cost";grid-template-columns:80% 20%}.Sender_Receiver_Big{grid-area:payer;font-size:25px;display:flex;justify-content:flex-start;margin:2%}.Description_Big{grid-area:desc;display:flex;justify-content:center;font-size:25px;align-items:center;margin:2%}.date_Big{grid-area:date;flex-direction:column;align-items:flex-start}.CostLoss_Big,.date_Big{display:flex;justify-content:flex-end;font-size:25px;margin:2%}.CostLoss_Big{color:red}.CostGain_Big,.CostLoss_Big{grid-area:cost;font-weight:800}.CostGain_Big{display:flex;justify-content:flex-end;color:green;font-size:25px;margin:2%}.errorDiv{display:flex;justify-content:center;align-items:center;height:100vh}.errorText{color:grey}
/*# sourceMappingURL=main.7b554516.chunk.css.map */