img{width:100%;height:auto}*{font-family:Arial}h2{color:#444;font-weight:lighter}body{margin:2em}body,input[text],button{color:#888}button{font-size:14px;font-family:Arial;background-color:#eee;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;cursor:hand}button:hover{background-color:#cfd8dc}button.delete-button{float:right;background-color:gray!important;background-color:#d83b01!important;color:#fff;padding:4px;position:relative;font-size:12px}div{margin:.1em}.selected{background-color:#cfd8dc!important;background-color:#0078d7!important;color:#fff}.products{float:left;margin:0 0 2em;list-style-type:none;padding:0}.products li{cursor:pointer;position:relative;left:0;background-color:#eee;margin:.5em;padding:.5em;height:3em;border-radius:4px;width:17em}.products li:hover{color:#607d8b;color:#0078d7;background-color:#ddd;left:.1em}.products li.selected:hover{color:#fff}.products .text{position:relative;top:-3px}.products .saying{margin:5px 0}.products .name{font-weight:700}.products .badge{float:left;font-size:small;color:#fff;padding:.7em .7em 0 .5em;background-color:#607d8b;background-color:#0078d7;background-color:#86b7dd;line-height:1em;position:relative;left:-1px;top:-4px;height:3em;margin-right:.8em;border-radius:4px 0 0 4px;width:1.2em}.header-bar{background-color:#0078d7;height:4px;margin-top:10px;margin-bottom:10px}label{display:inline-block;width:4em;margin:.5em 0;color:#888}label.value{margin-left:10px;font-size:14px}input{height:2em;font-size:1em;padding-left:.4em}input::placeholder{color:#d3d3d3;font-weight:400;font-size:12px;letter-spacing:3px}.editarea{float:left}.editarea input{margin:4px;height:20px;color:#0078d7}.editarea button{margin:8px}.editarea .editfields{margin-left:12px}