.customercard{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:relative;overflow-y:auto;display:grid;grid-template:auto/repeat(3,1fr);grid-gap:2px;margin-bottom:25px}.loginPaper,.registerBox{width:18rem;left:40%}.accountdiv,.loginPaper,.registerBox{position:absolute;top:20%;text-align:center}.accountdiv{width:38rem;-webkit-justify-content:center;justify-content:center;left:25%}.productform{width:18rem;position:relative;text-align:center;margin:10px;padding-bottom:10px}.link{display:-webkit-flex;display:flex;-webkit-justify-content:left;justify-content:left}.dasboardpapercontainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:relative;overflow-y:auto;display:grid;grid-template:auto/repeat(4,1fr)}.dashboardpaper{width:20rem;text-align:center}.navbarpaper{height:5rem;text-align:end}.paper_style{padding:20px}.img{height:100px;width:200px}.customer_style{width:300px;padding:20px}.searchbar{position:absolute;top:80px;right:20px;color:#000}.icon{position:relative;top:0;left:30px;color:#000}input.search{width:0;border:0 solid #d3d3d3;border-radius:20px;padding-left:35px;height:35px;width:35px;transition:all .7s ease}input.search::-webkit-input-placeholder{color:#fff}input.search:-ms-input-placeholder{color:#fff}input.search::placeholder{color:#fff}.icon:hover+input.search::-webkit-input-placeholder,input.search:hover::-webkit-input-placeholder{color:#000}.icon:hover+input.search:-ms-input-placeholder,input.search:hover:-ms-input-placeholder{color:#000}.icon:hover+input.search::placeholder,input.search:hover::placeholder{color:#000}.icon:hover+input.search,input.search:hover{width:280px;border:1px solid #d3d3d3;transition:all .7s ease}input.search:focus{width:280px;border:1px solid #add8e6;outline:none;transition:forwards .7s ease}input.search:focus::-webkit-input-placeholder{color:#fff}input.search:focus:-ms-input-placeholder{color:#fff}input.search:focus::placeholder{color:#fff}.searchTerm:focus{color:#fff}.mui-card{background:#fff;border-radius:10px;display:inline-block;height:360px;margin:10px;position:relative;width:260px;background:#eee;text-align:left}.card-img-top1{width:260px;height:150px}.card_align{margin-top:20px}.center{text-align:center}main{width:50%;margin:50px;display:grid;grid-template-rows:400px;grid-template-columns:300px 1000px;grid-gap:30px}.mui-card-product{background:#fff;border-radius:10px;display:inline-block;height:340px;margin:10px;position:relative;width:200px;background:#eee;text-align:left}.card-img-top{width:200px}.button{margin:1px 1px 10px;display:-webkit-flex;display:flex;grid-gap:7px;gap:7px}.btn1{background:transparent;font-size:1.4em;line-height:1.2em;font-weight:700;top:0;left:0;right:0;bottom:0;width:60px;height:40px;border:1px solid #363858;overflow:hidden;display:inline-block;transition:all .5s;box-shadow:1px 5px 1px #789;border-radius:100px}.btn1:active,.btn1:hover{text-decoration:none;color:#fff;border-color:#363858;background:#789;box-shadow:0 0 0 #789}.btn1-label{display:inline-block;position:relative;padding-right:0;transition:padding-right .5s;color:#363858;font-family:"Exo 2",sans-serif;font-weight:700}.btn1-label:after{content:"";position:absolute;right:-50px;opacity:0;top:22%;width:10px;height:10px;margin-right:-10px;background:transparent;border:3px solid #fff;border-top:none;border-right:none;transition:opacity .5s,top .5s,right .5s;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.items{margin-left:40px}.arrow{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}.arrow-link{text-decoration:none}.arrow-link:after{font-size:40px;content:"\2192";color:#dadada;display:inline-block;-webkit-transition:all .4s ease-in-out}.arrow-link:hover:after{-webkit-transform:translateX(60px);transform:translateX(60px);color:#00f}.mui-card-bills{background:#fff;border-radius:2px;display:inline-block;height:580px;margin:30px;position:relative;width:300px;background:#eee;text-align:left}.xs-shadow{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.xs-shadow:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.card-img-top-bills{height:240px;width:300px}.text_align{margin-left:40px}
/*# sourceMappingURL=main.73182e37.chunk.css.map */