.aside{height:100%;width:265px;display:flex;align-items:center;position:relative;transition:width .3s cubic-bezier(.36,-.01,0,.77)}@media only screen and (max-width: 480px){.aside{position:fixed;z-index:999}}@media only screen and (min-width: 480px) and (max-width: 768px){.aside{position:fixed;z-index:999}}.aside--open{width:265px}.aside--closed{width:80px}@media only screen and (max-width: 480px){.aside--closed{width:0;overflow:hidden}}@media only screen and (min-width: 480px) and (max-width: 768px){.aside--closed{width:0;overflow:hidden}}.aside__box{height:30px;width:30px;position:absolute;right:0;bottom:170px;transform:translate(50%);background-color:#f64e60;display:grid;place-items:center;border-radius:5px;cursor:pointer;box-shadow:0 0 30px #523f690d;z-index:10}.aside__box>svg>g>path{fill:#fff}.aside__closed{flex:1;position:absolute;height:100vh;left:-30px;padding:15px 20px;transition:all .2s ease}@media only screen and (max-width: 480px){.aside__closed{display:none}}@media only screen and (min-width: 480px) and (max-width: 768px){.aside__closed{display:none}}.aside__closed__box{height:30px;width:30px;position:absolute;left:60px;bottom:170px;transform:rotate(180deg);background-color:#f64e60;display:grid;place-items:center;border-radius:5px;cursor:pointer;box-shadow:0 0 30px #523f690d;z-index:10;transition:.3s cubic-bezier(.36,-.01,0,.77)}.aside__closed__box>svg>g>path{fill:#fff}.aside__right{height:100vh;background-color:#fff;box-shadow:0 0 30px #523f690d;padding:15px 20px;position:absolute;left:80px;width:255px;transition:.3s cubic-bezier(.36,-.01,0,.77);flex:1;display:none}.aside__right__title{font-weight:700;margin:9px 0;padding:9px;color:#333;text-transform:uppercase}.aside__right__box{height:30px;width:30px;position:absolute;right:0;bottom:170px;transform:translate(50%);background-color:#f64e60;display:grid;place-items:center;border-radius:5px;cursor:pointer;box-shadow:0 0 30px #523f690d;z-index:10}.aside__right__box>svg>g>path{fill:#fff}.aside__closedRtl{flex:1;position:absolute;height:100vh;right:-20px;padding:15px 20px;transition:all .2s ease}@media only screen and (max-width: 480px){.aside__closedRtl{display:none}}@media only screen and (min-width: 480px) and (max-width: 768px){.aside__closedRtl{display:none}}.aside__closedRtl__box{height:30px;width:30px;position:absolute;left:-10px;bottom:170px;transform:rotate(0);background-color:#f64e60;display:grid;place-items:center;border-radius:5px;cursor:pointer;box-shadow:0 0 30px #523f690d;z-index:10;transition:.3s cubic-bezier(.36,-.01,0,.77)}.aside__closedRtl__box>svg>g>path{fill:#fff}.aside__rightRtl{height:100vh;background-color:#fff;box-shadow:0 0 30px #523f690d;padding:15px 20px;position:absolute;right:80px;width:255px;transition:.3s cubic-bezier(.36,-.01,0,.77);flex:1}.aside__rightRtl__title{font-weight:700;margin:9px 0;padding:9px;color:#333;text-transform:uppercase}.aside__rightRtl__box{height:30px;width:30px;position:absolute;left:-15px;bottom:170px;transform:translate(50%);background-color:#f64e60;transform:rotate(180deg);display:grid;place-items:center;border-radius:5px;cursor:pointer;box-shadow:0 0 30px #523f690d;z-index:10}.aside__rightRtl__box>svg>g>path{fill:#fff}.aside__left{height:100vh;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;background-color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;z-index:10;width:100%}.aside__left__top{min-height:70vh;width:100%}.aside__left__top__logoCont{display:flex;align-items:center;justify-content:flex-start;padding:2rem 0;height:100px}.aside__left__top__logoCont>img{object-fit:contain}.aside__left__top>ul{list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:10px}.activeImgBg{background-color:#fff}.active{position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:calc(100% - 10px);background-color:red;border-radius:4px 0 0 4px}.activeBg{background-color:#f5f5f5}.li{position:relative;cursor:pointer}.li svg>g>circle{transition:all .2s ease-in}.li svg>g>path{transition:all .2s ease-in}.li:hover .li__imgCont{background-color:#f5f5f5}.li:hover svg>g>path{fill:#ffc107!important}.li:hover svg>g>circle{fill:#ffc107!important}.li:hover .tooltip{opacity:1;visibility:visible;left:60px}.li:hover .tooltipRtl{opacity:1;visibility:visible;right:60px}.li:hover .tooltipTop,.li:hover .tooltipBottom{opacity:1;visibility:visible}.li__imgCont{height:50px;width:50px;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.li__imgCont>svg{height:26px;width:26px}.subcounter{position:absolute;top:50%;right:25px;height:30px;width:30px;border-radius:20px;background-color:#ffe2e5;color:#f64e60;display:flex;align-items:center;transform:translateY(-50%);justify-content:center;font-size:16px;transition:all .3s ease-in}.position{top:22%;right:10px}.subcounterRtl{position:absolute;top:50%;left:10px;height:20px;width:20px;border-radius:5px;background-color:#ffe2e5;color:#f64e60;display:flex;align-items:center;transform:translateY(-50%);justify-content:center;font-size:12px}.bottomul{margin-bottom:30px;list-style-type:none;width:100%}.sublist{display:flex;align-items:flex-start;column-gap:10px;padding:10px;transition:all .3s ease-in;cursor:pointer;position:relative;justify-content:flex-start;width:100%}.sublist:hover{background-color:#f5f5f5}.sublist:hover .sublist__a__imgCont{background-color:#fff}.sublist__a__imgCont{height:40px;width:40px;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sublist__a__imgCont>svg{height:26px;width:26px}.sublist__a__imgCont>svg>g path{fill:#f64e60!important}.sublist__a{display:flex;align-items:center;gap:10px}.sublist__a__left{white-space:nowrap;overflow:hidden;opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s ease}.sublist__a__left>h4{color:#3f4254;font-size:14px;font-weight:500;margin-bottom:4px;text-transform:uppercase;white-space:nowrap;transition:opacity .25s ease,transform .25s ease;transition-delay:.05s}.sublist__a__left>p{font-size:12px;color:#b5b5c3;text-transform:capitalize;transition:all .3s ease-in;white-space:nowrap}.sublist__a__left.hide{opacity:0;transform:translate(10px);pointer-events:none}.path{fill:#ffc107!important}.banner{height:250px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:right;position:relative}.home{padding:20px 30px;margin-top:-100px;display:flex;gap:30px}@media only screen and (max-width: 480px){.home{flex-direction:column;padding:10px}}@media only screen and (min-width: 480px) and (max-width: 768px){.home{flex-direction:column;padding:20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.home{flex-direction:column;padding:20px}}@media only screen and (max-width: 1280px){.home{gap:20px}}.profileArea{width:32%}@media only screen and (max-width: 480px){.profileArea{width:auto}}@media only screen and (min-width: 480px) and (max-width: 768px){.profileArea{width:auto}}@media only screen and (min-width: 768px) and (max-width: 1024px){.profileArea{width:auto}}.tooltip{position:absolute;top:50%;min-width:90px;left:30px;transform:translateY(-50%);opacity:0;visibility:hidden;font-size:12px;background:linear-gradient(135deg,#f64e601f,#f64e600f);color:#f64e60;padding:8px 10px;border-radius:10px;border:1px solid #f64e60;transition:all .2s ease-in-out;z-index:1000;box-shadow:#63636333 0 2px 8px;display:flex;align-items:center;justify-content:center;z-index:15;pointer-events:none}.tooltip:before{content:"";position:absolute;top:30%;left:-8px;border-color:transparent #f64e60 transparent transparent;transform:translateY(-50%);border-width:8px;border-style:solid;transform:translate(-50%);transition:all .2s ease-in-out}.tooltipLeft{position:absolute;top:50%;right:calc(100% + 10px);left:auto;transform:translateY(-50%);opacity:0;visibility:hidden;font-size:12px;background:linear-gradient(135deg,#f64e601f,#f64e600f);color:#f64e60;padding:8px 10px;border-radius:10px;border:1px solid #f64e60;transition:all .2s ease-in-out;z-index:15;box-shadow:#63636333 0 2px 8px;display:flex;align-items:center;justify-content:center;pointer-events:none;white-space:nowrap}.tooltipLeft:before{content:"";position:absolute;top:50%;right:-8px;border-color:transparent transparent transparent #f64e60;border-width:8px;border-style:solid;transform:translateY(-50%);transition:all .2s ease-in-out}.tooltipRtl{position:absolute;top:50%;min-width:140px;left:-140px;transform:translateY(-50%);opacity:0;visibility:hidden;font-size:12px;background:linear-gradient(135deg,#f64e601f,#f64e600f);color:#f64e60;padding:8px 10px;border-radius:10px;border:1px solid #f64e60;transition:all .2s ease-in-out;z-index:1;box-shadow:#63636333 0 2px 8px;display:flex;align-items:center;justify-content:center;z-index:15;pointer-events:none}.tooltipRtl:before{content:"";position:absolute;top:24%;right:-23px;border-color:transparent transparent transparent #f64e60;transform:translateY(-50%);border-width:8px;border-style:solid;transform:translate(-50%);transition:all .2s ease-in-out}.tooltipTop{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);min-width:90px;opacity:0;visibility:hidden;font-size:12px;background:linear-gradient(135deg,#f64e601f,#f64e600f);color:#f64e60;padding:8px 10px;border-radius:10px;border:1px solid #f64e60;transition:all .2s ease-in-out;z-index:15;box-shadow:#63636333 0 2px 8px;display:flex;align-items:center;justify-content:center;pointer-events:none}.tooltipTop:before{content:"";position:absolute;left:50%;bottom:-8px;border-color:#f64e60 transparent transparent transparent;border-width:8px;border-style:solid;transform:translate(-50%);transition:all .2s ease-in-out}.tooltipBottom{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%);min-width:90px;opacity:0;visibility:hidden;font-size:12px;background:linear-gradient(135deg,#f64e601f,#f64e600f);color:#f64e60;padding:8px 10px;border-radius:10px;border:1px solid #f64e60;transition:all .2s ease-in-out;z-index:15;box-shadow:#63636333 0 2px 8px;display:flex;align-items:center;justify-content:center;pointer-events:none}.tooltipBottom:before{content:"";position:absolute;left:50%;top:-8px;border-color:transparent transparent #f64e60 transparent;border-width:8px;border-style:solid;transform:translate(-50%);transition:all .2s ease-in-out}.tooltipTrigger{position:relative;display:inline-flex;align-items:center;width:fit-content}.tooltipTrigger:hover .tooltip,.tooltipTrigger:hover .tooltipRtl,.tooltipTrigger:hover .tooltipTop,.tooltipTrigger:hover .tooltipBottom{opacity:1;visibility:visible}.tooltipAction{min-width:auto;white-space:nowrap;padding:6px 12px;font-size:11px;line-height:1;border-radius:999px}button{height:50px;width:100%;background-color:#ffc107;color:#fff;border:none;border-radius:10px;margin-top:20px}button:disabled{opacity:.5}button:hover{opacity:.5}.box{position:absolute;top:0;right:0;height:100%;width:100%;overflow:hidden}.wave{position:absolute;width:2000px!important;height:1500px!important;bottom:65%!important;left:250px!important;border-radius:40%!important;z-index:0!important;opacity:.7}@keyframes rotate{0%{transform:rotate(0)}0%{transform:rotate(360deg)}}.two{animation:rotate 10s infinite linear;opacity:70%;background:#ffc107}.card{width:350px;box-shadow:0 0 30px #523f690d;position:relative;border-radius:10px;background-color:#fff;padding:15px 20px 26px}@media only screen and (max-width: 480px){.card{width:auto;padding:10px}}.tag{display:flex;justify-content:center;align-items:center;padding:5px 10px;position:absolute;z-index:1;border-bottom-right-radius:.42rem;border-bottom-left-radius:.42rem;background-color:#f64e60;top:0;right:20px}.tag>p{font-size:13px;color:#fff}.inputField{width:100%;background-clip:padding-box;border:1px solid #d5d5d5;border-radius:.42rem;padding:.65rem 1rem;font-size:14px;font-weight:400;color:#3f4254;box-shadow:none;height:calc(1.5em + 1.3rem + 2px)!important}@media only screen and (max-width: 480px){.inputField{height:calc(1.5em + 1rem + 2px)!important}}.inputField:focus{outline:none;box-shadow:none}.inputField--error{border-color:#f64e60}.productCardArea{border-radius:10px;width:100%;box-shadow:0 0 30px #523f690d;background-color:#fff;padding:10px;display:flex;justify-content:space-between;flex-direction:column;gap:5px;position:relative}.productCardArea__productCard{position:relative;transition:all .3s ease-in-out;display:flex;gap:10px;align-items:flex-start}.productCardArea__productCard__top{width:34%;min-width:96px;min-height:104px;background-color:#f4f6f9;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.productCardArea__productCard__top>img{object-fit:contain;width:100%;height:100%;padding:4px}.productCardArea__productCard__right{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.productCardArea__productCard__right__curr{display:flex;align-items:center;width:100%;gap:4px}.productCardArea__productCard__right__curr__img{height:22px;width:22px}.productCardArea__productCard__right__curr__img>img{object-fit:contain;margin-right:5px}.productCardArea__productCard__right__curr>.key{font-size:15px;font-weight:600}.productCardArea__productCard__right__curr>.val{font-weight:600;color:#181c32;font-size:15px!important}.productCardArea__productCard__right__mid{display:flex;flex-direction:column;gap:2px}.productCardArea__productCard__right__mid>p{line-height:18px}.productCardArea__productCard__right__mid>p:nth-child(1){margin-bottom:0}.productCardArea__productCard__right__mid .key{font-weight:400;color:#b5b5c3;font-size:12px}.productCardArea__productCard__right__mid .val{font-size:14px}.productCardArea__productCard__right>h2{font-weight:600;color:#000;font-size:14px!important;line-height:1.35;margin-bottom:2px}.productCardArea__cartBtnArea{display:flex;align-items:center;gap:5px}.productCardArea__cartBtnArea__cardCounter{display:flex;padding:1px;border-radius:50px;width:40%;min-width:0}.productCardArea__cartBtnArea__cardCounter__counter{display:flex;align-items:center;gap:2px;border:1px solid #b5b5c3;color:#b5b5c3;border-radius:5px;padding:2px}.productCardArea__cartBtnArea__cardCounter__counter>button{height:20px;width:20px;display:flex;align-items:center;justify-content:center;padding:2px;background-color:transparent;color:#b5b5c3;margin:0;background-color:#f4f6f9;border-radius:50%;font-size:15px;cursor:pointer;transition:.3s}.productCardArea__cartBtnArea__cardCounter__counter>button:hover{background-color:#f64e60;opacity:1;color:#fff}.productCardArea__cartBtnArea__cardCounter__counter>span{font-size:14px}.productCardArea__cartBtnArea__cardCounter__counter>input.qtyInput{font-size:14px;width:30px;text-align:center;border:none;background:transparent;color:inherit;outline:none;padding:0;-moz-appearance:textfield}.productCardArea__cartBtnArea__cardCounter__counter>input.qtyInput::-webkit-outer-spin-button,.productCardArea__cartBtnArea__cardCounter__counter>input.qtyInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.productCardArea__cartBtnArea__cardCounter>.input{width:60px;padding:5px;border-radius:5px;color:#3f4254;font-size:10px;border:1px solid #d5d5d5;text-align:center;margin-bottom:0!important}.productCardArea__cartBtnArea__cardCounter>.input:focus{outline:none}.productCardArea__cartBtnArea__cardCounter>div{display:flex;align-items:center;column-gap:3px;flex-wrap:nowrap}.productCardArea__cartBtnArea__cardCounter>div .key{font-size:12px;font-weight:600;white-space:nowrap}.productCardArea__cartBtnArea__cardCounter>div>.input{height:28px;padding:5px;border-radius:5px;color:#3f4254;font-size:14px;border:1px solid #d5d5d5;text-align:center;margin-bottom:0!important}.productCardArea__cartBtnArea__cardCounter>div>.input:focus{outline:none}.productCardArea__cartBtnArea__cardCounter>.cardBtn{width:30px!important;height:30px!important;border-radius:100%;border:none;background:red;font-weight:600;font-size:16px;color:#fff;margin:0!important;position:relative}.productCardArea__cartBtnArea__cardCounter>.cardBtn>.tooltipBtn{top:45px;left:-30px!important}.productCardArea__cartBtnArea__cardCounter>.cardBtn>.tooltipBtn:before{top:-15px;left:50%!important;transform:translate(-50%);border-color:transparent transparent #ffc107 transparent!important}.productCardArea__cartBtnArea__cardCounter>.cardBtn:hover{opacity:1!important}.productCardArea__cartBtnArea__cardCounter>.cardBtn:hover .tooltip{visibility:visible;opacity:1}.productCardArea__cartBtnArea__cardCounter>.cardBtnPlus{background:red}.productCardArea__cartBtnArea__btn{height:30px;font-size:12px;margin:0;border-radius:5px;background-color:#f64e60;font-weight:500;flex:1;cursor:pointer}.orderArea{width:100%}.orderArea__tableFilterArea{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;margin-top:10px;flex-wrap:wrap;gap:10px}.orderArea__tableFilterArea__title{display:flex;flex-direction:column;gap:3px}.orderArea__tableFilterArea__title>p{margin:0;font-weight:600;color:#333}.orderArea__tableFilterArea__title>span{font-size:12px;color:#b6b6b6;font-weight:500}.orderArea__tableFilterArea__filterarea{display:flex;align-items:center;gap:20px}@media only screen and (max-width: 480px){.orderArea__tableFilterArea__filterarea{flex-wrap:wrap}}.orderArea__tableFilterArea__filterarea>p{display:flex;align-items:center;gap:8px}.orderArea__tableFilterArea__filterarea>p>span{font-size:12px;color:#b6b6b6;font-weight:500}.orderArea__tableFilterArea__filterarea>button{padding:6px 10px;height:auto;background-color:#f5f5f5;color:#7e8299;font-size:13px;font-weight:600;margin:0;border-radius:5px}.orderAreaHead{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.orderAreaHead__dateArea{display:flex;flex-direction:column;gap:8px}.orderAreaHead__dateArea>h4{font-weight:600;color:#333;font-size:20px}.orderAreaHead__dateArea>h4>span{font-size:13px;color:#b6b6b6}.orderAreaHead__statusDropArea{display:flex;flex-direction:column;gap:8px}.orderAreaHead__statusDropArea>h4{font-weight:600;color:#333;font-size:20px}.delete{position:absolute;top:10px;right:10px;cursor:pointer;height:20px;width:20px}.loader{height:100vh;width:100vw;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#ffffff80;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader>div{height:80px;width:80px}.loader p{font-size:14px}.loader2{height:100%;width:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader2>div{height:80px;width:80px}.loader2 p{font-size:14px}.userprooverlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:#fff0;z-index:11}.userprofile{display:flex;flex-direction:column;width:200px;background-color:#0d1117;justify-content:center;border-radius:5px;position:fixed;left:30px;bottom:60px;z-index:111;padding:10px;transition:all .3s ease-in-out}.userprofile .value{background-color:transparent;border:none;padding:10px;color:#fff;display:flex;position:relative;gap:5px;cursor:pointer;border-radius:4px}.userprofile .value:not(:active):hover{background-color:#21262c}.userprofile .value svg{width:20px}.loaderCont{height:calc(100vh - 150px);width:100%;background-color:#f5f5f5!important}.profileContDetail{height:320px!important}.noResult{height:300px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.noResult__imgCont{height:140px;width:140px}.noResult>p{font-size:14px}.language{position:fixed;bottom:30px;background:#000;height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .3s ease;z-index:10}.language:hover p{opacity:1;top:-60px}.language>p{padding:13px 15px;background-color:#ffc107;position:absolute;left:0;top:0;border-radius:10px;opacity:0;transition:all .3s ease-in-out;box-shadow:#63636333 0 2px 8px}.language>p:before{content:"";position:absolute;bottom:-15px;left:50%;border-color:#ffc107 transparent transparent transparent;transform:translateY(-50%);border-width:8px;border-style:solid;transform:translate(-50%)}.language:active{opacity:.8}.floatingCreateOrder{position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.flex-wrap{flex-wrap:wrap}@media only screen and (max-width: 480px){.flex-wrap{flex-direction:column}}.cartTitleArea{padding:0 30px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cartTitleArea>h3{font-size:22px;font-weight:600;color:#333;line-height:1.4}.cartTitleArea>.titleBtnArea{display:flex;align-items:center;gap:15px;flex-shrink:0}@media only screen and (max-width: 480px){.cartTitleArea{flex-direction:column;align-items:flex-start;padding:0 16px 20px;gap:14px}.cartTitleArea>h3{font-size:16px}.cartTitleArea>.titleBtnArea{width:100%;gap:10px}.cartTitleArea>.titleBtnArea .iconBtn{flex:1;width:100%;justify-content:center;font-size:12px;padding:8px 10px}.cartTitleArea>.titleBtnArea .iconBtn>span{font-size:12px}}@media only screen and (min-width: 480px) and (max-width: 768px){.cartTitleArea{flex-direction:column;align-items:flex-start;padding:0 16px 20px;gap:12px}.cartTitleArea>h3{font-size:17px}.cartTitleArea>.titleBtnArea{width:100%;gap:10px}.cartTitleArea>.titleBtnArea .iconBtn{flex:1;width:100%;justify-content:center;font-size:13px;padding:8px 10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.cartTitleArea{flex-wrap:wrap;padding:0 20px 24px;gap:10px}.cartTitleArea>h3{font-size:18px;flex:1 1 100%}.cartTitleArea>.titleBtnArea{flex:1 1 100%;gap:12px}.cartTitleArea>.titleBtnArea .iconBtn{flex:1;width:100%;justify-content:center;font-size:13px}}.fieldarea{width:100%}.fieldarea>label{font-size:13px;color:#333;font-weight:500;margin-bottom:5px}.fieldarea__inputarea{border:1px solid #e5e5e5;border-radius:5px;display:flex;align-items:center;padding:4px 10px;gap:8px;width:100%}.fieldarea__inputarea>span{display:flex;width:20px;cursor:pointer}.fieldarea__inputarea>span>img{width:100%}.fieldarea__inputarea>input{border:none;outline:none;width:100%;background-color:transparent;font-size:14px;padding:3px 0}.fieldarea__inputarea>input::placeholder{font-size:12px;color:#a8a6a6}.lessPadding{padding:3px 8px!important;margin-bottom:10px;margin-top:10px;font-size:13px}.fwbold{font-weight:600}.bgInfo_Item{background:#f64e6008!important;border:1px solid rgba(246,78,96,.18);border-radius:10px;margin-bottom:14px}.variantsModal__body{height:400px;overflow-y:scroll}.variantsModal__body::-webkit-scrollbar{width:6px;height:6px}.variantsModal__body::-webkit-scrollbar-track{background:transparent}.variantsModal__body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.variantsModal__body::-webkit-scrollbar-thumb:hover{background-color:#999}@media only screen and (max-width: 480px){.variantsModal__body{height:calc(100vh - 190px);max-height:calc(100vh - 190px);overflow-y:auto}}@media only screen and (min-width: 480px) and (max-width: 768px){.variantsModal__body{height:calc(100vh - 220px);max-height:calc(100vh - 220px);overflow-y:auto}}.pt-5{padding-top:10px}.variantsModal__footer{display:flex;gap:8px}.variantsModal__footer .productCardArea__cartBtnArea__btn{flex:1}.productCardArea__hoverPanel{position:fixed;background:#fff;border-radius:16px;z-index:1000;display:flex;flex-direction:column;padding:0;border:1px solid rgba(246,78,96,.14);box-shadow:0 18px 50px #0f172a29;animation:hoverPanelIn .18s cubic-bezier(.4,0,.2,1);overflow:visible;max-height:min(70vh,100vh - 24px)}.productCardArea__hoverPanel input{accent-color:#f64e60;flex-shrink:0;cursor:pointer}.productCardArea__hoverPanel:before{content:"";position:absolute;top:-8px;left:34px;width:16px;height:16px;background:#fff;border-left:1px solid rgba(246,78,96,.14);border-top:1px solid rgba(246,78,96,.14);transform:translate(-50%) rotate(45deg);z-index:0}.productCardArea__hoverPanel:after{content:"";position:absolute;top:-6px;left:34px;width:12px;height:12px;background:#fff;transform:translate(-50%) rotate(45deg);z-index:1}.productCardArea__hoverPanel__header{position:relative;z-index:1;padding:14px 16px 12px;border-bottom:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#fffaf9);border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.productCardArea__hoverPanel__headerText{min-width:0;flex:1}.productCardArea__hoverPanel__eyebrow{font-size:12px;font-weight:800;letter-spacing:.04em;color:#333;margin:0 0 6px;text-transform:uppercase}.productCardArea__hoverPanel__subtitle{font-size:13px;font-weight:500;color:#b5b5c3;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productCardArea__hoverPanel__list{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.productCardArea__hoverPanel__list::-webkit-scrollbar{width:6px}.productCardArea__hoverPanel__list::-webkit-scrollbar-track{background:transparent}.productCardArea__hoverPanel__list::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:999px}.productCardArea__hoverPanel__list::-webkit-scrollbar-thumb:hover{background-color:#b9b9b9}.productCardArea__hoverPanel__thumb{width:54px;height:54px;flex-shrink:0;border-radius:12px;background:#f6f7fb;border:1px solid rgba(15,23,42,.06);box-shadow:0 6px 16px #0f172a0d;overflow:hidden;display:flex;align-items:center;justify-content:center}.productCardArea__hoverPanel__thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.productCardArea__hoverPanel__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#fbfbfc);transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 1px #0f172a05}.productCardArea__hoverPanel__item:hover{transform:translateY(-1px);border-color:#f64e6033;box-shadow:0 10px 24px #0f172a14}.productCardArea__hoverPanel__item--active{border-color:#f64e6047!important;background:linear-gradient(135deg,#f64e601f,#f64e600d)!important;box-shadow:0 12px 26px #f64e601a}.productCardArea__hoverPanel__item__info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;padding-left:4px}.productCardArea__hoverPanel__item__name{font-size:13px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productCardArea__hoverPanel__item__price{font-size:12px;color:#f64e60;font-weight:700}.productCardArea__hoverPanel__item__counter{display:flex;align-items:center;gap:4px;flex-shrink:0;border:1px solid rgba(246,78,96,.18);border-radius:10px;padding:4px 6px;background:#fff;box-shadow:0 4px 12px #0f172a0d;transition:opacity .15s}.productCardArea__hoverPanel__item__counter button{height:20px;width:20px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:6px;color:#b5b5c3;font-size:12px;margin:0;cursor:pointer;padding:0;transition:background .15s,color .15s}.productCardArea__hoverPanel__item__counter button:hover{background:#f64e60;color:#fff;opacity:1}.productCardArea__hoverPanel__item__counter button:disabled{cursor:not-allowed;opacity:.4}.productCardArea__hoverPanel__item__counter button:disabled:hover{background:#f5f5f5;color:#b5b5c3}.productCardArea__hoverPanel__item__counter input.qtyInput{width:20px;font-size:13px;font-weight:600;color:#333;text-align:center;border:none;background:transparent;outline:none;padding:0;-moz-appearance:textfield}.productCardArea__hoverPanel__item__counter input.qtyInput:disabled{opacity:.4;cursor:not-allowed}.productCardArea__hoverPanel__item__counter input.qtyInput::-webkit-outer-spin-button,.productCardArea__hoverPanel__item__counter input.qtyInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.productCardArea__hoverPanel__footer{flex-shrink:0;display:flex;gap:6px;padding:10px 14px 12px;border-top:1px solid rgba(246,78,96,.12)}.productCardArea__hoverPanel__footer .productCardArea__cartBtnArea__btn{flex:1;height:30px!important;font-size:12px!important;margin:0!important;border-radius:10px!important}@keyframes hoverPanelIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media only screen and (max-width: 480px){.productCardArea{padding:10px;gap:8px;border-radius:12px}.productCardArea__productCard{gap:8px}.productCardArea__productCard__top{width:30%;min-width:76px;min-height:84px}.productCardArea__productCard__top>img{padding:3px}.productCardArea__productCard__right{gap:2px}.productCardArea__productCard__right>h2{font-size:12px!important;line-height:1.3}.productCardArea__productCard__right__mid .key,.productCardArea__productCard__right__mid .val{font-size:11px}.productCardArea__productCard__right__curr .key,.productCardArea__productCard__right__curr .val{font-size:12px!important}.productCardArea__cartBtnArea{flex-wrap:wrap;gap:6px;align-items:stretch}.productCardArea__cartBtnArea__cardCounter{width:100%;justify-content:flex-start}.productCardArea__cartBtnArea__cardCounter>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.productCardArea__cartBtnArea__cardCounter__counter{width:fit-content;max-width:100%}.productCardArea__cartBtnArea__btn{height:34px;font-size:11px;flex:1 1 calc(50% - 3px);min-width:0;white-space:nowrap;padding:0 8px}}@media only screen and (min-width: 480px) and (max-width: 768px){.productCardArea{padding:10px;gap:8px}.productCardArea__productCard{gap:9px}.productCardArea__productCard__top{width:31%;min-width:84px;min-height:92px}.productCardArea__productCard__right{gap:2px}.productCardArea__productCard__right>h2{font-size:13px!important}.productCardArea__productCard__right__mid .key,.productCardArea__productCard__right__mid .val{font-size:12px}.productCardArea__cartBtnArea{flex-wrap:wrap;gap:6px}.productCardArea__cartBtnArea__cardCounter{width:100%}.productCardArea__cartBtnArea__btn{height:34px;font-size:12px;flex:1 1 calc(50% - 3px);min-width:0;white-space:nowrap;padding:0 8px}}@media only screen and (min-width: 1024px) and (max-width: 1280px){.productCardArea__cartBtnArea{flex-wrap:wrap;gap:6px}.productCardArea__cartBtnArea__cardCounter{width:100%}.productCardArea__cartBtnArea__cardCounter>div{width:100%;justify-content:flex-start}.productCardArea__cartBtnArea__cardCounter__counter{width:fit-content}.productCardArea__cartBtnArea__btn{flex:1 1 calc(50% - 3px);height:30px;font-size:11px;white-space:nowrap;padding:0 6px;min-width:0}}@media only screen and (min-width: 1454px){.productCardArea__cartBtnArea{flex-wrap:wrap;gap:6px}.productCardArea__cartBtnArea__cardCounter{width:100%}.productCardArea__cartBtnArea__cardCounter>div{width:100%;justify-content:flex-start}.productCardArea__cartBtnArea__cardCounter__counter{width:fit-content}.productCardArea__cartBtnArea__btn{flex:1 1 calc(50% - 3px);height:30px;font-size:11px;white-space:nowrap;padding:0 6px;min-width:0}}.cartBtn{border:1px solid #f64e60;background-color:transparent;color:#f64e60;flex:1 1 calc(60% - 5px)}.disabled{background-color:#f64e60;opacity:.6;cursor:not-allowed!important}.disabled:hover{opacity:.6!important}.iconBtn{padding:8px 15px;border-radius:5px;background-color:#f64e60;border:1px solid #f64e60;display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;cursor:pointer;transition:.3s}.iconBtn:hover{opacity:.8}.iconBtn>span{text-transform:uppercase;font-weight:500;color:#fff}.iconBtn>span>svg{display:flex}.bgwhite{background:#fff}.bgwhite>span{color:#f64e60}.grayColor{background-color:#f5f5f5;border-color:#b6b6b6}.grayColor>span{color:#b6b6b6}.badge{background:#000;padding:4px 6px;border-radius:6px;margin-right:5px;cursor:pointer}.badge-info{color:#3484ec;background:#dbeafe}.badge-danger{color:#f15767;background:#dc35451f}.badge-success{color:#28a745;background:#28a74530}.mb-2{padding-bottom:20px!important}.pb-0{padding-bottom:0!important}.mb-0{margin-bottom:0!important}.pb-10{padding-bottom:10px}.pt-0{padding-top:0!important}.mt-0{margin-top:0!important}.rmdp-action-buttons{display:flex!important}.top_bottom_space{margin-top:10px;margin-bottom:20px}.emptyListState{min-height:220px;width:100%;background:#fff;border:1px solid #d5d5d5;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:30px 20px}.emptyListState__icon{height:64px;width:64px;border-radius:50%;background:#dc354514;color:#f64e60;display:flex;align-items:center;justify-content:center;font-size:28px}.emptyListState>h3{font-size:22px;font-weight:600;color:#333}.emptyListState>p{max-width:320px;font-size:14px;color:#b6b6b6;line-height:1.6}.emptyListState>button{margin-top:8px}.variantBadge{display:inline-flex;align-items:center;gap:6px;width:fit-content;height:auto;margin-top:0;padding:2px 10px;background:linear-gradient(135deg,#f64e601f,#f64e600f);border:1px solid rgba(246,78,96,.16);color:#f64e60;font-size:12px;font-weight:600;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;box-shadow:none;cursor:pointer}.variantBadge>svg{font-size:12px;flex-shrink:0}.variantBadge>span{font-size:13px;font-weight:700}.variantBadge>small{font-size:11px;font-weight:500;color:#f64e60e6}@media only screen and (min-width: 768px) and (max-width: 1024px){.variantBadge{cursor:default!important}}.notFoundPage{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.notFoundPage__code{font-size:7rem;font-weight:800;color:#f64e60;line-height:1;letter-spacing:-3px;margin:0}.notFoundPage__divider{width:56px;height:4px;background-color:#ffc107;border-radius:4px}.notFoundPage__title{font-size:1.5rem;font-weight:700;color:#333;margin:0}.notFoundPage__desc{font-size:14px;color:#b6b6b6;margin:0;max-width:340px;line-height:1.7}.notFoundPage__btn{margin-top:6px!important;padding:11px 36px;font-size:14px;font-weight:600;background-color:#f64e60;color:#fff;border:none;border-radius:8px;cursor:pointer;width:auto!important;height:auto!important;transition:opacity .2s;box-shadow:0 0 30px #523f690d}.notFoundPage__btn:hover{opacity:.82}@media only screen and (max-width: 480px){.notFoundPage__code{font-size:5rem}.notFoundPage__title{font-size:1.2rem}}.login{display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:cover;background-position:center;height:100vh;gap:10px}.login__logo{width:180px}.login__logo>img{width:100%}.login__form{width:28%}@media only screen and (min-width: 1024px) and (max-width: 1280px){.login__form{width:30%}}@media only screen and (max-width: 1024px){.login__form{width:100%;padding:10px}}@media only screen and (max-width: 1024px){.login{flex-direction:column}}.loginCont{width:300px}.loginForm{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;border:3px solid #E5E5E5;border-radius:20px;background:#fffafa66}.loginForm__top{width:100%}.loginForm__top>h2{font-size:28px;color:#181c32;font-weight:500;text-transform:uppercase;text-align:center}.loginForm__top>p{font-size:13px;color:#b5b5c3;font-weight:400;margin-bottom:10px;text-align:center}.loginForm__top__btn{margin-top:5px!important;background-color:#f64e60;border-radius:5px;height:38px}.loginForm__top>form{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;gap:8px}.loginForm__top>form>p{align-self:end;font-size:13px;font-weight:500;color:#b6b6b6;cursor:pointer}.input{height:45px;width:100%;border:none;padding:20px;border-radius:10px;color:#3f4254;margin-bottom:15px}.input:focus{outline:none}.profile{position:relative;overflow:hidden;width:100%!important}.profile__top{position:relative;z-index:1}.profile__top__left{height:100px;width:100px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 30px #523f690d;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.profile__top__right{flex:1;display:flex;flex-direction:column;gap:8px}@media only screen and (max-width: 480px){.profile__top__right{align-items:center}}.profile__top__right__email{font-size:13px;color:#b5b5c3}.profile__top__right__codearea{display:flex;align-items:center;gap:8px}.profile__top__right__codearea>p{font-size:13px;color:#b5b5c3;border-right:1px solid #b5b5c3;padding-right:5px}.profile__top__right__codearea__company{color:#333!important;font-weight:500!important;border:none!important}.profile__bottom{margin:20px 0 0;position:relative;z-index:9}.profile__bottom>ul{display:flex;align-items:flex-start;flex-direction:column;row-gap:10px;padding-bottom:15px}.profile__bottom>ul>li>span{font-size:14px;color:#b5b5c3}.profile__bottom>ul>li>span:last-child{color:#000!important}.profile__bottom__tab{padding:10px;text-align:center;border-radius:10px;background-color:#f5f5f5;margin:10px 0;font-weight:500;color:#b6b6b6;cursor:pointer;transition:.3s ease}.profile__bottom__tab:hover{background-color:#f64e60;color:#fff}.maintain{border:1px solid #b6b6b6;background-color:#fff;border-radius:10px}.maintain__title{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #b6b6b6}@media only screen and (max-width: 480px){.maintain__title{padding:10px}}.maintain__title>span{font-weight:600;color:#333;display:flex}.maintain__title>span>img{width:25px}.maintain__title>span>svg{display:flex}.maintain__description{padding:15px;font-size:15px;margin:8px 0;color:#f64e60;line-height:28px}@media only screen and (max-width: 480px){.maintain__description{padding:10px}}.maintain__description>b{font-weight:600}.profilewave{position:absolute;width:1000px!important;height:1500px!important;bottom:15%!important;left:10px!important;border-radius:40%!important;z-index:0!important;opacity:.2}.hOrderCont{width:65%;display:flex;align-items:center;flex-direction:column;gap:30px}@media only screen and (max-width: 480px){.hOrderCont{width:100%}}@media only screen and (min-width: 480px) and (max-width: 768px){.hOrderCont{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.hOrderCont{width:100%}}@media only screen and (max-width: 1280px){.hOrderCont{gap:20px}}.stickyTop{position:sticky;top:0;z-index:20;box-shadow:0 0 30px #523f690d}.hOrder{width:100%!important}.hOrder__tabArea{display:flex;border-bottom:1px solid #b5b5c3;margin-bottom:25px;align-items:center;gap:20px}@media only screen and (max-width: 480px){.hOrder__tabArea{margin-bottom:15px}}.hOrder__tabArea__tab{padding-bottom:10px;font-weight:500;color:#333;border-bottom:3px solid transparent;cursor:pointer}.hOrder__top{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 480px){.hOrder__top{flex-direction:column;gap:10px}}.hOrder__top__right{color:#fff;background-color:#f64e60;border-color:#f64e60;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;font-weight:400!important;font-size:14px;width:150px;height:45px;margin-top:0!important;border-radius:5px!important;box-shadow:0 0 30px #523f690d!important}.hOrder__top__left{width:50%}@media only screen and (max-width: 480px){.hOrder__top__left{width:100%}}.hOrder__top__left>h2{color:#181c32;font-size:18px;text-transform:uppercase}.hOrder__top__left>p{font-size:14px;margin:10px 0;color:#b5b5c3}.hOrder__form{display:flex;flex-direction:column;gap:15px}.hOrder__form__formField{display:flex;align-items:center;gap:15px}@media only screen and (max-width: 480px){.hOrder__form__formField{flex-direction:column}}.hOrder>p{display:flex;align-items:center;column-gap:2px;margin-bottom:10px}.hOrder>p>span{font-size:12px;color:#000}.hOrder>p>span:first-child{color:red;display:flex;align-items:center}.checkout{border-radius:50px!important;width:250px!important;cursor:pointer!important}.row{margin-bottom:20px}.titleComponent{padding:10px 20px;background-color:#fff;position:sticky;top:0;z-index:99;margin-bottom:30px;box-shadow:0 0 30px #523f690d;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5}@media only screen and (max-width: 480px){.titleComponent{padding:10px;margin-bottom:15px;flex-wrap:wrap;gap:12px}}.titleComponent p{display:flex;align-items:center;column-gap:2px;margin-bottom:10px}.titleComponent p>span{font-size:12px;color:#000}.titleComponent p>span:first-child{color:red;display:flex;align-items:center}.titleComponent__cont{display:flex;align-items:center;justify-content:space-between;gap:10px}.titleComponent__cont__left{display:flex;align-items:flex-end;column-gap:20px}@media only screen and (max-width: 480px){.titleComponent__cont__left{width:100%;justify-content:flex-start;column-gap:12px}}@media only screen and (min-width: 480px) and (max-width: 768px){.titleComponent__cont__left{width:100%;justify-content:flex-start;column-gap:12px}}.titleComponent__cont__searchIcon{display:none;cursor:pointer;transition:.3s}.titleComponent__cont__searchIcon:hover{color:#f64e60}@media only screen and (max-width: 480px){.titleComponent__cont__searchIcon{display:flex;align-items:center}}.titleComponent__cont__contI{width:300px;margin:10px 0;border:1px solid #e5e5e5;display:flex;align-items:center;border-radius:30px;column-gap:5px;padding:0 10px}@media only screen and (max-width: 480px){.titleComponent__cont__contI{width:170px;margin:0;display:none}}@media only screen and (min-width: 480px) and (max-width: 768px){.titleComponent__cont__contI{width:220px;margin:0}}.titleComponent__cont__contI>input{border:none;padding:0 0 0 5px;border-radius:30px}.titleComponent__cont__contI>input:focus{outline:none}.titleComponent__cont__mobileSearch{width:100%;position:absolute;top:100%;left:0%;z-index:99;background-color:#fff;padding:5px 0 10px;box-shadow:0 0 30px #523f690d;border-top:1px solid #b5b5c3;animation:fadeIn .3s linear;display:none}@media only screen and (max-width: 480px){.titleComponent__cont__mobileSearch{display:block}}.titleComponent__cont__mobileSearch__field{width:90%;margin:auto;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;border-radius:30px;column-gap:5px;padding:0 10px}.titleComponent__cont__mobileSearch__field>input{border:none;padding:0 0 0 5px;border-radius:30px}.titleComponent__cont__mobileSearch__field>input:focus{outline:none}.titleComponent__cont__profilePic{height:55px;width:55px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 30px #523f690d;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 480px){.titleComponent__cont__profilePic{height:40px;width:40px}}@media only screen and (min-width: 480px) and (max-width: 768px){.titleComponent__cont__profilePic{height:44px;width:44px}}.titleComponent__top{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.titleComponent__top__toggle{display:none;cursor:pointer}@media only screen and (max-width: 480px){.titleComponent__top__toggle{display:flex;gap:10px;align-items:center}}@media only screen and (min-width: 480px) and (max-width: 768px){.titleComponent__top__toggle{display:flex;gap:10px;align-items:center}}.titleComponent__top__toggle>svg{font-size:30px;transition:.3s}@media only screen and (max-width: 480px){.titleComponent__top__toggle>svg{font-size:25px}}.titleComponent__top__toggle>svg:hover{color:#f64e60}.titleComponent__top>h2{font-size:24px;color:#3f4254;text-transform:uppercase}@media only screen and (max-width: 480px){.titleComponent__top>h2{font-size:18px;width:100%}}@media only screen and (min-width: 480px) and (max-width: 768px){.titleComponent__top>h2{font-size:20px;width:100%}}.pagetitle{font-size:24px;color:#333;text-transform:capitalize;margin-bottom:16px}.tabActive{border-color:#f64e60}.activeTab{color:#f64e60}.tableDrop{position:relative}.tableDrop>p{font-size:12px;color:#666;font-weight:500;display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;min-width:72px}.tableDrop__droplist{position:absolute;top:20px;z-index:9;box-shadow:#63636333 0 2px 8px;min-width:100px;background-color:#fff;border-radius:5px;animation:dropdown .3s linear;overflow:hidden}.tableDrop__droplist>ul{list-style:none}.tableDrop__droplist>ul .activeDropList{background-color:#f64e60;color:#fff}.tableDrop__droplist>ul>li{font-size:13px;padding:3px 10px;color:#666;cursor:pointer;border-bottom:1px solid #b5b5c3}.tableDrop__droplist>ul>li:nth-last-child(1){border:none}.tableDrop__droplist>ul>li:hover{background-color:#f5f5f5;color:#666}.orderStatusDrop{position:relative;min-width:250px;width:100%;background-color:#fff}.orderStatusDrop>p{padding:8px 1rem;border:1px solid #e5e5e5;border-radius:5px;font-size:15px;color:#666;font-weight:400;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;cursor:pointer;width:100%}.orderStatusDrop__droplist{position:absolute;top:50px;z-index:9;box-shadow:#63636333 0 2px 8px;min-width:100px;background-color:#fff;border-radius:5px;width:100%;animation:dropdown2 .3s linear;overflow:hidden}.orderStatusDrop__droplist>ul{list-style:none}.orderStatusDrop__droplist>ul .activeDropList{background-color:#f64e60;color:#fff}.orderStatusDrop__droplist>ul>li{font-size:13px;padding:8px 10px;color:#666;cursor:pointer;border-bottom:1px solid #b5b5c3}.orderStatusDrop__droplist>ul>li:nth-last-child(1){border:none}.orderStatusDrop__droplist>ul>li:hover{background-color:#f5f5f5;color:#666}.categoryRail{display:flex;align-items:stretch;gap:7px;margin:0 0 8px;overflow-x:auto;overflow-y:hidden;position:sticky;top:85px;z-index:10;background:linear-gradient(180deg,#f5f5f5,#f8f9faf5);padding:12px 0 14px;scroll-behavior:smooth}.categoryRail::-webkit-scrollbar{display:none}@media only screen and (max-width: 480px){.categoryRail{top:72px;margin-bottom:20px;padding:10px 0 12px;gap:10px}}.cCont{top:0!important}.activeCategory{background-color:#f64e60!important;border-color:#f64e60!important;box-shadow:0 12px 24px #f64e6038;transform:translateY(-1px)}.activeCategory>p{color:#fff!important}.category{background-color:#fff;padding:7px 30px;border-radius:30px;min-width:max-content;text-align:center;cursor:pointer;border:1px solid rgba(17,24,39,.06);box-shadow:0 8px 20px #0f172a0f;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.category:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1a}.category>p{margin:0;font-size:16px;line-height:1.25;font-weight:500;color:#333;white-space:nowrap}@media only screen and (max-width: 480px){.category{padding:10px 16px;min-height:46px}.category>p{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown2{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.listCard_wraaper{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,325px));gap:20px;align-items:stretch}@media only screen and (max-width: 480px){.listCard_wraaper{grid-template-columns:1fr;gap:14px}}.listCard{box-shadow:0 0 30px #523f690d;position:relative;border-radius:12px;background-color:#fff;display:flex;justify-content:space-between;overflow:hidden;border:1px solid rgba(17,24,39,.06);transition:transform .25s ease,box-shadow .25s ease}.listCard:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0f172a1f}.listCard__content{padding:20px 22px 10px;display:flex;gap:16px;line-break:anywhere;overflow:hidden}.listCard__addscroller{height:80px;overflow-y:scroll}.listCard__icon{margin-top:5px}.listCard__icon span{background:#08b6561a;height:30px;width:30px;border-radius:50%;padding:7px 10px;color:#08b656}.listCard__ListIcon{height:40px;width:40px;padding:8px 5px;border-radius:50%;color:#f64e60;text-align:center;background:#fff;box-shadow:#64646f33 0 7px 29px}.listCard__title{margin:0;color:#333;font-weight:500;text-transform:capitalize}.listCard__subtitle{margin:0;font-size:18px;line-height:1.35;color:#3f4254}.listCard__actions{padding:5px 7px 5px 8px;background:#eef7ff4d;border-left:1px solid rgba(59,130,246,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.listCard__view_allitems{padding:9px 30px}.listCard__view_allitems h5{font-weight:500;font-size:13px;cursor:pointer}.listCard__view_allitems h5 svg{position:relative;top:4px}.listCard__items_here{display:flex;padding:0 20px 10px;gap:3px}.listCard__defaultimg{height:30px;width:30px;border-radius:5px;background:#ebebeb;position:relative}@media only screen and (max-width: 480px){.listCard{min-height:108px}.listCard__content{padding:18px 16px}.listCard__title{font-size:21px}.listCard__subtitle{font-size:16px}.listCard__actions{width:68px;padding:12px 10px;gap:10px}}.text_danger{color:#f64e60}.listForm{width:100%;display:flex;flex-direction:column;gap:12px}.listForm>label{font-size:14px;font-weight:600;color:#333}.listForm__error{font-size:12px;color:#f64e60;margin-top:-2px}.listForm__actions{display:flex;justify-content:center;margin:10px auto}.listPickerModal{width:42%;max-height:90vh;display:flex;flex-direction:column}@media only screen and (max-width: 480px){.listPickerModal{width:96%}}@media only screen and (min-width: 480px) and (max-width: 768px){.listPickerModal{width:85%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.listPickerModal{width:72%}}.listPickerModal>.bottom{display:flex;flex-direction:column;gap:14px;overflow:hidden}.listPickerModal .listForm{gap:14px}.listSelector{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding-right:4px;padding-top:10px}.listSelector::-webkit-scrollbar{width:6px}.listSelector::-webkit-scrollbar-track{background:transparent}.listSelector::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:999px}.listSelector__item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #d5d5d5;border-radius:12px;background:#f5f5f5;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.listSelector__item:hover{border-color:#f64e6073;transform:translateY(-1px)}.listSelector__item input{width:18px;height:18px;margin-top:2px;accent-color:#f64e60;flex-shrink:0;cursor:pointer}.listSelector__item--selected{border-color:#f64e60;background:linear-gradient(135deg,#f64e601f,#f64e600f)}.listSelector__content{display:flex;flex-direction:column;gap:3px;min-width:0}.listSelector__name{font-size:14px;font-weight:700;color:#333;line-height:1.35}.listSelector__sub{font-size:15px;color:#000;line-height:1.35}.listSelector__empty{padding:14px;border:1px dashed #d5d5d5;border-radius:12px;color:#b5b5c3;background:#ffffffa6;text-align:center;font-size:13px}.selectedItemInfo{display:flex;align-items:center;gap:30px;padding:12px 14px}.selectedItemInfo>img{width:60px;height:60px;object-fit:contain;border-radius:8px;background-color:#fff;padding:4px;box-shadow:0 0 30px #523f690d;flex-shrink:0}.selectedItemInfo__details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.selectedItemInfo__name{font-size:14px;font-weight:600;color:#333;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.selectedItemInfo__meta{font-size:12px;color:#b5b5c3}.variantsModal{width:45%}@media only screen and (max-width: 480px){.variantsModal{width:96%}}@media only screen and (min-width: 480px) and (max-width: 768px){.variantsModal{width:85%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.variantsModal{width:72%}}.variantsModal__selectedItemInfo{background:linear-gradient(135deg,#f64e601f,#f64e600f)!important}.variantsModal__head{display:flex;flex-direction:column;gap:4px}.variantsModal__head>h2{display:flex;align-items:center;gap:8px;margin:0}.variantsModal__sub{margin:0;font-size:12px;color:#b5b5c3}.variantsModal__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:14px}@media only screen and (max-width: 480px){.variantsModal__body{padding:10px 12px;gap:10px}}@media only screen and (max-width: 480px){.variantsModal__body .selectedItemInfo{gap:10px}}.variantsModal__product{margin-bottom:0;transition:border-color .2s,background .2s}.variantsModal__product input{accent-color:#f64e60;flex-shrink:0;cursor:pointer}@media only screen and (max-width: 480px){.variantsModal__product{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;padding:10px!important}}.variantsModal__product--selected{border-color:#f64e60!important;background:linear-gradient(135deg,#f64e601f,#f64e600f)!important}.variantsModal__imgWrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}@media only screen and (max-width: 480px){.variantsModal__imgWrap{width:auto;align-items:center;gap:6px}}.variantsModal__imgWrap img{width:60px;height:60px;object-fit:contain;border-radius:8px;background-color:#fff;padding:4px;box-shadow:0 0 30px #523f690d}@media only screen and (max-width: 480px){.variantsModal__imgWrap img{width:52px;height:52px}}.variantsModal__qtyCounter{margin-top:0}@media only screen and (max-width: 480px){.variantsModal__qtyCounter{margin-left:0!important;width:fit-content}}@media only screen and (max-width: 480px){.variantsModal__details{flex:1;min-width:0}.variantsModal__details .selectedItemInfo__name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variantsModal__details .productCardArea__productCard__right__mid p,.variantsModal__details .productCardArea__productCard__right__curr{font-size:12px}}.variantsModal__footer{padding:12px 16px 16px;border-top:1px solid #d5d5d5;display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap}@media only screen and (max-width: 480px){.variantsModal__footer{padding:12px;flex-direction:row;gap:8px}.variantsModal__footer .productCardArea__cartBtnArea__btn{width:100%;min-width:0}}.variantsModal__list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto;padding-right:4px}.variantsModal__item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#f5f5f5;border:1px solid #d5d5d5}.variantsModal__image{width:58px;height:58px;flex-shrink:0;border-radius:10px;background:#fff;padding:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #523f690d}.variantsModal__image>img{width:100%;height:100%;object-fit:contain}.variantsModal__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}@media only screen and (max-width: 480px){.variantsModal__details{width:100%;gap:6px}}.variantsModal__details>h3{margin:0;font-size:14px;line-height:1.4;font-weight:600;color:#333}@media only screen and (max-width: 480px){.variantsModal__details>h3{font-size:13px}}.variantsModal__metaRow{display:flex;flex-wrap:wrap;gap:8px 12px}@media only screen and (max-width: 480px){.variantsModal__metaRow{gap:6px 10px}}.variantsModal__metaRow>span{font-size:12px;color:#b6b6b6}.variantsModal__metaRow>span>strong{color:#333;font-weight:600}.variantsModal__empty{min-height:220px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border-radius:12px;background:#f5f5f5;border:1px dashed #d5d5d5}.variantsModal__empty>svg{font-size:30px;color:#f64e60}.variantsModal__empty>h3{font-size:16px;font-weight:600;color:#333;margin:0}.variantsModal__empty>p{max-width:320px;font-size:13px;color:#b6b6b6;line-height:1.5;margin:0}.inCenterPlus{display:flex;justify-content:center;align-items:center;padding-top:2px;font-weight:700;font-size:17px;text-align:center}body[dir=rtl] .rmdp-container{width:100%!important}body[dir=rtl] .rmdp-container>div>div{width:100%;background-clip:padding-box;border-radius:.42rem}body[dir=rtl] .rmdp-container>div>div>svg{right:calc(100% - 28px)!important}body[dir=rtl] .rmdp-container>div>div .rmdp-input{width:100%;padding:.65rem 1rem;font-size:14px;font-weight:400;color:#3f4254;box-shadow:none;direction:ltr;text-align:right;height:calc(1.5em + 1.3rem + 2px)!important}body[dir=rtl] .rmdp-container>div>div .rmdp-input>input:focus{outline:none;box-shadow:none}body[dir=rtl] .rmdp-container>div>div .rmdp-input:focus{outline:none;box-shadow:none}.rmdp-container{width:100%!important}.rmdp-container>div>div{width:100%;background-clip:padding-box;border-radius:.42rem}.rmdp-container>div>div>svg{right:12px!important}.rmdp-container>div>div .rmdp-input{width:100%;padding:.65rem 1rem;font-size:14px;font-weight:400;color:#3f4254;box-shadow:none;height:calc(1.5em + 1.3rem + 2px)!important}.rmdp-container>div>div .rmdp-input>input:focus{outline:none;box-shadow:none}.rmdp-container>div>div .rmdp-input:focus{outline:none;box-shadow:none}.rmdp-today{background-color:#f64e60!important}.rmdp-today>span{background-color:#f64e60!important;border-radius:50%!important}.rmdp-week-day{color:#3f4254!important}.rmdp-day:not(.rmdp-disabled,.rmdp-day-hidden) span:hover{background-color:#fac015d6!important}.rmdp-range{background-color:#ffc107!important;box-shadow:none!important}.rmdp-range-hover{background-color:#fac015d6!important}.date-picker-footer{display:flex;justify-content:center;gap:24px;padding:0 0 14px;border-top:1px solid #f0f0f0}.date-picker-footer button{height:30px!important}.date-picker-footer__btn{background:none;border:none;color:#0074d9;font-size:14px;font-weight:600;cursor:pointer;padding:0 12px}.date-picker-footer__btn:hover{opacity:.75}.catalog{display:flex;justify-content:center;flex-direction:column;padding:0 30px 30px;position:relative}@media only screen and (max-width: 480px){.catalog{padding:0 10px 10px}}@media only screen and (min-width: 480px) and (max-width: 768px){.catalog{padding:0 15px 15px}}.catalog__content{border-radius:10px;width:100%;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:10px}@media only screen and (max-width: 480px){.catalog__content{grid-template-columns:1fr;gap:8px}}@media only screen and (min-width: 480px) and (max-width: 768px){.catalog__content{grid-template-columns:repeat(2,1fr);gap:8px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.catalog__content{grid-template-columns:repeat(2,1fr);gap:8px}}.catalog__content--compact{grid-template-columns:repeat(3,1fr)!important}@media only screen and (max-width: 480px){.catalog__content--compact{grid-template-columns:1fr!important}}@media only screen and (min-width: 480px) and (max-width: 768px){.catalog__content--compact{grid-template-columns:repeat(2,1fr)!important}}@media only screen and (min-width: 768px) and (max-width: 1024px){.catalog__content--compact{grid-template-columns:repeat(2,1fr)!important}}.catalog__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:30px;box-shadow:0 0 30px #523f690d;position:sticky;bottom:0;width:100%;left:0;background:#fff;padding:10px}.catalog__bottom>p{display:flex;align-items:baseline;column-gap:4px;font-size:14px;color:#000}.catalog__bottom>ul{list-style-type:none;display:flex;align-items:center;column-gap:10px}.catalog__bottom>ul .selected{border:1px solid #f64e60!important;color:#f64e60}.catalog__bottom>ul .disabled{opacity:.5}.catalog__bottom>ul>li{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;height:30px;width:30px}.catalog__bottom>ul>li>a{padding:5px 10px;display:block}.catalog__bottom>ul .previous,.catalog__bottom>ul .next{color:#fff;background-color:#f64e60;border-color:#f64e60;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;font-weight:400!important;margin-top:0!important;border-radius:5px!important;box-shadow:0 0 30px #523f690d!important;display:flex;align-items:center;justify-content:center;width:80px;height:30px}.catalog__bottom>ul .previous>a,.catalog__bottom>ul .next>a{text-transform:uppercase;font-size:12px}.infiniteScroll::-webkit-scrollbar-track{display:none}.infiniteScroll::-webkit-scrollbar-thumb{display:none}.infiniteScroll::-webkit-scrollbar{display:none}.catalogCont{height:100vh;overflow-y:auto}.table{width:100%;position:relative;border-radius:10px;background-color:#fff;padding:10px 0;overflow:auto}.table>table{width:100%}.tableWrapper{width:100%;border-radius:10px;overflow:hidden;background:#fff}.tableWrapper__scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.product_List_table{background:#fff;padding:20px;border-radius:10px;min-width:600px}.product_List_table tr th{text-align:start!important}@media only screen and (max-width: 480px){.product_List_table{padding:12px 8px;min-width:480px}.product_List_table th:nth-child(1),.product_List_table td:nth-child(1),.product_List_table th:nth-child(2),.product_List_table td:nth-child(2){display:none}.product_List_table td>img{height:38px;width:38px}}@media only screen and (min-width: 480px) and (max-width: 768px){.product_List_table{padding:14px 10px}.product_List_table th:nth-child(1),.product_List_table td:nth-child(1){display:none}}.w-100{width:100%}th{font-weight:500;color:#b6b6b6;font-size:13px;padding:10px;max-width:200px;text-transform:uppercase;white-space:nowrap;border-bottom:2px dashed #B6B6B6}.editicon{color:#f64e60;font-size:20px;cursor:pointer}.completedOrder{color:#15c73f!important;background-color:#15c73f1f!important;border:1px solid #15c73f}.statusOrder{width:100%;padding:2px 7px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:15px}.quatationstatusOrder{width:100%;padding:2px 0;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:15px}@media only screen and (max-width: 480px){.quatationstatusOrder{padding:2px 10px!important}}@media only screen and (min-width: 480px) and (max-width: 768px){.quatationstatusOrder{padding:2px 10px!important}}@media only screen and (min-width: 768px) and (max-width: 1024px){.quatationstatusOrder{padding:2px 10px!important}}.assignedOrder{color:#53d872!important;background-color:#53d87221!important;border:1px solid #53d872}.deleveredOrder{color:#006400!important;background-color:#c8f7c5!important;border:1px solid #28a745}.pickedOrder{color:#ff5e00!important;background-color:#ff5e0021!important;border:1px solid #ff5e00}.packedrder{color:#0ca1bbb3!important;background-color:#0ca1bb1f!important;border:1px solid rgba(12,161,187,.7)}.pendingOrder{color:#ffc107!important;background-color:#ffc10721!important;border:1px solid #ffc107}td{font-weight:400;color:#3f4254;font-size:13px;padding:6px 10px;max-width:200px;text-align:center;border-bottom:2px dashed #B6B6B6}td>img{height:48px;width:48px;object-fit:contain}td>div{width:80px;height:56px;display:flex;align-items:center;justify-content:center}td>div>img{object-fit:contain}td>div>input{width:80px;height:30px;padding:0 10px;border-radius:5px;color:#3f4254;font-size:12px;border:1px solid #d5d5d5}td>div>input:focus{outline:none}.backdrop{width:100vw;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:999;height:100vh;opacity:0;visibility:hidden}.modalIsOpen{transition:all .2s ease!important;opacity:1!important;visibility:visible!important}.modaldialog{background-color:transparent;z-index:999;height:100vh;width:100%;overflow-y:auto;opacity:0;visibility:hidden;transition:all .3s ease-in!important;position:fixed;top:0;bottom:0;left:0;right:0;padding:50px 16px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 480px){.modaldialog{padding:16px 10px;align-items:flex-end}}@media only screen and (min-width: 480px) and (max-width: 768px){.modaldialog{padding:24px 14px}}.addtoListModal{width:35%;background-color:#fff;box-shadow:0 0 30px #523f690d;border-radius:8px;margin:0 auto}.addtoListModal .close{cursor:pointer;color:#b6b6b6}.addtoListModal .close>svg{font-size:22px!important}@media only screen and (max-width: 480px){.addtoListModal{width:90%}}@media only screen and (min-width: 480px) and (max-width: 768px){.addtoListModal{width:80%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.addtoListModal{width:70%}}.addtoListModal>.top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #d5d5d5}.addtoListModal>.top>h2{display:flex;align-items:center;gap:8px;color:#333;font-weight:600;text-transform:uppercase;font-size:15px}.addtoListModal>.top>h2>svg{font-size:18px}.addtoListModal>.bottom{padding:16px}.addtoListModal>.bottom>.bottomtop{display:flex;align-items:center;justify-content:space-between;gap:16px}.addtoListModal>.bottom>.bottomtop>.bottomBtn{cursor:pointer}.addtoListModal>.bottom>.bottomtop>.bottomBtn>img{width:40px}.addtoListModal>.bottom>.bottomtop>.titleBtnArea.orderActionBtns{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0;width:auto;margin-left:auto;align-self:flex-start;padding-top:4px}.addtoListModal>.bottom>.bottomtop>.titleBtnArea.orderActionBtns .iconBtn{min-width:44px}.addtoListModal>.bottom>.bottomtop>.titleBtnArea.orderActionBtns .tooltipTrigger{flex-shrink:0}.addtoListModal>.bottom>.bottomtop>.orderCode{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.addtoListModal>.bottom>.bottomtop>.orderCode>.code{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 8px;border-radius:5px;background-color:#f64e60}.addtoListModal>.bottom>.bottomtop>.orderCode>.code>span{font-size:14px;font-weight:600;color:#fff}.addtoListModal>.bottom>.bottomtop>.orderCode>.code>span:nth-child(1){font-weight:400}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate{display:flex;flex-direction:column;gap:4px}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate>p{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>.left{color:#706e6e;font-size:13px;font-weight:600}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>.right{font-size:13px;color:#b6b6b6}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>div{background-color:#ffc107;display:flex;align-items:center;gap:3px;padding:1px 3px;border-radius:3px}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>div>p{font-size:10px;color:#fff}.addtoListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>div>img{width:12px}.addtoListModal>.bottom>table{width:100%;padding-top:16px}.addtoListModal>.bottom>table tr>td>.price{justify-content:flex-end!important;display:flex;align-items:center;column-gap:4px}.addtoListModal>.bottom>table tr>td>.price>span{font-size:14px;color:#000;font-weight:600}.addtoListModal>.bottom>table tr>td>.price>span:last-child{color:red;display:flex;align-items:center;font-size:12px}.addtoListModal>.bottom>table tr .title{text-align:left}.addtoListModal>.bottom>table tr .title>h2{font-size:14px!important;margin-bottom:5px}.addtoListModal>.bottom>table tr .total{background-color:#f4f6f9}.addtoListModal>.bottom>table tr .total__net{text-align:left!important;font-weight:600}.addtoListModal>.bottom>table tr .total__netRtl{text-align:right!important;font-weight:600}.itemListModal{width:60%;background-color:#fff;box-shadow:0 0 30px #523f690d;border-radius:8px;margin:0 auto;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.itemListModal .close{cursor:pointer;color:#b6b6b6}.itemListModal .close>svg{font-size:22px!important}.itemListModal td{font-weight:600}.itemListModal .bottomddd{overflow-y:auto;flex:1;padding:12px 16px}@media only screen and (max-width: 480px){.itemListModal .bottomddd{padding:10px 12px}}@media only screen and (max-width: 480px){.itemListModal{width:95%;max-height:95vh;border-radius:6px}}@media only screen and (min-width: 480px) and (max-width: 768px){.itemListModal{width:90%;max-height:92vh}}@media only screen and (min-width: 768px) and (max-width: 1024px){.itemListModal{width:75%}}.itemListModal>.top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #d5d5d5}.itemListModal>.top>h2{display:flex;align-items:center;gap:8px;color:#333;font-weight:600;text-transform:uppercase;font-size:15px}.itemListModal>.top>h2>svg{font-size:18px}@media only screen and (max-width: 480px){.itemListModal>.top{padding:10px 12px;flex-wrap:wrap;gap:10px}.itemListModal>.top>h2{width:100%;font-size:13px;line-height:1.3}}@media only screen and (min-width: 480px) and (max-width: 768px){.itemListModal>.top{padding:10px 14px}.itemListModal>.top>h2{font-size:14px}}.itemListModal>.bottom{padding:16px}.itemListModal>.bottom>.bottomtop{display:flex;align-items:center;justify-content:space-between}.itemListModal>.bottom>.bottomtop>.bottomBtn{cursor:pointer}.itemListModal>.bottom>.bottomtop>.bottomBtn>img{width:40px}.itemListModal>.bottom>.bottomtop>.orderCode{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.itemListModal>.bottom>.bottomtop>.orderCode>.code{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 8px;border-radius:5px;background-color:#f64e60}.itemListModal>.bottom>.bottomtop>.orderCode>.code>span{font-size:14px;font-weight:600;color:#fff}.itemListModal>.bottom>.bottomtop>.orderCode>.code>span:nth-child(1){font-weight:400}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate{display:flex;flex-direction:column;gap:4px}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate>p{display:flex;align-items:center;gap:3px}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>.left{color:#706e6e;font-size:13px;font-weight:600}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>.right{font-size:13px;color:#b6b6b6}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>div{background-color:#4caf50;display:flex;align-items:center;gap:3px;padding:1px 3px;border-radius:3px}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>div>p{font-size:10px;color:#fff}.itemListModal>.bottom>.bottomtop>.orderCode>.orderDate>p>div>img{width:12px}.itemListModal>.bottom>table{width:100%;padding-top:16px}.itemListModal>.bottom>table tr>td>.price{justify-content:flex-end!important;display:flex;align-items:center;column-gap:4px}.itemListModal>.bottom>table tr>td>.price>span{font-size:14px;color:#000;font-weight:600}.itemListModal>.bottom>table tr>td>.price>span:last-child{color:red;display:flex;align-items:center;font-size:12px}.itemListModal>.bottom>table tr .title{text-align:left}.itemListModal>.bottom>table tr .title>h2{font-size:14px!important;margin-bottom:5px}.itemListModal>.bottom>table tr .total{background-color:#f4f6f9}.itemListModal>.bottom>table tr .total__net{text-align:left!important;font-weight:600}.itemListModal>.bottom>table tr .total__netRtl{text-align:right!important;font-weight:600}.orderDetails{width:50%;background-color:#fff;box-shadow:0 0 30px #523f690d;border-radius:8px;margin:0 auto;max-height:80vh;overflow:hidden}@media only screen and (max-width: 480px){.orderDetails{width:95%;max-height:95vh;display:flex;flex-direction:column}}@media only screen and (min-width: 480px) and (max-width: 768px){.orderDetails{width:85%;max-height:92vh}}@media only screen and (min-width: 768px) and (max-width: 1024px){.orderDetails{width:80%}}.orderDetails::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.orderDetails::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.orderDetails::-webkit-scrollbar-thumb{background-color:#fff;background-color:#f64e60;border-top-right-radius:5px;border-bottom-right-radius:5px}.orderDetails .close{cursor:pointer;color:#b6b6b6}.orderDetails .close>svg{font-size:22px!important}.orderDetails>.top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #d5d5d5}.orderDetails>.top>h2{display:flex;align-items:center;gap:8px;color:#333;font-weight:600;text-transform:uppercase;font-size:15px}.orderDetails>.top>h2>svg{font-size:18px}.orderDetails>.bottom{padding:16px}@media only screen and (max-width: 480px){.orderDetails>.bottom{padding:12px;flex:1;overflow:hidden;display:flex;flex-direction:column}}.orderDetails>.bottom>.bottomtop{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 480px){.orderDetails>.bottom>.bottomtop{flex-direction:column;align-items:flex-start;gap:10px}.orderDetails>.bottom>.bottomtop .titleBtnArea.orderActionBtns{width:100%;justify-content:flex-start!important;margin-left:0!important}}.orderDetails>.bottom>.bottomtop>.bottomBtn{cursor:pointer}.orderDetails>.bottom>.bottomtop>.bottomBtn>img{width:40px}.orderDetails>.bottom>.bottomtop>.orderCode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.orderDetails>.bottom>.bottomtop>.orderCode>.code{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 8px;border-radius:5px;background-color:#f64e60}.orderDetails>.bottom>.bottomtop>.orderCode>.code>span{font-size:14px;font-weight:600;color:#fff}.orderDetails>.bottom>.bottomtop>.orderCode>.code>span:nth-child(1){font-weight:400}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate{display:flex;flex-direction:column;gap:4px;width:100%}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate>p{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate>p>.left{color:#706e6e;font-size:13px;font-weight:600}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate>p>.right{font-size:13px;color:#b6b6b6}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate>p>div{display:flex;align-items:center;gap:3px;padding:1px 7px;border-radius:12px}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate>p>div>p{font-size:10px;color:#fff}.orderDetails>.bottom>.bottomtop>.orderCode>.orderDate>p>div>img{width:12px}.orderDetails>.bottom>table{width:100%;padding-top:16px}.orderDetails>.bottom>table tr>td>.price{justify-content:flex-end!important;display:flex;align-items:center;column-gap:4px}.orderDetails>.bottom>table tr>td>.price>span{font-size:14px;color:#000;font-weight:600}.orderDetails>.bottom>table tr>td>.price>span:last-child{color:red;display:flex;align-items:center;font-size:12px}.orderDetails>.bottom>table tr .title{text-align:left}.orderDetails>.bottom>table tr .title>h2{font-size:13px!important;margin-bottom:5px}.orderDetails>.bottom>table tr .total{background-color:#f4f6f9}.orderDetails>.bottom>table tr .total__net{text-align:left!important;font-weight:600}.orderDetails>.bottom>table tr .total__netRtl{text-align:right!important;font-weight:600}.orderDetails>.newOrderArea{padding:15px;display:flex;flex-direction:column;align-items:center}.orderDetails>.newOrderArea>.orderFormArea{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%}.orderDetails>.newOrderArea>.orderFormArea>.formField{display:flex;align-items:center;gap:15px}.productList{width:100%;background-color:#fff;box-shadow:0 0 30px #523f690d;border-radius:8px;margin:0 auto}.cartProductOrder{top:0!important}.navButtons__button{color:#fff;background-color:#f64e60;border-color:#f64e60;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;font-weight:400!important;font-size:14px;width:80px;height:35px;margin-top:0!important;border-radius:5px!important;box-shadow:0 0 30px #523f690d!important}.product_List_table .total td{width:100%!important;text-align:start!important;font-weight:700!important}.product_List_table .total .price{display:flex;gap:6px}.product_List_table .total .price>span{font-size:14px;color:#000;font-weight:600}.product_List_table .total .price>span:last-child{color:red;display:flex;align-items:center}.orderDetails_modal{overflow-y:auto;overflow-x:auto;max-height:450px}@media only screen and (max-width: 480px){.orderDetails_modal{max-height:calc(95vh - 60px);flex:1}}@media only screen and (min-width: 480px) and (max-width: 768px){.orderDetails_modal{max-height:calc(92vh - 60px)}}.orderDetails_modal::-webkit-scrollbar{width:4px;height:4px}.orderDetails_modal::-webkit-scrollbar-track{background:#fff;border-radius:5px}.orderDetails_modal::-webkit-scrollbar-thumb{background:#f64e60;border-radius:5px}.orderDetails_modal::-webkit-scrollbar-thumb:hover{background:#8b8ba1}.mt-4{margin-top:15px}.text-info{font-weight:700;color:#16c1d8;font-size:22px;text-transform:capitalize}.goBackBtn{background:#fff;height:35px;width:35px;border-radius:50%;padding:9px 11px 7px;cursor:pointer;box-shadow:#959da533 0 8px 24px}.listCard_Width{width:85%}@media only screen and (max-width: 480px){.bottomtop,.orderArea{width:100%;overflow-x:scroll}}@media only screen and (min-width: 480px) and (max-width: 768px){.bottomtop,.orderArea{width:100%;overflow-x:scroll}}.itemListModal .bottomddd .bottomtop{max-height:420px;overflow-y:auto;overflow-x:auto}.itemListModal .bottomddd .bottomtop::-webkit-scrollbar{width:4px;height:4px;display:none}.itemListModal .bottomddd .bottomtop::-webkit-scrollbar-track{background:transparent}.itemListModal .bottomddd .bottomtop::-webkit-scrollbar-thumb{background-color:#f64e60;border-radius:10px}.itemListModal .bottomddd .bottomtop::-webkit-scrollbar-thumb:hover{background-color:#8b8ba1}@media only screen and (max-width: 480px){.itemListModal .bottomddd .bottomtop{max-height:calc(100vh - 260px)}}@media only screen and (min-width: 480px) and (max-width: 768px){.itemListModal .bottomddd .bottomtop{max-height:calc(100vh - 240px)}}.itemListModal .bottomddd::-webkit-scrollbar{width:4px;height:4px}.itemListModal .bottomddd::-webkit-scrollbar-track{background:transparent}.itemListModal .bottomddd::-webkit-scrollbar-thumb{background-color:#f64e60;border-radius:10px}.itemListModal .bottomddd::-webkit-scrollbar-thumb:hover{background-color:#8b8ba1}.product_List_table thead th{position:sticky;top:0;background:#fff;z-index:2}.quotationActionCell{white-space:nowrap}.quotationActionGroup{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}.quotationActionGroup .badge{margin-right:0;width:32px;height:32px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.allItemsActionCell{display:table-cell;vertical-align:middle;white-space:nowrap;width:1%}.allItemsActionCell__wrap{display:flex;align-items:center;gap:10px}.allItemsActionCell__input{width:48px;text-align:center;border:none;outline:none;background:transparent;font-size:13px;font-weight:600;color:#3f4254;-moz-appearance:textfield}.allItemsActionCell__input::-webkit-outer-spin-button,.allItemsActionCell__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.allItemsActionCell__input:disabled{color:#b5b5c3}.allItemsActionCell__counter{display:inline-flex;align-items:center;gap:10px}.allItemsActionCell .badge{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;padding:0}.allItemsActionCell .productCardArea__cartBtnArea__cardCounter__counter{height:32px}.allItemsActionCell .badge-danger{margin-left:2px}.allItemsQtyCell__wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.allItemsQtyCell__counter{display:inline-flex;align-items:center;gap:2px;border:1px solid #d5d5d5;color:#3f4254;border-radius:6px;padding:2px 3px;background:#fff}.allItemsQtyCell__counter>button{height:22px;width:22px;display:flex;align-items:center;justify-content:center;padding:0;background-color:#f4f6f9;border-radius:50%;font-size:14px;cursor:pointer;color:#b5b5c3}.allItemsQtyCell__counter>button:hover{background-color:#f64e60;color:#fff}.allItemsQtyCell__counter>span{min-width:18px;text-align:center;font-size:13px;font-weight:600;color:#3f4254}.quotationTableWrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.allItemsTableWrap{background:#fff;box-shadow:0 0 30px #523f690d;padding:0}.quotationTable{min-width:760px}@media only screen and (max-width: 480px){.allItemsTableWrap{border-radius:8px}.product_List_table{min-width:860px}.product_List_table th:nth-child(1),.product_List_table td:nth-child(1),.product_List_table th:nth-child(2),.product_List_table td:nth-child(2),.product_List_table th:nth-child(3),.product_List_table td:nth-child(3){display:none}.product_List_table td{padding:8px 6px;font-size:12px}.product_List_table td>img{height:36px;width:36px}.product_List_table .mt-4{margin-top:0}.product_List_table .total .price{gap:4px}.product_List_table .total .price>span{font-size:12px}}@media only screen and (min-width: 480px) and (max-width: 768px){.allItemsTableWrap{border-radius:8px}.product_List_table{min-width:920px}.product_List_table th:nth-child(1),.product_List_table td:nth-child(1){display:none}.product_List_table td{padding:8px 7px}}.modalTotalRow{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#f64e6014,#f64e6008);border-top:2px dashed rgba(102,102,102,.45);margin-top:6px;border-radius:10px;box-shadow:0 6px 18px #0f172a0d}.modalTotalRow .total__net{font-weight:800;font-size:15px;color:#333;text-align:left}.modalTotalRow .total__netRtl{font-weight:800;font-size:15px;color:#333;text-align:right}.modalTotalRow .price{display:flex;align-items:center;gap:6px}.modalTotalRow .price span{font-size:16px;color:#000;font-weight:800}.modalTotalRow .price span:last-child{color:red;font-size:13px;font-weight:900}@media only screen and (max-width: 480px){.modalTotalRow{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.modalTotalRow .price{width:100%;justify-content:space-between}.modalTotalRow .price span{font-size:15px}}.allItemsTotalRow{background:#fff;box-shadow:none;border-top:2px dashed rgba(102,102,102,.45);margin-top:0;border-radius:0 0 10px 10px;width:100%;min-width:0;box-sizing:border-box}@media only screen and (max-width: 480px){.allItemsTotalRow{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.allItemsTotalRow .price{width:100%;justify-content:space-between}}@media only screen and (max-width: 480px){.quotationActionCell{white-space:normal}.quotationActionGroup{gap:8px}.quotationActionGroup .badge{width:30px;height:30px}.quotationTable{min-width:680px}.quotationTableWrap{border-radius:8px}.card.w-100{border-radius:12px}.allItemsQtyCell__wrap{gap:6px}.allItemsQtyCell__counter{transform:scale(.96);transform-origin:left center}.itemListModal{width:96%;max-height:96vh;border-radius:10px}.itemListModal .bottomddd{padding:10px 10px 12px}.itemListModal .cartTitleArea{flex-direction:column;align-items:flex-start;gap:10px}.itemListModal .cartTitleArea h,.itemListModal .cartTitleArea h6{font-size:13px}.itemListModal .cartTitleArea .titleBtnArea{width:100%;display:flex;flex-wrap:wrap;gap:8px}.itemListModal .cartTitleArea .titleBtnArea .iconBtn{width:100%;justify-content:center}.itemListModal .product_List_table{min-width:560px}.itemListModal .product_List_table thead th{font-size:10px;padding:8px 6px}.itemListModal .product_List_table td{font-size:12px;padding:8px 6px}.itemListModal .product_List_table td>img{height:36px;width:36px}}@media only screen and (min-width: 480px) and (max-width: 768px){.quotationTable{min-width:720px}.itemListModal{width:90%;max-height:92vh}.itemListModal .bottomddd{padding:12px 12px 14px}.itemListModal .cartTitleArea{flex-wrap:wrap;gap:10px}.itemListModal .cartTitleArea .titleBtnArea{width:100%}.itemListModal .product_List_table{min-width:680px}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.OrderTableScroll{overflow-x:scroll;font-size:13px!important}.OrderTableScroll table{width:100%}.OrderTableScroll td{font-weight:400;color:#3f4254;font-size:13px!important;padding:6px 10px;max-width:200px;text-align:center;border-bottom:2px dashed #B6B6B6}.OrderTableScroll .total__net,.OrderTableScroll table tr .total__net{text-align:left!important;font-weight:600}.OrderTableScroll table tr>td>.price>span{font-size:14px;color:#000;font-weight:600}.OrderTableScroll table tr>td>.price{justify-content:flex-end!important;display:flex;align-items:center;column-gap:4px}.OrderTableScroll table tr .title>h2{font-size:13px!important;margin-bottom:5px}.OrderTableScroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.OrderTableScroll::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.OrderTableScroll::-webkit-scrollbar-thumb{background-color:#fff;background-color:#f64e60;border-top-right-radius:5px;border-bottom-right-radius:5px}.bottomTab{--radius: 8px;--border: 4px;--height: 40px;--speed: .25s;display:grid;place-items:center;align-content:center;position:sticky;bottom:50px;margin-top:30px}.tabs{height:var(--height);display:grid;grid-auto-flow:column;background:linear-gradient(135deg,#f64e601f,#f64e600f);border-radius:var(--radius);grid-auto-columns:1fr;position:relative;border:var(--border) solid #f64e60}.tabs{--ease: linear( 0, .1641 3.52%, .311 7.18%, .4413 10.99%, .5553 14.96%, .6539 19.12%, .738 23.5%, .8086 28.15%, .8662 33.12%, .9078 37.92%, .9405 43.12%, .965 48.84%, .9821 55.28%, .992 61.97%, .9976 70.09%, 1 )}.tabs>.input,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tabs:has(:checked:nth-of-type(1)){--active: 0}.tabs:has(:checked:nth-of-type(2)){--active: 1}.tabs:has(:checked:nth-of-type(3)){--active: 2}.tabs:has(:checked:nth-of-type(4)){--active: 3}.tabs :checked+.label{--highlight: 1;color:#fff;font-weight:600}.tabs:has(.input:nth-of-type(2)){--count: 2}.tabs:has(.input:nth-of-type(3)){--count: 3}.tabs:has(.input:nth-of-type(4)){--count: 4}.tabs .label{padding:0 20px;cursor:pointer;text-align:center;height:100%;display:grid;border-radius:calc(var(--radius) - var(--border));place-items:center;color:#f64e60;position:relative;z-index:1;transition:background,color;transition-duration:.25s;transition-timing-function:var(--ease, ease)}.input:not(:checked)+.label:hover{--highlight: .35;background:#fff}.tabs:after{pointer-events:none;content:"";width:calc(100% / var(--count));height:100%;background:#f64e60;position:absolute;border-radius:calc(var(--radius) - var(--border));translate:calc(var(--active, 0) * 100%) 0;transition:translate,outline-color;transition-duration:var(--speed);transition-timing-function:var(--ease, ease);outline:2px solid transparent;box-shadow:0 6px 18px #f64e602e}.tabs:has(:focus-visible):after{outline-color:red}*{padding:0;margin:0;box-sizing:border-box;font:16px Poppins,sans-serif}body[dir=rtl] *{font-family:Rubik!important}body{background-color:#f5f5f5;height:100vh}a{text-decoration:none}hr{border-top:none;border-left:none;border-right:none;width:100%;border-bottom:1px solid #d5d5d5}.hrDotted{border-top:none;border-left:none;border-right:none;width:100%;border-bottom:1px dashed #e5e5e5;margin:9px 0 15px}.main{display:flex;height:100vh}.main__sidebar{flex-shrink:0}.main__outlet{flex:1;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width: 480px){.main__outlet{min-width:auto}}@media only screen and (min-width: 480px) and (max-width: 768px){.main__outlet{min-width:auto}}@media only screen and (max-width: 480px){.main{display:block}.main__sidebar{position:fixed;inset:0 auto 0 0;z-index:1000;height:100vh}.main__outlet{width:100%;height:100vh}}@media only screen and (min-width: 480px) and (max-width: 768px){.main{display:block}.main__sidebar{position:fixed;inset:0 auto 0 0;z-index:1000;height:100vh}.main__outlet{width:100%;height:100vh}}img{height:100%;width:100%}label{color:#181c32;font-weight:500;display:flex;margin-bottom:5px}.flex{display:flex;align-items:center;justify-content:center;column-gap:10px}.flexBetween{display:flex;align-items:center;justify-content:space-between}.flexColumn{display:flex;flex-direction:column;gap:30px}@media only screen and (max-width: 1280px){.flexColumn{gap:20px}}
