@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);html{height:100%}body{height:100%;padding:0;margin:0;background-color:#ebfbf9}body *{color:#009a87;font-family:'Roboto', 'Georgia', 'Arial'}#react-root{position:absolute;width:100%;height:100%}.productColumns{display:flex}header{width:100%;display:flex;padding:20px;border-bottom:1px solid #009a87;background-color:white;box-sizing:border-box}h1,h2,h3,h4{margin-block-start:0;margin-block-end:0;margin:0}.productList{margin:10px;padding:10px}.productListItems{display:flex;flex-direction:column;margin-top:10px}.productListItem{padding:10px;border:1px solid #ebfbf9;cursor:pointer;color:white;background-color:#009a87}.productListItem.selected{background-color:White;color:#009a87}button{border:1px solid #009a87;padding:10px;background-color:#009a87;color:#ebfbf9;margin-top:10px;margin-bottom:10px;cursor:pointer}.editingBox{margin:10px;padding:10px}.editingBoxForm{margin-top:10px;display:flex;flex-direction:column;width:500px}.editingBoxForm label{display:flex;flex-direction:column}.editingBoxForm input{padding:10px;border:1px solid #009a87;margin-top:5px;margin-bottom:5px}.errorLabel{margin:5px;line-height:1;color:red}#modal-root{position:absolute;left:0;top:0}.modalBack{width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s}.modalBack.showing{opacity:1;transition:opacity .2s}.modalBack .modalBox{border-radius:5px;padding:10px;background-color:white;width:auto;height:auto}