.cursor-pointer {
  cursor: pointer; }

.responsive-img {
  max-width: 100%;
  height: auto;
  width: auto; }

.word-break {
  word-wrap: break-word; }

.elevation-inset-20 {
  box-shadow: inset black 0 0 20px !important; }

.elevation-inset-2 {
  box-shadow: inset #3b3b3b 0 -1px 2px !important; }

.center-cropped-50 {
  object-position: center;
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat; }

.text-elevation-5 {
  text-shadow: black 1px 1px 2px; }

.small-badge {
  cursor: default; }
  .small-badge .badge__badge {
    font-size: 12px;
    width: 20px;
    height: 20px; }
  .small-badge.highlight:hover {
    cursor: pointer;
    text-shadow: black 1px 2px 3px; }
    .small-badge.highlight:hover i {
      text-shadow: red 1px 2px 3px; }

.small-badge2 {
  position: absolute !important;
  right: 40px; }
  .small-badge2 .badge__badge {
    font-size: 12px;
    width: 20px;
    height: 20px; }
  .small-badge2:hover {
    text-shadow: #858585 0px 0px 1px; }

.elevation-0 {
  box-shadow: unset; }

.artikel {
  padding: 5px;
  padding-bottom: 15px;
  position: absolute;
  bottom: 0px;
  right: 10px;
  color: #3e3e3e;
  cursor: pointer;
  font-size: 12px; }
  .artikel:hover {
    color: grey; }

.grey--text-field > div, .grey--text-field > div {
  transition: 1s; }
  .grey--text-field > div input, .grey--text-field > div textarea, .grey--text-field > div input, .grey--text-field > div textarea {
    box-shadow: inset #c7bfbf 0 0 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 20px; }

.invisible {
  visibility: hidden; }

.hidden {
  display: none; }

.top-nav-link {
  text-decoration: none; }
  .top-nav-link:not(.router-link-exact-active):hover {
    margin-top: -2px;
    background: rgba(0, 0, 0, 0.13);
    color: white;
    border-top-right-radius: 10px;
    box-shadow: 0 0 3px black;
    transition: .3s; }
    .top-nav-link:not(.router-link-exact-active):hover span {
      color: black; }

.white-bg {
  background: rgba(255, 255, 255, 0.7); }

.round-3 {
  border-radius: 3px; }

.no-bg {
  background-color: unset !important; }

.router-link {
  text-decoration: none; }

.mobile .v-toolbar__content .router-links-top-list a:not(.router-link-exact-active) span {
  display: none; }

.v-image__image, .v-image__placeholder {
  transition: .4s ease-in-out; }

.application a.router-link-exact-active:not(.left-nav) {
  text-decoration: none;
  cursor: default;
  color: white;
  box-shadow: -1px 2px 4px black;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-image: linear-gradient(to bottom right, grey, darkgrey); }
.application a.router-link-exact-active .v-icon {
  color: white; }
.application a.router-link-exact-active .list__tile--link:hover {
  cursor: default; }
.application a.router-link-exact-active > li {
  padding-left: 15px;
  background: rgba(0, 0, 0, 0.17);
  box-shadow: rgba(0, 0, 0, 0.59) 0 0 5px inset; }

:not(.router-link-exact-active) .list__tile--link:hover {
  background: unset; }

a.router-link:not(.router-link-exact-active):hover {
  text-shadow: #1e1e1e 1px 1px 1px;
  box-shadow: inset black 1px 1px 10px; }

:not(.router-link-exact-active) .list__tile:hover {
  color: #c7c7c7;
  transition: color 0s; }

a:not(.router-link-exact-active) .list__tile--link:hover {
  box-shadow: inset rgba(0, 0, 0, 0.2) 0 0 10px;
  padding-top: 1px;
  background: rgba(0, 0, 0, 0.05); }

.inset-elevation-3 {
  box-shadow: inset black 0 0 3px; }

.inset-elevation-5 {
  box-shadow: inset black 0 0 5px; }

.inset-elevation-15 {
  box-shadow: inset black 0 0 15px; }

.max-width-100 {
  max-width: 100px; }

.max-width-200 {
  max-width: 200px; }

.margin-auto {
  margin: auto; }

.float-right {
  float: right; }

.underline {
  text-decoration: underline; }

.responsive-img {
  max-width: 100%;
  height: auto; }

.circle {
  border-radius: 50%; }

.width-70px {
  width: 70px; }

.float-right {
  float: right; }

.center-cropped-100 {
  object-position: center;
  /* Center the image within the element */
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat; }

.center-cropped-50 {
  object-position: center;
  /* Center the image within the element */
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat; }

.cursor-default {
  cursor: default; }

.cursor-pointer {
  cursor: pointer; }

.black-link a {
  color: black !important; }

.show-on-hover {
  height: 0px; }
  .show-on-hover:hover p.hover-item {
    font-size: 9px;
    transition-duration: .3s;
    padding: 2px; }
  .show-on-hover p {
    position: absolute;
    margin-top: -10px;
    font-size: 0px; }

.break-word {
  word-wrap: break-word; }

.application--dark span.btn {
  padding: 10px;
  cursor: pointer; }
  .application--dark span.btn:hover {
    background-color: #343434 !important;
    box-shadow: #161515 0px 2px 3px; }

.fullHeight {
  height: 100%; }

.fullScreenHeight {
  wh: 100%; }

.dialog__activator .btn--floating {
  z-index: 0; }

[red] {
  font-style: italic;
  text-decoration: underline; }

[id*="v-dialog-"] {
  height: 100vh; }

.fixed-card-actions {
  top: 0;
  right: 15%;
  width: auto;
  z-index: 9; }

.dialog:not(.dialog--fullscreen) {
  max-height: 100% !important; }

.application--dark .fixed-card-actions .btn.btn--disabled {
  color: #a0a0a0 !important; }

.card-header-affix {
  width: 70.6%;
  z-index: 1; }

.pt-7 {
  padding-top: 70px !important; }

.full-height-dialog .dialog--active .card {
  height: 100vh !important; }

form.small-font .input-group label {
  font-size: 12px; }

div.flex.black--text.input-group.input-group--dirty.input-group--text-field.primary--text > div.input-group__input > input[type="text"] {
  color: black !important; }

div.flex.lg11.mx-3.black--text.input-group.input-group--dirty.theme--dark.input-group--text-field.primary--text > label {
  color: #b2b2b2 !important; }
div.flex.lg11.mx-3.black--text.input-group.input-group--dirty.theme--dark.input-group--text-field.primary--text input {
  border-bottom: 1px solid #b2b2b2 !important; }

.flexClass.light div.editableDiv {
  min-height: 25px;
  border-bottom: #c7c7c7 .5px solid; }
  .flexClass.light div.editableDiv:hover {
    border-bottom: #ffffff .5px solid; }

.action-td .btn {
  min-width: unset;
  border-radius: 50%; }
.action-td .btn__content {
  flex: unset;
  padding: 0 8px !important; }
  .action-td .btn__content i {
    font-size: 20px;
    background: unset; }

span.btn:hover {
  background: #171616;
  cursor: pointer;
  box-shadow: 2px 3px 0px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.round-btn .btn__content {
  padding: 10px !important; }
.round-btn.btn {
  min-width: unset !important;
  height: unset !important; }

.action-td {
  width: 150px;
  padding: 0 10px 0 0; }
  .action-td button {
    margin-left: 0;
    margin-right: 0; }
    .action-td button .icon {
      font-size: 20px; }

[red] {
  color: #fdaeff;
  text-shadow: 1px 1px 7px #000; }

a.router-link:not(.router-link-exact-active).no-shadow:hover {
  box-shadow: unset; }

.user-admin-table table tr > th:nth-of-type(6) {
  padding-left: 48px; }

.editr--toolbar .dashboard {
  color: black; }

.short-text .editr--content {
  height: 50px;
  overflow: scroll;
  min-height: unset; }

.center-input input {
  text-align: center; }

.input-div {
  border-bottom: 1px solid #757575;
  padding-bottom: 5px;
  max-height: 24px;
  overflow: hidden;
  font-size: 13px; }

.max-text-height-1, .max-text-height-1 * {
  max-height: 24px;
  overflow: hidden;
  font-size: 13px; }

.icon-for-label {
  border-radius: 50%;
  height: 100%;
  display: inline-block;
  padding: 5px;
  cursor: pointer; }
  .icon-for-label:hover {
    background: #3c37fd; }

.icon-for-label {
  height: 100%;
  display: inline-block;
  padding: 5px;
  cursor: pointer; }
  .icon-for-label:not(.not-round) {
    border-radius: 50%; }
  .icon-for-label:not(.dark):hover {
    background: rgba(36, 79, 165, 0.45); }
  .icon-for-label.dark:hover {
    background: #3c37fd;
    border-radius: 5px; }

.text--elevation-black-0 {
  text-shadow: #323232 0 0 3px; }

.transparent--icon i {
  background: transparent !important;
  text-shadow: black 0 0 3px; }

.trimmed-div {
  height: 24px;
  overflow: hidden; }
  .trimmed-div * {
    height: 0px; }
  .trimmed-div::after {
    content: '...'; }

.border-bottom-edit-div {
  border-bottom: 1px solid black;
  transition-duration: .1s;
  transition-timing-function: ease; }
  .border-bottom-edit-div:hover {
    padding-bottom: 2px;
    cursor: text;
    border-bottom: .1px solid #1732af; }

.timetable {
  font-size: 13px; }
  .timetable .table-input-field {
    cursor: default; }
  .timetable .table-hover:hover {
    background: #ffffff4d;
    cursor: text; }
  .timetable .border-bottom {
    border-bottom: .5px solid transparent;
    max-width: 100%; }
  .timetable .border-bottom-0 {
    border-bottom: .5px solid transparent;
    padding-right: 15px; }
  .timetable .border-bottom-3 {
    border-bottom: 3px solid transparent;
    padding-right: 15px; }
  .timetable .border-bottom-03 {
    border-bottom: .3px solid transparent;
    padding-right: 15px; }
  .timetable .clicked {
    height: 100%;
    background: red; }
  .timetable .days > div.layout {
    box-shadow: inset #ababab 0px -0.5px 1px;
    padding: 5px 5px 15px; }
  .timetable .time {
    background: grey; }
    .timetable .time > .layout.wrap {
      padding-top: 8px;
      padding-left: 3px; }
  .timetable .small-sub {
    font-size: .7em;
    word-break: keep-all;
    white-space: nowrap;
    color: #464444; }
  .timetable .white--text .small-sub {
    color: white; }
  .timetable .category {
    color: black;
    width: 25px;
    border-radius: 50%; }

.align-right {
  text-align: right; }

.border-right-1 {
  border-right: 1px white; }

.tiny-font.input-group {
  font-size: 10px;
  padding: 0; }
  .tiny-font.input-group label {
    text-align: center; }
  .tiny-font.input-group .input-group__input {
    text-align: center; }
  .tiny-font.input-group .input-group__details, .tiny-font.input-group .input-group__selections, .tiny-font.input-group i.input-group__append-icon {
    display: none; }
  .tiny-font.input-group i.input-group__prepend-icon {
    min-width: unset;
    margin: auto; }

.caption-2 {
  font-size: 11px !important;
  font-weight: 400; }

.ux-click .list__tile {
  padding: 0px; }
  .ux-click .list__tile:hover {
    background: rgba(0, 0, 0, 0.04); }
  .ux-click .list__tile .list__tile__title.ux-click {
    padding: 8px 16px;
    height: 100%; }
    .ux-click .list__tile .list__tile__title.ux-click:hover {
      background: rgba(0, 0, 0, 0.04); }

.grid {
  display: grid;
  grid-gap: 5px; }
  .grid p {
    text-align: justify;
    hyphens: auto; }

.grid.fr2 {
  grid-template-columns: repeat(1, 1fr); }

.grid.fr3 {
  grid-template-columns: repeat(1, 1fr); }

@media all and (min-width: 720px) {
  .grid.fr2 {
    grid-template-columns: repeat(2, 1fr); }

  .grid.fr3 {
    grid-template-columns: repeat(3, 1fr); } }
@media all and (max-width: 720px) {
  #app > div.application--wrap > nav > div > button.v-btn.v-btn--flat.v-btn--icon.v-btn--large.theme--light {
    position: absolute;
    right: 15px; } }
.min-60 {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100vw;
  overflow: auto; }

.v-card__title {
  max-width: 100%;
  overflow: auto; }

.btn--round, .btn--round:after {
  border-radius: 28px; }

/*# sourceMappingURL=custom.css.map */