*{box-sizing:border-box;color:#333;font-family:verdana;list-style:none;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}body{background-color:#f9f9f9}main{margin-bottom:15vh}.fa-ban,.fa-circle-check,.fa-pen,.fa-trash-can{font-size:1rem;padding:1rem}strong{color:#333;height:1px;justify-content:center;position:relative;top:-.2em}h1{font-size:2.25rem}.titre,h1{color:#333;font-family:verdana;font-style:normal;font-weight:400;line-height:1.5;text-align:center}.titre{bottom:2rem;font-size:1.5rem;position:relative}.modal{background-color:#f9f9f9;display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1050}.modal-dialog{margin:1rem;pointer-events:none;position:relative;width:auto}.modal-content{background-clip:padding-box;background-color:rgba(255,235,228,.56);border:1px solid rgba(0,0,0,.2);border-radius:15px;display:flex;flex-direction:column;pointer-events:auto;position:relative;width:100%}.modal-body{padding:1rem}.modal-footer,.modal-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.modal-title{line-height:1.5;margin-bottom:0}.button-cancel{background-color:#f9f9f9}.button-cancel,.button-delete{border-color:transparent;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#333;font-family:verdana;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;padding:12px 16px}.button-delete{background-color:red}a.edit-button-category{background-color:#ffebe4;border-color:transparent;border-radius:15px}.btn-edit,.btn-edit-customer{background-color:rgba(255,235,228,.56);border-radius:15px;height:2rem;width:75%}.btn-edit-customer{grid-column:1/3;justify-self:center}.add-cart{background-color:#ffebe4;border-radius:8px;height:2rem;width:70%}.add-cart:hover{background-color:rgba(255,235,228,.56)}.minus{background-color:#ffebe4;border-radius:50%;display:none;height:1.5rem;width:1.5rem}.minus:hover{background-color:rgba(255,235,228,.56)}.logo-desktop,.navbar-desktop{display:none}nav ul{justify-content:space-evenly;width:100%}.navbar-mobile,nav ul{align-items:center;display:flex}.navbar-mobile{background-color:#fefefe;border-radius:15px;bottom:1%;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);height:4rem;left:1vw;position:fixed;right:1vw;width:98%;z-index:99999}.navbar-mobile a{color:#333}.header{align-items:center;background-color:#ffebe4;display:grid;grid-template-columns:.5fr 1fr .5fr;grid-template-rows:1fr 1fr;height:20vh;padding:1rem}.logo-header{display:grid;justify-self:center;width:200px}.fa-magnifying-glass{display:grid;justify-items:end}article{background-color:#fefefe;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:2rem;text-align:center}.article-category{align-content:center;border-radius:15px;display:flex;flex-direction:column;height:auto;left:2.5vw;margin:1rem 0;padding:1rem;position:relative;top:-5vh;width:95vw}.add-category{background-color:#fefefe;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:40vh;left:6vw;padding:2rem 1rem;position:relative;width:90vw}.add-category,.add-category div{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.add-category div{width:100%}.add-category div label{color:#333;font-family:verdana;font-size:2rem;font-style:normal;font-weight:400;height:3rem;line-height:1.5;text-align:center;width:75%}#category_name,#material_name,#password,#username{background-color:rgba(255,235,228,.56);border-radius:15px;height:3rem;text-align:center;width:75%}.twobuttons{bottom:10vh;display:flex;gap:1rem;justify-content:space-around;left:5vw;position:fixed}.add-button-customer{background-color:#ffebe4;border-color:transparent;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);padding:12px 16px}.add-button-customer,.add-link-customer{color:#333;font-family:verdana;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5}.add-link-customer,.show-customer{margin-top:1rem}.show-customer{align-items:center;background-color:#f9f9f9;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#333;display:flex;flex-direction:column;font-family:verdana;font-size:1rem;font-style:normal;font-weight:400;gap:1rem;justify-content:center;line-height:1;padding:2rem 1rem;width:80vw}.block-page article{position:relative;top:-4vh;width:85%}.show-page-customer{border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#333;font-family:verdana;font-size:1rem;font-style:normal;font-weight:400;height:auto;line-height:1;margin-top:1rem;padding:1rem 0;width:90vw}.show-page-customer p:first-child{align-self:center;grid-row-end:3;grid-row-start:1}.form-group{background-color:#fefefe;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:70vh;left:6vw;padding:2rem 1rem;position:relative;width:90vw}.form-group div{display:grid;gap:1rem;grid-template-columns:1fr 2fr;justify-items:center;margin-bottom:1rem}.form-group div ul{display:flex;grid-column:1/3}.form-group div ul li{color:red;font-size:.75rem;margin-top:-1rem;text-align:center}.customer-show-invoice{align-items:center;background-color:rgba(255,235,228,.56);border-radius:15px;display:flex;height:2rem;justify-content:center;width:50%}.customer-invoices{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;justify-items:center}.quantity-value{background-color:rgba(255,235,228,.56);border-radius:8px;font-size:1rem;height:2rem;text-align:center;width:65%}.p-product,.quantity-value{color:#333;font-family:verdana;font-style:normal;font-weight:400;line-height:1.5}.p-product{font-size:1.5rem}.p-product-table{font-weight:400}.p-name-table,.p-product-table{color:#333;font-family:verdana;font-size:.75rem;font-style:normal;line-height:1.5}.p-name-table{font-weight:700}.add-product{background-color:#fefefe;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.35);gap:1rem;height:60vh;left:6vw;padding:2rem 1rem;position:relative;width:90vw}.add-product,.add-product div{align-items:center;display:flex;flex-direction:column;justify-content:center}.add-product div{gap:2rem;width:100%}.add-product div label,.form-group label{color:#333;font-family:verdana;font-size:1.25rem;font-style:normal;font-weight:400;height:1rem;line-height:1;width:75%}.form-group label{text-align:center}.add-product div input,.add-product div select,.form-control{background-color:rgba(255,235,228,.56);border-radius:15px;color:#333;font-family:verdana;font-size:.75rem;font-style:normal;font-weight:400;height:2rem;line-height:1;text-align:center;width:75%}.block-page{align-items:center;display:flex;flex-direction:column;justify-content:center}#product_tva{background-color:rgba(255,235,228,.56);border-radius:15px;height:1rem;width:1rem}.add-product>div>div{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:start}.cart{margin-left:5vw;width:90vw}table{border-collapse:collapse;border-spacing:0;margin:1vh auto}td,th{color:#333;font-family:verdana;font-size:.9rem;font-style:normal;font-weight:400;line-height:1.5}tr{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.grid-tvam,tr{align-items:center;border-bottom:2px solid hsla(0,2%,72%,.451);display:grid;justify-items:center}.grid-tvam{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.cart-body{border-bottom:1px solid hsla(0,2%,72%,.451)}.action{display:flex;justify-content:center}.fa-check{color:green}.action-trash{padding-top:5px}.no-button{background-color:transparent;border:none}.cart-total{margin-right:5%;margin-top:2rem;text-align:end}.discount-form{align-items:center;display:flex;gap:1rem;justify-content:end;margin-top:2rem}.discount-choice{background-color:rgba(255,235,228,.56);border-radius:8px;color:#333;font-family:verdana;font-size:1rem;font-style:normal;font-weight:400;height:2rem;line-height:1.5;text-align:center;width:40%}.cart-customer{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:2rem}.p-payement,.p-total-product{color:#333;font-family:verdana;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.5;margin:1rem 0;text-align:center}.cart-payement{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:90%}.container-head-invoice,.container-name-invoice{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin-bottom:2rem}.container-head-invoice img{align-self:center;grid-row:1/3;justify-self:center;margin:3vh 5vw}.container-head-invoice h2{font-size:1rem}.container-head-invoice h2,.container-head-invoice p{justify-self:center;margin:0}.img-invoice{height:auto;width:40vw}.society{text-align:center}.table-invoice{border:solid;width:95vw}.align{text-align:center}.mar{margin:0 0 0 2vw}.pagina{align-items:center;padding-bottom:5rem}.pagina,.pagination{display:flex;gap:1rem;justify-content:center}.first,.last,.next,.page,.previous{border-style:solid;border-width:1px;padding-left:.5rem;padding-right:.5rem;text-align:center}.first a,.last a,.next a,.page a,.previous a{text-decoration:none}.first:hover,.last:hover,.next:hover,.page:hover,.previous:hover{background-color:rgba(255,235,228,.56);color:#ffebe4}.current{border-style:solid;border-width:1px;padding-left:.5rem;padding-right:.5rem;text-align:center}.current,.index-invoice{background-color:rgba(255,235,228,.56)}.index-invoice{align-items:center;border-radius:15px;display:grid;grid-template-rows:1fr 1fr 1fr;justify-content:center;justify-items:center;margin:2vh;padding:.5rem;width:90vw}.p-invoice-bold{color:#333;font-family:verdana;font-size:1rem;font-style:normal;font-weight:700;line-height:1.5}.to-invoice{background-color:#c49a6c;border-radius:5px;height:2rem;width:6rem}.invoice-date-name,.to-invoice{align-items:center;display:flex;justify-content:center}.invoice-date-name{flex-direction:column}.choice-date{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.strong-ca{font-weight:700;margin-bottom:1rem}.invoice-ca{flex-direction:column;gap:.5rem}.index-ca,.invoice-ca{align-items:center;display:flex;justify-content:center}.index-ca{background-color:rgba(255,235,228,.56);border-radius:15px;padding:.5rem;width:70vw}.two-buttons{display:flex;justify-content:space-around;margin-bottom:2vh}.alert{border:1px solid transparent;border-radius:4px;margin-bottom:20px;padding:15px}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}#product div li{color:red}@media screen and (min-width:780px){.fa-ban,.fa-check,.fa-circle-check,.fa-pen,.fa-trash-can{font-size:1.25rem;padding:0}strong{align-items:center;font-size:calc(14px + .39063vw);height:5vh;justify-content:center}.p-product,.p-product-table{font-weight:400}.p-name-table,.p-product,.p-product-table{color:#333;font-family:verdana;font-size:calc(12px + .39063vw);font-style:normal;line-height:1.5}.p-name-table{font-weight:700}h1{display:flex;left:30vw;position:fixed;top:6vh}.modal{left:25vw}.modal-content{align-content:space-between;width:73%}.modal-body{margin-top:5rem}a.edit-button-category{align-items:center;display:flex;height:3.5rem;justify-content:center;width:3.5rem}a.edit-button-category:hover{background-color:rgba(255,235,228,.56)}.btn-edit-customer:hover,.btn-edit:hover{background-color:#f9f9f9}.minus{display:inline-block}.navbar-mobile{display:none}.navbar-desktop{align-items:center;background-color:#fefefe;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;padding:0 6%;position:fixed;width:23vw;z-index:1000}.navbar-desktop ul{align-items:flex-start;display:flex;flex-direction:column;height:65%;justify-content:space-around;width:fit-content}.navbar-desktop a{color:#333;font-family:verdana;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.5}i{padding-right:1rem}.logo-desktop{display:block;height:auto;width:11.25rem}.header{align-items:center;background-color:#f9f9f9;display:flex;height:10vh;justify-content:space-between;padding-left:30%;width:100%}.a-logo-header,.logo-header{display:none}header .fa-magnifying-glass{display:flex;justify-content:space-between}.article-category{left:5%;margin:0;padding:.5rem;top:0;width:100%}.add-category{left:30vw;top:5vh;width:65vw}.add-link-customer:hover{color:#ffebe4}.form-group{left:25vw;top:6vh;width:73vw}.customer-block{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;left:30%;position:relative;top:5vh;width:60%}.twobuttons{bottom:1vh;display:flex;justify-content:center;left:25vw;position:fixed;text-align:center}article{height:auto}.block-page article{padding:1rem;position:relative;top:2vh}.add-product{left:30vw;top:5vh;width:65vw}.block-page{margin-left:23vw}.show-customer{width:60vw}.cart-title{left:58vw}.cart{left:19vw;position:relative;width:75vw}.cart-total{margin-right:9.5vw}.discount-form{align-items:center;display:flex;gap:1rem;justify-content:end;margin:2rem 9.5vw 0 0}.discount-choice{width:30%}.cart-payement{margin-bottom:2rem;width:70%}.p-payement{font-size:1.1rem}.total-invoice{margin-right:3vw}.invoice-font-size{font-size:1rem}.header-invoice{margin:2vh 2vw}.container-head-invoice h2{font-size:2rem}.table-invoice{margin-bottom:2rem}.mar{margin:0 0 5vh 2vw}.index-invoice{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;height:6rem;justify-items:stretch;margin-left:25vw;padding:.5rem;width:72%}.p-invoice-bold{font-size:1.5rem}.to-invoice{height:4rem;margin-left:1rem;width:10rem}.pagina{margin-left:25vw}.p-invoices-total{justify-self:end;margin-right:1rem}.two-buttons{display:flex;gap:1rem;justify-content:flex-start;margin-bottom:2vh;text-align:center}.ca,.two-buttons{margin-left:25vw;width:70%}}@media print{.society{margin-top:2rem}.add-button-customer,body header{display:none}.p-product{font-weight:400}.p-name-table,.p-product{color:#333;font-family:verdana;font-size:1rem;font-style:normal;line-height:1.5}.p-name-table{font-weight:700}.container-head-invoice h2{font-size:2rem}}