.intro-section{background-color:#fff;height:100vh}.IntroContainer,.intro-section{width:100%}.IntroContainer,.intro-bar,.intro-section{align-items:center;display:grid;justify-content:center}.intro-bar{z-index:2}#logo{stroke-width:1;animation:fill 1s ease 3.1s forwards}#logo path:first-child{stroke-dasharray:846.4480590820312px;stroke-dashoffset:846.4480590820312px}#logo path:first-child,#logo path:nth-child(2){animation:line-animation 3s ease forwards,fillAnimation 3s ease 3s forwards}#logo path:nth-child(2){stroke-dasharray:794.2429809570312px;stroke-dashoffset:794.2429809570312px}#logo path:nth-child(3){stroke-dasharray:1421.5882568359375px;stroke-dashoffset:1421.5882568359375px;animation:line-animation 3s ease forwards,fillAnimation 3s ease 3s forwards}@keyframes line-animation{to{stroke-dashoffset:0}}@keyframes fillAnimation{0%{fill:#0000}to{fill:#2d2e32;stroke-width:0}}.Login{align-items:center;display:flex;height:100vh;justify-content:space-between;width:100%}.LoginDS{background:#2d2e32;background-image:url(/static/media/pexels-prateekkatyal-2740956.8ba35f6a465e958f068b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:grayscale(75%);width:50%}.LoginDS,.LoginDS .LoginImg{align-items:center;border-radius:0 25% 0 25%/0 25% 0 25%;display:flex;height:100%;justify-content:center}.LoginDS .LoginImg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000c9;width:100%}.LoginDS .LoginImg .imgdivsheild{align-items:center;display:flex;flex-direction:column;justify-content:center}.LoginDS .LoginImg img{width:30%}.LoginDiv{gap:4rem;height:100%;width:50%}.LoginDiv,.LoginDiv .LoginInfo{display:flex;flex-direction:column;justify-content:center}.LoginDiv .LoginInfo{align-items:center;gap:.5rem}.LoginDiv .LoginInfo h1,.LoginDiv .LoginInfo p{color:#2d2e32;font-family:Poppins,sans-serif;text-align:center}.LoginDiv .LoginInfo p{font-size:.85rem;line-height:1.4}.inputLg,button{background:#0000;border:0;font-family:inherit;font-size:16px;height:60px;outline:none;width:100%}.formulaire{grid-gap:16px;align-items:center;display:grid;gap:16px;justify-content:center;width:100%}.textbox{margin-bottom:16px;position:relative}.textbox .usr{translate:0 -230%}.textbox .usr,.textbox span{color:#2d2e32;left:0;opacity:.7;pointer-events:none;top:50%;transition:.5s}.textbox span{translate:0 -155%}.formulaire .textbox .inputLg{border-bottom:2px solid #2d2e32;color:#2d2e32;font-family:Mulish,sans-serif;font-size:.9rem;font-weight:500;height:50px;line-height:1.6;padding:0 24px 0 36px}:is(.textbox .inputLg:focus,.textbox .inputLg:valid)~label{color:#2d2e32;scale:.875;translate:-40px -55px}:is(.textbox .inputLg:focus,.textbox .inputLg:valid)~.usr{color:#2d2e32;opacity:1}:is(.textbox .inputLg:focus,.textbox .inputLg:valid)~span{color:#2d2e32;opacity:1}.formulaire .textbox label{color:#2d2e32;font-family:Mulish,sans-serif;font-size:16px;font-weight:600;font-weight:700;left:36px;line-height:1.6;pointer-events:none;position:absolute;top:50%;transition:.5s;translate:0 -115%}.formulaire button{align-items:center;border:0;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;font-family:Mulish,sans-serif;font-weight:600;font-weight:500;justify-content:space-between;line-height:1.6;margin:3px;padding:0 24px}.formulaire button,.formulaire button:focus{background:#2d2e32;color:#f9f9f9}.btnbnr{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}#btnshowpwd{background:#2d2e32;border:0;border-radius:6px;color:#f9f9f9;font-family:inherit;font-weight:600;margin:3px;padding:0 24px;width:25%}#btnshowpwd,#showpwdicon{align-items:center;cursor:pointer;display:flex;justify-content:center}.textbox{margin-bottom:1.5rem}.textbox #showpwdicon:hover{color:#5d5d5d}.textbox .inputLg[type=password]::-ms-clear,.textbox .inputLg[type=password]::-ms-reveal{display:none}.textbox .inputLg[type=password]::-webkit-contacts-auto-fill-button{pointer-events:none;position:absolute;right:0;visibility:hidden}@media screen and (max-width:1000px){.Login{display:block}.LoginDS,.LoginDiv{width:100%}}.reportDiv{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;width:100%}.box{align-items:center;border:1px solid #cccccc30;display:flex;flex-direction:column;font-size:2rem;justify-content:center;width:100%}.box .totalSalesRevenueSpan{color:#0b0b0b;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-transform:uppercase}.box .totalSalesRevenueH1{color:#0b0b0b;font-size:40px;font-weight:800}*,.box .totalSalesRevenueH1{font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.sidebar{background-color:#fff;border-radius:30px;border-right:1px solid #f6f6f6;display:flex;flex-direction:column;gap:20px;height:100vh;padding:24px;position:relative;transition:all .3s;width:256px}.sidebar .head{align-items:center;border-bottom:1px solid #f6f6f6;display:flex;gap:15px;padding-bottom:20px;padding-left:8px}.user-img{width:45px}.user-img img{width:100%}.user-details .title{margin-bottom:5px;text-transform:uppercase}.user-details .name,.user-details .title{color:#2d2e32;font-size:10px;font-weight:700}.nav{flex:1 1}.menu ul li{list-style:none;margin-bottom:5px;position:relative}.menu ul li a{align-items:center;border-radius:4px;color:#2d2e32;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 8px;text-decoration:none;transition:all .3s}.menu ul li.active>a,.menu ul li>a:hover{background-color:#2d2e32;color:#f5f5f5}.menu:not(:last-child){border-bottom:2px solid #f6f6f6;margin-bottom:20px;padding-bottom:10px}.App{display:flex;min-height:100vh;width:100%}.headertransactionIcons{padding-bottom:1.75rem}.search-transaction input:focus,.transactionFilterStationInp input:focus{border:1px solid #2d2e32}.trHead th{background-color:rgba(69,168,255,.663)}.transactionOwner{display:flex;gap:10px;width:100%}.transactionOwner-Img{border-radius:5px;height:55px;object-fit:cover;width:55px}.transactionOwner-Name{color:#0b0b0b;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;padding:0}.transactionOwner-Job{color:#29345c;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;padding:0}.statusATT{align-items:center;background-color:rgba(69,168,255,.663);border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusATT span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.statusCNF{align-items:center;background-color:rgba(2,255,65,.663);border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusCNF span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.statusCNF-N{align-items:center;background-color:rgba(255,2,2,.663);border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusCNF-N span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.statusREF{align-items:center;background-color:#ff0202;border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusREF span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.statusRTR{align-items:center;background-color:rgba(40,39,39,.551);border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusRTR span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.statusLVR{align-items:center;background-color:#20f31c;border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusLVR span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.MoreInfoClientDiv{background-color:rgba(0,0,0,.232);height:100vh;left:50%;position:fixed;top:50%;width:100%;z-index:999}.InfoClientAlert,.MoreInfoClientDiv{align-items:center;display:flex;justify-content:center;transform:translate(-50%,-50%)}.InfoClientAlert{background:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(28,28,28,.247);flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:1000px}.bannerInfoClient{display:flex;width:100%}.infoClientImgName{align-items:center;border-right:1px solid #b3b3b3;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:1rem;width:30%}.infoClientImgName .imgClient{width:100%}.infoClientImgName h2{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.infoClientImgName .firstSpan,.infoClientImgName .secondSpan{color:#434343;font-family:Poppins,sans-serif;font-size:.85rem;line-height:1.4}.infoClientImgName .secondSpan{font-weight:600}.InfoClientPerso{width:70%}.infoClinetRw1Hist{border-bottom:1px solid #b3b3b3;display:flex;flex-direction:column;gap:2rem;padding:1.5rem;width:100%}.infoClinetRw1Hist h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.divPersInfoDf{display:flex;width:100%}.divCl1{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl1 span{font-weight:600}.divCl1 span,.divCl1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl1 span:first-child{font-weight:400}.divCl2{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl2 span{font-weight:600}.divCl2 span,.divCl2 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl2 span:first-child{font-weight:400}.divCl3{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl3 span{font-weight:600}.divCl3 span,.divCl3 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl3 span:first-child{font-weight:400}.infoClinetRw2Hist{border-bottom:1px solid #b3b3b3;display:flex;flex-direction:column;gap:2rem;padding:1.5rem;width:100%}.infoClinetRw2Hist h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.divPersInfoDf2{grid-gap:15px;display:grid;gap:15px;width:100%}.persoInfo1rw{display:flex;width:100%}.divCl1Rw1{grid-gap:5px;display:grid;gap:5px;width:50%}.divCl1Rw1 span{font-weight:600}.divCl1Rw1 span,.divCl1Rw1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl1Rw1 span:first-child{font-weight:400}.persoInfo2rw{display:flex;width:100%}.divCl1Rw2{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl1Rw2 span{font-weight:600;text-transform:capitalize}.divCl1Rw2 span,.divCl1Rw2 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl1Rw2 span:first-child{font-weight:400}.divCl2Rw2{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl2Rw2 span{font-weight:600}.divCl2Rw2 span,.divCl2Rw2 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl2Rw2 span:first-child{font-weight:400}.infoClinetRw3Hist{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;width:100%}.infoClinetRw3Hist h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.clientPointAndVistes{display:flex;gap:50px;width:100%}.PointAndVisitescl1{align-items:center;background-color:#fff;border:1px solid gray;border-radius:5px;display:flex;justify-content:space-between;padding:.5rem;width:33.33%}.firstOne{display:grid}.firstOne span{color:#29345c;font-size:1.1rem;font-weight:600}.firstOne span,.firstOne span:first-child{font-family:Poppins,sans-serif;line-height:1.2}.firstOne span:first-child{color:#4b4b4b;font-size:.8rem;font-weight:400}.firstOneSvg{background-color:#29345c;border-radius:5px;padding:.75rem}.firstOneSvg svg{stroke:#fff}.PointAndVisitescl2{align-items:center;background-color:#fff;border:1px solid gray;border-radius:5px;display:flex;justify-content:space-between;padding:.5rem;width:33.33%}.secondOne{display:grid}.secondOne span{color:#2d2e32;font-size:1.1rem;font-weight:600}.secondOne span,.secondOne span:first-child{font-family:Poppins,sans-serif;line-height:1.2}.secondOne span:first-child{color:#4b4b4b;font-size:.8rem;font-weight:400}.secondOneSvg{background-color:#2d2e32;border-radius:5px;padding:.75rem}.secondOneSvg svg{stroke:#fff}.PointAndVisitescl3{align-items:center;background-color:#fff;border:1px solid gray;border-radius:5px;display:flex;justify-content:space-between;padding:.5rem;width:33.33%}.thirdOne{display:grid}.thirdOne span{color:#38c71f;font-size:1.1rem;font-weight:600}.thirdOne span,.thirdOne span:first-child{font-family:Poppins,sans-serif;line-height:1.2}.thirdOne span:first-child{color:#4b4b4b;font-size:.8rem;font-weight:400}.thirdOneSvg{background-color:#38c71f;border-radius:5px;padding:.75rem}.thirdOneSvg svg{fill:#fff;stroke:#fff}.ShopUI{height:100vh;padding:24px;width:100%}.headershopIcons{border-bottom:1px solid #f6f6f6;gap:10px;justify-content:flex-end;padding-bottom:1.75rem}.headershopIcons,.shopBag{align-items:center;display:flex}.shopBag{background-color:#1edd4b;border-radius:50%;cursor:pointer;height:2.3rem;justify-content:center;width:2.3rem}.bell{background-color:#2d2e32d9}.shopTable{border:1px solid #b3b3b3;border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1.5rem;width:100%}.filtershop{align-items:center;border-bottom:1px solid #b3b3b3;column-gap:20px;display:flex;justify-content:space-between;padding:.85rem 0;width:100%}.search-shop{padding-left:1rem;width:20%}.serachShoopByNumeroBon{width:100%}.search-shop input{background:#0000;border:1px solid #b3b3b3;border-radius:8px;color:#515151;font-family:Poppins,sans-serif;padding:.5em 1em .5em 2em;transition:1s}.search-shop input:focus{border:1px solid #2d2e32;outline:none;transition:1s}.shopFilterMois{width:20%}.shopFilterMoisSel{width:100%}.shopFilterMoisSel select{border:1px solid #b3b3b3;border-radius:8px;color:#515151;outline:none;padding:.4rem .8rem;width:100%}.shopFilterMoisSel select,.shopFilterMoisSel select option{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.4}.shopFilterJour{width:20%}.shopFilterJourSel{width:100%}.shopFilterJourSel select{border:1px solid #b3b3b3;border-radius:8px;color:#515151;outline:none;padding:.4rem .8rem;width:100%}.shopFilterJourSel select,.shopFilterJourSel select option{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.4}.shopFilterStatus{width:20%}.shopFilterStatusSel{width:100%}.shopFilterStatusSel select{border:1px solid #b3b3b3;border-radius:8px;color:#515151;outline:none;padding:.4rem .8rem;width:100%}.shopFilterStatusSel select,.shopFilterStatusSel select option{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.4}.shopFilterStation{padding-right:1rem;width:20%}.shopFilterStationInp{width:100%}.shopFilterStationInp input{background:#0000;border:1px solid #b3b3b3;border-radius:8px;color:#515151;font-family:Poppins,sans-serif;padding:.4rem .2rem .4rem 1rem;transition:1s;width:100%}.shopFilterStationInp input:focus{border:1px solid #2d2e32;outline:none;transition:1s}.shopTableDs{max-height:512px;overflow-y:scroll}.tableShop{border:none;border-collapse:collapse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:left;width:100%}.tableShop tr{border-bottom:1px solid #b3b3b3;overflow-y:scroll}.tableShop tr:last-child{border-bottom:none}.trHeadShop th{background-color:#2d2e32;color:#fff;font-family:Poppins,sans-serif;padding:.85rem 0}.trHeadShop th:first-child{padding-left:1rem}.shopOwner{display:flex;gap:10px;width:100%}.shopOwner-Img{border-radius:5px;height:55px;object-fit:cover;width:55px}.shopOwner-Name{color:#0b0b0b;font-size:16px;font-weight:500}.shopOwner-Job,.shopOwner-Name{font-family:Poppins,sans-serif;padding:0}.shopOwner-Job{color:#29345c;font-size:13px;font-weight:700}.tableShop tr td{font-family:Poppins,sans-serif;padding:.4rem 0}.tableShop tr td:first-child{padding-left:1rem}.tableShop tr td span{font-family:Poppins,sans-serif}.shopOwner-Info{display:grid}.ActionDelIcon{border-radius:5px}.ActionUpdIcon{background-color:#0055ffd9}.ActionMoreInfoIcon,.ActionUpdIcon{align-items:center;border-radius:5px;cursor:pointer;display:flex;height:1.9rem;justify-content:center;width:1.9rem}.ActionMoreInfoIcon{background-color:#00a2ffd9}.statusIS{align-items:center;background-color:#1edd4b;border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusIS span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}.statusOS{align-items:center;background-color:#ff0800d9;border-radius:4px;color:#2d2e32;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusOS span{color:#2d2e32;font-family:Poppins,sans-serif;font-size:14px}@media(max-width:1189px){.filtershop{align-items:center;column-gap:none;display:flex;flex-direction:column;justify-content:center;row-gap:20px}.search-shop,.shopFilterJour,.shopFilterMois,.shopFilterStation,.shopFilterStatus{padding-left:1rem;padding-right:1rem;width:100%}.search-shop input{width:100%}table thead{display:none}table,table tbody,table td,table tr{display:block;width:100%}table .trBodyTd{padding-right:1rem}table tr{margin-bottom:10px}table td{border-bottom:1px solid #b3b3b3}table td,table td:last-child{padding-left:50%;position:relative;text-align:right}table td:last-child{border-bottom:none}table td:before{content:attr(data-label);font-size:15px;font-weight:700;left:0;padding-left:15px;position:absolute;text-align:left;width:50%}.shopOwner{display:flex;gap:10px;justify-content:flex-end;width:100%}.shopOwner-Img{aspect-ratio:3/2;background-color:rgba(69,168,255,.663);border-radius:5px;object-fit:cover;width:40px}.shopOwner-Name{color:#0b0b0b;font-size:16px;font-weight:500}.shopOwner-Job,.shopOwner-Name{font-family:Poppins,sans-serif;padding:0}.shopOwner-Job{color:#29345c;font-size:13px;font-weight:700;text-align:start}.ActionsInfo{display:flex;gap:10px;justify-content:flex-end}.ActionDelIcon{background-color:#ff0800d9}.ActionDelIcon,.ActionUpdIcon{align-items:center;border-radius:5px;cursor:pointer;display:flex;height:1.9rem;justify-content:center;width:1.9rem}.ActionUpdIcon{background-color:#0055ffd9}.ActionMoreInfoIcon{align-items:center;background-color:#00a2ffd9;border-radius:5px;cursor:pointer;display:flex;height:1.9rem;justify-content:center;width:1.9rem}.search .icon-search{display:none}}.contentUpdateClientKey h2{color:#ff5900}.CloseIcon svg{stroke:#ff5900}.btnSubmit button{background-color:#ff5900}.AddProduct{background-color:rgba(0,0,0,.232);height:100vh;left:50%;position:fixed;top:50%;width:100%;z-index:999}.AddProduct,.AddProductAlert{align-items:center;display:flex;justify-content:center;transform:translate(-50%,-50%)}.AddProductAlert{background:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(28,28,28,.247);flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:700px}.AddProduct-bnr{grid-gap:20px;display:grid;gap:20px;padding:1.5rem;width:100%}.AddProductCl1{align-items:center;color:#2d2e32;display:flex;justify-content:space-between;width:100%}.AddProductCl1 h2{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.5rem;line-height:1.4}.AddProductCl1 svg{color:#2d2e32;cursor:pointer}.qrScannerDv{align-items:center;display:flex;justify-content:center;width:100%}.AddProductBannerForm{display:flex;flex-direction:column;gap:15px;margin-bottom:1.5rem;width:100%}.AddProductInputs{display:flex;gap:30px;width:100%}.InputsClm1 select{border:1px solid #b3b3b3;border-radius:3px;color:#1c1c1c;font-family:Jost,sans-serif;font-optical-sizing:auto;font-size:.9rem;font-style:normal;font-weight:400;outline:none;padding:.25rem .5rem;width:85%}.ProductDetails{background-color:rgba(0,0,0,.232);height:100vh;left:50%;position:fixed;top:50%;width:100%;z-index:999}.ProductDetails,.ProductDetailsAlert{align-items:center;display:flex;justify-content:center;transform:translate(-50%,-50%)}.ProductDetailsAlert{background:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(28,28,28,.247);flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:1000px}.bannerProductDetails{display:flex;width:100%}.ProductDetailsImages{align-items:center;border-right:1px solid #b3b3b3;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;width:30%}.ProductDetailsImgName{width:100%}.ProductDetailsImgName .imgProduit{border-radius:4px;width:100%}.buttonContainer{display:flex;gap:.5rem;width:100%}.buttonContainer button{border-radius:4px;height:40px}.ProductDetails-Perso{width:70%}.ProductDetails-row1{border-bottom:1px solid #b3b3b3;display:flex;flex-direction:column;gap:2rem;padding:1.5rem;width:100%}.ProductDetails-row1 h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.ProductDetails-col1,.ProductDetails-col2{display:flex;width:100%}.ProductDetailsCl1{grid-gap:5px;display:grid;gap:5px;width:33.33%}.ProductDetailsCl1 span{font-weight:600}.ProductDetailsCl1 span,.ProductDetailsCl1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.ProductDetailsCl1 span:first-child{font-weight:400}.ProductDetailsCl2{grid-gap:5px;display:grid;gap:5px;width:33.33%}.ProductDetailsCl2 span{font-weight:600}.ProductDetailsCl2 span,.ProductDetailsCl2 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.ProductDetailsCl2 span:first-child{font-weight:400}.ProductDetailsCl3{grid-gap:5px;display:grid;gap:5px;width:33.33%}.ProductDetailsCl3 span{font-weight:600}.ProductDetailsCl3 span,.ProductDetailsCl3 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.ProductDetailsCl3 span:first-child{font-weight:400}.ProductDetails-row2{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;width:100%}.ProductDetails-row2 h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.ProductDetails-row{display:flex;width:100%}.ProductDetailsCl1Row{grid-gap:5px;display:grid;gap:5px;width:100%}.ProductDetailsCl1Row span{font-weight:600;text-align:justify}.ProductDetailsCl1Row span,.ProductDetailsCl1Row span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.ProductDetailsCl1Row span:first-child{font-weight:400}.divCl2Rw1{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl2Rw1 span{font-weight:600}.divCl2Rw1 span,.divCl2Rw1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl2Rw1 span:first-child{font-weight:400}.divCl3Rw1{grid-gap:5px;display:grid;gap:5px;width:33.33%}.divCl3Rw1 span{font-weight:600}.divCl3Rw1 span,.divCl3Rw1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.divCl3Rw1 span:first-child{font-weight:400}.SettingUI{height:100vh;padding:24px;width:100%}.headerSettingIcons{align-items:center;border-bottom:1px solid #f6f6f6;display:flex;gap:10px;justify-content:flex-end;padding-bottom:1.75rem}.SettingContent{border:1px solid #b3b3b3;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1.5rem;padding:.85rem 1.85rem;width:100%}.SettingContent h2{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.5rem;line-height:1.4}.firstBannerProfilInfo{border:1px solid #b3b3b3;border-radius:5px;display:flex;justify-content:space-between;margin-top:1rem;padding:.85rem}.prInfoIdentity{align-items:center;display:flex;gap:10px}.IdentityImg img{aspect-ratio:3/2;background-color:#2d2e32;border-radius:50%;height:60px;object-fit:cover;width:60px}.IdentityCredentils{grid-gap:3px;display:grid;gap:3px}.IdentityCredentils .span1{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}.IdentityCredentils .span2{color:#2d2e32;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;line-height:1.2}.editBtnProfilInfo{display:flex}.editBtnProfilInfo button{align-items:center;border:1px solid #b3b3b3;border-radius:5px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;gap:10px;height:35px;line-height:1.2;padding:0 .55rem}.editBtnProfilInfo button:hover{stroke:#fff;background-color:#2d2e32;border:1px solid #2d2e32d8;color:#fff}.secondBannerProfilInfo{grid-gap:10px;border:1px solid #b3b3b3;border-radius:5px;display:grid;gap:10px;margin-top:1.25rem;padding:.85rem}.prInfoRW1{display:flex;justify-content:space-between}.persoInfoDiv h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.2rem;line-height:1.4}.prInfoRW2{align-items:start;display:flex;width:100%}.prInfoClm1{grid-gap:15px;display:grid;gap:15px;width:30%}.prInfoClm1Rw1{grid-gap:10px;display:grid;gap:10px}.prInfoClm1Rw1 span{font-weight:600}.prInfoClm1Rw1 span,.prInfoClm1Rw1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.prInfoClm1Rw1 span:first-child{font-weight:400}.prInfoClm1Rw2{grid-gap:10px;display:grid;gap:10px}.prInfoClm1Rw2 span{font-weight:600}.prInfoClm1Rw2 span,.prInfoClm1Rw2 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.prInfoClm1Rw2 span:first-child{font-weight:400}.prInfoClm1Rw3{grid-gap:10px;display:grid;gap:10px}.prInfoClm1Rw3 span{font-weight:600}.prInfoClm1Rw3 span,.prInfoClm1Rw3 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.prInfoClm1Rw3 span:first-child{font-weight:400}.prInfoClm2{grid-gap:15px;display:grid;gap:15px}.prInfoClm2Rw1{grid-gap:10px;display:grid;gap:10px}.prInfoClm2Rw1 span{font-weight:600}.prInfoClm2Rw1 span,.prInfoClm2Rw1 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.prInfoClm2Rw1 span:first-child{font-weight:400}.prInfoClm2Rw2{grid-gap:10px;display:grid;gap:10px}.prInfoClm2Rw2 span{font-weight:600}.prInfoClm2Rw2 span,.prInfoClm2Rw2 span:first-child{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2}.prInfoClm2Rw2 span:first-child{font-weight:400}.thirdBannerProfilInfo{border:1px solid #b3b3b3;border-radius:5px;display:flex;justify-content:space-between;margin-top:1.25rem;padding:.85rem}.DeleteDivBnr{display:grid}.DeleteDivBnr h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.2rem;line-height:1.4;margin-bottom:15px}.DeleteDivBnr span{align-items:center;color:#4b4b4b;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;line-height:1.3}.DeleteDivBnr span svg{stroke:#2d2e32;margin-right:5px}.DeleteDivBtn button{align-items:center;border:1px solid #2d2e32;border-radius:5px;color:#2d2e32;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;gap:10px;height:35px;line-height:1.2;padding:0 .55rem}.DeleteDivBtn button:hover{background-color:#2d2e32;color:#fff}.settingBannerQuestion{background-color:rgba(0,0,0,.232);height:100vh;left:50%;position:fixed;top:50%;width:100%;z-index:999}.settingAskYesOrNo,.settingBannerQuestion{align-items:center;display:flex;justify-content:center;transform:translate(-50%,-50%)}.settingAskYesOrNo{background:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(28,28,28,.247);flex-direction:column;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.divDelRw1{align-items:center;background-color:#2d2e32;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;width:3rem}.divDelRw1 svg{stroke:#fff}.divDelRw2 h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.4}.divDelRw3{align-items:center;display:flex;gap:20px;justify-content:center}.divDelRw3 button{background-color:#2d2e32;border:1px solid #2d2e32;border-radius:5px;color:#fff;font-size:14px;font-weight:500}.divDelRw3 button,.divDelRw3 button:first-child{cursor:pointer;font-family:Poppins,sans-serif;height:35px;width:120px}.divDelRw3 button:first-child{background-color:#fff;border:1px solid #b3b3b3;border-radius:5px;color:gray;font-weight:400}@media screen and (max-width:915px){.prInfoRW2{align-items:start;display:flex;width:100%}.prInfoClm1,.prInfoClm2{grid-gap:15px;display:grid;gap:15px;width:50%}}.UpdateClientDiv{background-color:rgba(0,0,0,.232);height:100vh;left:50%;position:fixed;top:50%;width:100%;z-index:999}.UpdateClientAlert,.UpdateClientDiv{align-items:center;display:flex;justify-content:center;transform:translate(-50%,-50%)}.UpdateClientAlert{background:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(28,28,28,.247);flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:800px}.bannerUpdateClient{display:flex;width:100%}.contentUpdateClient{padding:1rem 1.5rem;width:100%}.contentUpdateClientKey{display:flex;flex-direction:column;gap:20px;width:100%}.contentUpdateClientKey h2{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.5rem;line-height:1.4}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#2d2e32;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#2d2e32}.transactionUI{height:100vh;padding:24px;width:100%}.headertransactionIcons{align-items:center;border-bottom:1px solid #f6f6f6;display:flex;gap:10px;justify-content:flex-end;padding-bottom:1.1rem}.bell,.transactionAddIcon{align-items:center;background-color:#2d2e32;border-radius:50%;cursor:pointer;display:flex;height:2.3rem;justify-content:center;width:2.3rem}.transactionTable{border:1px solid #b3b3b3;border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1.5rem;width:100%}.filterTransactions{align-items:center;border-bottom:1px solid #b3b3b3;column-gap:20px;display:flex;justify-content:space-between;padding:.85rem 0;width:100%}.search-transaction{padding-left:1rem;width:20%}.serachByNumeroBon{width:100%}.search-transaction input{background:#0000;border:1px solid #b3b3b3;border-radius:8px;color:#515151;font-family:Poppins,sans-serif;padding:.4rem .2rem .4rem 1rem;transition:1s;width:100%}.search-transaction input:focus{border:1px solid #ff5900;outline:none;transition:1s}.transactionFilterMois{width:20%}.transactionFilterMoisSel{width:100%}.transactionFilterMoisSel select{border:1px solid #b3b3b3;border-radius:8px;color:#515151;outline:none;padding:.4rem .8rem;width:100%}.transactionFilterMoisSel select,.transactionFilterMoisSel select option{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.4}.transactionFilterJour{width:20%}.transactionFilterJourSel{width:100%}.transactionFilterJourSel select{border:1px solid #b3b3b3;border-radius:8px;color:#515151;outline:none;padding:.4rem .8rem;width:100%}.transactionFilterJourSel select,.transactionFilterJourSel select option{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.4}.transactionFilterStatus{width:20%}.transactionFilterStatusSel{width:100%}.transactionFilterStatusSel select{border:1px solid #b3b3b3;border-radius:8px;color:#515151;outline:none;padding:.4rem .8rem;width:100%}.transactionFilterStatusSel select,.transactionFilterStatusSel select option{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.4}.transactionFilterStation{padding-right:1rem;width:20%}.transactionFilterStationInp{width:100%}.transactionFilterStationInp input{background:#0000;border:1px solid #b3b3b3;border-radius:8px;color:#515151;font-family:Poppins,sans-serif;padding:.4rem .2rem .4rem 1rem;transition:1s;width:100%}.transactionFilterStationInp input:focus{border:1px solid #ff5900;outline:none;transition:1s}.TransactionTableDs{border-radius:8px;max-height:512px;overflow-y:scroll}.tableTrans{border:none;border-collapse:collapse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:left;width:100%}.tableTrans tr{border-bottom:1px solid #b3b3b3;overflow-y:scroll}.tableTrans tr:last-child{border-bottom:none}.trHead th{background-color:#2d2e32;color:#fff;font-family:Poppins,sans-serif;padding:.85rem 0}.trHead th:first-child{padding-left:1rem}.tableTrans tr td{font-family:Poppins,sans-serif;padding:.4rem 0}.tableTrans tr td:first-child{padding-left:1rem}.tableTrans tr td span{font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.transactionOwner-Info{display:grid}.statusDv{align-items:center;background-color:#21c42193;border-radius:4px;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusDv span{color:#034b03;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.statusDvFrd{align-items:center;background-color:#ff4545a9;border-radius:5px;display:flex;gap:10px;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statusDvFrd span{color:#740505;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.ActionsInfo{display:flex;gap:10px}.ActionDelIcon{background-color:#ff0800d9;border-radius:4px;cursor:pointer;height:1.9rem;width:1.9rem}.ActionDelIcon,.NewClientDiv{align-items:center;display:flex;justify-content:center}.NewClientDiv{background-color:rgba(0,0,0,.232);height:100vh;left:50%;position:fixed;top:50%;width:100%;z-index:999}.NewClientAlert,.NewClientDiv{transform:translate(-50%,-50%)}.NewClientAlert{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 12px 0 rgba(28,28,28,.247);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:800px}.bannerNewClient{display:flex;width:100%}.contentNewClient{padding:1rem 1.5rem;width:100%}.contentNewClientKey{display:flex;flex-direction:column;gap:20px;width:100%}.contentNewClientKey h2{color:#2d2e32;font-family:Poppins,sans-serif;font-size:1.5rem;line-height:1.4}.addClientBannerForm{display:flex;flex-direction:column;gap:15px;width:100%}.addClientInputs{display:flex;gap:30px;width:100%}.InputsClm1{grid-gap:5px;display:grid;gap:5px;width:50%}.InputsClm1 label{color:#1c1c1c;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;line-height:1.2}.InputsClm1 input{border:1px solid #b3b3b3;border-radius:3px;color:#1c1c1c;font-family:Jost,sans-serif;font-optical-sizing:auto;font-size:.9rem;font-style:normal;font-weight:400;outline:none;padding:.25rem .5rem;width:85%}.InputsClm1Proprietaire{grid-gap:5px;display:grid;gap:5px;width:50%}.InputsClm1Proprietaire label{color:#1c1c1c;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;line-height:1.2}.InputsClm1Proprietaire input{padding:.15rem .5rem;width:85%}.CloseIcon{background-color:#000;position:relative;right:0}.CloseIcon svg{stroke:#2d2e32;cursor:pointer;margin-right:1rem;margin-top:1rem;position:absolute;right:0}.btnSubmit{display:flex;justify-content:flex-start;width:100%}.btnSubmit button{align-items:center;background-color:#2d2e32;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;gap:10px;height:35px;justify-content:center;line-height:1.2;padding:0;width:15%}
/*# sourceMappingURL=main.4eb37b3b.css.map*/