.add-product .paper-container{margin-top:15px}.add-product .paper-container form{padding:15px}header .topbar{display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#7f8c8d;padding:0 1em}header .topbar h2{font-size:20px;margin:0;margin-right:15px;color:#fff;padding:0}header .topbar nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}header .topbar nav ul{display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none}header .topbar nav ul li{margin:0 2px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header .topbar nav ul li.logout{padding-left:15px}header .topbar nav ul li a{text-decoration:none;color:#fff;display:block;padding:10px 5px}header .topbar nav button.mui-flat-button{min-width:36px}.home-page table{font-size:16px}.home-page table small{font-size:70%}.home-page table tbody th{line-height:1.1}.home-page table tbody th .product-code{color:#95a5a6}form.login{padding:1em}.manage-page .product-updater{border-bottom:1px solid #95a5a6;padding:20px 0}.manage-page .product-updater:last-child{border-bottom:0}.manage-page .product-updater h3{font-size:20px;color:#2c3e50;margin-bottom:0;padding:0}.manage-page .product-updater h3 small{font-size:.7em;color:#95a5a6}.manage-page .product-updater .info{font-size:16px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.manage-page .product-updater .info div{margin-right:15px}.manage-page .product-updater .info div:last-child{margin-right:0}.manage-page .product-updater .controls{margin-top:15px}.manage-page .product-updater .controls .mui-raised-button,.manage-page .product-updater .controls button{margin-right:10px}.manage-page .product-updater .transaction-form{margin-top:15px}.manage-page .product-updater .transaction-form form{padding:15px}.manage-page .product-updater .transaction-form form>label{display:block;margin-bottom:5px;margin-left:40px;font-weight:700}.message-enter{opacity:.01;transition:opacity .5s ease-out}.message-enter.message-enter-active{opacity:1}.message-leave{opacity:1;transition:opacity .5s ease-out}.message-leave.message-leave-active{opacity:0}.message{padding:1em;font-size:1.5em;cursor:pointer}.message.message-error{background:#e74c3c;color:#fff}.slide-in-enter{opacity:.01;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:opacity 5s ease-out,-webkit-transform 5s ease-out;transition:opacity 5s ease-out,transform 5s ease-out}.slide-in-enter.slide-in-enter-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-in-leave{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,transform .5s ease-out}.slide-in-leave.slide-in-leave-active{opacity:.01;-webkit-transform:translateY(-20px);transform:translateY(-20px)}table{width:100%}table thead tr{border-bottom:2px solid #95a5a6}table tbody tr{border-bottom:1px solid #ddd}table tbody tr:nth-child(2n){background-color:#ecf0f1}table th,table td{padding:4px 6px}table.sortable thead th{cursor:pointer}table.sortable thead th.active{font-weight:700}body{font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-weight:300;font-size:16}body.web-app{padding-top:20px}body.web-app .status-bar{width:100%;height:20px;background:#7f8c8d;position:fixed;top:0}body main .app{padding:15px}