.income{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3)}.income__wrapper{width:600px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:8px;background-color:#fff}.income .income__header{padding:15px;text-align:center;display:flex;align-items:center}.income .income__header span{padding-top:5px;cursor:pointer;color:#d3d8dd}.income .income__title{font-size:26px;flex-grow:1;color:#2ed47a}.income .income__body{padding:15px}.income form{display:flex;flex-wrap:wrap}.income input{width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px;font-size:16px}.income input:focus{border-bottom:2px solid #992ada}.income select{font-size:16px;width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px}.income select:focus{border-bottom:1px solid #992ada}.income form .income__submit{width:auto;background-color:#2ed47a}@media (max-width:650px){.income .income__wrapper{width:320px}.income form{flex-direction:column}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before,html{box-sizing:border-box}h1,h2,h3,h4,p,ul{padding:0;margin:0}ul{list-style:none}a{text-decoration:none}:root{--main-font:"Exo 2",sans-serif}body{font-family:"Exo 2",sans-serif!important;font-family:var(--main-font)!important;margin:0;padding:0;background-color:#f5f6f8}.app-wrapper{height:100%;display:flex;flex-direction:column}.login{position:fixed;width:100%;height:100vh;align-items:center;z-index:1000000;background:linear-gradient(45deg,#fff1eb,#ace0f9)}.login,.login form{display:flex;justify-content:center}.login form{width:300px;height:400px;position:relative;background-color:#fff;flex-direction:column;border-radius:8px;padding:0 15px;box-shadow:0 8px 35px 4px rgba(0,0,0,.51)}.login form input{width:100%;height:50px;padding-top:20px;color:#363636;background-color:#fff;border:none;border-bottom:2px solid #363636;outline:none}.login form label{transform:translateY(-50px);pointer-events:none}.contentEmail,.contentPass{position:absolute;top:25px;color:#363636;transition:all .3s ease}.login form input:focus+.labelEmail .contentEmail,.login form input:focus+.labelPass .contentPass,.login form input:valid+.labelEmail .contentEmail,.login form input:valid+.labelPass .contentPass{transform:translateY(-100%);font-size:14px;color:#0c9463}.login button{background-color:#0c9463;color:#fff;width:150px;height:40px;border:none;border-radius:15px;display:flex;align-self:center;margin-top:30px;justify-content:center;font-size:16px;text-align:center;outline:none;cursor:pointer;transition:all .3s ease;padding-top:8px}.login button:hover{transform:translateY(10px)}.login h1{align-self:center;color:#363636;margin-bottom:20px}input:-internal-autofill-selected{-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;background-color:#363636!important;background-image:none!important;color:-internal-light-dark(#000,#fff)!important}.archive__title{margin-left:20px}.archive__body{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:1rem;padding:20px}.archive__body>div{padding:20px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:6px}.archive__body .bank-archive ul{width:100%}.archive__body .bank-archive ul li{width:100%;align-items:center;height:35px;border-bottom:1px solid #90a0b7;display:flex;justify-content:space-between}.archive__body ul li>span{width:55px;color:#fff;font-size:20px;display:flex;justify-content:flex-end;align-items:center;font-weight:600}.archive__body ul li .deleteStng{font-size:14px;opacity:0}.archive__body ul li .deleteStng img{width:20px;cursor:pointer;margin-left:10px}.archive__body ul li:hover>.deleteStng{opacity:1}.archive__body .MuiSvgIcon-root{opacity:0}.archive__body ul li:hover .MuiSvgIcon-root{opacity:1;cursor:pointer}.archive__body ul>li:last-child>input{border:none;border-bottom:1px solid #90a0b7;height:35px;font-family:"Exo 2",sans-serif;font-size:16px;width:100%;outline:none}.archive__body ul>li:last-child>input:focus{border-bottom:3px solid #992ada}.create-user{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3)}.create-user .income__wrapper{width:600px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:8px;background-color:#fff}.create-user .income__header{padding:15px;text-align:center;display:flex;align-items:center}.create-user .income__header span{padding-top:5px;cursor:pointer;color:#d3d8dd}.create-user .income__title{font-size:26px;flex-grow:1;color:#2ed47a}.create-user .income__body{padding:15px 15px 20px}.create-user form{display:flex;flex-wrap:wrap;position:relative;padding-bottom:50px}.create-user input{width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px;font-size:16px}.create-user input:focus{border-bottom:2px solid #992ada}.create-user select{font-size:16px;width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px}.create-user select:focus{border-bottom:1px solid #992ada}.create-user form .income__submit{display:flex;width:auto;justify-self:center;background-color:#2ed47a;position:absolute;bottom:0;right:40%;padding:0 10px 10px}@media (max-width:650px){.create-user .income__wrapper{width:320px}.create-user form{flex-direction:column}.create-user form .income__submit{width:100px!important;background-color:#2ed47a;right:80px}}.expenses{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3)}.expenses .income__wrapper{width:600px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:8px;background-color:#fff}.expenses .income__header{padding:15px;text-align:center;display:flex;align-items:center}.expenses .income__header span{padding-top:5px;cursor:pointer;color:#d3d8dd}.expenses .income__title{font-size:26px;flex-grow:1;padding-right:10px;color:#f7685b}.expenses .income__body{padding:15px}.expenses form{display:flex;flex-wrap:wrap}.expenses input{font-size:16px;width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px}.expenses input:focus{border-bottom:2px solid #992ada}.expenses select{font-size:16px;width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px}.expenses select:focus{border-bottom:1px solid #992ada}.expenses form .income__submit{width:auto;background-color:#2ed47a}@media (max-width:650px){.expenses .income__wrapper{width:320px}.expenses form{flex-direction:column}}.main-filter{margin-top:14px;border-radius:6px;width:100%;display:flex;flex-direction:column;justify-content:center;height:60px;background-color:#fff}.main-filter form{display:flex;align-items:center;width:100%;justify-content:space-between}.main-filter form input{height:30px;border:none;border-bottom:1px solid #90a0b7;font-family:"Exo 2",sans-serif}.main-filter form input:focus{border-bottom:2px solid #992ada;outline:none}.main-filter form select{width:150px;font-family:"Exo 2",sans-serif;height:30px;border:none;border-bottom:1px solid #90a0b7}.main-filter form select:focus{border-bottom:2px solid #992ada;outline:none}.main-filter .buttons{display:flex;justify-content:space-between;width:200px}.main-filter .filter__btn{background-color:#36a2eb}.main-filter .excel__btn{display:flex;justify-content:center;align-items:center;background-color:#2e8b57!important;cursor:pointer;height:30px}@media (max-width:750px){.main-filter{height:100%;padding:15px}.main-filter form{flex-wrap:wrap}.main-filter form>input[type=date]{width:150px!important}.excel__btn,.main-filter form input{margin-top:5px}.main-filter form .buttons>a,.main-filter form input[type=submit]{width:60px;font-size:14px}.main-filter form .buttons{width:150px;display:flex;justify-content:space-between}}@media (max-width:410px){.main-filter form>input[type=date]{width:140px!important}.main-filter form input,.main-filter form select{width:140px}.main-filter form .buttons{width:140px;display:flex;justify-content:space-between}.main-filter form .buttons>a,.main-filter form input[type=submit]{width:60px;font-size:14px}}@media (max-width:350px){.main-filter form>input[type=date]{width:110px!important}.main-filter form input,.main-filter form select{width:110px}.main-filter form .buttons{width:110px;display:flex;justify-content:space-between}.main-filter form .buttons>a,.main-filter form input[type=submit]{width:50px;font-size:13px}}.MuiAccordion-root.Mui-expanded:last-child,.MuiAccordion-rounded:last-child{margin-left:24px;margin-right:24px}.content{padding-top:60px;background-color:#f5f6f8;width:100%;height:100vh;transition:.3s ease-in}.content__wrapper{margin-top:24px}.MuiPaper-elevation8{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.14)}.content .income-blocks{display:flex;justify-content:space-between}.content .income{width:332px;height:104px;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:4px;display:flex;align-items:center;justify-content:center}.content .income__green{background:#2ed47a;margin-right:10px}.content .income__yellow{background:#ffb946;margin-left:10px;margin-right:10px}.content .income__red{background:#f7685b;margin-left:10px}.content .income span{font-style:normal;font-weight:400;font-size:36px;line-height:54px;letter-spacing:.01em;color:#fff}.content a{color:none}.content .income-table-btn{font-family:"Exo 2",sans-serif;font-size:16px;width:100px;color:hsla(0,0%,77.3%,.959);height:35px!important;border-radius:12px 12px 0 0;transition:all .3s;display:inline-block;border:none;border:1px solid hsla(0,0%,90.2%,.959);border-bottom:none;font-weight:600}.content .expenses-table-btn{position:relative}.content .expenses-table-btn,.content .transfer-table-btn{font-family:"Exo 2",sans-serif;font-size:16px;width:100px;color:hsla(0,0%,77.3%,.959);height:35px;border-radius:12px 12px 0 0;transition:all .3s;display:inline-block;border:none;border:1px solid hsla(0,0%,90.2%,.959);border-bottom:none;font-weight:600}.content a span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:.3}.main-table{box-shadow:0 4px 4px rgba(0,0,0,.25);margin-right:24px;margin-left:24px;border-radius:6px;max-width:100%;background-color:#fff}.main-table table{width:100%;border-collapse:collapse;text-align:center}.loader__wrapper{width:250px;height:100px;margin:0 auto;display:flex;justify-content:center;align-items:center}.loader__wrapper img{max-width:100%}.main-table .incomText{color:#2ed47a;width:18px;height:18px;display:inline-block}.main-table .incomText img{max-width:100%}.main-table .expensesText{width:18px;height:18px;display:inline-block}.main-table .expensesText img{max-width:100%}.main-table .transferText{width:18px;height:18px;display:inline-block}.main-table .transferText img{max-width:100%}.main-table table tr{text-align:center;border-bottom:1px solid #ebeff2;height:45px;font-size:14px}.main-table table tr>td:first-child{text-align:start}.main-table .transfer-icon{width:30px;justify-content:center;align-items:center}.main-table table tr:first-child :hover,.main-table table tr:hover{background-color:rgba(179,172,172,.1)}.main-table table thead :hover{background-color:#fff}.main-table table td{overflow:hidden;max-width:100px}.content .pagination__wrapper{display:flex;justify-content:center;margin-top:15px}ul.pagination{display:inline-block;padding:0;margin:0;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);overflow:hidden}ul.pagination li{display:inline}ul.pagination li span{color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .2s;border:1px solid #ddd;cursor:pointer;overflow:hidden}ul.pagination li span.active{background-color:#36a2eb;color:#fff;border:1px solid #36a2eb}.pagination li:first-child>span{border-top-left-radius:5px;border-bottom-left-radius:5px}.pagination li:last-child>span{border-top-right-radius:5px;border-bottom-right-radius:5px}@media (max-width:950px){.main-table{overflow-x:scroll}.main-table table{width:950px}}@media (max-width:700px){.content .expenses-table-btn,.content .income-table-btn,.content .transfer-table-btn{width:80px}.content .expenses-table-btn.active,.content .income-table-btn.active,.content .transfer-table-btn.active{width:110px!important}}.settings__title{margin-left:20px}.settings__body{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:1rem;padding:20px}.settings__body>div{padding:20px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:6px}.settings__body ul li{align-items:center;height:35px;border-bottom:1px solid #90a0b7;display:flex;justify-content:space-between}.settings__body ul li>span{width:55px;color:#fff;font-size:20px;display:flex;justify-content:flex-end;align-items:center;font-weight:600}.settings__body ul li .deleteStng{font-size:14px;opacity:0}.settings__body ul li .deleteStng img{width:20px;cursor:pointer;margin-left:10px}.settings__body ul li:hover>.deleteStng{opacity:1}.settings__body ul>li:last-child{border-bottom:none;justify-content:right}.settings__body ul>li:last-child>input{border:none;border-bottom:1px solid #90a0b7;height:35px;font-family:"Exo 2",sans-serif;font-size:16px;width:100%;outline:none}.settings__body ul>li:last-child>input:focus{border-bottom:3px solid #992ada}.addList{font-size:14px;cursor:pointer;color:#2ed47a;border:none;font-weight:400}.addList>div{display:flex}.sureModal{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.25)}.sureModal .sureModal__body{width:400px;height:200px;background:#fff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:30px;text-align:center;transform:translate(-45%,-35%)}.sureModal .sureModal__body p{line-height:1.3rem}.sureModal .btn-yes{background-color:tomato;margin-right:25px}.sureModal .btn-no{background-color:#fff;color:#000}.sureModal .sureModal__body .btn-yes.balance-btn{margin-right:0}@media(max-width:750px){.sureModal .sureModal__body{transform:none}}.transfer{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3)}.transfer .income__wrapper{border-radius:8px;background-color:#fff}.transfer .income__header{padding:15px;text-align:center;display:flex;justify-content:center;align-items:center}.transfer .income__header span{cursor:pointer;color:#d3d8dd}.transfer .income__title{text-align:center;font-size:26px;padding-right:10px;color:#ffb946;flex-grow:1}.transfer .income__body{padding:15px}.transfer form{display:flex;flex-wrap:wrap}.transfer input{width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px;font-size:16px}.transfer input:focus{border-bottom:2px solid #992ada}.transfer select{font-size:16px;width:250px;font-family:var(--main-font);height:25px;border:none;border-bottom:1px solid #d3d8dd;outline:none;margin:15px}.transfer select:focus{border-bottom:1px solid #992ada}.transfer form .income__submit{margin-left:auto;width:auto;text-align:right;background-color:#2ed47a}@media (max-width:650px){.transfer .income__wrapper{width:320px}.transfer form{flex-direction:column}}.btn{width:5em;height:32px;border:none;border-radius:4px;color:#fff;font-size:16px;font-family:inherit;box-shadow:0 4px 10px rgba(16,156,241,.24)}.header{position:fixed;height:60px;background-color:#fff;z-index:100;transition:.3s ease-in;border-bottom:1px solid #ebeff2}.header,.header-wrapper{width:100%;display:flex;align-items:center}.header-wrapper{margin:0 20px;justify-content:space-between}.header .income__btn--green{background:#2ed47a;margin-right:10px}.header .header__search,.header__btns{display:flex}.header .income__btn--red{background:#f7685b;margin-left:10px;margin-right:10px}.header .income__btn--yellow{background:#f7685b;margin-left:10px;background:#ffb946}.header .burger{width:27px;height:27px;margin-right:20px;display:none}.header .burger span{display:inline-block;position:relative}.header .burger span,.header .burger span:before{width:27px;height:3px;background-color:#c2cfe0;border-radius:35px}.header .burger span:before{content:"";position:absolute;top:-6px}.header .burger span:after{content:"";width:27px;height:3px;background-color:#c2cfe0;border-radius:35px;position:absolute;bottom:-6px}.header .bell a{color:#36a2eb;font-weight:600}.header .bell a>img{width:32px;height:32px;display:none}.header .setting-icon a img{width:32px}.header .search__field{margin-left:12px;border:none;font-family:var(--main-font)}.header .search__field::-webkit-input-placeholder{font-family:var(--main-font)}.header .search__field:-ms-input-placeholder{font-family:var(--main-font)}.header .search__field::-ms-input-placeholder{font-family:var(--main-font)}.header .search__field::placeholder{font-family:var(--main-font)}.sidebarShow{transition:.3s;transform:translateX(0)!important;padding-left:0}.forHeader{padding-left:267px}@media(min-width:1200px){.content,header{padding-left:256px;transition:.3s}}@media(max-width:1199.98px){.sidebar{transition:.3s;transform:translateX(-257px)}.header .burger{display:block}}@media(max-width:750px){.header .bell a>img{display:block}.header .bell a>span{display:none}}@media(max-width:410px){.header-wrapper .header__btns button{margin-right:0;width:67px;font-size:14px}.header-wrapper .header__btns button:last-child{margin-right:5px}.header-wrapper .header__search>.burger{margin-right:10px!important}}.sidebar{position:fixed;width:256px;height:100vh;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);z-index:10000;background-color:#fff;transition:.3s ease-in-out}.sidebar .brand-name .brand{height:60px;border-bottom:1px solid #ebeff2;padding:13px 14px;font-family:var(--main-font);font-style:normal}.sidebar .brand-name a{font-weight:800;font-size:18px;color:#109cf1}.sidebar .nav-wrapper{padding-left:14px;padding-right:14px}.sidebar .admin{margin-top:24px;display:flex;align-items:center}.sidebar .admin__icon{width:45px;height:45px;margin-right:16px}.sidebar .admin__icon img{max-width:100%;border-radius:50%}.sidebar .admin__name{font-style:normal;font-weight:500;font-size:14px;line-height:21px;color:#192a3e}.sidebar .admin__mail{font-size:11px;line-height:16px;color:#90a0b7}.sidebar .admin__mail,.sidebar .menu__list{font-style:normal;font-weight:500;letter-spacing:.01em}.sidebar .menu__list{display:flex;align-items:center;font-size:13px;line-height:19px;color:#334d6e}.sidebar nav{margin-top:40px;height:350px;overflow-y:auto}.sidebar .menu__list{justify-content:space-between}.sidebar .menu__list span{display:flex;align-items:center;font-size:16px;font-weight:600;margin-right:14px}.sidebar .menu__list+.menu__list{margin-top:20px}.sidebar .menu__list:hover{color:#109cf1;cursor:pointer}.sidebar .main-nav{border-top:1px solid #ebeff2;display:block}.sidebar .sidebar__nav-list{margin-top:10px}.sidebar .sidebar__nav a,.sidebar .sidebar__nav h3{color:#109cf1}.charts__wrapper h1{margin-left:25px}.type_charts{display:flex;justify-content:center}.charts__wrapper .chart-filter__wrapper form{display:flex;flex-wrap:wrap}.diagram__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));grid-template-rows:repeat(auto-fit,minmax(350px,1fr));grid-gap:1rem;padding:20px}.bank__diagram{justify-content:center}.bank__diagram,.charts__wrapper .chart-filter__wrapper{background-color:#fff;display:flex;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:6px;flex-direction:column}.charts__wrapper .chart-filter__wrapper{margin:24px;height:100px;padding:5px 10px}.charts__wrapper .chart-filter__wrapper input{font-family:"Exo 2",sans-serif;height:30px;border:none;border-bottom:1px solid grey;margin:10px;font-size:20px}.charts__wrapper .chart-filter__wrapper label{display:flex;align-items:center;margin-right:20px}.charts__wrapper .chart-filter__wrapper .date-input{display:flex}@media(max-width:750px){.charts__wrapper .chart-filter__wrapper{height:150px}}
/*# sourceMappingURL=main.29a84bc7.chunk.css.map */