@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/static/media/bankhome.cfd257a2.jpg);background-size:cover;background-attachment:fixed;background-position:50%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bank_form,.main_bank{display:flex;flex-wrap:wrap}.footer{color:#f7b219;text-align:center}.bank_button{flex:40% 1;display:flex;justify-content:space-around;text-align:center;font-size:1.4rem;color:#fff;flex-wrap:wrap;padding:20px;border-radius:30px;margin:20px;align-items:center;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6))}.card_top{display:flex;flex-wrap:wrap}.card_top svg{font-size:7rem;cursor:pointer;margin:auto;border-radius:20px}.card_top h3,.card_top svg:hover{color:#f7b219}.card_top h3{margin:30px}.card_top button{color:#fff;background:none;border:none}.card_top button:hover{color:#f7b219}@media (max-width:1024px){.cards_wrap .card_item{width:33.3%}}@media (max-width:768px){.cards_wrap .card_item{width:50%}}@media (max-width:528px){.cards_wrap .card_item{width:100%}}.bank_info{flex:40% 1;text-align:center;font-size:1.4rem;color:#fff;flex-wrap:wrap;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));border-radius:30px;margin:20px}.account-balance .account-info{display:flex;margin-top:20px}.account-balance .account-info h2{font-size:1.3rem;color:#f7b219}.account-balance .account-info h2,.account-balance .account-info h3{width:100%;text-align:center;text-transform:uppercase}.account-balance .your-balance h1{text-transform:uppercase;color:#f7b219}.account-balance .your-balance{margin:20px;display:flex;justify-content:space-evenly;align-items:center;font-size:1.5rem;text-align:center}.account-balance .your-balance span{font-size:4rem}.bank_statement_btn{padding:2px 10px;display:flex;background:none;border:none;color:#fff;margin:auto;cursor:pointer}.bank_statement_btn:hover{color:#f7b219}.deposit_div{flex:40% 1;display:flex;justify-content:space-around;text-align:center;font-size:1.4rem;color:#fff;flex-wrap:wrap;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));padding:20px;border-radius:30px;margin:20px;align-items:center}.deposit_div p{width:40%;margin:auto}.deposit_div label{font-size:1.3rem;margin-top:10px}.deposit_div h1{font-size:3.4rem}.deposit_div .form-action button{margin-top:20px!important;padding:10px 20px;cursor:pointer;border-radius:10px;border:none;background:#f7b219;font-weight:bolder}.deposit_div .form-action input{margin-top:20px!important;padding:10px 20px;margin:auto;border-radius:10px;width:100%}.deposit_div .action-mybalance label{font-size:1.8rem}.expense{flex:40% 1;color:#fff;flex-wrap:wrap;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));padding:20px;border-radius:30px;margin:20px;height:48vh}.expense,.expense h1{text-align:center}.expense-action{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse}.expense-action td,.expense-action th{padding:8px;border:none}.expense-action td{text-align:center}.expense-action button{font-size:1.3rem;padding:5px 8px;margin-right:5px;cursor:pointer;background:none;border:none;border-radius:5px;color:#fff}.expense-action th{padding-top:12px;padding-bottom:12px;background:none;color:#f7b219;text-align:center;border:none;border-radius:20px;width:30%;text-transform:uppercase;margin:auto}.expense-action .editBtn{color:green;font-size:2rem;cursor:pointer}.expense-action .deleteBtn{color:red;font-size:2rem;cursor:pointer}.new-expense{padding:1rem;border-radius:12px;text-align:center}.new-expense button{cursor:pointer;padding:1rem;border:1px solid #40005d;background:#f7b219;color:#000;border-radius:12px;margin-right:1rem;font-weight:700}.expense_form{background-image:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9));border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;width:45.7%;flex:50% 1;bottom:0;height:48vh;padding-bottom:50px;font-size:1.4rem;margin-bottom:40px}.new-expense__control label{font-weight:700;margin-bottom:.5rem;display:block}.expense_form button{cursor:pointer;padding:1rem;border:1px solid #40005d;background:#f7b219;color:#000;border-radius:12px;margin:20px 1rem 45px 20px}.new-expense__control input{font:inherit;padding:1rem;border-radius:6px;border:1px solid #ccc;max-width:100%;margin:10px 0}.new-expense__actions{margin-top:20px;text-align:center}.edit_expense_main{background-image:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9));border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;width:45.7%;flex:50% 1;bottom:0;left:0;height:48vh;padding-bottom:50px;font-size:1.4rem;margin-bottom:40px;margin-left:40px}.edit_new-expense__controls label{font-weight:700;margin-bottom:.5rem;display:block}.edit_expense_main button{cursor:pointer;padding:1rem;border:1px solid #40005d;background:#f7b219;color:#000;border-radius:12px;margin:20px 1rem 60px 20px}.edit_new-expense__controls input{font:inherit;padding:1rem;border-radius:6px;border:1px solid #ccc;max-width:100%;margin:10px 0}.edit_new-expense__controls{margin-top:20px;text-align:center}.history_div{flex:40% 1;width:58%;margin:20px;color:#fff;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));border-radius:30px;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.history_div,.history_div h1{text-align:center}.history_div select{padding:10px 20px;cursor:pointer}.history_div select option{font-size:1.2rem;cursor:pointer}.deposit-histoy{margin:30px auto;font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:95%;color:#fff}.deposit-histoy td,.deposit-histoy th{padding:8px;border:none;text-align:center}.deposit-histoy th{text-align:left;color:#f7b219;text-align:center;border:none;border-radius:20px;width:20%;text-transform:uppercase}.deposit-histoy td{color:#fff}.pagination{display:inline-block;position:absolute;bottom:0;margin-bottom:50px}.pagination button{font-size:1rem;color:#fff;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;cursor:pointer;background:none}.pagination button.active{background-color:#4caf50;color:#fff}.pagination button:hover:not(.active){background-color:#ddd}.withdrawal_div{flex:40% 1;display:flex;justify-content:space-around;text-align:center;font-size:1.4rem;color:#fff;flex-wrap:wrap;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));padding:20px;border-radius:30px;margin:20px;align-items:center}.withdrawal_div p{width:40%;margin:auto}.withdrawal_div label{font-size:1.3rem;margin-top:10px}.withdrawal_div h1{font-size:3.4rem}.withdrawal_div .form-action button{margin-top:20px!important;padding:10px 20px;cursor:pointer;border-radius:10px;border:none;background:#f7b219;font-weight:bolder}.withdrawal_div .form-action input{margin-top:20px!important;padding:10px 20px;margin:auto;border-radius:10px;width:100%}.withdrawal_div .action-mybalance label{font-size:1.8rem}.send_money_div{flex:40% 1;display:flex;justify-content:space-around;text-align:center;font-size:1.4rem;color:#fff;flex-wrap:wrap;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));padding:20px;border-radius:30px;margin:20px;align-items:center}.send_money_div p{width:40%;margin:auto}.send_money_div label{font-size:1.3rem;margin-top:10px}.send_money_div h1{font-size:3.4rem}.send_money_div .form-action button{margin-top:20px!important;padding:10px 20px;cursor:pointer;border-radius:10px;border:none;background:#f7b219;font-weight:bolder}.send_money_div .form-action input{margin-top:20px!important;padding:10px 20px;margin:auto;border-radius:10px;width:100%}.send_money_div .action-mybalance label{font-size:1.8rem}.user-profile{text-align:center;font-size:1.4rem;flex-wrap:wrap;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));border-radius:30px;margin:20px;justify-content:center;align-items:center}.user-profile .form_container{width:70%;display:flex;margin:20px auto auto;flex-wrap:wrap}.user-profile .row_left,.user-profile .row_right{flex:50% 1;display:flex;flex-direction:column}.user-profile form label{color:#f7b219;font-size:2rem}.user-profile .form_container input{text-align:center;width:40%;margin:auto;padding:10px;background:none;border:none;color:#fff;font-size:2rem;font-weight:bolder}input:focus{outline:none!important}.user-profile .account_balance{color:#fff}.user-profile .account_balance h1{color:#f7b219}.user-profile h2{margin:10px;color:#fff}.profile_picture{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile_picture .edit_profile_icon{font-size:2.3rem;cursor:pointer}.profile_picture .edit_profile_icon:hover{color:#fff}.profile_picture img{width:180px;border-radius:50%}.profile_btn{display:flex;justify-content:center}.profile_btn button{margin:20px;padding:20px 30px;border-radius:10px;border:none;background-color:#f7b219;cursor:pointer}.change_password_main{background-image:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9));border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;width:50%;bottom:0;top:0;left:0;height:48vh;padding-bottom:50px;font-size:1.4rem;margin-bottom:40px;margin-left:500px;margin-top:300px}.change_password_form__controls label{font-weight:700;margin-bottom:.5rem;display:block}.change_password_main button{cursor:pointer;padding:1rem 3rem;border:1px solid #40005d;background:#f7b219;color:#000;border-radius:12px;margin:20px 1rem 20px 20px}.change_password_form__controls input{font:inherit;padding:1rem;border-radius:6px;border:1px solid #ccc;max-width:100%;margin:10px 0}.change_password_form__controls{margin-top:20px;text-align:center}.users-table{width:68%;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));border-radius:30px;padding:20px;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;align-items:center}.table-users,.users-table{margin:30px auto;color:#fff}.table-users{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}.table-users td,.table-users th{padding:8px;border:none;text-align:center}.table-users th{text-align:left;color:#f7b219;text-align:center;border:none;border-radius:20px}.table-users td,.table-users th{text-transform:uppercase;margin:20px}.table-users span,.table-users td{color:#fff}.home,.no_data{display:flex;flex-direction:column}.home{color:#fff;height:100vh;align-items:center;justify-content:center;text-align:center;font-family:"Poppins",sans-serif}.buttons button{height:50px;padding:10px 20px;font-size:20px;font-weight:600;background:#f7b219;cursor:pointer;border-radius:25px;transition:.4s;border:none;margin:10px}.home .center h1{color:#fff;font-size:5.5rem;font-weight:700;text-align:center;margin:20px}.home .center span{color:#f7b219}.home .center p{color:#fff;font-size:1.2rem;width:70%;margin:20px auto}@media (max-width:768px){.home .center h1{font-size:3rem;margin:20px}}@media (max-width:280px){.buttons button{margin:3px}}@media (max-width:320px){.buttons button{margin:3px}}.center .buttons{margin:25px 35px}.buttons button:hover,.register{background:#fff}.register{text-align:center;width:100%;border-radius:5px;box-shadow:0 4px 10px 1px rgba(0,0,0,.1);padding:20px}.register .title{height:90px;background:#f7b219;border-radius:5px 5px 0 0;color:#fff;font-size:30px;font-weight:600;display:flex;align-items:center;justify-content:center}.register form{padding-top:25px;margin:10px}.register form .row{height:45px;margin-bottom:15px;position:relative}.register form .row input{border-radius:5px;border:1px solid #d3d3d3}.register form .cancel,.register form .row input{height:100%;width:100%;outline:none;padding-left:10px!important;font-size:16px;transition:all .3s ease}.register form .cancel{background:none;text-decoration:underline}.register form .cancel,.register form .submit{border-radius:5px;border:none;font-size:1.5rem;cursor:pointer}.register form .submit{height:100%;width:100%;background:#f7b219;transition:all .3s ease;color:#fff}.register p{color:red;margin-bottom:5px;text-align:left}.container{height:100vh;display:flex;justify-content:center;align-items:center;max-width:440px;margin:auto}.login{text-align:center;width:100%;background:#fff;border-radius:5px;box-shadow:0 4px 10px 1px rgba(0,0,0,.1);padding:50px 20px}.login .title{height:90px;background:#f7b219;border-radius:5px 5px 0 0;color:#fff;font-size:30px;font-weight:600;display:flex;align-items:center;justify-content:center}::selection{background:#f7b219}.login form{padding-top:25px;margin:10px}.login form .row{height:45px;margin-bottom:15px;position:relative}.login form .row input{border-radius:5px;border:1px solid #d3d3d3}.login form .cancel,.login form .row input{height:100%;width:100%;outline:none;padding-left:10px!important;font-size:16px;transition:all .3s ease}.login form .cancel{border-radius:5px;background:none;border:none;font-size:1.5rem;text-decoration:underline;cursor:pointer;margin-bottom:25px}.login form .submit{height:100%;width:100%;font-size:1.5rem}.login form .not-registered,.login form .submit{border-radius:5px;border:none;background:#f7b219;transition:all .3s ease;cursor:pointer;color:#fff}.login form .not-registered{padding:3px}.login p{text-align:left;color:red}form .button .cancel:hover{color:#f7b219}.div_body{height:90vh;width:80%;margin:auto;display:flex;justify-content:center;align-items:center}.container_chat{width:450px;height:80vh;display:flex;flex-direction:column;box-shadow:2px 2px 20px rgba(0,0,0,.4);border-radius:30px;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6))}.header_chat{color:#fff;padding:15px}.header_chat button{color:#fff;padding:8px;background:none;cursor:pointer}.body_chat{flex:1 1;color:#fff;background:rgba(0,0,0,.7);padding:20px 30px}.message_chat{background:#1e90ff;padding:10px;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;margin-bottom:15px}.user_message{margin-left:auto;background:#fff;color:#000}.footer_chat form{display:flex;flex-direction:column;align-items:center}.footer_chat form input{margin:5px;flex:1 1;height:40px;border:none;outline:none;padding-left:5px;font-size:16px}.footer_chat form button{width:100px;font-size:18px;border:none;outline:none;background:#1e90ff;color:#fff;cursor:pointer}.footer_chat form button:hover{background:#00f;transition:.2s ease}.container_chat_history img,.container_chat img{width:30px;border-radius:100%}.container_chat_history{width:450px;height:80vh;display:flex;flex-direction:column;margin:100px}
/*# sourceMappingURL=main.9e94aaf7.chunk.css.map */