#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.container{display:flex;flex-direction:column;align-items:flex-start}.tab{width:100%}.bat,.table-container{margin-bottom:10px}.table-container{padding:10px;border:1px solid #ccc;border-radius:4px}.field-container,.table-header{display:flex;align-items:center}.field-container{margin-top:5px}input[type=text]{width:40%;padding:8px 12px;margin:5px;border:1px solid #ccc;border-radius:4px}input[type=button]{margin-left:5px;padding:5px 10px;border:none;background-color:#d9534f;color:#fff;border-radius:4px;cursor:pointer}input[type=button]:hover{background-color:#c9302c}