@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);body{margin:0;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}.login{display:flex;flex-wrap:wrap}.loginFrom .loginSpinner{width:15%;min-width:60px;max-width:100px}.loginFrom{display:block;width:50%}.loginFrom form{width:70%;margin:0 auto;transform:translateY(30%)}.loginFrom input,label{display:block;margin:10px auto;text-align:center;font-weight:700}.input-icons i{position:absolute;left:2%}.loginFrom .errorLabel{color:red}.loginFrom h1,.loginFrom h3{display:none}.input-icons{width:100%;margin-bottom:10px}.userIcon{display:block;width:70%;margin:0 auto}.icon{margin-left:10px;padding:10px;min-width:40px;color:#283593}.input-field{border:1px solid rgba(28,62,117,.63);border-radius:10px;width:100%;max-width:400px;padding:10px;text-align:center}#loginBtn{background-color:#283593;width:150px;padding:10px;border:none;color:#fff;font-weight:700;margin:20px auto;display:block;border-radius:10px;cursor:pointer}#loginBtn:hover{background-color:#3f50ce}@media (min-width:320px){.input-field{max-width:none}}@media (max-width:768px){.login{display:block}.inputLabel{color:#000;font-weight:bolder}.loginArt{width:100%;height:100vh;background:#fff}.loginArt h1{text-align:center;color:#fff;margin-top:0;font-size:60px}.loginFrom form{position:absolute;width:100%;height:350px;top:0}.icon{margin-left:6px;padding:10px;min-width:40px;color:#283593}.loginSpinner{width:20%;min-width:80px}}@media (min-width:768px){.loginArt{display:none}.input-field{max-width:none}.loginFrom{margin:0 auto}}@media (min-width:992px){.userIcon{display:none}.loginFrom{text-align:center}.loginFrom h1{margin-top:200px}.loginFrom h1,.loginFrom h3{display:block;text-align:center}.loginFrom form{width:100%;transform:translateY(20%)}.input-field{max-width:500px}.input-icons i{left:5%}}@media (min-width:1024px){.userIcon{display:block}.loginFrom{margin:10px auto}}@media (min-width:1200px){.loginArt{display:block}.userIcon{display:none}.loginArt{width:50%;height:100vh;background:url(/static/media/undraw_unlock_24mb.475a3427.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.input-icons i{left:15%}}@media (min-width:1367px){.userIcon{display:none}.input-icons i{left:25%}}.landingPage{position:relative;min-height:100vh;padding-bottom:6rem}.landingPage header{width:100%;display:flex;justify-content:space-between;margin:0 auto}.heroImg img{width:100%}.landingPage .logo{margin:30px 10px;font-size:30px;color:#303f9f;font-weight:bolder}.landingPage #btn-login{margin:30px 15px;padding:5px 20px;width:80px;height:40px;background:#303f9f;border-radius:10px;border:1px solid #303f9f;color:#fff;font-weight:bolder;cursor:pointer;box-shadow:2px 2px 2px 1px hsla(0,0%,100%,.376)}.landingPage #btn-login:hover{background:#4658cc}.landingPage .heroText{display:block;padding:10px 15px;width:60%;margin:70px auto;color:#303f9f}.card{display:flex;flex-wrap:wrap;background-color:#f8f8f8;margin:100px auto;width:80%;padding:10px;border-radius:10px;box-shadow:2px 2px 2px rgba(17,17,17,.301)}.purple{color:#fff;background-color:#313b80}.purple img{border-radius:10px;margin-right:10px;margin-bottom:10px;background-color:#fff}.card img{width:30%;max-height:100px}.secondSection{display:flex;width:100%;min-height:80vh;height:auto;background:#313b80;background-repeat:no-repeat}.secondSectionText{width:70%;height:200px;padding:30px;margin-left:10px;color:#fff}.secondSectionText h3{font-size:2em;text-align:left!important}.secondSectionText h5{text-align:center;font-size:30px}.secondSectionText ul{margin:20px auto;display:block;width:50%;font-weight:500;text-align:left!important}.secondSectionImg img{width:100%;display:block;border-radius:100%;margin:150px auto 0}.thirdSection{width:60%;margin:50px auto}.thirdSection .how_to_use{display:flex;flex-wrap:wrap}.thirdSection .how_to_use div{width:50%}.thirdSection .where_to_start{display:flex;flex-wrap:wrap}.thirdSection .where_to_start div{width:50%}.thirdSection img{width:50%;max-height:360px}.thirdSection h3{font-size:2em;padding:10px;margin-top:50px}.thirdSection #btn-login{width:200px;height:60px;display:block;margin:15px auto;font-size:1.2em}footer{margin-top:100px;position:absolute;bottom:0;width:100%;height:3rem;font-size:20px;text-align:center}@media (max-width:768px){.landingPage .heroText{width:90%}.secondSection{display:flex;flex-wrap:wrap;width:100%;min-height:100vh;height:auto;padding:10vw 1vw}.secondSectionText{width:100%;height:200px;padding:10px;margin-left:10px;color:#ececec}.secondSectionText h3{font-size:1.7em;text-align:left!important}.secondSectionText h5{text-align:left;font-size:15px;color:#ddd;font-weight:500}.secondSectionText ul{margin:20px auto;display:block;width:90%;font-weight:300;text-align:left!important}.secondSectionImg{width:100%}.secondSectionImg img{width:80%;max-width:300px;max-height:auto}.thirdSection{width:90%;margin:50px auto}.thirdSection img{width:100%;max-height:300px}.thirdSection .how_to_use div,.thirdSection .where_to_start div{width:100%}}@media (min-width:992px){.landingPage .logo{margin:30px 100px}.hero,.landingPage header{justify-content:space-between}.hero{display:flex;width:80%;margin:0 auto}.heroImg,.heroText{width:50%;margin:10px}.landingPageInfo{display:flex;width:80%;margin:0 auto;justify-content:center}.card{width:300px;margin-left:50px;padding:20px}.secondSection{display:flex;margin:0 auto;justify-content:space-evenly;width:100%;min-height:60vh;height:auto}.secondSectionText{width:50%!important;margin-left:20px;height:300px;padding:0;transform:translateY(200px);color:#fff}.secondSectionText h3{font-size:30px}.secondSectionText h5{text-align:left;font-size:20px;color:#e4e4e4}.secondSectionText ul{margin:30px auto;width:40%;text-align:center}.secondSectionImg{width:40%;height:100px}.secondSectionImg img{width:80%;display:block;margin-top:150px}}@media (min-width:1200px){.landingPageInfo{display:flex;width:70%;margin:0 auto;justify-content:center}.secondSection{min-height:70vh;height:auto}.secondSectionText{width:70%;height:200px;padding:30px;margin-left:10px;transform:translateY(12em);color:#fff}.secondSectionText h3{text-align:left!important}.secondSectionText h5{text-align:center;font-size:25px;font-weight:400;text-align:left}.secondSectionText ul{margin:20px auto;display:block;width:50%;font-weight:300;font-size:1.2em;text-align:left!important}}#navBarIcon{position:-webkit-sticky;position:sticky;left:1%;top:15%;cursor:pointer;z-index:1000;text-align:center}#navBarIcon i{background:hsla(0,0%,90.6%,.863);width:41px}#navBarIcon .closingIcon,#navBarIcon i{display:block;margin:0 auto;font-size:40px;text-align:left}#navBarIcon .closingIcon{float:left;transform:translate(-15px,-50px)}nav{height:100vh;width:250px;box-shadow:2px 2px 2px rgba(32,32,32,.157);left:0;background-color:#fff;padding-top:100px;z-index:1000;position:fixed;overflow-y:scroll;overflow-x:hidden}nav ul{width:50%;list-style:none;margin:50px auto;justify-content:space-evenly}nav ul li{margin:30px 0;text-decoration:none;padding:5px;width:200px}nav ul li:hover{color:#0b2f94;font-weight:bolder}nav ul li img{width:20px}nav ul li i,nav ul li img{margin-right:5px;-webkit-filter:grayscale(50%);filter:grayscale(50%);-webkit-filter:brightness(.1);filter:brightness(.1)}#btn-logOut{padding:7px 15px;margin:10px auto;border:none;border-radius:10px;width:100px;color:#fff;background-color:#db3c3c;cursor:pointer}#btn-logOut:hover{background-color:#9c2222}.profilePic{width:100px;height:100px;background-color:grey;border-radius:100%;margin:30px auto;text-align:center}.user{display:block;margin:0 auto;text-align:center;width:80%}.user h2{margin-top:30px}@media (max-width:576px){nav{padding-top:65px}}@media (max-width:768px){.user h2{margin-top:10px}nav ul{margin:0 auto}nav ul li{margin:8px 0;text-decoration:none;padding:5px;width:200px}.profilePic{width:70px;height:70px;margin:10px auto}}@media (max-width:1200px){nav{display:none}}.header{width:100%;height:100px;position:fixed;z-index:2000;background-color:#141d57}.titleNav{width:100%;color:#fff;padding:30px}.titleNav h2{padding:20px 40px}#dashboardFont{font-weight:700;font-size:25px}#currentLocation{font-weight:700;font-size:20px}@media (max-width:768px){.header{width:100%;height:70px}.titleNav{padding:15px}}.homePage{width:97%;margin:0 auto;height:auto;background:url(/static/media/homepageBackground-color.cd1d8fda.jpg);background-repeat:no-repeat;background-size:cover}.homePageHeader{display:flex;justify-content:space-between;margin:100px 10px;width:100%;text-align:center}.homePageHeader h1{font-size:40px;margin-top:15px;margin-left:20px}.homePageHeader h2{width:100%;color:#283593!important;font-weight:400;transform:translateY(5px)!important}.textHeader{margin-top:0;height:30px}.home{background-color:#fff!important;overflow:scroll;padding:10px}.menu{display:flex;width:80%;height:auto;margin:0 auto;justify-content:space-evenly;flex-wrap:wrap;color:#fff;font-weight:700;background-color:#fafafa;box-shadow:0 2px 2px rgba(17,17,17,.609)}.menu .menu-items{width:320px;height:300px;text-align:center;margin:20px;padding:10px;border-radius:10px;font-size:20px;cursor:pointer;transition:.3s ease-in-out;box-shadow:10px 10px 2px rgba(58,58,58,.787)}.menu .menu-items:hover{transition:.3s ease-in-out;box-shadow:0 0 0 rgba(58,58,58,.787)}.Product{display:block;background-image:url(/static/media/undraw_product_iteration_kjok.30f89d09.png);background-size:cover;background-position:50%}.Product h3{position:relative;top:220px;color:#000}.Inventory{display:block;background-image:url(/static/media/undraw_selecting_team_8uux.0051f440.png);background-size:cover;background-position:50%}.Inventory h3{position:relative;top:220px;color:#000}.logs{display:block;background-image:url(/static/media/undraw_online_reading_np7n.29b6638b.png);background-size:cover;background-position:50%}.logs h3{position:relative;top:220px;color:#000}.budget{display:block;background-image:url(/static/media/undraw_metrics_gtu7.b31b3f3a.png);background-size:cover;background-position:50%}.budget h3{position:relative;top:240px;color:#000}.users{display:block;background-image:url(/static/media/undraw_missed_chances_k3cq.25a748c5.png);background-size:cover;background-position:50%}.users h3{position:relative;top:250px;color:#000}@media (min-width:320px){.homePage{height:100vh}.homePageHeader h2{margin:0}}@media (max-width:768px){.menu{box-shadow:none;padding:10px}.menu .menu-items{width:220px;height:210px;margin-top:50px}.menu img{margin:10px auto;width:70%;min-width:100px}.homePageHeader h1{margin-left:0}}#btn-search{border:none;background-color:#4caf50;color:#fff;padding:7px 15px;border-radius:7px;cursor:pointer}#btn-search:hover{background-color:#293d95}.loadingSpinner{width:100px;position:fixed;top:50%;left:50%}.inventory{display:flex;margin:0 auto;width:85%;max-width:1100px;min-width:320px;text-align:center;background-color:#fff}.table{width:100%;margin:150px auto;overflow-y:scroll}.tableHeader{border-top:2px solid #1f4577;background-color:#ebebeb;box-shadow:2px 2px 2px 11 rgba(61,61,61,.067)}tr{border-bottom:1px solid #dfdfdf;padding:10px}td,th{margin:0 auto}.col,td,th{text-align:center}.col{display:block;padding:10px 15px;width:200px}#sold{height:30px;padding:0 20px;background-color:#1d4b72;border:none;border-radius:5px;color:#fff;cursor:pointer}#sold:hover{background-color:#0b3061}#remove{height:30px;padding:0 10px;background-color:#e53935;border:none;border-radius:5px;outline:none;color:#fff;cursor:pointer}#remove:hover{background-color:#b71c1c}.qtyInput{display:flex;justify-content:center;width:30%;min-width:300px;margin:0 auto;text-indent:10px}#qtyError{font-size:14px;margin-right:7px;color:#b71c1c}#qtyRemoved,#qtySold{border:1px solid hsla(0,0%,86.7%,.067);text-indent:10px;border-radius:5px}#qtyRemoved,#qtySold,.confirm{display:block;margin:10px auto}.confirm{height:30px;padding:0 20px;background-color:#303f9f;border:none;border-radius:5px;color:#fff;cursor:pointer}@media (max-width:320px){.col{padding:10px 0!important;font-size:14px}}@media (max-width:576px){.table{width:95%}.unImportant{display:none;margin:0;padding:0}.inventory{margin:0;padding:0;width:100%;max-width:1000px}#remove,#sold{padding:0 5px}}@media (max-width:768px){.inventory{width:100%!important}.col{width:20vw;padding:10px 0}td,th{text-align:center;margin:0}}@media (max-width:1200px){nav{display:none}.inventory{margin:0 auto;width:85%}}@media (min-width:1200px){.inventory{margin:0 auto;width:85%}}.product{text-align:center;border:1px solid #b9b9b9;border-radius:10px;margin:10px;width:300px;padding:5px;box-shadow:2px 2px 2px 2px #aaa}.product h4{color:#15427e}.product p{margin:5px auto;width:100%;text-align:center;padding:5px;font-size:15px;color:#5a5a5a}.btn{background-color:#fff;padding:2px;display:block;border:none;margin:5px 5px 0;cursor:pointer}#add-Btn i{font-size:40px;color:#255892}#delete-Btn i{font-size:40px;color:#c62828}.btn-collection{display:flex;justify-content:space-between;margin-bottom:0}.addInventory{position:absolute;top:40%;left:40%;width:400px;height:470px;padding:50px;background-color:#fff;border:1px solid #e2e2e2;border-radius:10px;box-shadow:5px 5px 5px hsla(0,0%,42.7%,.02);-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important}.addInventory input{display:block;margin:25px auto;width:100%;padding:10px;border:1px solid #49be25;border-radius:5px}.addInventory .title{width:100%}.addInventory .close{text-align:right;cursor:pointer}.add-btn{background-color:#4caf50;color:#fff;border:none;padding:10px;width:70px;font-weight:700;cursor:pointer}.add-btn:hover{background-color:#06810b}@media (max-width:576px){.addInventory{position:fixed;display:block;top:20%;left:0;width:100%;height:450px;padding:20px}}.addProductFrom{position:fixed;top:40%;left:50%;display:block;margin:0 auto;padding:30px;width:600px;height:500px;background-color:#fff;transform:translate(-200px,-100px);border-radius:10px}.addProductFrom .close{position:fixed;color:#942424;margin-right:20px;top:10px;right:0;cursor:pointer;transition:.2s ease-in-out}.addProductFrom .close i:hover{transform:scale(1.05);transition:.2s ease-in-out}.addProductFrom input{display:block;margin:10px auto;padding:5px;width:70%;border:1px solid #bbb}.addProductFrom button{display:block;margin:30px auto;background-color:#4caf50;padding:10px;color:#fff;border:none;border-radius:5px;cursor:pointer}@media (max-width:1200px){.addProductFrom{left:40%}}@media (max-width:768px){.addProductFrom{max-width:500px;width:100%;transform:translate(-50%,-100px);left:50%}}.products{display:flex;justify-content:center;flex-wrap:wrap;width:70%;margin:100px auto;border-radius:10px;padding:20px;background-color:#fff;box-shadow:2px 2px 2px 2px rgba(8,8,8,.301)}.search{position:absolute;color:#aaa;font-size:16px;display:block;right:0;top:50px;width:50%}.collection h2{transform:translateY(60px);text-align:center;color:#002e29;font-size:30px}.search input{height:32px;background:transparent;outline:none;border:none;border-bottom:1px solid #d1d1d1;display:block;margin:6px auto;width:90%;right:0;color:#fff}.search ::-webkit-input-placeholder{color:#123666;opacity:1}.search :-ms-input-placeholder{color:#123666;opacity:1}.search ::-ms-input-placeholder{color:#123666}.search ::placeholder{color:#123666;opacity:1}.search ::-ms-input-placeholder{color:#253f7a;opacity:1}.search input{text-indent:32px}.search .fa-search{position:absolute;top:13px;left:50px;color:#24447e}#addedFormModal{background:transparent;float:right;border:none;cursor:pointer;outline:none;position:fixed;right:0;bottom:0;margin-right:100px;margin-bottom:100px}#addedFormModal i{color:#22478b;font-size:60px;transition:.5s ease-in-out}#addedFormModal i:hover{font-size:70px;transition:.5s ease-in-out}@media (max-width:576px){.search{position:none;width:100%;margin:20px 0}.search input{width:100%;z-index:1000;background-color:#fff}.search .fa-search{left:6px;top:7px}.products{width:85%;margin:100px auto}#addedFormModal{margin-right:10px;margin-bottom:10px}}@media (min-width:768px){.search{position:none;width:100%;margin:20px 0}.search input{width:100%;z-index:1000;background-color:#fff}.search .fa-search{left:6px;top:7px}.collection h2{margin:10px 0;transform:translateY(100px)}}@media (min-width:992px){.search{position:fixed;z-index:2000}.search ::-webkit-input-placeholder{color:#fff;opacity:1}.search :-ms-input-placeholder{color:#fff;opacity:1}.search ::placeholder{color:#fff;opacity:1}.search ::-ms-input-placeholder{color:#fff;opacity:1}.search .fa-search{position:absolute;top:13px;left:50px;color:#fff}}@media (max-width:1024px){.search{position:none;display:block;width:100%;margin:20px auto}.search input{width:100%;z-index:1000;background-color:#fff}.search ::-webkit-input-placeholder{color:#123666;opacity:1}.search :-ms-input-placeholder{color:#123666;opacity:1}.search ::-ms-input-placeholder{color:#123666}.search ::placeholder{color:#123666;opacity:1}.search ::-ms-input-placeholder{color:#253f7a;opacity:1}.search .fa-search{position:absolute;top:13px;left:10px;color:#24447e}}@media (max-width:1200px){.collection h2{margin:10px 0;transform:translateY(100px)}}@media (min-width:1200px){.search input{height:32px;background:transparent;outline:none;border:none;border-bottom:1px solid #d1d1d1;display:block;margin:6px auto;width:90%;right:0;color:#fff}.search{position:absolute;color:#aaa;font-size:16px;display:block;right:0;top:20px;width:50%}.collection h2{margin:10px 0;transform:translateY(100px)}}.userInfo{width:300px;height:300px;margin:10px;background-color:#fff;border-radius:10px;text-align:center;cursor:pointer;box-shadow:2px 2px 2px hsla(0,0%,53.3%,.698);transition:.5s ease-in-out}.adminIcon{color:#283593}.userInfo:hover{transition:.5s ease-in-out;transform:scale(1.05)}.userInfo img{display:block;width:100px;margin:2px auto}.userPic{margin:20px auto;width:100px;height:100px;border-radius:100%}.allUsers{display:flex;background-color:#f6f6f6;width:80%;flex-wrap:wrap;margin:150px auto;padding:30px;box-shadow:0 2px 2px rgba(17,17,17,.781);justify-content:space-evenly;border-radius:10px}.userForm{position:absolute;top:30%;left:45%;padding:10px;width:400px;height:550px;border-radius:5px;background:#fff;box-shadow:10px 10px 7px rgba(95,95,95,.849)}.userForm button{display:block;margin:0 auto;padding:10px 15px;color:#fff;background-color:#285c8d;border:none;border-radius:5px;cursor:pointer;font-weight:bolder}.userForm button:hover{background-color:#12385c}.userForm input,select{padding:5px;width:75%;display:block;border:1px solid #304a92;border-radius:5px;text-indent:5px;margin:30px auto;outline:none}.userForm .errorLabel{color:#c62828;font-weight:700}.userForm .close{color:#c62828;margin-right:10px;text-align:right;cursor:pointer}.addUser-btn{position:fixed;width:50px;height:50px;top:90%;right:0;margin-right:30px;background:#fff;border:none;cursor:pointer;border-radius:100%}.addUser-btn:hover{transform:scale(1.1)}.addUser-btn i{font-size:50px;text-align:center;color:#224c8f;margin:0 auto;display:block;padding:1px;text-shadow:5px 5px 2px hsla(0,0%,60%,.774)}@media (max-width:768px){.userForm{position:absolute;top:30%;left:0;padding:10px;width:100%;height:550px;border-radius:5px;background:#fff;box-shadow:10px 10px 7px rgba(95,95,95,.849)}.loadingSpinner{left:37%;z-index:3000}}@media (width:1024px){.userForm{left:30%}}.budgetContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:100px auto;height:auto;width:90%;padding:10px;min-height:100vh;background-color:#f5f5f5}.col-1{display:block}.doughnutChart{margin:10px auto;height:300px;padding:10px}.availableToSpend,.doughnutChart,.income,.loss,.Spent{background-color:#fff;box-shadow:2px 2px 2px #111;border-radius:10px}.availableToSpend,.income,.loss,.Spent{display:flex;justify-content:space-evenly;width:300px;margin:20px;padding:20px;text-align:center}.income span{margin:10px}.barChart{height:500px;padding:10px}.barChart,.incomePredictor{background-color:#fff;box-shadow:2px 2px 2px #111;margin:10px;border-radius:10px}.incomePredictor{display:flex;flex-wrap:wrap;width:100%;justify-content:space-evenly;width:300px;height:300px;text-align:center;padding:60px 10px 10px}.Arrows,.incomePredictor div{display:block}.Arrows{margin:70px 0}.downArrow:hover,.upArrow:hover{transform:scale(1.1);cursor:pointer}.savingCalculator{width:300px;height:340px;box-shadow:2px 2px 2px #111;border-radius:10px;background:#fff;margin:10px}.savingCalculator .head{width:100%;height:150px;background:url(/static/media/undraw_Savings_dwkw.588fff2e.png);background-position:50%;background-size:cover;border-radius:20px;text-align:center}.savingCalculator input{display:block;margin:10px auto;padding:7px;border-radius:10px;border:1px solid rgba(71,71,71,.53);font-size:20px;outline:none}.savingCalculator button{display:block;margin:20px auto;padding:10px 20px;background-color:#303f9f;border:none;color:#fff;border-radius:10px;cursor:pointer;outline:none}.availableToSpend{display:flex;flex-wrap:wrap;justify-content:space-evenly}.availableToSpend img{position:relative;top:10px}.availableToSpend h2{width:100%}*{font-family:"Montserrat",sans-serif;padding:0;margin:0;box-sizing:border-box}.main{width:100%}::-webkit-scrollbar{width:0;border-left:0}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,71.4%,.49)}.collection{display:block;background-color:#e0e0e0;height:100vh;width:100%;overflow-y:scroll;overflow-x:hidden}.container{display:flex;width:100%}.date{display:none}.close{color:#b30404}@media (min-width:1200px){.filler{width:250px}#navBarIcon{display:none}.date{display:block;color:#283593;margin-right:200px}}
/*# sourceMappingURL=main.e3bc0efd.chunk.css.map */