body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcf8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-container{display:flex;flex-direction:row;max-width:100vw;min-height:100vh}.main-container .catagory-panel{border-right:1px solid #000;display:flex;flex-direction:column;max-height:100vh;width:20%}.catagory-panel input{margin:10px;width:90%}.catagory-panel .cat-render{display:flex;flex-wrap:wrap;margin:10px;max-height:100vh;overflow-y:scroll;width:90%}html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-thumb{background-color:#ff4500}html::-webkit-scrollbar-track{background-color:#fff}.cat-render::-webkit-scrollbar{width:5px}.cat-render::-webkit-scrollbar-thumb{background-color:#ff4500;border-radius:10px}.cat-render::-webkit-scrollbar-track{background-color:#fff}.catagory-panel .cat-render .cat-items{border:1px solid hsla(0,0%,100%,.5);border-radius:2px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.2),-1px -1px 1px 1px rgba(0,0,0,.2);cursor:pointer;display:flex;flex-wrap:wrap;height:100px;margin:5px;width:100px}.cat-items .cat-cards{display:flex;flex-direction:column;height:100%;width:100%}.cat-cards .cat-img-box{border-bottom:1px solid hsla(0,0%,100%,.5);height:80%;width:100%}.cat-img-box img{height:100%;object-fit:cover;width:100%}.cat-cards .cat-des{align-items:center;display:flex;height:20%;justify-content:center;width:100%}.main-container .product-panel{display:flex;flex-direction:column;max-height:100vh;width:50%}.main-container .product-panel .product-search{border:1px solid hsla(0,0%,100%,.5);border-radius:2px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.2),-1px -1px 1px 1px rgba(0,0,0,.2);height:10%;margin:10px auto;width:90%}.pro-search-input{margin-top:-10px;width:100%}.product-cards{display:flex;flex-wrap:wrap;margin:10px auto;max-height:100%;overflow-y:scroll;width:90%}.product-cards::-webkit-scrollbar{width:5px}.product-cards::-webkit-scrollbar-thumb{background-color:#ff4500;border-radius:10px}.product-cards::-webkit-scrollbar-track{background-color:#fff}.cards{border:1px solid hsla(0,0%,100%,.5);border-radius:2px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.2),-1px -1px 2px 2px rgba(0,0,0,.2);cursor:pointer;display:flex;flex-direction:column;height:150px;margin:10px;width:150px}.cards .image{height:70%;width:100%}.image img{height:100%;object-fit:cover;width:100%}.cards .des{border-top:1px solid hsla(0,0%,100%,.5);height:30%;width:100%}.des .des-sub{display:flex;margin:0 auto}.des-sub h4{margin:10px auto}.main-container .cal-panel{border-left:1px solid #000;display:flex;flex-direction:column;min-height:100vh;width:30%}.cal-header{border-bottom:1px solid #000;display:flex;justify-content:space-around;max-width:100%;min-height:10vh}.cal-body{max-width:100%;min-height:90vh}.cal-header h4{margin:10px 0}.cal-container{border:1px solid green;display:flex;flex-direction:column;height:100%;width:100%}.text-cal{border:1px solid #000}.result-complete,.text-cal{display:flex;flex-direction:row;justify-content:space-around;min-height:10%;width:100%}.result-complete{align-items:center}.result-complete p{margin:5px 0}.cart-containers{border:1px solid hsla(0,0%,100%,.45);border-radius:5px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.45),-1px -1px 2px 2px rgba(0,0,0,.45);display:flex;height:100px;margin:10px auto;position:relative;width:350px}.close-card{border:1px solid hsla(0,0%,100%,.45);height:30px;margin:0 350px;position:absolute;width:30px;z-index:1000}.close-card button{background-color:#c62828;border:1px solid hsla(0,0%,100%,.45);border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:100%;width:100%}.img-box{height:100%;width:25%}.img-box img{border-radius:50%;height:80px;margin:10px auto;width:80px}.i-des{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:45%}.i-des p{margin:-10px 0;text-align:center}.btn-qty{align-items:center;display:flex;height:100%;justify-content:center;width:40%}.btn-qty button{border:1px solid hsla(0,0%,100%,.45);border-radius:50%;cursor:pointer;height:30px;width:30px}.input-field{text-align:center;width:50px}.minus{background:#c62828}.minus,.plus{color:#fff;font-size:20px}.plus{background:#adff2f}.cart-cards::-webkit-scrollbar{width:5px}.cart-cards::-webkit-scrollbar-track{background-color:#fff;cursor:pointer}.cart-cards::-webkit-scrollbar-thumb{background-color:#ff4500}.cart-container{display:flex;flex-direction:column;height:100%;width:100%}.cart-container .cart-item-cards{border-bottom:1px solid #000;min-height:70%;position:relative;width:100%}.cart-item-cards .cart-cards{margin:0 auto;max-height:100%;overflow-x:hidden;overflow-y:scroll;position:absolute;width:95%}.cart-container .cal-part{border-bottom:1px solid #000;display:flex;flex-direction:column;min-height:30%;width:100%}.cal-part .btn-cal,.cal-part .result-cal{border:1px solid #000;height:50%;width:100%}.cal-part .btn-cal{display:flex;flex-direction:column}.btn-cal button{margin:5px 0}.product-container{display:flex;flex-direction:column;margin:0 auto;max-height:100vh;max-width:80vw;overflow-y:scroll}.product-header{align-items:center;background:#fff;border-bottom:1px solid #789;display:flex;min-height:10vh;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.product-body{min-height:90vh;width:100%}.product-search{width:50%}.product-search .search--product{width:100%}.product-view{display:flex;width:50%}.action-btn-group{margin:0 10px}.icon-btn{margin:0 auto}.admin-product-cards{display:flex;flex-wrap:wrap;height:90%;margin:5px auto;width:90%}.admin-product-card{border:1px solid hsla(0,0%,100%,.45);box-shadow:1px 1px 1px 1px rgba(0,0,0,.5),-1px -1px 1px 1px rgba(0,0,0,.5);display:flex;flex-direction:column;height:300px;margin:10px;width:300px}.card-head{align-items:center;display:flex;flex-direction:row;height:10%;position:relative}.card-body,.card-head{border-bottom:3px solid #f5f5f5;width:100%}.card-body{height:80%}.card-body img{height:100%;width:100%}.card-footer{display:flex;height:10%;width:100%}.card-footer p{font-size:15px;margin:0 auto}.nav-container{max-width:100vw;min-height:100vh}.nav-container,.pic-portion{display:flex;flex-direction:column}.pic-portion{align-items:center;border-bottom:1px solid #000;justify-content:center;margin-left:-4px;min-height:20vh;width:100%}.pic-portion .img-box{border-radius:50%;height:100px;width:100px}.pic-portion .img-box,.pic-portion .img-box img{border:1px solid hsla(0,0%,100%,.45);box-shadow:1px 1px 1px 1px rgba(0,0,0,.5),-1px -1px 1px 1px rgba(0,0,0,.5)}.pic-portion .img-box img{height:100%;margin-top:0;width:100%}.edit-profile{cursor:pointer;margin:5px auto}.link-portion{margin-left:-4px;min-height:80vh;width:100%}.link-portion ul{list-style:none}.link-portion ul li{border-bottom:1px solid #000;margin:10px auto;padding:10px 20px}.link-portion ul li a{color:#000;padding:0 auto;text-decoration:none}.link-portion ul .active{background-color:#000}.link-portion ul .active a{color:#fff}.main-admin-container{display:flex;flex-direction:row;max-width:100vw;min-height:100vh}.layout-side-bar{height:100%;left:0;position:fixed;width:20%}.layout-body{border:1px solid #000;margin:0 auto;min-height:100vh;position:fixed;right:0;width:80%}.order-container{max-height:100vh;overflow-y:auto}.inner-table-container{margin:10px auto;max-width:70vw}.home-container{max-height:100vh;max-width:100vw;overflow-y:scroll}.panel{border-bottom:1px solid #000;margin:10px auto;max-height:30%;width:100%}.panel,.panel .panel-tabs{display:flex;flex-wrap:wrap}.panel .panel-tabs{border:1px solid hsla(0,0%,100%,.45);border-radius:5px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.5),-1px -1px 1px 1px rgba(0,0,0,.5);height:200px;margin:10px 20px;width:350px}.panel-tabs .icon-box,.panel-tabs .text-box{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.icon-box .icon-size{font-size:100px}.color-primary{background-color:#8a2be2}.color-scandary{background-color:brown}.charts{display:flex;flex-direction:row;margin:10px auto;max-height:50%;max-width:100%}.bar-chart{height:50%;width:60%}.pie-chart{height:50%;margin:0 10px;width:40%}.order-section{border-top:1px solid #000;max-height:30%;max-width:100%}.order-process-container{border:1px solid #2e0249;margin:0 auto;max-height:100vh;max-width:80vw;overflow-y:scroll}.order-process-panel{border:1px solid #2e0249;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 auto;max-width:90vw;min-height:90vh}.btn-back-order{margin:10px 80px}.order-process-header{background-color:#f5f5f5;border-bottom:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.5),-1px -1px 1px 1px rgba(0,0,0,.5);display:flex;min-height:20%;width:100%}.date-recieve-info{color:#000;flex:30% 1;margin:20px}.date-recieve-info .order-id{margin:5px 20px}.date-recieve-info .date span{margin-top:-5px}.order-process-header-actions{display:flex;flex:70% 1}.order-process-header-actions
.order-header-action-order-mark-btn,.order-process-header-actions .order-header-action-btn-group{align-items:center;display:flex;flex:33.33333% 1;justify-content:center}.order-header-action-order-mark-btn button{height:50px}.order-process-header-actions
.order-header-action-state{align-items:center;display:flex;flex:33.33333% 1;justify-content:center}.order-header-action-state select{height:40px;outline:none;width:70%}.order-process-body-panel{display:flex;margin:10px auto;min-height:30vh;width:100%}.order-process-body-panel-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:90%;margin:0 auto;width:90%}.order-process-body-panel-box .order-info{border:1px solid #000;display:flex;flex-direction:column;height:100%;margin:0 auto;width:300px}.order-info .order-info-client-img{align-items:center;border:1px solid #000;display:flex;flex-direction:column;height:80%;justify-content:center;margin:20px auto;width:90%}.order-info .order-info-client-img .order-info-img-box{border:1px solid #000;border-radius:10px;height:120px;margin:10px auto;width:120px}.order-info-client-img .order-info-img-box img{border-radius:10px;height:100%;width:100%}.order-info .order-info-client-img h3{margin:10px auto}.order-info .order-info-client-info,.order-info .order-info-client-shipping{align-items:center;border:1px solid #000;display:flex;flex-direction:column;height:80%;justify-content:center;margin:20px auto;width:90%}.order-info-client-info h3{margin:5px auto}.order-info-client-info p{margin:5px 10px}.order-process-item-panel{align-items:center;border-top:1px solid #000;display:flex;justify-content:center;margin:5px auto;min-height:50vh;width:90%}.order-process-items{border-right:1px solid #000;max-height:50vh;overflow-y:scroll;width:80%}.step-container{display:flex;justify-content:space-between;margin:10px auto;max-width:70vw;min-height:20px}.step-one{background-color:#fff;border:1px solid #000;border-radius:50%;height:50px;position:relative;width:50px}.step-one:before,.step-two:before{background-color:gray;content:".";display:block;height:5px;margin:20px 50px;width:457px}.step-one-child,.step-two-child{background-color:violet;display:block;margin:-25px 50px;position:absolute;transition:width .8s ease}.step-two{background-color:#fff;border:1px solid #000;border-radius:50%;height:50px;position:relative;width:50px}.step-one .step-icon,.step-two .step-icon{align-items:center;display:flex;height:20px;justify-content:center;margin:-30px 15px;position:absolute;width:20px}.step-three{background-color:#fff;border:1px solid #000;border-radius:50%;height:50px;position:relative;width:50px}.step-three .step-icon{align-items:center;display:flex;height:20px;justify-content:center;margin:15px;position:absolute;width:20px}.user-container{margin:0 auto;max-height:100vh;max-width:100vw;overflow-y:auto}.user-container .user-inner-container{margin:0 auto;max-width:70vw;min-height:100vh}.user-container .user-header{background-color:#fff;border:1px solid #000;border-radius:5px;box-shadow:2px 2px 1px 1px rgba(0,0,0,.5),-2px -2px 1px 1px rgba(0,0,0,.5);display:flex;margin:10px 0;max-width:70vw;min-height:10vh;position:-webkit-sticky;position:sticky;top:0;z-index:19999999}.user-tags{display:flex;flex:20% 1}.user-controlls{display:flex;flex:80% 1}.user-controlls .user-search{display:flex;flex:50% 1;height:100%}.user-search .user-input-search{margin:30px 0;width:100%}.user-controlls .other-controlls{align-items:center;display:flex;flex:50% 1;justify-content:center}h1{margin:15px 10px}#user-text{margin-bottom:-20px}#user-icon{font-size:55px}.user-container .user-table{border:1px solid #000;border-radius:5px;display:none;margin:10px 0;max-width:70vw;min-height:90vh}.user-profiles{display:flex;flex-direction:row;flex-wrap:wrap;max-width:70vw;min-height:100vh}.user-profile{border:1px solid #000;border-radius:5px;height:300px;margin:45px auto;position:relative;width:300px}.img-box{border:5px solid #f5f5f5;border-radius:50%;height:150px;position:absolute;right:75px;top:-45px;width:150px;z-index:10000}.active-circle{background:green}.active-circle,.deactive-circle{border:1px solid #fff;border-radius:50%;height:20px;left:90px;position:absolute;top:90px;width:20px;z-index:100000}.deactive-circle{background:red}.img-box #prof-img{height:100%;position:absolute;top:-10px;width:100%}.info-box{display:flex;flex-direction:column;height:300px;width:300px}.info-box .btn-sec{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:row;height:50%;justify-content:center;width:100%}.btn-sec .btn-personal{align-self:baseline;margin:120px 0}.info-box .info-detail{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:center;width:100%}.user-info-container{display:flex;min-height:50vh}.img-content{border-right:2px dotted #000}.img-content,.info-content{align-items:center;display:flex;justify-content:center;width:50vw}.info-content{margin:0 auto}.info-user-box{height:90%;margin:0 auto;width:90%}#user-info{border-radius:5px;height:90%;width:90%}.order-proceed-container{background:#150f0f;border:1px solid #000;max-width:100vw;min-height:100vh}.active{background-color:brown;color:#fff}.deactive{background-color:#fff;color:#000}.step-one-width,.step-two-width{height:5px;transition:all .8s ease-in;width:457px}
/*# sourceMappingURL=main.13e79ad4.css.map*/