:root{--background:#d3d3d3;--second-background:#e6e6e6;--selected-item:#76e959;--shadow:grey;--bs-accordion-bg:#e6e6e6;--text-color:#000;--color-header:#f07272;--color-header-title:#f0e8e8;--color-svg:#000;--color-border:#000}.img-svg{border-radius:0;filter:var(--color-svg);height:25px;margin-right:0;width:25px}.big-img-svg{height:40px;width:40px}body{background-color:var(--background);flex-direction:column;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}body,main{display:flex}main{align-items:center;flex:1;flex-direction:column;gap:5px}img{border-radius:40%;height:40px;margin-right:5px;width:40px}input[type=number]{max-width:15%}h1{font-size:calc(1.375rem + 1vw)}h1,h2{margin:0}h3{font-size:1.25rem;margin-bottom:0;max-width:250px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.form,.section{align-self:center;background-color:var(--second-background);border-radius:10px;box-shadow:2px 5px 15px var(--shadow);display:flex;flex-direction:column;gap:10px;margin:5% auto;padding:25px;width:45%}#add-product-modal .accordion-body,#header-user,.clickable,.img-magasin-change{cursor:pointer}.delete-row-search{margin:0}#container-button{display:flex;justify-content:space-between;width:55%}.container-infos-produit{flex:1}.accordion-body>div{align-items:center;display:flex;gap:6px}.choix-magasin{align-items:center;border-radius:5px;display:flex;margin:5px}.list-group-item{margin:0 0 10px;width:20rem}main>.accordion{width:65%}main>.accordion>p{text-align:center}.accordion-body{align-items:center;background-color:var(--second-background);display:flex;justify-content:space-between;padding:12px}.accordion-button{padding:12px}.accordion-body:last-child{padding-bottom:24px}.accordion-body:first-child{padding-top:24px}.container-quantity{align-items:center;border:1px solid var(--color-border);border-radius:5px;display:flex;justify-content:space-between;margin:0 15px 0 auto}.container-quantity>.img-svg{height:20px;width:20px}.accordion-header{align-items:center;display:flex;gap:10px}.accordion-header .add-product-magasin{flex-shrink:0}.accordion-header .accordion-button{flex:1}#add-product-modal{background:rgba(0,0,0,.5);color:var(--text-color);display:none;height:100%;left:0;position:fixed;top:0;width:100%}#add-product-modal>div{background:var(--background);border-radius:5px;margin:5% auto;padding:20px;position:relative;width:70%}#product-search-input{margin-bottom:20px;padding:10px;width:100%;z-index:1}#product-search-results{max-height:600px;overflow-y:auto}#close-modal-button{background-color:inherit;border:none;box-shadow:none;font-size:x-large;position:absolute;right:10px;top:10px}.magasin-actif{background-color:var(--selected-item)}.container-magasin{justify-content:space-between}.container-magasin,.container-magasin>div{align-items:center;display:flex;width:100%}.choix-magasin{padding:2px}header{align-items:center;background-color:var(--color-header);color:var(--color-header-title);display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}header h1{display:inline;margin:0}#header-user{align-items:center;display:flex}header a{color:inherit;text-decoration:none}#image-profil{height:100px;margin:0;width:100px}#container-infos-profil,#head-profil{display:flex;flex-direction:row;gap:20px}#head-profil{align-items:center;justify-content:space-between}#container-infos-profil>h2{margin-top:15px}.form-image-profil{display:flex;flex-direction:column;gap:10px;margin-top:5%}td{max-width:175px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.form-group{flex-direction:row;justify-content:space-around}#user,.form-group{display:flex;gap:10px}#user{flex-direction:column;padding:0 0 20px 3vw}#user>div>label{margin-right:5px}@media screen and (max-width:760px) and (min-width:650px){h3{max-width:175px}}@media screen and (max-width:650px){body{font-size:12px}h1{font-size:18px}h2{font-size:14px}h3{font-size:12px;margin:0;max-width:125px}.img-svg,img{height:25px;width:25px}main .accordion-body img{margin-right:0}#add-product-modal>div{margin:12% auto;width:100%}main>.accordion{width:100%}#container-button{display:flex;justify-content:space-between;width:90%}.form,.section{margin:15% auto;width:85%}#close-modal-button{top:5px}td{height:50px;max-width:100px}}.dropdown-toggle:after{display:none}@media (min-width:1200px){.h1,h1{font-size:2rem}}[data-theme=dark]{--background:#292e33;--second-background:#39424b;--selected-item:#5eb848;--bs-accordion-bg:var(--second-background);--text-color:#dee2e6;--color-header:#363636;--color-svg:invert(1) contrast(0.8);--color-border:#fff}[data-theme=dark] .accordion-button:not(.collapsed){--bs-accordion-active-color:var(--text-color);--bs-accordion-active-bg:var(--color-header)}[data-theme=dark] .accordion-button:focus{box-shadow:0 0 0 .25rem rgba(43,44,46,.5)}[data-theme=dark] .btn-primary{background-color:var(--color-header);border-color:var(--color-header)}[data-theme=dark] .btn-primary:hover{background-color:var(--second-background)}[data-theme=dark-blue]{--background:#292e33;--second-background:#39424b;--selected-item:#5eb848;--bs-accordion-bg:var(--second-background);--text-color:#dee2e6;--color-header:#0c4b9e;--color-svg:invert(1) contrast(0.8);--color-border:#fff}[data-theme=dark-blue] .accordion-button:not(.collapsed){--bs-accordion-active-color:var(--text-color);--bs-accordion-active-bg:var(--color-header)}[data-theme=dark-blue] .accordion-button:focus{box-shadow:0 0 0 .25rem rgba(43,44,46,.5)}[data-theme=dark-blue] .btn-primary{background-color:var(--color-header);border-color:var(--color-header)}[data-theme=dark-blue] .btn-primary:hover{background-color:var(--second-background)}[data-theme=high-contrast]{--background:#212529;--second-background:#fff;--selected-item:#0f0;--bs-accordion-bg:#fff;--text-color:#fff;--color-header:red;--color-svg:invert(1) sepia(1) saturate(100000) hue-rotate(60deg) contrast(100);--bs-accordion-active-bg:#00f;--color-border:#e100ff}