html { overflow-y: scroll; } .non-selectable { -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ } .selectable { -webkit-user-select: text; /* Safari 3.1+ */ -moz-user-select: text; /* Firefox 2+ */ -ms-user-select: text; /* IE 10+ */ user-select: text; /* Standard syntax */ } .non-draggable { -webkit-user-drag: none; user-drag: none; } .no-animation *, .no-animation :before, .no-animation :after { transition: none !important; animation: none !important; } ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 6px; } .theme--light ::-webkit-scrollbar-thumb { background-color: #cccccc; } ::-webkit-scrollbar-corner { background-color: transparent; } ::-webkit-scrollbar-button { display: none; } .tabbar-card { position: sticky; top: 64px; z-index: 3; } .tabbar-card .v-tabs .v-tab { text-transform: none !important; } @media (max-width: 959px) { .tabbar-card { top: 56px; margin-top: -16px; margin-left: -16px; margin-right: -16px; } } .tabbar-tabicon { margin-right: 12px; } .tutorial-enabled .tutorial-element { position: relative; } .tutorial-enabled .tutorial-element::after { content: ''; border: red solid 2px !important; border-radius: 4px; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; pointer-events: none; } .tutorial-enabled .tutorial-border::after { top: 0; bottom: 0; left: 0; right: 0; } .tutorial-enabled .tutorial-border::before { bottom: -11px !important; left: 45% !important; } .tutorial-enabled .tutorial-switch::before { left: 165px !important; } .tutorial-enabled .tutorial-label::before { left: 65px !important; top: -2px !important; } .tutorial-enabled .tutorial-no-border::after { border: none !important; } .tutorial-enabled .tutorial-element.element-icon::after { border-radius: 50%; } .tutorial-enabled .tutorial-element::before { font-weight: bold; content: var(--label-number); opacity: 1; border-radius: 50%; border: 2px solid red; color: white; width: 24px; height: 24px; text-align: center; position: absolute; font-size: larger; background-color: red; z-index: 13; top: auto; bottom: auto; left: auto; right: auto; display: flex; align-items: center; justify-content: center; } .tutorial-enabled .tutorial-element.label-top-left::before { top: -5px; left: -10px; } .tutorial-enabled .tutorial-element.label-top-right::before { top: -5px; right: -10px; } .tutorial-enabled .tutorial-element.label-bottom-left::before { bottom: -5px; left: -10px; } .tutorial-enabled .tutorial-element.label-bottom-right::before { bottom: -5px; right: -10px; } .tutorial-enabled .tutorial-element.label-top::before { top: -14px; } .tutorial-enabled .tutorial-element.label-bottom::before { bottom: -14px; } .tutorial-enabled .tutorial-element.label-left::before { left: -14px; } .tutorial-enabled .tutorial-element.label-far-left::before { left: -30px; } .tutorial-enabled .tutorial-element.label-far-bottom::before { bottom: 25px; } .tutorial-enabled .tutorial-element.label-right::before { right: -14px; } /* Vuetify overwrites */ .container { padding: 24px; } .v-tab { min-width: auto; } .v-tabs-items { background-color: transparent !important; } .v-dialog > .v-card > .v-card__text { padding: 16px 24px; } .theme--dark .v-tooltip__content { background: white; color: black; }