html, body, #app {
   overscroll-behavior-x: none;
}

body {
  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}

.scroller-y {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  overflow-x: hidden;
  overscroll-behavior: none;
}

.snapper {
  scroll-snap-align: start end;
}

.v-navigation-drawer .router-link-exact-active .v-list-item {
  background-color:#eee;
  color:#444;
}

.v-card__title .display-2 {
  padding-top:12px;
}

.v-card__title {
  word-break: break-word !important;
}

.turn45 {
  transform: rotate(45deg);
}

.turn180 {
  transform: rotate(-180deg);
}

.main-search .v-input__slot {
  background-color: #fff !important;
}

.main-search .v-text-field__details {
  display:none;
}

.card.back {
  background: url("assets/web-pattern.png");
}

.pointer {
  cursor:pointer;
}

.graph-node {
  stroke-width:0 !important;
}


.slide-left-enter, .slide-right-leave-active {
  opacity: 0;
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
}

.slide-left-leave-active, .slide-right-enter {
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
}