body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d5dbe1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}h1,h2,h3{font-weight:500}.form-card h2{color:#007bff;font-size:25px;font-weight:400;margin-top:0;text-align:center}.form-card h4{color:#28422c;font-size:23px;font-weight:400;margin-bottom:12px}.logo{display:block;margin:auto;width:120px}.container{background:#fff;border-radius:5px;display:flex;margin:70px auto auto;padding:10px;width:900px}.form-card{flex:1 1;padding:40px 25px 20px}.photo-section{background-image:url(/portfolio/bankist/static/media/fintech.739475be90cfd8f52b5f.jpg);background-position:50%;background-size:cover;flex:2 1}.form-field{margin-bottom:7px}.form-field label{color:#1d2125;font-size:14px}.form-field input[type=password],.form-field input[type=text]{border:1px solid #e1e1e1;border-radius:5px;color:#23272a;margin-bottom:5px;margin-top:5px;padding:8px 10px;width:92%}.form-field input[type=submit]{background:#28422c;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:15px;padding:10px 0;text-align:center;width:100%}.alert-msg{color:red;font-size:13px}.change-btn{color:#28422c;cursor:pointer;text-decoration:underline}.dashboard{background:#28422c;display:flex;justify-content:flex-end}.dashboard-content{background:#fcfbfc;border-radius:10px 0 0 10px;padding-bottom:20px;transition:left .4s ease-in-out;width:calc(100vw - 220px)}.dashboard-content.sider-open{width:100vw}.header{align-items:center;display:flex;justify-content:space-between;margin:10px 20px}.user-details{margin-left:20px}.user-details h2{align-items:center;display:flex;font-size:30px;font-weight:400;gap:6px;margin:0}.avatar{border:1px solid #d5dbe1;border-radius:100%}.user-details p{margin:5px 0}.logout-btn{background:#28422c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px}.balance-data{display:flex;gap:20px;margin:0 20px}.total-handle,.transaction-data{background:#fff;border:1px solid #f8f8f8;border-radius:15px;flex:1 1}.balance-details{align-items:center;display:flex;justify-content:space-between}.avail-amount{padding:0 20px}.avail-amount h5{color:#28422c;margin-bottom:10px}.avail-amount h2{font-size:40px;margin-bottom:0;margin-top:5px}.delete-user{background:#f2f2f2;border-radius:5px;margin:0 20px 20px;padding:15px}.delete-user h3{margin:0 0 10px}.delete-form{display:flex;gap:6px}.delete-form input,.delete-form select{background:#fff;border:none;border-radius:4px;flex:2 1;padding:6px 10px}.delete-form button{border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;padding:2px 10px}.close-btn{background:red}.transfer-btn{background:#28422c}.movement-list{align-items:center;border:2px solid #f4f6f8;border-radius:10px;display:flex;justify-content:space-between;margin:10px 20px;padding:5px 15px}.transaction-data h2{font-size:27px;margin:15px 0 20px 20px}.transaction-data h3{color:#deb887;margin:15px 0 20px 20px}.positive{color:#29b23b}.negative,.positive{background:#f0eff0;border-radius:5px;padding:5px 15px}.negative{color:red}.transaction-data h4{font-size:18px;font-weight:400;margin:0}.transaction-data p{margin:8px 0}.clr-red{color:red;font-size:13px}.clr-green{color:#29b23b;font-size:13px}.transaction-type{display:flex;justify-content:space-between;margin:0 20px}.transaction-type p{border:1px solid #f3f3f3;flex:1 1;font-size:13px;padding:10px;text-align:center}.transaction-type p span{font-size:16px;font-weight:600}.currency{border:1px solid #f3f3f3;border-radius:12px;display:flex;gap:5px;margin-right:20px;padding:7px 10px}.currency select{border:none;font-size:16px;outline:none}.user-list{margin:0 20px}.user-list table{border:1px solid #f2f2f2;width:100%}.user-list tr th{background:#f2f2f2;font-size:13px;padding:8px 5px}.user-list tr td{border-top:1px solid #f2f2f2;font-size:12px;padding:6px 5px}.user-icon{width:35px}.sider-menu{background:#28422c;height:100%;left:0;position:fixed;top:0;transition:left .4s ease-in-out;width:220px}.sider-menu.sider-open{left:-220px}.nav-icon{background:#28422c;color:#fff;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px;z-index:5}.sider-open .nav-icon{right:-50px}.sider-menu .logo{padding-top:40px}.sider-menu ul{margin-top:50px}.sider-menu li{align-items:center;color:#fff;display:flex;list-style:none;padding:12px 10px}.sider-menu li a{color:#fff;text-decoration:none}.nav{cursor:pointer}.sider-menu svg{size:30px;margin-right:10px}.mob-view{display:none}.about-us-page{background:#fff;margin:20px auto auto;max-width:1024px;padding:20px}.about-us-page a{background:#28422c;border-radius:6px;color:#fff;font-size:13px;padding:5px 12px}.about-us-page a,a.back-btn{text-decoration:none}.back-btn{background:#f74d00;border:1px solid #fff;border-radius:5px;bottom:20px;color:#fff;font-size:13px;left:20px;padding:4px 12px;position:fixed;z-index:10}@media screen and (max-width:900px){.container{margin-left:4%;margin-right:4%;width:90%}.form-field input[type=password],.form-field input[type=text]{width:96%}}@media screen and (max-width:768px){.balance-data{flex-direction:column;margin:0}.sider-menu{left:-220px}.sider-menu.sider-open{left:0}.dashboard-content{width:100vw}.dashboard-content.sider-open{width:calc(100vw - 220px)}.nav-icon{right:-50px}.photo-section,.web-view{display:none}.mob-view{display:block}}@media screen and (max-width:600px){.photo-section{display:none}.delete-form input,.delete-form select{width:120px}.delete-form button{flex-basis:60px}.form-field input[type=password],.form-field input[type=text]{width:95%}}@media screen and (max-width:420px){.delete-form input,.delete-form select{width:90px}.form-field input[type=password],.form-field input[type=text]{width:94%}}
/*# sourceMappingURL=main.f18a9434.css.map*/