html, body, #app {
    height: 100%;
  }
  a:hover{
    text-decoration: none;
  }
  #app {
    min-height: 100%;
    /* display: flex; */
    /* flex-direction: column; */
  }
  .main-content {
    /* flex: 1; */
  }
  .footer {
    margin-top: -12px;
  }
  .columns.is-vcentered {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
  }
  .dashtable th{
    text-transform: capitalize !important;
  }
  .tabs {
    display: flex;
    flex-direction: column;
}

.tabs .tab-content div {
    display: none;
}

.tab-content div:first-child {
    display: block;
}
.tab-content {
  padding:1em;
}
.tabs a {
  text-decoration: none !important;
}
.tabs-links{
  margin-left: 0px !important;
}
.dashtable th a{
  text-decoration: none;
}

.x, .y {
  width: 100px;
  height: 100px;
}
.x {
  animation: x 13s linear infinite alternate;
}
.y {
  animation: y 7s linear infinite alternate;
}
.pagination svg{
  width: 40px;
  height: auto;
}
@keyframes x {
  100% {
    transform: translateX(calc(100vw - 80px));
 }
}
@keyframes y {
  100% {
    transform: translateY(calc(100vh - 220px));
 }
}

.home-container, .home-container .column, .home-container .columns{
  margin: 0;
  padding: 0;
}

  @media screen and (max-width: 768px) {
    #menu-toggle:checked + .nav-menu {
      display: block;
    }
  }