*{margin:0;padding:0;list-style:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}::-webkit-scrollbar{width:0!important}#app{width:100vw;height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media screen and (min-width:780px){#app{justify-content:space-around;flex-direction:row}}#app .top-container{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;min-height:450px}#app .top-container .ajout-container{display:flex;justify-content:center;align-items:center;flex-direction:column}#app #reference{margin-top:20px;margin-bottom:15px}#app .select-container,#app .select-fournisseur-container{display:flex;justify-content:center;align-items:center}#app .select-container button,#app .select-fournisseur-container button{display:flex;align-items:center;justify-content:center;height:100%;margin-left:10px;margin-top:0;padding:0 5px 0 5px}#app .table-container{height:50vh;overflow-y:scroll;margin-top:30px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media screen and (min-width:780px){#app .table-container{height:95vh}}#app .table-container #toutSupp{width:100%;background:red;font-weight:700}#app .referenceAAjouter-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:7vh}#app .referenceAAjouter-container .popup-container{background:rgba(0,0,0,.5);width:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;padding-bottom:5px;padding-top:5px;border-radius:10px;opacity:0;transition:opacity .2s ease}#app .referenceAAjouter-container .open-popup{opacity:1}#app .referenceAAjouter-container #referenceAAjouter{margin-bottom:10px}#app .referenceAAjouter-container .buttons{width:100vw;display:flex;justify-content:space-around;align-items:center}@media screen and (min-width:780px){#app .referenceAAjouter-container .buttons{width:350px}}#app .referenceAAjouter-container .buttons button{width:30vw}@media screen and (min-width:780px){#app .referenceAAjouter-container .buttons button{width:150px}}#app .referenceAAjouter-container .referenceAAjouterInput{font-size:1.5em;padding:5px;border-radius:10px;border:1px solid #88816e}@media screen and (max-width:550px){#app .referenceAAjouter-container .referenceAAjouterInput{width:80vw}}#app .referenceAAjouter-container .referenceAAjouterInput:focus{border:2px solid grey}#app button{font-size:1.2em;padding:5px;border-radius:10px;border:none;margin-top:5px;background:#88816e;color:#fff}#app button:active{opacity:.8}@media screen and (max-width:380px){#app button{font-size:1em}}#app select{padding:5px;border-radius:10px;background-color:#fff;border:1px solid #88816e;outline:0;font-size:1.5em}@media screen and (max-width:380px){#app select{font-size:1.2em}}#app select:focus{border:2px solid grey}#app select .elements{font-weight:700}#app .checked{color:#88816e}#app table{border:1px solid;font-size:2em;border-radius:10px}@media screen and (max-width:380px){#app table{font-size:1.5em}}#app table td{border:1px solid;padding:5px;transition:background .2s ease,color .2s ease;cursor:pointer}#app table td:hover,#app table th{background:#88816e;color:#fff}#app table th{padding:5px}#app table #left{border-radius:10px 0 0 0}#app table #right{border-radius:0 10px 0 0}#app table .dernierProduit{border-radius:0 0 0 10px}#app table .dernierFournisseur{border-radius:0 0 10px 0}#app #suppFournisseur,#app #suppProduit{background:red}