.loading{width:100%;height:100vh;position:fixed;z-index:200;background-color:#00000034;display:flex;justify-content:center;align-items:center;top:0;left:0}.loading .loadingBox{width:200px;height:80px;background-color:#282828;display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 5px #acacac84;border:1px solid rgba(174,174,174,.664)}.loading .loadingBox img{width:35px;border-radius:100px}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}body{background-color:#2a2a2a;width:100%}.table{width:100%;overflow-x:auto}.table table{width:100%}.table table td{min-width:150px}.table table td:last-child{min-width:300px}.Login{width:100%;height:100vh;background-color:#2a2a2a;display:flex;justify-content:center;align-items:center}.Login form .inputBox{display:flex;align-items:center;margin-bottom:10px}.Login form .inputBox input{height:30px;width:300px;padding-left:5px;padding-right:5px;outline:none;border:1px solid white}.Login form .inputIcon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:orange}.Login form .inputIcon img{width:18px}.Login form .inputIcon2{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#1eff00}.Login form .inputIcon2 img{width:18px}.Login form button{background-color:#ff6f00;color:#fff;float:left;width:100px;height:28px;border:1px solid rgb(255,111,0);cursor:pointer;transition:.4s}.Login form button:hover{background-color:#1eff00;border:1px solid rgb(30,255,0)}.Login form h3{color:#fff;text-align:left;margin-bottom:15px}.Login form .alertMessage{color:#fff;float:left;margin-top:10px}.logoLogin{width:250px}.dashboard{width:100%;display:flex;justify-content:center}.dashboardBox{width:95%}.navigation{width:100%;margin-top:30px;display:flex;align-items:center;border-bottom:1px solid gray;overflow-x:auto}.navigation .tab{border-radius:5px 5px 0 0;border:1px solid gray;border-bottom:none;height:25px;width:fit-content;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;padding-left:10px;padding-right:10px;min-width:135px}.navigation .activeTab{border-radius:5px 5px 0 0;border:1px solid gray;border-bottom:none;height:25px;display:flex;justify-content:center;align-items:center;color:#2e2e2e;cursor:pointer;background-color:#fff;padding-left:10px;padding-right:10px;min-width:135px}.navigationElements{display:flex;justify-content:space-between;align-items:center}.navigationElements button{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:100px;font-size:22px;color:#fff;background-color:orange;border:1px solid orange;cursor:pointer;transition:.4s}.navigationElements button:hover{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:100px;font-size:22px;color:#fff;background-color:#ff5900;border:1px solid rgb(255,89,0);cursor:pointer}.title{margin-top:8px;margin-bottom:8px;color:#fff}.line{width:100%;background-color:gray;height:1px}.navigationElements .logout{width:120px;font-size:16px;background-color:red;height:28px;border:1px solid white}.navigationElements .boutique,.navigationElements .boutique:hover{width:120px;font-size:16px;background-color:#09f;height:28px;border:1px solid white;margin-right:10px}.navigationElements .logout:hover{width:120px;font-size:16px;background-color:red;height:28px;border:1px solid white}.stock{width:100%;display:flex;justify-content:center}.stockContainer{width:95%}.addModal{width:100%;height:100vh;position:fixed;background-color:#00000071;top:0;left:0;display:flex;justify-content:space-evenly;align-items:center}.adding{width:500px;background-color:#2a2a2a;border:1px solid gray;border-radius:2px;position:relative;padding:10px;min-height:700px;max-height:700px;overflow-y:scroll}.adding .selectCategorie{width:100%;height:30px;margin-top:8px}.adding .header,.addingFournisseur .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.adding .header .cancel,.addingFournisseur .header .cancel{width:20px;height:20px;font-size:12px;background-color:red;border:1px solid red;color:#fff;border-radius:100px;cursor:pointer}.adding .header h3{color:#fff}.adding input{width:100%;height:30px;margin-bottom:25px;margin-top:10px;border-radius:2px;border:none;outline:none;padding-left:5px;padding-right:5px}.adding form p{color:#fff}.adding form button{width:180px;height:28px;background-color:orange;color:#fff;border:1px solid orange;cursor:pointer;font-weight:600;font-size:15px;transition:.4s}.adding form button:hover{width:180px;height:28px;background-color:#ff7300;color:#fff;border:1px solid rgb(255,115,0);cursor:pointer;font-weight:600;font-size:15px}.message{color:#fff;margin-top:10px}.table{width:100%}.table table{width:100%;text-align:left;border:1px solid rgb(152,152,152);border-collapse:collapse;margin-top:15px;color:#fff}.table table thead{background-color:orange;color:#000}.table table th,.table table tr,.table table td{border:1px solid rgb(125,125,125);padding:5px 3px}.recherche input{width:250px;height:28px;border-radius:100px;margin-top:15px;border:none;outline:none;padding-left:5px;padding-right:5px}.deleteModal{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#00000071;display:flex;justify-content:center;align-items:center}.deleteBox{width:500px;background-color:#2a2a2a;border:1px solid gray;border-radius:2px;padding:10px}.deleteBox h3{color:#fff}.deleteBox p{color:#fff;margin-top:12px}.deleteBox .deleteButton{background-color:red;color:#fff;border:1px solid red;width:100px;height:27px;border-radius:2px;margin-top:25px;cursor:pointer}.deleteBox .ReturnButton{background-color:#0af;color:#fff;border:1px solid rgb(0,170,255);width:100px;height:27px;border-radius:2px;margin-top:25px;cursor:pointer;margin-right:5px}table td button{background-color:#2a2a2a;border:1px solid white;color:#fff;margin-right:5px;border-radius:2px;width:60px;height:28px;cursor:pointer;padding:4px 2px 2px}table td button:hover{background-color:#fff;border:1px solid black;color:#000;margin-right:5px;border-radius:2px;height:28px;cursor:pointer}.stock .factureTemplate{width:60%;transition:1s}.addingFournisseur{width:500px;background-color:#2a2a2a;border:1px solid gray;border-radius:2px;position:relative;padding:10px}.addingFournisseur input{width:100%;height:30px;margin-bottom:15px;margin-top:5px;border-radius:2px;border:none;outline:none;padding-left:5px;padding-right:5px}.addingFournisseur form p,.addingFournisseur h3{color:#fff}.addingFournisseur form button{width:180px;height:28px;background-color:orange;color:#fff;border:1px solid orange;cursor:pointer;font-weight:600;font-size:15px;transition:.4s}.stockSauvgarde{margin-left:5px;background-color:#0040ff!important;border:1px solid rgb(0,64,255)!important}.savePdf{width:140px;height:27px;background-color:orange;color:#fff;border:1px solid orange;cursor:pointer}.savePdf:hover{width:140px;height:27px;background-color:#ff7b00;color:#fff;border:1px solid rgb(255,123,0);cursor:pointer}.miniIcon{width:20px}.productImage{width:35px}.stockProductsHeaders{display:flex;justify-content:space-between;align-items:center}.stockProductsHeaders input{border-radius:100px;padding-left:5px;outline:none;height:27px;width:200px}.categorie{width:80px;background-color:#ff4500;color:#fff;border:1px solid orangered;border-radius:2px;height:25px;cursor:pointer}.categoriesSection{position:relative}.categoriesSection .categorieModal{width:350px;background-color:#fff;position:absolute;left:-270px;border-radius:5px;top:30px;max-height:500px;padding:10px 10px 20px;overflow-y:auto}.addCategorieButton{width:90px;height:22px;border-radius:2px;background-color:#0080ff;color:#fff;border:1px solid rgb(0,128,255);cursor:pointer}.categorieModal .searchCategorie{width:100%;height:28px;border:1px solid gray;padding-left:5px}.categorieModal form{margin-top:15px}.categorieModal form input{width:100%;height:28px;border:1px solid gray;padding-left:5px;margin-top:5px}.categorieModal form label{font-size:15px}.categorieForm .submitCatButton{width:120px;height:25px;background-color:#ff4500;color:#fff;margin-top:15px;border:1px solid orangered;border-radius:5px;cursor:pointer}.categorieItem{display:flex;justify-content:space-between;align-items:center;margin-top:5px;background-color:#d8d8d8;width:100%;padding:5px;border-radius:4px}.categorieItem p{max-width:240px}.stock .showModalButton button{position:absolute;left:-80px;top:48%;width:80px;height:45px;background-color:#ff7b00;border-top-left-radius:100px;border-bottom-left-radius:100px;border:1px solid gray;color:#fff;font-size:25px;font-weight:800;font-family:serif;z-index:100}.stock .factureBody{overflow-x:auto;overflow-y:auto;max-height:580px}@media screen and (max-width:1000px){.stock .factureTemplate{width:85%;position:absolute;right:-85%;transition:.6s}.stock .factureTemplateMobile{width:85%;position:absolute;right:0;transition:.6s}}.facture{width:100%;display:flex;justify-content:center}.factureContainer{width:95%}.facture .choice{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;background-color:#ffffff27;padding-left:5px}.facture .choice .choiceButton{width:80px;font-size:11px}.facture .cancelChoice{width:30px;height:30px;background-color:red;border:1px solid red;color:#fff;top:5px;right:0}.facture .cancelChoice:hover{width:100%;height:30px;background-color:red;border:1px solid red;color:#fff;top:5px;right:0}.facture .maxQuantityText{font-size:12px;color:orange}.facture .priceOption{width:100%;display:flex;justify-content:space-between;align-items:center}.facture .priceOption select{outline:none;width:80px;border-radius:2px;padding:2px}.facture .addModal{justify-content:space-evenly}.factureTemplate{width:50%;height:700px;background-color:#fff;padding:10px;overflow-y:auto}.factureTemplate .factureHeader{width:100%;margin-top:10px;display:flex;justify-content:space-between;background-color:#f3f3f3;padding:15px 10px}.factureHeader .titleFact{font-size:15px;font-weight:700;color:#000;margin-bottom:10px}.factureHeader .adresse,.factureHeader .telephone{font-size:13px;color:#000;margin-bottom:2px}.factureTemplate .factureBody{width:100%;margin-top:20px}.factureTemplate .factureBody table{width:100%;border:1px solid gray;border-collapse:collapse}.factureTemplate .factureBody table thead th{color:#06f}.factureTemplate .factureBody table th,.factureTemplate .factureBody table tr,.factureTemplate .factureBody table td{border:1px solid rgb(202,202,202);text-align:left;padding:4px}.factureTemplate .totalPart{margin-top:10px}.totalPart p{margin-bottom:5px}.facture .deleteElement{width:40px}.facture .next,.facture .next:hover{width:100px;background-color:#08f;border:1px solid rgb(0,136,255);margin-left:5px}.facture .tvaText{font-size:11px}.facture .printButton{width:120px;height:28px;background-color:#08f;border:1px solid rgb(0,136,255);border-radius:2px;color:#fff;cursor:pointer;margin-top:20px}.facture .deleteModal{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#00000071;display:flex;justify-content:center;align-items:center}.facture .deleteBox{width:500px;background-color:#2a2a2a;border:1px solid gray;border-radius:2px;padding:10px}.facture .status{width:100%;height:30px;margin-bottom:15px;outline:none;border-radius:2px;margin-top:5px}.facture td .archive{width:26px;height:26px;background-color:orange}.facture td img{width:15px;margin-top:0}.recherche{width:100%;display:flex;justify-content:space-between;align-items:center}.archiveButtonPage{width:30px;height:30px;background-color:orange;border:none;border-radius:2px;cursor:pointer;position:relative;top:6px;transition:.4s}.archiveButtonPage:hover{background-color:#ff4500}.archiveButtonPage img{width:15px}.image,.image img{width:100%}.download{width:100px;height:26px;background-color:#007bff;color:#fff;border:none;margin-top:5px;cursor:pointer;border-radius:2px;margin-right:10px}.crop{width:12px}.choiceButton{margin-bottom:15px}.choiceButton button{width:90px;height:25px;margin-right:5px;border-radius:100px;cursor:pointer}.choice img{width:40px;margin-left:20px}.facture .showModalButton button{position:absolute;left:-80px;top:48%;width:80px;height:45px;background-color:#ff7b00;border-top-left-radius:100px;border-bottom-left-radius:100px;border:1px solid gray;color:#fff;font-size:25px;font-weight:800;font-family:serif;z-index:100}.facture .factureBody{overflow-y:auto}.showHidden{width:20px;height:20px;position:relative;top:4px;left:5px;cursor:pointer}.factureHeader2{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;top:-50px}.factureHeader2 img{width:150px}.clientsSelectInput{width:100%;height:32px;margin-top:10px;margin-bottom:20px;cursor:pointer;outline:none}@media screen and (max-width:1070px){.facture .adding{width:450px}}@media screen and (max-width:1000px){.facture .factureTemplate{width:85%;position:absolute;right:-85%;transition:.6s}.facture .factureTemplateMobile{width:85%;position:absolute;right:0;transition:.6s}}@media screen and (max-width:1080px){.facture .adding{width:350px}.factureTemplate{width:60%;height:700px;background-color:#fff;padding:10px}}.statistiques{width:100%;display:flex;justify-content:center}.statistiqueContainer{width:95%}.part1,.part2{width:100%;display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.part1 .statistiqueBox{width:30%;height:450px;background-color:#4e4e4e;border-radius:5px}.part2 .statistiqueBox{width:100%;height:450px;background-color:#4e4e4e;border-radius:5px;position:relative}.part1 .statistiqueBoxSpecial{width:30%;height:450px;margin-bottom:20px}.part1 .statistiqueBoxSpecial .box{width:100%;background-color:#4e4e4e;height:215px;margin-bottom:20px;border-radius:5px;padding:10px;color:#fff}.part1 .statistiqueBoxSpecial .box h3{color:#fff}.part1 .statistiqueBoxSpecial .box .secssion{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:10px}.part1 .statistiqueBoxSpecial .box hr{border:1px solid gray}.statistiqueBox{padding:10px}.statistiqueBox h3{color:#fff}.lastObjects h4{margin-bottom:10px;color:#fff;font-size:19px}.lastObjects .lastObjectItem{display:flex;justify-content:space-between;align-items:flex-start;color:#fff;margin-bottom:5px;border-bottom:1px solid gray;padding-bottom:5px}.lastObjSpan{font-size:12px;background-color:#08f;color:#fff;border-radius:100px;padding:1px 5px}.showMore{width:100%;margin-bottom:20px;cursor:pointer;background-color:gray;border:none;height:25px;border-radius:20px;color:#fff;margin-top:10px}.showMore:hover{background-color:#afafaf}.dogCircle{width:80%}.dogBar{height:100%;width:100%}.boxHeader{display:flex;justify-content:space-between;align-items:center}.boxHeader select{background-color:transparent;color:#fff;border:2px solid white;width:100px;height:25px;border-radius:100px;padding-right:5px;padding-left:5px;outline:none}.boxHeader select option{color:#000}@media screen and (max-width:950px){.part1 .statistiqueBox{width:100%;min-height:400px;height:auto;background-color:#4e4e4e;border-radius:5px;margin-bottom:20px}.part1 .statistiqueBoxSpecial{width:100%;margin-bottom:20px}.part1{width:100%;display:block;justify-content:space-between;margin-top:20px;flex-wrap:wrap}}.archivePage{width:100%;display:flex;justify-content:center}.archivePage .archiveBox{width:95%}.titleArchive{margin-top:20px;color:#fff;margin-bottom:10px;font-size:20px}.produitPage{width:100%;display:flex;justify-content:center}.produitPageContainer{width:90%}.normalButton{width:100px}.informationsModalContainer,.addModalProductsContainer{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#00000068;display:flex;justify-content:center;align-items:center}.informationsModal{width:500px;height:450px;border-radius:8px;background-color:#2a2a2a;outline:none;overflow-y:auto}.ProductsAddModal{width:500px;height:450px;border-radius:8px;background-color:#2a2a2a;outline:none;overflow-y:auto;padding:0 20px 20px}.informationModalHeader{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;position:sticky;top:0;background-color:#2a2a2a;margin-bottom:10px}.informationModalHeader h2,.informationModalHeader h3{color:#fff}.infosImage{width:70%}.infosText{width:70%;margin-top:20px}.informationsModal .infosText span{display:flex;align-items:center;color:#fff;margin-bottom:5px;border-bottom:1px solid gray;padding-bottom:10px;padding-top:10px}.informationsModal .infosText span h4{margin-right:10px}.miniIcon2{width:14px;padding:0}.addModalProductsContainer input{width:100%;height:30px;margin-bottom:25px;margin-top:10px;border-radius:2px;border:none;outline:none;padding-left:5px;padding-right:5px}.addModalProductsContainer form p{color:#fff}.addModalProductsContainer form button{width:180px;height:28px;background-color:orange;color:#fff;border:1px solid orange;cursor:pointer;font-weight:600;font-size:15px;transition:.4s}.addModalProductsContainer form button:hover{width:180px;height:28px;background-color:#ff7300;color:#fff;border:1px solid rgb(255,115,0);cursor:pointer;font-weight:600;font-size:15px}.addModalProductsContainer form .exitInformationModalButton,.addModalProductsContainer form .exitInformationModalButton:hover,.exitInformationModalButton{width:22px;height:22px;border-radius:100px;background-color:red;color:#fff;border:none;font-size:11px;cursor:pointer}.searchOptions{position:relative;left:-20px;height:28px;border-top-right-radius:100px;border-bottom-right-radius:100px;background-color:#fff;border-left:none;border:none;top:.5px;border:1px solid rgb(165,165,165);outline:none;cursor:pointer}.table th .customArea{display:flex;justify-content:space-between}.arrow{width:15px;margin-right:5px}.ProductsAddModal .selectCategorie{width:100%;height:30px;margin-top:8px}.customer{width:100%;display:flex;justify-content:center;background-color:#fff;min-height:100vh;padding-bottom:20px;scroll-behavior:smooth}.customerContainer{width:90%;margin-top:50px}.customerContainer h3{color:#fff}.productCustomer{width:200px;border:1px solid rgb(184,184,184);border-radius:2px;position:relative;min-height:250px}.customerProductsList{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.productCustomer img{width:100%;height:150px;cursor:pointer}.imagePlaceholder{background-color:#a2a2a2;width:100%;height:150px}.imageProductShowContainer{width:100%;display:flex;justify-content:center;align-items:center;height:100vh;position:fixed;top:0;left:0;z-index:110;background-color:#0000004f}.imageProductShowContainer .imageProductShow{width:420px;height:500px;background-color:#fff;padding:5px;position:relative;display:flex;justify-content:center;align-items:center}.imageProductShowContainer .imageProductShow .cancel{position:absolute;top:2px;right:2px;background-color:red;color:#fff;border-radius:100%;border:none;width:22px;height:22px;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer}.imageProductShowContainer .imageProductShow img{width:100%;height:100%}.productCustomerDetails{width:100%;padding:10px}.customer .productName{color:#000}.customer .productPrice{color:#000;margin-top:8px;font-size:14px}.commandez{padding:8px;background-color:#0073ff;color:#fff;border:1px solid rgb(0,115,255);border-radius:2px;cursor:pointer;margin-left:5px}.commandeProduct{width:100%;background-color:#006aff;border:none;color:#fff;height:25px;cursor:pointer;margin-top:5px}.commandeProduct:hover{background-color:#002fff}.productCustomer input{position:absolute;bottom:0;height:30px;border-radius:100px;border:1px solid gray;right:5px;outline:none;padding-left:5px;font-size:16px;width:95%}.productButtonCustomer{width:30px;height:30px;border-radius:100px;border:1px solid white;background-color:#006aff;color:#fff;position:absolute;bottom:0;right:5px;cursor:pointer;font-size:17px}.productButtonCustomer2{width:30px;height:30px;border-radius:100px;border:1px solid white;background-color:#006aff;color:#fff;position:absolute;bottom:0;left:5px;cursor:pointer;font-size:17px}.productButtonCustomer:hover,.productButtonCustomer2:hover{background-color:#01f}.commandePageContainer{width:100%;height:100vh;position:fixed;z-index:100;background-color:#00000062;display:flex;justify-content:center;align-items:center;top:0}.commandePage{width:800px;background-color:#fff;height:500px;border-radius:2px;overflow-y:auto;position:relative}.commandePageModalContainer{width:100%;display:flex;justify-content:center;background-color:#00000026;height:500px;position:absolute;border-radius:5px;left:0;top:0;align-items:center}.commandePage .commandePageModal{width:400px;height:480px;border-radius:2px;background-color:#fff;border:1px solid rgb(158,158,158);padding:10px}.commandePage .commandePageModal form{margin-top:20px}.commandePage .commandePageModal form input{width:100%;height:28px;margin-top:5px;margin-bottom:15px;background-color:#ececec;border:1px solid gray;border-radius:2px;outline:none;padding-left:5px}.commandePageHeader{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}.commandePageHeader h4{color:#000}.commandePageHeader .cancel{color:#fff;background-color:red;border:1px solid red;border-radius:100%;width:25px;height:25px;cursor:pointer;font-size:12px;display:flex;justify-content:center;align-items:center}.commandePage{padding:10px}.commandePage table{width:100%;margin-top:20px}.commandePage table,tr,td,th{border:1px solid black;border-collapse:collapse;min-width:100px;text-align:left;padding-left:5px;padding-right:5px}.commandePage table th{background-color:#006aff;color:#fff}.commanderButton{background-color:#006aff;color:#fff;border:1px solid rgb(0,106,255);padding:5px 8px;border-radius:2px;cursor:pointer}.filterPage{width:280px;background-color:#eaeaea;height:100vh;position:fixed;top:0;left:-280px;z-index:100;transition:.6s;padding:8px}.filterPage2{width:280px;background-color:#eaeaea;height:100vh;position:fixed;top:0;left:0;z-index:100;transition:.6s;padding:8px}.showFilterHeader{display:flex;justify-content:space-between;align-items:center}.showFilterHeader button{width:25px;height:25px;border:none;border-radius:100px;background-color:red;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.categoriesFilter{margin-top:50px}.categoriesFilter h4{margin-bottom:10px}.categorieItem2{width:100%;background-color:#f3f3f3;padding:6px;margin-bottom:5px}.categorieItem2:hover{width:100%;background-color:#009cd9;color:#fff}.categorieItem3{width:100%;background-color:#009cd9;color:#fff;padding:6px;margin-bottom:5px}.categoriesContainerFilter{height:600px;overflow-y:auto;padding-bottom:10px}.cartCheckConatiner{width:35px;height:35px;border-radius:100px;background-color:green;display:flex;justify-content:center;align-items:center;position:absolute;top:2px;left:2px}.checkProductCart{width:18px!important;height:18px!important}.quantityCommande button,.quantityCommande button:hover{width:20px;height:20px}.scrollToTop{width:40px;height:40px;background-color:#0048ff;border-radius:100px;position:fixed;bottom:20px;right:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.4s}.scrollToTop:hover{transform:scale(1.1);background-color:#0073ff;border-radius:100px;position:fixed;bottom:20px;right:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.scrollToTop img{width:15px}.pagination-controls{margin-top:20px;display:flex;justify-content:center;align-items:center}.pagination-controls .next{width:100px;height:28px;margin-right:2px;background-color:#ff4500;color:#fff;border:1px solid white;border-radius:5px;cursor:pointer}@media screen and (max-width:688px){.customerProductsList{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:space-evenly}}.factureTemplateCommande{width:60%;height:700px;background-color:#fff;padding:10px}.factureTemplateCommande .factureHeader{width:100%;margin-top:10px;display:flex;justify-content:space-between;background-color:#f3f3f3;padding:15px 10px}.factureTemplateCommande .factureHeader .titleFact{font-size:15px;font-weight:700;color:#000;margin-bottom:10px}.factureTemplateCommande .factureHeader .adresse{font-size:13px;color:#000;margin-bottom:2px}.factureTemplateCommande .factureBody table{width:100%;border:1px solid gray;border-collapse:collapse;margin-top:20px;overflow-y:auto}.factureTemplateCommande .factureBody table thead th{color:#06f;border:1px solid black}.factureTemplateCommande .factureBody{width:100%;overflow-x:auto}.factureTemplateCommande .factureBody table th,.factureTemplate .factureBody table tr,.factureTemplate .factureBody table td{border:1px solid rgb(202,202,202);text-align:left;padding:4px}.factureTemplateCommande .totalPart{margin-top:10px}@media screen and (max-width:1080px){.factureTemplateCommande{width:60%;height:700px;background-color:#fff;padding:10px}}@media screen and (max-width:1000px){.factureTemplateCommande{width:90%;position:absolute;right:0%;transition:.6s}}.pageNotFound{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.pageNotFound h3{color:#fff}.settings{width:100%;display:flex;justify-content:center}.settings .settingsContainer{width:95%;margin-top:20px}.settings .settingsContainer h4,.settings .settingsContainer h3,.settings .settingsContainerh2{color:#fff}.paramSection{margin-top:30px}.styleContainerBox{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;padding-top:20px}.styleContainer{width:250px;height:150px;border:1px solid rgb(0,106,255);border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:flex-end;background-color:#cfcfcf;position:relative}.miniFacture{width:150px;height:120px;background-color:#949494;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:2px 0 2px gray;transition:ease-in-out .5s}.miniFacture p{font-weight:800;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;padding:5px;color:#494949}.styleContainer:hover .miniFacture{height:140px;width:170px;display:flex;justify-content:center;align-items:center;font-size:20px}.styleContainer:hover .miniFacture p{color:#000}.check{width:30px;height:30px;position:absolute;top:-5px;right:-5px;background-color:#4c4c4c;border-radius:100px;display:flex;justify-content:center;align-items:center}.check2{width:30px;height:30px;position:absolute;top:-5px;right:-5px;background-color:#03af00;border-radius:100px;display:flex;justify-content:center;align-items:center}.check img,.check2 img{width:15px;height:15px}.avancePage{width:100%;display:flex;justify-content:center}.avanceBox{width:95%}.avanceHeader{display:flex;justify-content:space-between;align-items:center}.avanceHeader button{width:35px;height:35px;background-color:orange;color:#fff;border:1px solid orange;border-radius:100px;font-size:18px;cursor:pointer}.usersPage{width:100%;display:flex;justify-content:center}.usersPageBox{width:95%}.usersTable{margin-top:20px}.usersTable table{color:#fff;border-collapse:collapse;border:1px solid white;width:100%}.usersTable table thead tr th{background-color:orange;color:#000}.usersTable table th,td{border:1px solid white;padding:5px}.usersTable table tr:nth-child(2n){background-color:#464646}.userModalContainer{width:100%;display:flex;justify-content:center;align-items:center;position:fixed;height:100%;top:0;left:0}.userModal{width:500px;background-color:#fff;border-radius:5px;padding:20px}.userModalHeader{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.userModalHeader button{color:#fff;background-color:red;border:1px solid red;border-radius:100%;cursor:pointer;width:25px;height:25px;font-size:11px}.userModal form input{width:100%;height:32px;margin-top:5px;margin-bottom:10px;outline:none;padding-left:5px;padding-right:5px;background-color:#e9e9e9;border:1px solid rgb(186,186,186);border-radius:4px}.userModal form p{font-size:15px}.userModal form button{width:100px;height:28px;background-color:#0080ff;color:#fff;border:none;border-radius:2px;cursor:pointer}.penButton img,.delButton img{width:15px}.deleteUserContainer{width:100%;display:flex;justify-content:center;align-items:center;height:100%;position:fixed;top:0;left:0}.deleteUserModal{width:400px;background-color:#fff;padding:10px;border-radius:5px}.deleteUserModal .supp{width:100px;height:28px;background-color:red;color:#fff;border:none;border-radius:2px;cursor:pointer;margin-right:5px}.deleteUserModal .annu{width:100px;height:28px;background-color:#00a2ff;color:#fff;border:none;border-radius:2px;cursor:pointer}.deleteUserModal p{font-size:15px}.userDashboard{width:100%;display:flex;justify-content:center}.userDashboardContainer{width:95%}.userDashboardHeader{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;background-color:#0af;padding:10px;border-radius:2px;border:1px solid white}.userDashboardHeader p{color:#fff}.userDashboardHeader .statusP{margin-left:10px;background-color:#01c201;border:1px solid white;width:65px;height:26px;display:flex;justify-content:center;align-items:center;letter-spacing:1px;border-radius:100px;font-size:14px}.userDashboardHeader .separator{width:1px;height:30px;background-color:#7b7b7b;margin-left:10px;border-radius:100px}.userDashboardHeader .logout{width:110px;background-color:red;border:1px solid white;color:#fff;border-radius:100px;height:25px;cursor:pointer}.userSessionsContainer{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-top:30px;gap:20px}.session1,.session2,.session3{width:350px;height:180px;background-color:#48c0fd;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;border:2px solid white}.session1 p,.session2 p,.session3 p{color:#fff;font-weight:600;font-size:20px}@media screen and (max-width:758px){.session1,.session2,.session3{width:100%}.userSessionsContainer{gap:10px}}