#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,#nav a{color:#2c3e50}#nav a{font-weight:700}#nav a.router-link-exact-active{color:#42b983}.center[data-v-0b9046c8]{margin-left:auto;margin-right:auto}.main-content[data-v-0b9046c8]{display:flex;margin:50px;height:550px}.col-content[data-v-0b9046c8]{flex:1}.col-table[data-v-0b9046c8]{overflow:auto}input[type=search][data-v-0b9046c8]{width:20%;height:40px;transition:width .4s ease-in-out}input[type=search][data-v-0b9046c8]:focus{width:25%}.clear-btn[data-v-0b9046c8]{background-color:red;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:16px;margin-left:20px}.clear-btn[data-v-0b9046c8]:hover{opacity:.7}