*{margin:0;padding:0;box-sizing:border-box;font-family:Gloria Hallelujah;font-weight:600}body{font-family:Gloria Hallelujah;font-size:14px;line-height:1.42857143;color:#000;background-color:#dfe7f0}#root{display:flex;width:100%;flex-direction:column;justify-content:flex-end;align-items:center}.menu{width:500px;margin-top:20px;margin-bottom:20px;min-height:calc(100vh - 110px);background-color:#aab1c6;color:#000;border-radius:7.8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 20px;align-content:center}.button-group{display:flex;align-self:flex-start;justify-content:flex-start;width:80%;height:35px;flex-wrap:no-wrap;margin-bottom:50px;margin-top:10px}#Active,#InActive{border:none;cursor:pointer;margin-right:10px;margin-left:5px;font-family:Gloria Hallelujah;font-size:16px;font-weight:600;border-radius:5px}#Active:hover,#InActive:hover,#Active{background-color:#aab1c6;border:2px solid #424a64}#InActive{background-color:#878fa6}.App-content{justify-self:flex-start;width:100%;height:100%}#add-people-form{align-self:flex-start;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}#name-input,.input-description{height:35px;margin-right:10px;border-radius:5px;border:1px solid #878FA6;padding:0 10px}.input-description{margin-top:10px;margin-bottom:10px}.add-button{background-color:#739399;height:35px;color:#000;font-weight:600;padding:0 20px;border:none;cursor:pointer;font-family:Gloria Hallelujah;border-radius:5px}.custom-ol{width:100%;margin-top:30px;margin-left:30px;margin-bottom:20px;font-weight:600;font-size:16px}.table-for-expense{width:100%;margin-top:20px;background-color:#aab1c6;color:#000;border-radius:7.8px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;align-content:center}#navbar{width:500px;height:50px;background-color:#878fa6;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:7.8px;margin-top:20px}.container{max-width:640px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px}ul.chekboxtags{list-style:none;padding:0}ul.chekboxtags li{display:inline}ul.chekboxtags li label{display:inline-block;background-color:#ffffffe6;border:2px solid rgba(139,139,139,.3);color:#000;border-radius:25px;white-space:nowrap;margin:3px 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s;padding:8px 12px;cursor:pointer}ul.chekboxtags li label:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;padding:2px 6px 2px 2px}ul.chekboxtags li input[type=checkbox]:checked+label{border:2px solid #1bdbf8;background-color:#12bbd4;color:#fff;transition:all .2s}ul.chekboxtags li input[type=checkbox]{display:absolute;position:absolute;opacity:0}ul.chekboxtags li input[type=checkbox]:focus+label{border:2px solid #424a64}.who-should-pay-label{margin-bottom:10px;font-weight:600;font-size:16px}.who-paid-label{margin-top:20px;margin-bottom:10px;font-size:16px;font-weight:600}.text-red-500{color:red}.custom-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;margin-bottom:20px}.custom-table th,.custom-table td{border:1px solid black;padding:8px}.custom-table th:first-child{border-top-left-radius:8px}.custom-table th:last-child{border-top-right-radius:8px}.custom-table tr:last-child td:first-child{border-bottom-left-radius:8px}.custom-table tr:last-child td:last-child{border-bottom-right-radius:8px}.custom-table th{padding-top:12px;padding-bottom:12px;text-align:left}.delete-button{background:none;border:none;cursor:pointer;font-weight:600}.delete-button svg{fill:red}.Transaction{width:100%;padding-left:30px;padding-bottom:20px;padding-top:20px;border-bottom:1px solid black}#transaction-needed{margin-left:-20px;margin-bottom:10px}@media (max-width: 768px){.menu{width:100%;min-height:calc(100vh - 150px)}.button-group{width:100%}#AddPeople-button,#AddExpense-button,#SplitMoney-button{font-size:14px}#navbar{width:100%;height:40px;margin-top:0}.custom-ol{margin-left:20px}.table-for-expense,.custom-table,.Transaction{width:100%}#transaction-needed{margin-left:-20px}#add-people-form{flex-direction:row}#name-input,.input-description{width:50%}.add-button{width:20%;margin-top:20px}.custom-table th,.custom-table td{padding:5px}.custom-table th{padding-top:8px;padding-bottom:8px}.delete-button{font-size:12px}.custom-table th,.custom-table td,.Transaction,.who-should-pay-label,.who-paid-label,.text-red-500{font-size:14px}.input-description{margin-top:5px;margin-bottom:5px}.button-group{margin-bottom:20px}.custom-ol{margin-top:20px;margin-bottom:10px}.table-for-expense{margin-top:10px;margin-bottom:10px}.custom-table{margin-bottom:10px}.Transaction{padding-left:20px;padding-bottom:10px}.delete-button svg{width:20px;height:20px}.button-group{margin-bottom:20;margin-bottom:20px}.App-content{margin-top:0}}