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}*{box-sizing:border-box}body::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;-webkit-transition:.8s linear;transition:.8s linear}body::-webkit-scrollbar-track{border-radius:10px;background:#212731;opacity:.3}body::-webkit-scrollbar{width:8px}@media (min-width:700px){.card-item-product,.icon-side-nav{display:none!important}}@media (max-width:670px){#add-product-modal,#user-detail-modal{left:20px!important;right:20px!important}#add-information-modal,#barcode-modal{width:300px!important;min-width:0!important}.navbar{display:none}.container{padding-left:2vw!important;padding-right:2vw;padding-top:2vh!important}.wrapper-logout{right:2vw!important;top:2vh!important}.header{margin-top:5vh}.wrapper-input-search{width:100%!important}.body_user{flex-direction:column}.content,.fitur-user{width:100%!important}.fitur-user{padding:0!important;margin-bottom:10px}.user-activity{min-height:250px;max-height:500px;overflow-y:auto}.fa-times-circle{right:10px!important}.wrapper-button{flex-direction:column}.button-update-user{margin-bottom:10px}.button-delete-user,.button-update-user{width:100%!important}.wrapper-info-user-detail .input-address,.wrapper-info-user-detail .input-name{width:200px!important}.wrapper-info-user-detail{padding:0 3px}.wrapper-product-information,.wrapper-sales-information{padding:15px!important}.wrapper-input-variant{margin-bottom:10px}.wrapper-input-sale,.wrapper-input-variant{flex-direction:column;align-items:flex-start!important;margin-right:0!important}.wrapper-input-sale{margin-top:10px!important}.wrapper-barcode{width:100%!important;overflow-x:auto!important}.user-access-edit{width:200px!important}.header-product{flex-direction:column;height:75px!important}.header-wrapper-button{margin-top:10px}.header-wrapper-button-product{justify-content:flex-end}.popup-filter{left:-50px!important}.creatable-input-add-product{width:250px!important}.section-input-variant{flex-direction:column}.side-bar{width:50%!important}.card-item{width:150px!important}.button-discount{margin-left:0!important}.header-information{height:0!important}.wrapper-marketplace-content-header{flex-direction:column;align-items:flex-start!important;margin-bottom:10px}.header-marketplace-wrapper-button button{margin-left:0!important}.header-marketplace-wrapper-button{width:100%;justify-content:space-between}.wrapper-marketplace{max-height:500px!important}.section-variant{flex-direction:column}.wrapper-info-sku{margin-bottom:20px}.wrapper-info-sku,.wrapper-variant{width:100%!important}.wrapper-status__action span{width:100%!important;text-align:center}.thead-product{display:none}.tr-product{display:none!important}.card-item-product{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;width:100%!important}.item-category{font-size:14px}.item-size{font-size:12px}.table-product{background-color:transparent!important;box-shadow:0 0 0 0 hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3)!important}.button-mobile{height:30px!important}.wrapper__icon{justify-content:flex-start!important}.logo{margin-bottom:20px!important}.wrapper-card{padding:10px}.card--report,.card--report--s{width:100%!important;margin-right:0!important}.breadcump--report{margin-top:0!important}.button--date{font-size:12px}.wrapper--graph-sales{flex-direction:column}.card--graph{width:100%!important;margin:0 0 10px!important;height:230px!important}.custom-span__mobile{display:block}.wrapper-loading-sales__home{width:100%!important;overflow:hidden;height:200px}.wrapper-loading-sales__home__right{margin-right:0!important}.modal-detail-transaction{width:100%!important}.modal-detail-transaction .wrapper-title-header{flex-direction:column}.button-delete-transaction{margin-left:0!important;margin-top:5px}.btn-export-excel{margin:0}.btn-nav-product-list{margin-left:0!important}.wrapper-output-list{flex-direction:column-reverse;margin-top:20px}.wrapper-resume{margin-right:0!important}}.App{min-height:100vh;background-color:var(--main-background-color-ligh);position:relative;display:flex;max-width:100vw;overflow:hidden;transition:all .5s ease}.container{padding-top:5vh;width:100vw;padding-left:10vw}:root{--main-color:#ff9c00;--main-color-hover:#fdb646;--main-blue-color:#1f5cc4;--main-blue-color-hover:#2789f8;--main-background-color:#051e29;--main-background-color-light:#fafbfd;--main-color-navyLight:#384f59;--main-color-green:#57df5a;--main-color-green-hover:#68bf6a;--main-color-red:#ee2525;--secondary-color-yellow:#fdc80b}.ReactModal__Overlay{background-color:rgba(56,79,89,.8705882352941177)!important}.button{outline:none;border:none;height:35px}.button-primary{background-color:#051e29;background-color:var(--main-background-color)}.button-primary,.button-primary-disabled{border-radius:5px;color:#fff;font-weight:700;padding:0 10px}.button-primary-disabled{background-color:#384f59!important;background-color:var(--main-color-navyLight)!important;cursor:not-allowed!important}.button-primary:hover{background-color:#384f59;background-color:var(--main-color-navyLight)}.button-regular:hover{color:#fff}.button-regular{border-radius:5px;color:#fafbfd;color:var(--main-background-color-light);font-weight:700;background-color:#051e29;background-color:var(--main-background-color);padding:0 10px}.button-selected{border-radius:5px;background:#50588b;color:#fff;font-weight:700;padding:0 10px;border:1px solid #ff9c00;border:1px solid var(--main-color)}.button-selected:hover{background:#5d66a1}.button-edit{border-radius:5px;border:1px solid green}.button-edit,.button-secondary{background:#fff;color:#000;font-weight:700;padding:0 10px}.button-secondary{border-radius:5px;border:1px solid #1f5cc4;border:1px solid var(--main-blue-color)}.button-edit:hover{opacity:.8}.body{display:flex;width:98%}.text-blue{color:#1f5cc4;color:var(--main-blue-color);cursor:pointer}.text-black{color:#000!important}.text-white{color:#fff}.text-red{color:#ec2929;cursor:pointer}.text-green{color:#57df5a;color:var(--main-color-green);cursor:pointer}.text-light-grey{color:#384f59}.d-block{display:block}.d-flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.mb-20{margin-bottom:20px}.mb-10{margin-bottom:10px}.mb-5{margin-bottom:5px}.mb-0{margin-bottom:0}.ml-10{margin-left:10px}.ml-5{margin-left:5px}.ml-20{margin-left:20px}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mr-5{margin-right:5px}.text-center{text-align:center}.text-right{text-align:right}.m-0{margin:0!important}.m-auto{margin:0 auto}.p-0-5{padding:0 5px}.dir-col{flex-direction:column}.bt-grey{display:block;border-top:1px solid grey}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fw-500{font-weight:500}.fw-400{font-weight:400}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.w-100pc{width:100%}.w-98pc{width:98%}.bold{font-weight:700}.float-right{float:right}.hover-green:hover{color:green;cursor:pointer}.hover-red:hover{cursor:pointer;color:red}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.image-product-s{width:50px;height:50px;object-fit:contain;margin-right:10px}.image-product-n{width:100%;height:150px;object-fit:contain}.pos-relative{position:relative}.cursor-pointer{cursor:pointer}.pos-absolute{position:absolute}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-4{flex:4 1}.flex-5{flex:5 1}.flex-6{flex:6 1}.text-dark-grey{color:#676767}.text-red{color:red}.text-blue{color:#00f}.text-green{color:green}.text-orange{color:orange}.text-orange-dark{color:#f80}.pb-10{padding-bottom:10px}.border-bottom-grey{border-bottom:1px solid grey}@-webkit-keyframes ldio-up3jaymtcc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ldio-up3jaymtcc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ldio-up3jaymtcc>div>div{-webkit-animation:ldio-up3jaymtcc 3.0303030303030303s linear infinite;animation:ldio-up3jaymtcc 3.0303030303030303s linear infinite;opacity:.8}.ldio-up3jaymtcc>div>div,.ldio-up3jaymtcc>div>div>div{-webkit-transform-origin:100px 100px;transform-origin:100px 100px}.ldio-up3jaymtcc>div>div>div{position:absolute;left:30px;top:30px;width:70px;height:70px;border-radius:70px 0 0 0}.ldio-up3jaymtcc>div div:first-child{-webkit-animation-duration:.7575757575757576s;animation-duration:.7575757575757576s}.ldio-up3jaymtcc>div div:first-child>div{background:#e15b64;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ldio-up3jaymtcc>div div:nth-child(2){-webkit-animation-duration:1.0101010101010102s;animation-duration:1.0101010101010102s}.ldio-up3jaymtcc>div div:nth-child(2)>div{background:#f47e60;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ldio-up3jaymtcc>div div:nth-child(3){-webkit-animation-duration:1.5151515151515151s;animation-duration:1.5151515151515151s}.ldio-up3jaymtcc>div div:nth-child(3)>div{background:#f8b26a;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ldio-up3jaymtcc>div div:nth-child(4){-webkit-animation-duration:3.0303030303030303s;animation-duration:3.0303030303030303s}.ldio-up3jaymtcc>div div:nth-child(4)>div{background:#abbd81;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.loadingio-spinner-wedges-w3791ts7qvh{width:200px;height:200px;display:inline-block;overflow:hidden;background:transparent;margin:0 auto}.ldio-up3jaymtcc{width:100%;height:100%;position:relative;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0}.ldio-up3jaymtcc div{box-sizing:content-box}@-webkit-keyframes ldio-j6ozdin8wa9{0%{opacity:1}to{opacity:0}}@keyframes ldio-j6ozdin8wa9{0%{opacity:1}to{opacity:0}}.ldio-j6ozdin8wa9 div{left:47px;top:24px;position:absolute;-webkit-animation:ldio-j6ozdin8wa9 1s linear infinite;animation:ldio-j6ozdin8wa9 1s linear infinite;background:#fe718d;width:6px;height:12px;border-radius:3px/6px;-webkit-transform-origin:3px 26px;transform-origin:3px 26px}.ldio-j6ozdin8wa9 div:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-.9166666666666666s;animation-delay:-.9166666666666666s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-.8333333333333334s;animation-delay:-.8333333333333334s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.75s;animation-delay:-.75s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.6666666666666666s;animation-delay:-.6666666666666666s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.5833333333333334s;animation-delay:-.5833333333333334s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.5s;animation-delay:-.5s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.4166666666666667s;animation-delay:-.4166666666666667s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.3333333333333333s;animation-delay:-.3333333333333333s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.25s;animation-delay:-.25s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.16666666666666666s;animation-delay:-.16666666666666666s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.08333333333333333s;animation-delay:-.08333333333333333s;background:#fe718d}.ldio-j6ozdin8wa9 div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s;background:#fe718d}.loadingio-spinner-spinner-nmqu9jrtsd{width:18px;height:18px;display:inline-block;overflow:hidden;background:#fff;margin:0 auto}.ldio-j6ozdin8wa9{width:100%;height:100%;position:relative;-webkit-transform:translateZ(0) scale(.18);transform:translateZ(0) scale(.18);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0}.ldio-j6ozdin8wa9 div{box-sizing:content-box}@-webkit-keyframes ldio-pjthvymcn1n{0%{opacity:1}to{opacity:0}}@keyframes ldio-pjthvymcn1n{0%{opacity:1}to{opacity:0}}.ldio-pjthvymcn1n div{left:47px;top:24px;position:absolute;-webkit-animation:ldio-pjthvymcn1n 1s linear infinite;animation:ldio-pjthvymcn1n 1s linear infinite;background:#fff;width:6px;height:12px;border-radius:3px/6px;-webkit-transform-origin:3px 26px;transform-origin:3px 26px}.ldio-pjthvymcn1n div:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-.9166666666666666s;animation-delay:-.9166666666666666s;background:#fff}.ldio-pjthvymcn1n div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-.8333333333333334s;animation-delay:-.8333333333333334s;background:#fff}.ldio-pjthvymcn1n div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.75s;animation-delay:-.75s;background:#fff}.ldio-pjthvymcn1n div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.6666666666666666s;animation-delay:-.6666666666666666s;background:#fff}.ldio-pjthvymcn1n div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.5833333333333334s;animation-delay:-.5833333333333334s;background:#fff}.ldio-pjthvymcn1n div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.5s;animation-delay:-.5s;background:#fff}.ldio-pjthvymcn1n div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.4166666666666667s;animation-delay:-.4166666666666667s;background:#fff}.ldio-pjthvymcn1n div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.3333333333333333s;animation-delay:-.3333333333333333s;background:#fff}.ldio-pjthvymcn1n div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.25s;animation-delay:-.25s;background:#fff}.ldio-pjthvymcn1n div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.16666666666666666s;animation-delay:-.16666666666666666s;background:#fff}.ldio-pjthvymcn1n div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.08333333333333333s;animation-delay:-.08333333333333333s;background:#fff}.ldio-pjthvymcn1n div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s;background:#fff}.loadingio-spinner-spinner-nrmdiyh6l{width:18px;height:18px;display:inline-block;overflow:hidden;position:absolute;top:8px}.ldio-pjthvymcn1n{width:100%;height:100%;position:relative;-webkit-transform:translateZ(0) scale(.18);transform:translateZ(0) scale(.18);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0}.ldio-pjthvymcn1n div{box-sizing:content-box}.navbar{width:6vw;height:100vh;position:fixed;padding-top:5vh}.logo,.navbar{color:var(--main-color)}.logo{position:relative;font-size:1em;text-align:center;height:10%;margin-top:0}.navbar__curve{height:20%;background-color:var(--main-background-color);border-top-right-radius:100%}.navbar__body{overflow-y:auto}.navbar__body,.navbar__body__darkmode{background-color:var(--main-background-color);height:75%;display:flex;align-items:center;flex-direction:column}.navbar__body__darkmode{box-shadow:0 1px 0 1px hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3)}.fa,.fas{height:20px;width:20px;font-size:20px;cursor:pointer}.fa-file-invoice-dollar,.fa-home,.fa-user{font-size:24px}.fa-envelope{margin-bottom:0;font-size:15px;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.fa-code{font-weight:700}.wrapper__page-mode{position:absolute;bottom:0;display:flex}.notif-count{position:absolute;top:-15px;color:#fff;right:-10px;background:#ff7600;border-radius:50%;height:20px;font-size:12px;width:20px;align-items:center;box-shadow:0 0 0 2px #fff}.notif-count,.wrapper__icon{display:flex;justify-content:center}.wrapper__icon{width:100%;margin-bottom:40px}.icon-side-nav{position:fixed;top:2vw;left:2vw}@keyframes slide-in{to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in{to{-webkit-transform:translateX(0)}}.side-nav{position:fixed;background:var(--main-background-color-light);height:100vh;z-index:2;width:150px;padding:10px;box-shadow:5px 0 8px 1px rgba(0,0,0,.75);color:var(--main-color);transform:translateX(-100%);-webkit-transform:translateX(-100%);animation:slide-in 1s forwards;-webkit-animation:slide-in 1s forwards;overflow-y:auto}.text--welcome{font-family:Georgia,serif;font-size:20px;letter-spacing:2px;word-spacing:2px;font-weight:400;text-decoration:none;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none}.body-home{width:98%}.card--graph{box-shadow:0 0 1px 0 var(--main-color-navyLight);width:50%;height:200px}.card--graph,.card--graph-bar{padding:20px;background:var(--main-background-color);color:var(--main-background-color-light)}.card--graph-bar{box-shadow:0 0 1px 0 rgba(0,0,0,.75);width:100%;height:450px;margin-top:20px}.card--graph-header{display:flex;justify-content:space-between}.button .fa-shopping-cart,.card--graph-header .fa-shopping-cart,.card--graph .fa-briefcase{width:inherit;height:inherit;cursor:default}.card--sales-graph{height:250px;margin-top:20px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.75);padding:20px}.wrapper--graph-sales{display:flex;justify-content:space-between}.wrapper-loading-sales__home{width:50%;overflow:hidden;height:200px}.wrapper-loading-sales__home__right{margin-right:27px}.wrapper-loading-graph-month__home{height:450px;width:100%;margin-top:20px;overflow:hidden}.input-search{border:none;border-radius:3px;height:35px;padding:0 30px 0 10px;width:inherit;background-color:var(--main-background-color);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABkElEQVRIidXVQWpTURTG8d9JME4aOxE3YHUF4ljnEam4AWuCo4CdWDORVicGwQpVRJLWuYVSTXfRugClrqAOaid1ItdBnprQxPeiAfGbXDjc7/vfczi8x/+uGFVML51zShM1XMjKH4UdYS0WHPwxIHXcFDZQHeM5ktyKhq0igNKI8DdZ+LaSKypmVMxIruItzgibad38RB1kY9lHVbgXtz0ZZUhdS3iML76Zizs+F+ugP/MqtseFQ9S10cOssmZeB4MjupZVnuWZhNUhT0HAeXDsfS6AveycmwSQCgT3dXr0eucBPoGKS7mu45939osDQi877xZ41iJI3k0CWMMRrmerOFKpqyWp4VDZizzA0CxTxw1hMwP3hFVf7YKKy0oWs3CSB9HwaCIApHXzkteYHeM5lDwVHmaglWhYLgyA9MpZZU1JTbiIkHwQdpQ8jwUHqTuwdb+BFF63E4/49cn4oXbU3Z8aoCjkrwBFIKWTlskUdW3JykBpKXWmCIBoWB6ChNZUAQOQlv4fb2Nauf9e3wGmyHBFalz9JgAAAABJRU5ErkJggg==);background-size:24px 24px;background-position:right 5px center;background-repeat:no-repeat;color:var(--main-background-color-light)}.input-search:focus{outline:none;box-shadow:0 0 3px var(--main-background-color-light)}.input-search::-webkit-input-placeholder{color:var(--main-background-color-light)}.input-search:-ms-input-placeholder{color:var(--main-background-color-light)}.input-search::placeholder{color:var(--main-background-color-light)}.wrapper-input-search{position:relative;display:flex;align-items:center;width:300px}.fa-search{background:var(--main-color);border-radius:8px;padding:3px;font-size:10px;right:5px;position:absolute;color:#fff;align-items:center;justify-content:center}.fa-search,.header-product{display:flex}.ReactModal__Overlay{z-index:2}.button-add-product{margin-left:20px;font-size:12px;width:150px}.button-add-product:hover{background-color:var(--main-color-navyLight)}.table-product{background-color:#fff;width:100%;border-radius:3px;box-shadow:0 1px 1px 1px hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3)}.td-sm .size{background:var(--main-color-navyLight);color:#fff;font-weight:500;text-align:center}.thead-product{border-top-left-radius:3px;border-top-right-radius:3px;padding:10px;background-color:var(--main-background-color);color:#f6f6f6}.btn-nav-product-list{margin-left:20px;font-size:12px;width:150px}.tbody-product{border-radius:3px;padding-bottom:15px;font-size:14px}.thead-product .tr-product{font-weight:700}.header-wrapper-button{display:flex}.background-danger{background:rgba(255,0,0,.12156862745098039)}.background-warning{background:rgba(255,255,0,.14901960784313725)}.tr-product{display:flex;padding:20px 10px}.tbody-product .tr-product{border-bottom:1px solid #000}.td-name{display:flex}.td-l{width:25%}.td-m{width:15%}.td-s{width:10%}.td-sm{width:20%}.text-grey{color:grey}.padding-r-10{padding-right:10px}.text-ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.wrapper-more-variant{text-align:center;color:#217ce2;cursor:pointer;position:relative}.border-more-variant{border-bottom:1px dashed grey;position:absolute;bottom:50%;width:100%}.text-more-variant{position:relative;z-index:1;background:#fff;padding:0 10px}.align-center{text-align:center}.box-upload-image{height:100px;width:100px;box-shadow:0 0 4px #c1c1c1;background:#fff;margin-right:20px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;position:relative}.box-upload-image .fa{cursor:pointer;position:absolute;font-size:12px;height:12px;width:12px;top:2px}.box-upload-image .fa-edit{right:20px;color:green}.wrapper-variant{margin-bottom:20px;width:60%}.form-add-product{display:flex;flex-direction:column}.button{cursor:pointer;border-radius:3px}.button-dashed{border:1px dashed #00f;background:none}.button-add-variant{height:30px;width:550px}.tr-product .product-name{font-weight:700}#input-product-name{margin-bottom:20px;height:35px;outline:none;line-height:30px;font-size:16px}.form-add-product label{color:#00f;margin-bottom:5px;font-weight:500;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wrapper-product-information,.wrapper-sales-information{display:flex;flex-direction:column;background:#fff;padding:20px;box-shadow:0 0 2px 1px #a7a7a7}.wrapper-sales-information{margin-top:20px}.wrapper-sales-information label{margin-right:10px}#input-product-category{width:300px}#input-product-size{width:100px}.wrapper-input-variant{display:flex;align-items:center;margin-right:20px}.wrapper-input-sale input{height:30px}.wrapper-input-sale{display:flex;align-items:center;margin-right:20px;margin-top:20px}.button-submit-add-product{height:30px;width:100px;margin-right:20px}.button-submit-add-product:hover{background-color:var(--main-color-navyLight)}.button-cancel,.button-cancel-dissabled{height:30px;background:#fff;border:1px solid var(--main-color-red);width:100px;font-weight:700}.button-cancel:hover{background:var(--main-color-red);color:#fff}.wrapper-status__action .btn-add-stock:hover{background:var(--main-blue-color-hover)}.wrapper-status__action .btn-add-stock{padding:2px 10px;background:var(--main-blue-color);border-radius:3px;color:#fff;cursor:default;text-align:center;margin-bottom:10px}.wrapper-status__action .btn-add-reject:hover{background:var(--main-color-green-hover)}.wrapper-status__action .btn-add-reject{text-align:center;padding:2px 10px;background:var(--main-color-green);border-radius:3px;color:#fff;cursor:default}.wrapper-status__action input{height:30px;margin-bottom:10px}.wrapper-status__action .submit{margin-bottom:10px;background:var(--main-blue-color)}.wrapper-status__action .cancel,.wrapper-status__action .submit{color:#f5f5f5;outline:none;border:none;padding:3px 5px;border-radius:3px}.wrapper-status__action .cancel{background:var(--main-color-red)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#input-product-description{overflow:auto;height:40px;padding:5px;max-height:200px}.notification-empty-data{background:#fff;border-radius:25px;padding:10px;border:1px solid red;font-weight:700;text-align:center}.popup-notif{position:fixed;top:10px;background:#72b8e7;padding:10px 5px;min-width:200px;max-width:350px;margin:0 auto;left:50%;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.header{margin-bottom:20px;height:35px}.body_user{display:flex}.content{width:60%}.table-user{table-layout:fixed;width:100%;border-spacing:0;border-collapse:separate;border-spacing:0 10px}.table-user td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.table-user tbody tr{color:var(--main-background-color-light);background-color:#384f59;height:40px;cursor:pointer;border-radius:3px;box-shadow:0 1px 1px 1px hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3)}.table-user thead{font-weight:700;background:var(--main-background-color)}.table-user tbody tr:hover{background-color:var(--main-background-color);color:var(--main-background-color-light)}.table-user td{padding:10px}.table-user tr td:first-child{border-top-left-radius:3px}.table-user tr td:last-child{border-top-right-radius:3px}.table-user tr td:first-child{border-bottom-left-radius:3px}.table-user tr td:last-child{border-bottom-right-radius:3px}table td:first-of-type{width:35%}table td:nth-of-type(2){width:25%}table td:nth-of-type(3),table td:nth-of-type(4){width:20%}.fitur-user{padding:0 50px;width:40%}.fitur-user .title{margin-bottom:30px;font-weight:500;color:var(--main-background-color)}.user-button-create{height:50px;width:100%;border-radius:15px;display:flex;font-weight:700;color:var(--main-color);align-items:center;justify-content:center;margin-bottom:20px;cursor:pointer;border:1px dashed var(--main-color)}.user-button-create:hover{border:1px dashed var(--main-color);opacity:.8;background:var(--main-color);color:#fff}.wrapper-user-total{display:flex;justify-content:space-between}.user-total{height:150px;width:50%;color:#217ce2;border-radius:25px;font-weight:700;background:var(--main-color)}.user-total,.user-total-circle{display:flex;align-items:center;justify-content:center}.user-total-circle{box-shadow:0 0 0 3px #777;border-radius:50%;background:#fff;height:100px;width:100px;text-align:center}.user-table-role{border:1px solid #ff9c00;height:150px;overflow-y:auto;width:40%;padding:15px 10px;color:var(--main-color);border-radius:25px;font-weight:700;background:#fff;display:flex;flex-direction:column}.user-role-name{font-size:14px}.user-role-count{font-size:12px;margin-left:5px;color:#217ce2}.user-activity{height:250px;margin-top:20px;background:#fff;border-radius:25px;padding:0;border:1px solid var(--main-color)}.user-activity__header{margin:0 0 10px;text-align:center;font-weight:700;background:rgb(255 156 0);color:#fff;border-radius:25px 25px 0 0;height:40px;padding-top:5px}.activity{min-height:25px;background:#f0eaea;padding:5px 10px;border-radius:15px;font-size:14px;margin-bottom:10px;display:flex;flex-direction:column;justify-content:center}.form-add-user label{font-size:14px;color:var(--main-background-color);font-weight:700}.form-add-user input::-webkit-input-placeholder{color:var(--main-background-color)}.form-add-user input:-ms-input-placeholder{color:var(--main-background-color)}.form-add-user input::placeholder{color:var(--main-background-color)}.form-add-user .input-light::-webkit-input-placeholder{color:#000}.form-add-user .input-light:-ms-input-placeholder{color:#000}.form-add-user .input-light::placeholder{color:#000}.form-add-user input{color:var(--main-background-color);border:none;border-bottom:2px solid var(--main-color);background-color:transparent!important;outline:none;margin-bottom:20px;width:100%}.form-add-user button{background:var(--main-background-color);border:none;width:50%;height:50px;border-radius:3px;color:#fff;font-size:18px;cursor:pointer;outline:none;margin:0 25% 20px;box-shadow:0 3px 2px var(--main-color-navyLight)}.form-add-user button:active{position:relative;top:3px;box-shadow:none}.form-add-user button:hover{background-color:var(--main-color-navyLight)}#user-detail-modal .fa-times-circle{color:#000}.fa-times-circle{position:absolute;right:50px;color:#fff}.fa-times-circle:hover{color:red!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px hsla(0,0%,100%,0) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}#user-detail-modal label{color:var(--main-background-color)}#user-detail-modal p{font-weight:500;margin-top:5px;margin-bottom:0;height:20px;color:var(--main-blue-color)}#user-detail-modal .fa-times-circle{right:10px;top:15px}.section-user-detail{display:flex;margin-bottom:15px}.section-user-detail:first-child{display:flex;margin-top:20px}.wrapper-info-user-detail{display:flex;flex-direction:column;margin-left:25px}.wrapper-info-user-detail input{margin-top:10px;padding:0 10px;width:500px;height:20px}.wrapper-info-user-detail textarea{margin-top:10px;padding:5px 10px}.wrapper-info-user-detail .input-name{width:400px}.wrapper-info-user-detail .input-email{width:200px}.wrapper-info-user-detail .input-password{width:400px}.wrapper-info-user-detail .input-phone{width:200px}.wrapper-info-user-detail .input-address{width:600px}.wrapper-info-user-detail .input-role{width:200px}.wrapper-icon-user-detail{width:40px;height:40px;border-radius:50%;box-shadow:0 0 3px #979797;display:flex;justify-content:center;align-items:center;color:var(--main-background-color);font-size:18px}.wrapper-button{display:flex;justify-content:space-evenly;margin:20px 0}.wrapper-button .button{outline:none;width:200px;cursor:pointer;padding:5px 10px;height:35px;border-radius:3px;font-weight:700}.button-update-user{border:none;background:var(--main-background-color);color:#fff}.button-update-user:hover{background:var(--main-color-navyLight)}.button-delete-user{background:#fff;color:var(--main-color-red);border:1px solid var(--main-color-red)}.button-delete-user:hover{background:var(--main-color-red);color:#fff}.rotate-center{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.card{height:150px;width:32.5%}.card,.card--s{background:#fff;padding:10px;color:#2b2a2a;border-radius:10px;font-weight:500;display:flex;justify-content:center;align-items:center;box-shadow:0 0 2px 0 rgb(157 157 157/75%)}.card--s{height:100px;width:48.9%}.wrapper-card{display:flex;flex-wrap:wrap;justify-content:space-between}.header--report{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.card--report--s:hover,.card--report:hover{background:var(--main-color);box-shadow:3px 3px 5px 0 rgb(0 0 0/29%);color:#fff}.card--report{flex-direction:column}.card--report,.card--report--s{font-size:18px;margin-bottom:10px;color:var(--main-color);transition:all .5s ease;background:#051e29}.card--report .fa{height:32px;font-size:32px}.header--summary{width:100%;padding:10px;display:flex}.body--summary,.header--summary{background:#fff;box-shadow:0 0 1px 0 rgb(148 144 144/75%)}.body--summary{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.wrapper-text{display:flex;justify-content:space-between;color:grey}.wrapper-text__white{background:#fff}.wrapper-text__grey{background:#fafbfd}.wrapper-text span{padding:20px}.breadcump--report{background:#051e29;padding:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:30px;width:98%;display:flex;align-items:center;color:#fafbfd;font-weight:500;box-shadow:0 0 1px 0 rgb(148 144 144/75%)}.wrapper-text:hover{background:#def3ff}.button--date:hover{border:1px solid #a7a6a6}.button--date{padding:2px 10px;border:1px solid #d7d7d7;cursor:pointer;height:38px;border-radius:4px;display:flex;align-items:center}.table-sales-transaction-tr{display:flex}.table-sales-transaction-tbody .table-sales-transaction-tr:hover{background:#def3ff}.table-sales-transaction-thead{font-weight:700}.table-sales-transaction-td{display:flex;flex-wrap:wrap}.table-sales-transaction-td,.table-sales-transaction-td__skeleton{padding:10px;color:grey;font-size:14px}.table-sales-transaction--product-name{padding:5px;background:#f6fafd;border-radius:3px;margin-right:5px;margin-bottom:5px;font-size:14px}.table-sales-transaction-tfoot{font-size:16px;font-weight:700}.header--summary__date{width:49%;margin-right:2%}.header--summary__source{width:49%}.table-sales-transaction-tfoot .table-sales-transaction-tr{background:#def3ff}.modal-detail-transaction{position:absolute;top:0;right:0;bottom:auto;border:1px solid #ccc;background:#f6f6f6;overflow:auto;outline:none;width:40%;height:100vh;z-index:2}.button-delete-transaction{height:25px;margin-left:15px}.modal-detail-transaction .wrapper-title-header{background:#384f59;margin:0;padding:10px;color:#fafbfd;display:flex}.modal-detail-transaction .title-header{margin:0;font-weight:400}.bill-title{text-align:center;margin-top:0;margin-bottom:20px}.modal-detail-transaction .fa-times{position:absolute;top:10px;right:0;color:#e2e2e2}.modal-detail-transaction .fa-times:hover{position:absolute;top:10px;right:0;color:#fafbfd}.modal-scroll-panel-full{padding:30px 33px}span.img-triangle-top{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNpiYBgFo2CwAEYoJgkwkaiW5ePHj0bkWESsD9hfv36d8R8I3r17Z0xti0CGse7YsUPn379/H0CW/P379+LVq1eFqWkJMxDz/P79+9J/JADkLyIxuPHGA+eHDx86/mMBX758CaY02MDxcPPmTe//uMGHp0+fqlBiEcuECRNkYPGACwDj5yA0SMkKJp7v379v/U8E+PHjRzOp8QNSzAFMrpX/SQCfP392JjbYwMn1/Pnz1oSCCR0A1T8gNlkzz5w5Uxo9uRIL/vz5s5FQsIGTK9Db0/5TAH7+/FmEK9jAyfXx48dR/ykHH96/f49R7IA4bMjFBqUAmKwvgLIAskUgDg/Qm0f+UxH8+vVrMnL+4QJ6r+M/DcCnT59CwL45deqUzX8aAVDwA4slYUZg+D1kYmKSo1VVCrTrIECAAQD8ylWuIIq7jAAAAABJRU5ErkJggg==);top:6px}span.img-triangle-bottom,span.img-triangle-top{height:20px;width:100%;background-size:contain;background-repeat:repeat;display:inline-block;position:relative;left:0}span.img-triangle-bottom{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNpi/Pv370MmJiY5BhqB////H2S6dOlSFAPtwIdHjx4FgRgcHz9+bP9PA/Dt27dgoPmMIEuYgZjr169fh6lpwe/fvycBzWWCeQlkE8u+ffu0//3794EaFgDNuQB1PAoAWcT2+PHjKCrY8QEIjGHBhA5AXuP48uXLNEpsAAZ7ES4LYIB5yZIlkn/+/LlEjgXA7LAROR5wAXD8XLt2zZLU+AGqf3D//n0hYtM2OH7evn1bQWJydSIUTNjih+vHjx9bibHg58+fTaRaAAMskyZNkiEUbMB4OIgtuZIUbHfu3PHCY8f7ly9fKpPrC+RgY//06RPWYuf79+9BlFoAT9ag+EFP1kD+QmKSKynBxnLo0CEtWPyAig1SkitJ8fPixYsIkCXAUtuYWsGEzSJWYPwY0cqCUTAKBikACDAAJdD8YRS8LAkAAAAASUVORK5CYII=);bottom:0}.bill-body{padding:20px;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.07);color:#6b777e}.modal-scroll-panel-full{position:absolute;height:92.5%;overflow:auto;width:100%;padding:30px 36px}.modal-scroll-panel-full::-webkit-scrollbar,.modal-scroll-panel::-webkit-scrollbar,.modal::-webkit-scrollbar{width:8px;height:8px}.modal-scroll-panel-full::-webkit-scrollbar-thumb,.modal-scroll-panel::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{border-radius:10px;background:#c1c1c1}.modal-scroll-panel-full::-webkit-scrollbar-track,.modal-scroll-panel::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{border-radius:10px;background:#fff;border:1px solid #ccc;opacity:.7}.dashed-line{height:1px;border-bottom:2px dashed #aaa;margin:20px 0}.wrapper-verif-delete-transaction{position:absolute;background:rgba(82,102,110,.4392156862745098);top:0;height:100%;z-index:1;padding:50px;width:100%;display:flex;align-items:center;justify-content:center}.wrapper-text-delete-transaction{background:#fff;width:200px;padding:10px}.wrapper-text-delete-transaction .button{height:30px;width:80px}.form-login{display:flex;flex-direction:column;padding:30px;width:300px}.form-login button:hover{background:var(--main-color-hover)}.form-login button{border:none;outline:none;height:35px;border-radius:15px;background:var(--main-color);color:#fff;font-weight:700;cursor:pointer}.wrapper-login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.wrapper-login-form img{height:100px;width:100px;margin:0 auto 20px}.wrapper-login-form label{margin-bottom:5px;font-weight:500;color:#8b8b8b}.wrapper-login-form input{margin-bottom:15px;outline:none;height:35px;background:none;border:none;border-bottom:2px solid #00f}.wrapper-logout{position:absolute;color:var(--main-background-color);right:5vw;top:5vh;display:flex}.display-name{margin-right:20px;border-bottom:2px solid var(--main-color);font-weight:700;display:flex;align-items:flex-start;padding:0 5px}.button-logout:hover{color:var(--main-color)}.button-logout{font-weight:500;cursor:pointer}.display-name img{margin-right:5px}.body-sales{display:flex;position:relative}.wrapper-items{display:flex;flex-wrap:wrap}.card-item:hover{box-shadow:0 0 10px 0 #ff9c00;top:-3px}.card-item-dark-mode:hover{box-shadow:0 0 3px 2px rgb(236 209 16/75%);top:-3px}.card-item{padding:10px;background:#fff;border-radius:3px;display:flex;flex-direction:column;margin-right:10px;margin-bottom:10px;width:250px;height:320px;overflow-y:auto;position:relative;box-shadow:0 1px 1px 1px hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3);transition:all .5s ease}.card-item .fa{font-size:12px;height:12px;width:12px}.item-category{color:#5c5858;font-size:12px}.item-size{background:var(--main-color-navyLight);color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 5px;position:absolute}.card-item .item-price{position:absolute;bottom:10px}.item-price{color:#5c5858;font-weight:500;font-size:14px}.side-bar{position:fixed;right:0;top:0;background:#fff;width:28%;height:100%;border:2px solid var(--main-background-color);padding:5px 10px;display:flex;flex-direction:column}.side-bar .fa-times-circle{right:0;top:0;color:#000}.button-refresh-product{position:relative}.button-filter-product{line-height:26px}.side-bar .fa-minus-square:hover{color:var(--main-color-hover)}.side-bar .fa-minus-square{right:0;top:1px;color:var(--main-color);position:absolute;font-size:16px;height:16px;width:16px}.side-bar .fa-times-circle:hover{color:red}.wrapper-item-detail{background:#ffefdb;margin:10px 0}.wrapper-item-detail,.wrapper-item-detail__bundle{padding:10px;display:flex;flex-direction:column;border-top:1px dashed grey;border-bottom:1px dashed grey;position:relative}.wrapper-item-detail__bundle{background:#eeffdb;margin:5px 0}.side-bar .button-submit:hover{background-color:var(--main-color-navyLight)}.side-bar .wrapper-button-submit{margin-top:20px;position:absolute;width:95%;bottom:10px;height:35px;display:flex}.item-product-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px}.input-quantity{width:50px;margin-left:5px}.input-discount{outline:none;border:none;width:30px;margin-left:5px}.wrapper-list-product{max-height:68vh;overflow-y:auto;border:1px solid var(--main-color);margin-top:5px;display:flex;flex-direction:column}.item-detail__size{font-weight:500;background-color:var(--main-color-navyLight);position:absolute;left:1px;top:1px;line-height:14px;font-size:14px;color:#fff;padding:0 5px}.item-bundle:hover{background:var(--main-color-navyLight);color:#fff}.item-bundle{position:absolute;background:var(--main-background-color);border-radius:15px;padding:3px 10px;font-size:12px;line-height:12px;right:5px;color:#000;font-weight:500;cursor:pointer;color:var(--main-background-color-light)}.wrapper-verification{position:absolute;background:rgba(138,160,165,.8588235294117647);height:100%;width:100%;left:0;top:0;z-index:1;display:flex;justify-content:center;align-items:center}.wrapper-verification__content{background:#fff;border-radius:10px;height:100px;padding:10px;display:flex;flex-direction:column}.wrapper-verification__text{display:flex;justify-content:center;margin-top:15px}.wrapper-verification__text .button-yes:hover{cursor:pointer;color:#00f}.wrapper-verification__text .button-no{margin-right:20px}.wrapper-verification__text .button-no:hover{cursor:pointer;color:red}.popup-filter,.popup-filter-marketplace{width:200px;margin-left:20px;position:absolute;background:#fff;max-height:300px;overflow-y:auto;z-index:1;border-radius:3px;left:0;top:calc(100% + 5px);box-shadow:0 0 6px 2px var(--main-color-navyLight);padding:10px}.popup-filter p{margin:0;font-weight:500;border-bottom:1px solid #bebdbd;width:100%}.wrapper-filter-category:hover{font-weight:500}.button-discount{background:var(--main-color);color:#fff;margin-left:10px;border:none;cursor:default;border-radius:4px;box-shadow:0 0 1px 0 rgb(56 79 89);outline:none}#quote{font-family:"Dancing Script",cursive;font-size:16px;font-weight:100;color:#000;text-transform:none;font-style:normal;text-decoration:none;line-height:2em;letter-spacing:0}.fa-window-close:hover{color:red}.modal-scroll-panel::-webkit-scrollbar,.modal::-webkit-scrollbar,.wrapper-list-product::-webkit-scrollbar{width:8px;height:8px}.modal-scroll-panel::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.wrapper-list-product::-webkit-scrollbar-thumb{border-radius:10px;background:#c1c1c1}.modal-scroll-panel::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,.wrapper-list-product::-webkit-scrollbar-track{border-radius:10px;background:#fff;border:1px solid #ccc;opacity:.7}.body-information{width:98%}.wrapper-marketplace{min-height:350px;max-height:450px;background-color:#fff;width:100%;margin-bottom:20px}.wrapper-info-sku,.wrapper-marketplace{border-radius:3px;padding:10px;box-shadow:0 1px 1px 1px hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3)}.wrapper-info-sku{width:30%;background-color:#e4ffe4;height:250px;margin-right:10px;display:flex;flex-direction:column}.wrapper-variant{padding:10px;background-color:#fff;width:70%;box-shadow:0 1px 1px 1px hsla(0,0%,68.6%,.5),0 6px 6px hsla(0,0%,68.6%,.3);border-radius:3px}.table-marketplace{display:flex;flex-direction:column;font-weight:500}.thead-marketplace{display:flex;color:#fff;border-radius:15px}.tbody-marketplace{margin-top:10px;min-height:210px;max-height:300px;overflow-y:auto}.tbody-variant{margin-top:10px;min-height:250px;max-height:350px;overflow-y:auto}.tr-marketplace{display:flex;width:100%;border-radius:3px}.td-marketplace{width:25%;padding:10px}.td-variant{width:33%;padding:10px}.thead-marketplace .tr-marketplace{background-color:var(--main-background-color)}.tbody-marketplace .tr-marketplace{background-color:rgb(235 235 235);margin-top:10px}.tbody-marketplace .tr-marketplace:first-child,.tbody-variant .tr-marketplace:first-child{margin-top:0}.tbody-variant .tr-marketplace{margin-top:10px}.wrapper-marketplace-content-header{display:flex;justify-content:space-between;align-items:center}.input-information-marketplace,.input-name-marketplace{width:100%;height:35px}.body-updateStockScanner{box-shadow:0 1px 1px 1px hsl(0deg 0% 69%/50%),0 6px 6px hsl(0deg 0% 69%/30%);padding:10px}.body-updateStockScanner input{width:300px;height:30px}.wrapper-resume{padding:20px;border-radius:20px;border:1px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:300px}.wrapper-jumbotron{box-shadow:0 1px 1px 1px hsl(0deg 0% 69%/50%),0 6px 6px hsl(0deg 0% 69%/30%);padding:10px;margin-bottom:30px}.btn-add-image{cursor:pointer;font-weight:700;color:#00f}.box-upload-image .fa-trash{position:absolute;color:red;top:2px;right:0;cursor:pointer;font-size:12px;height:12px;width:12px}.wrapper-transaction{display:flex;flex-direction:column;margin-top:30px;background-color:#f7f7f7;padding:20px}.transaction-list{display:flex;box-shadow:0 0 4px #e9e8e8;border-radius:3px;padding:10px 5px;font-size:14px;font-weight:500;color:#454545;cursor:default;background-color:#fff;margin:2px 0}.transaction-list:hover{box-shadow:0 0 5px 1px #a4a4a4}.transaction-list-head{padding:3px 5px;display:flex;color:#6e797d;font-weight:700;font-size:14px;margin-bottom:10px}.body-ecommerce h4{color:#5c5c5c}.detail-order-header{border-bottom:1px dashed grey;padding-bottom:20px}.divider{border-left:1px solid rgba(0,0,0,.1);margin:0 10px}.detail-order-header .divider{height:30px}.custom-divider{height:.1875rem;width:100%;background-position-x:-1.875rem;background-size:7.25rem .1875rem;background-image:repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px)}.detail-order-product-list img{width:90px;height:90px}.detail-order-product-list{margin-top:20px;background-color:#f3f2f2;display:flex;justify-content:space-between;padding:10px}.input-resi{height:35px;padding:3px 5px;border-radius:3px;width:300px}.wrapper-input-resi button{height:35px;cursor:pointer}
/*# sourceMappingURL=main.153cb3ec.chunk.css.map */