/* Theme stuff */
.background {
    color: var(--on-background);
    background-color: var(--background-color);
}

.theme--light.v-application {
    background-color: var(--background-color) !important;
}

.theme--light.v-input input,
.theme--light.v-input,
.theme--light.v-label,
.theme--light.v-input .theme--light.v-icon,
.v-btn--round .v-btn__content .v-icon,
.theme--light.v-select .v-select__selection--comma {
    color: var(--on-background-high);
}

.theme--light.v-text-field > .v-input__control > .v-input__slot::before {
    border-color: var(--on-background-high);
}

.theme--light.v-text-field:not(.v-input--has-state):hover > .v-input__control > .v-input__slot::before {
    border-color: var(--on-background);
}

.appbar_extension {
    background-color: var(--background-color);
}

.pglink {
    color: var(--v-primary);
}

.pgoutlined {
    border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))!important;
    background-color: white!important;
    color: black !important;
}

.appbar_extension .theme--light.v-tabs > .v-tabs-bar,
.primary .theme--light.v-btn::before,
.v-btn.secondary .theme--light.v-icon,
.v-card .theme--light.v-icon {
    background-color: transparent !important;
}

.transparent.theme--light.v-tabs > .v-tabs-bar,
.transparent.theme--light.v-list {
    background-color: transparent;
}

.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) {
    color: var(--on-background);
}

.surface,
.theme--light.v-card,
.theme--light.v-list,
.theme--light.v-data-table,
.theme--light.v-skeleton-loader .v-skeleton-loader__actions,
.theme--light.v-skeleton-loader .v-skeleton-loader__article,
.theme--light.v-skeleton-loader .v-skeleton-loader__card-heading,
.theme--light.v-skeleton-loader .v-skeleton-loader__card-text,
.theme--light.v-skeleton-loader .v-skeleton-loader__date-picker,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item-avatar,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item-text,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item-three-line,
.theme--light.v-skeleton-loader .v-skeleton-loader__list-item-two-line,
.theme--light.v-skeleton-loader .v-skeleton-loader__table-heading,
.theme--light.v-skeleton-loader .v-skeleton-loader__table-tbody,
.theme--light.v-skeleton-loader .v-skeleton-loader__table-tfoot,
.theme--light.v-skeleton-loader .v-skeleton-loader__table-thead {
    background-color: var(--surface-color);
    color: var(--on-surface);
}

.theme--light.v-card .v-card-subtitle,
.theme--light.v-card > .v-card__text {
    background-color: transparent;
    color: var(--on-surface);
}

.on-surface-low,
.theme--light.v-data-table .v-data-table-header th.sortable .v-data-table-header__icon {
    color: var(--on-surface-low);
}

.theme--light.v-icon,
.theme--light.v-data-table thead tr th,
.theme--light.v-data-table .v-data-table-header th.sortable:hover,
.v-sheet .theme--light.v-input input,
.v-card .theme--light.v-icon,
.v-sheet .theme--light.v-input,
.v-sheet .theme--light.v-label,
.v-sheet .theme--light.v-input .theme--light.v-icon {
    color: var(--on-surface);
}

.v-sheet .theme--light.v-text-field > .v-input__control > .v-input__slot::before {
    border-color: var(--on-surface);
}

.v-sheet .theme--light.v-text-field:not(.v-input--has-state):hover > .v-input__control > .v-input__slot::before {
    border-color: var(--on-surface-high);
}

.theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background-color: var(--surface-color);
}

.theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td {
    position: relative;
}

.theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td::before {
    pointer-events: none;
    background-color: var(--v-primary);
    content: "";
    opacity: 0.05;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.v-expansion-panel-content__wrap .theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td::before,
.v-dialog .theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td::before {
    background-color: transparent;
    opacity: 1;
    position: static;
}

.v-theme--myCustomTheme.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),
.ql-editor {
    color: var(--on-secondary) !important;
}

.on-surface-high,
.v-btn--round .v-btn__content .v-icon.on-surface-high,
.theme--light.v-card .v-card-title {
    color: var(--on-surface-high);
}

.primary, .primary.theme--light.v-sheet,
.primary .theme--light.v-btn.v-btn--icon,
.primary .theme--light.v-btn,
.primary .v-btn--round .v-btn__content .v-icon,
.primary .theme--light.v-icon,
.v-btn:not(.v-btn--outlined).primary {
    color: var(--on-primary-high);
}

.secondary, .secondary .theme--light.v-icon {
    color: var(--on-secondary) !important;
}

.secondary,
.secondary .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),
.secondary .v-list .v-list-item--active,
.secondary .theme--light.v-list,
.secondary.theme--light.v-bottom-navigation {
    background-color: var(--v-secondary-base);
}

.secondary.theme--light.v-bottom-navigation .v-btn:not(.v-btn--active)  {
    color: var(--on-secondary) !important;
}

.secondary .primary .theme--light.v-icon {
    color: var(--on-secondary-high) !important;
}

.pagetoolbar .theme--light.v-divider, .submenu .v-divider--vertical {
    border-color: var(--on-secondary-low) !important;
}

.secondary .v-list-item--active,
.secondary .v-list-item--active .v-icon,
#submenu .v-list .v-list-item--active,
#submenu .v-list .v-list-item--active .v-icon,
#submenu .a .v-list-item--active,
#submenu .a .v-list-item--active .v-icon,
#navmenu .v-list .v-list-item--active,
#navmenu .v-list .v-list-item--active .v-icon,
#navmenu .a .v-list-item--active,
#navmenu .a .v-list-item--active .v-icon {
	color: var(--v-primary) !important; 
}

#submenu .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled),
#submenu .theme--light.v-list-item .v-list-item__action-text,
.theme--light.v-list-item .v-list-item__subtitle {
	color: var(--on-secondary) !important;
}

#navmenu .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
	color: var(--on-secondary) !important;
}

.v-sheet .theme--light.v-select .v-select__selection--comma,
.high-emphasis,
.high-emphasis.theme--light.v-card > .v-card__text,
.high-emphasis.v-sheet .theme--light.v-label,
.high-emphasis.theme--light.v-card {
    color: var(--on-surface-high);	
}

.v-list-item.section {
    border-bottom: 5px solid var(--v-primary);
    padding-top: 5px;
    padding-bottom: 5px;
}

.v-list-item.contrasted::before {
    background-color: var(--v-primary);
    content: "";
    opacity: 0.05;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.v-dialog--fullscreen .background {
    min-height: 100vh;
}

/* Side menu */
.v-navigation-drawer .v-list--nav {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 0;
}

.v-navigation-drawer .v-list--dense .v-list-item,
.v-navigation-drawer .v-list--nav .v-list-item::before {
    padding-top: 4px;
    padding-bottom: 4px;
}

.v-list--nav.v-list--dense .v-list-item {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.v-navigation-drawer--mini-variant .v-list--nav.v-list--dense .v-list-item {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.v-navigation-drawer--mini-variant .v-list--nav.v-list--dense .v-list-item:not(:last-child):not(:only-child) {
    margin-top: 4px;
    margin-bottom: 4px;
}

.v-navigation-drawer.v-navigation-drawer--mini-variant .v-list--dense .v-list-item .v-list-item__icon {
    margin-left: 0;
}

.v-navigation-drawer .v-list--dense .v-list-item .v-list-item__icon {
    margin-left: 6px;
    margin-bottom: 6px;
}

.miniburger {
	left: 70%;
    font-size: 0.6rem !important;
    bottom: 6px;
	position: absolute !important;
}

.v-tooltip__content.nav_tip {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.v-tooltip__content.nav_tip::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent var(--v-primary) transparent transparent;
}

#navmenu .v-list-item:hover .theme--light.v-icon {
    color: var(--v-primary) !important;
}

#navmenu .v-list-item:hover::before:not(.v-list-item--active) {
    background: none;
}

.v-navigation-drawer__content .loginlogo {
    height: 20px;
    margin-left: 11px;
    margin-top: 14px;
}

/* Top menu */
@media (max-width: 599px) {
    .v-toolbar__content .v-btn:not(.v-btn--round).v-size--default {
        width: 36px;
        min-width: 36px;
    }

    .v-app-bar .v-toolbar__content {
        justify-content: left;
    }

    .v-app-bar .menusection,
    .v-app-bar .menusection.text-center {
        width: auto;
    }
    
    .v-app-bar .menusection.text-right {
        margin-left: auto;
    }
}

.v-application--is-ltr .v-toolbar__content > .v-btn.v-btn--icon:first-child {
    margin-left: -6px !important;
}

.v-app-bar .v-btn:not(.v-btn--round).v-size--default {
    padding: 0;
    margin-right: 20px;
}

.v-app-bar .menusection .v-btn.v-btn--flat::before {
    background-color: transparent;
}

.v-app-bar .avatartext{
    font-size: 0.9rem;
    font-weight: 300;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.v-app-bar .v-btn:not(.v-btn--round).v-size--default.appbarrightbtn {
    margin-right: -16px;
    margin-top: -6px;
}

@media (max-width: 599px) {
    .v-app-bar .v-btn:not(.v-btn--round).v-size--default.appbarrightbtn {
        margin-right: -8px;
    }
}

.notification_menu.v-menu__content {
    max-width: calc(100% - 1.4rem);
}

.notification_menu .theme--light.v-subheader {
    color: var(--on-surface-high);
    font-size: 1.2rem;
}

.notification_menu .v-list-item__title {
    font-size: 0.8rem;
    text-overflow: none;
    overflow: visible;
    white-space: normal;
}

.notification_menu .v-list-item__subtitle {
    font-size: 0.675rem;
}

.center_nav_logo {
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto; 
    width: 160px;
}

.center_nav_logo.with_offset {
    left: 32px;
}

/* Sub menu */

.appbar_extension {
    z-index: 2;
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
}

.appbar_extension.drawer_active {
    left: 68px;
    width: calc(100% - 68px);
}

.submenu {
    width: 100%;
}

.submenu.withchips {
    height: 4.6rem;
}

.v-tabs-bar.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-tabs-bar--show-arrows):not(.v-slide-group--has-affixes) .v-slide-group__prev {
    display: none;
    min-width: 0;
    position: relative;
    right: 0;
    flex: 0;
}

.submenu .coins {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 14px;
}

.submenu.slimmed .coins {
    margin-top: 0;
}

.submenu .coins .coindisplay {
    white-space: nowrap;
}

.v-container.cardlistcontainer {
    padding-top: 76px;
}

.submenu .v-divider--vertical {
    margin-top: 8px;
    min-height: 2rem;
    max-height: 2rem;
}

@media (max-width: 959px) {
    .submenu .coins {
        position: relative;
        margin-top: 0;
        left: 0.5rem;
        top: 0;
        transform: none;
    }

    .appbar_extension.drawer_active {
        left: 0;
        width: 100%;
    }

    .v-container.cardlistcontainer {
        padding-top: 96px!important;
    }

}

@media (max-width: 599px) {
    .submenu .coins .d-flex {
        justify-content: start;
    }
    
    .submenu.withchips {
        height: 7.4rem;
    }
    
    .submenu .v-divider--vertical {
        margin-top: 0;
    }

    .appbar_extension {
        top: 56px;
    }
}

.submenu.slimmed {
    height: 2rem;
}

.v-alert--outlined.error--text {
    background-color: var(--v-error-lighten5) !important;
    font-size: 0.9rem;
}

.warning_after_appbar {
    top: 4.5rem;
    left: 0; 
    right: 0;
    width: 35rem;
    max-width: 100vw;
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
}

.v-application .warning_after_appbar a {
    color: var(--v-error-base);
}

/* Profile menu */
.profile_menu.v-list--dense .v-list-item  .v-list-item__title {
    line-height: 1.2rem;
    font-size: 0.9rem !important;
    color: var(--on-surface);
}

.profile_menu.v-list--dense .v-list-item .v-list-item__title.profile_title {
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: var(--on-surface-high);
}

.profile_menu.v-list--dense .v-list-item:last-child .v-list-item__title {
    color: var(--on-surface-high);
}

.profile_menu .v-list-item--link::before {
    background-color: transparent;
    position: static;
}

/* Addtional fixed things */
.pagetoolbar {
    position: fixed;
    top: 72px;
    right: 0;
    z-index: 2;
}

.pagetoolbar .v-divider--vertical {
    height: 2rem;
}

.appbaraction {
    position: fixed;
    top: 11px;
    right: 0;
    z-index: 2005;
}

.v-chip.v-size--x-small .v-icon {
    font-size: 0.6rem;
}

@media (max-width: 959px) {
    .pagetoolbar {
        top: 58px;
    }
}

@media (max-width: 599px) {
    .pagetoolbar {
        top: 106px;
    }
}

.v-chip-group.justify-end .v-slide-group__content {
    justify-content: end;
}

/* Web store item list */
.shopcard .v-card-title {
    font-size: 1rem;
    word-break: keep-all;
}

.templatecard .v-card-title {
    word-break: keep-all;
}

.templatecard .v-card-subtitle {
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.775rem;
    word-break: keep-all;
    white-space: normal;
    overflow: visible;
}

.shopcard .v-card-subtitle {
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.775rem;
    word-break: keep-all;
    white-space: normal;
    overflow: visible;
}

.small {
    font-size: 0.7rem;
}

.small .v-icon.v-icon {
    font-size: 1rem;
}

.label.small {
    font-size: 0.7rem;
}

.coin {
    margin-top: -3px;
}

.splash {
    height: calc(100vh - 240px);
}

/* Image upload */
.imgpreview {
    height: 8rem;
    width: 100%;
    margin-left: 5px;
    overflow: hidden;
}

.splash .v-img__img {
    opacity: 0.2;
}

/* Settings menu */
.settingsmenu {
	float: left;
}

.settingsmenu_btn {
  margin-left: 12px;
  margin-top: -4px; 
}

#submenu .v-list .v-list-item--active, .v-list .v-list-item--active .v-icon {
	color: var(--v-primary)!important; 
}

/* Quest */
.v-card .iconcardimg {
    overflow: hidden;
}

#submenu .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
	color: var(--on-secondary) !important;
}

#submenu .theme--light.v-list-item .v-list-item__action-text,
.theme--light.v-list-item .v-list-item__subtitle {
	color: var(--on-secondary) !important;
}

#navmenu .v-list .v-list-item--active, .v-list .v-list-item--active .v-icon {
	color: var(--v-primary) !important; 
}

#navmenu .a .v-list-item--active, .a .v-list-item--active .v-icon {
	color: var(--v-primary) !important; 
}

#navmenu .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
	color: var(--on-secondary) !important;
}

#submenu .v-list--dense .v-list-item .v-list-item__subtitle,
#navmenu .v-list--dense .v-list-item .v-list-item__subtitle,
.v-list--dense .v-list-item .v-list-item__title,
.v-list-item--dense .v-list-item__subtitle,
.v-list-item--dense .v-list-item__title {
	font-size: 1rem !important;
	font-weight: 400 !important;
}

#submenu .v-list--density-dense .v-list-item .v-list-item-subtitle,
#navmenu .v-list--density-dense .v-list-item .v-list-item-subtitle,
.v-list--density-dense .v-list-item .v-list-item-title,
.v-list-item--density-compact .v-list-item-subtitle,
.v-list-item--density-compact .v-list-item-title {
	font-size: 1rem !important;
	font-weight: 400 !important;
}

.v-sheet .theme--light.v-select .v-select__selection--comma {
    color: var(--on-surface-high);	
}

.mobile_table .before_action,
.mobile_table.theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td.before_action {
    width: initial;
    position: absolute;
    right: 2rem;
    top: 0;
    z-index: 1;
}

.v-progress-circular__content,
.v-progress-circular__info {
    font-size: 0.6rem;
}

.v-card .iconcardimg {
    overflow: hidden;
}

.v-card .iconcardimg .v-icon.v-icon {
    width: 100%;
    font-size: 2.6rem;
}

.editor-medium .ql-container {
    min-height: 20rem;
}

.ql-video, .v-card .container iframe {
    width: 100%;
    height: 20rem;
    border: none;
}

.ql-font-roboto {
    font-family: 'Roboto', sans-serif;
}

.ql-font-georgia {
    font-family: Georgia, serif;
}

.ql-font-palatino {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.ql-font-times {
    font-family: "Times New Roman", Times, serif;
}

.ql-font-arial {
    font-family: Arial, Helvetica, sans-serif;
}

.ql-font-arialblack {
    font-family: "Arial Black", Gadget, sans-serif;
}

.ql-font-comic {
    font-family: "Comic Sans MS", cursive, sans-serif;
}

.ql-font-impact {
    font-family: Impact, Charcoal, sans-serif;
}

.ql-font-lucida {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.ql-font-tahoma {
    font-family: Tahoma, Geneva, sans-serif;
}

.ql-font-trebuchet {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.ql-font-verdana {
    font-family: Verdana, Geneva, sans-serif;
}

.ql-font-courier {
    font-family: "Courier New", Courier, monospace;
}

.ql-font-lucidaconsole {
    font-family: "Lucida Console", Monaco, monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="roboto"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="roboto"]::before {
    font-family: 'Roboto', sans-serif;
    content: "Roboto";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="georgia"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before {
    font-family: Georgia, serif;
    content: "Georgia";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="palatino"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="palatino"]::before {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    content: "Palatino Linotype";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="times"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="times"]::before {
    font-family: "Times New Roman", Times, serif;
    content: "Times New Roman";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"]::before {
    font-family: Arial, Helvetica, sans-serif;
    content: "Arial";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arialblack"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arialblack"]::before {
    font-family: "Arial Black", Gadget, sans-serif;
    content: "Arial Black";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="comic"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="comic"]::before {
    font-family: "Comic Sans MS", cursive, sans-serif;
    content: "Comic Sans MS";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="impact"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="impact"]::before {
    font-family: Impact, Charcoal, sans-serif;
    content: "Impact";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lucida"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lucida"]::before {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    content: "Lucida Sans";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="tahoma"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="tahoma"]::before {
    font-family: Tahoma, Geneva, sans-serif;
    content: "Tahoma";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="trebuchet"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="trebuchet"]::before {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    content: "Trebuchet MS";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="verdana"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before {
    font-family: Verdana, Geneva, sans-serif;
    content: "Verdana";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="courier"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="courier"]::before {
    font-family: "Courier New", Courier, monospace;
    content: "Courier New";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lucidaconsole"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lucidaconsole"]::before {
    font-family: "Lucida Console", Monaco, monospace;
    content: "Lucida Console";
}

.theme--light.v-sheet.activitycard {
    border-top: 5px solid var(--v-primary);
}

.v-input.small_inline {
    flex-basis: 40px;
    flex-grow: 0.2;
}

.questiscorrectbtn {
    width: 141px;
}

.publishtext {
    font-size: 0.8rem;
}

.iconplaceholder {
    width: 24px;
}

.tableofcontents .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) .v-list-item__title {
    color: var(--on-surface-high) !important;
}

.tableofcontents.v-list .v-list-item--active .v-list-item__title {
    color: var(--on-surface-high);
    font-weight: bold;
    white-space: pre-wrap;
}

.theme--light.v-navigation-drawer .tableofcontents .v-divider {
    border-color: var(--v-primary);
    border-radius: 0;
    border-bottom-width: 4px;
}

.activitycomplete {
    text-decoration: underline;
}

.imgprogress {
    height: 180px;
    width: 180px;
}

.imgprogress > div {
    height: 180px;
    width: 180px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.imgprogress img {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 178px;
    width: 178px;
}

.imgprogress svg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(90deg) scaleX(-1);
}

@keyframes img-progress {
    0% { stroke-dasharray: 101 100; }
}

.imgprogress svg circle {
    fill: transparent;
    stroke: var(--surface-low-color);
    stroke-width: 32;
    animation: img-progress 1s linear;
}

.quill_display img {
    max-width: 100%;
}

.widgetboard_editmenu {
	position: absolute;
    top: 25px;
    right: 18px;
    z-index: 10;
}

.wb_toolbar {
	position: absolute;
    top: 25px;
    left: 30px;
    z-index: 10;	
}

.widgetboard_filtermenu {
	position: absolute;
	top: 25px;
	right: 28px;
	z-index: 10;
}

@media (max-width: 1000px) {
	.widgetboard_editmenu {
		position: absolute;
		top: 15px;
		right: -10px;
		z-index: 10;
	}
	.widgetboard_filtermenu {
		position: absolute;
		top: 15px;
		right: 23px;
		z-index: 10;
	}
	.wb_toolbar {
		position: absolute;
		top: 18px;
		left: 10px;
		z-index: 10;	
	}	
}

@media (max-height: 750px) {
	.widgetboard_editmenu {
		position: absolute;
		top: 8px;
		right: -10px;
		z-index: 10;
	}
	.widgetboard_filtermenu {
		position: absolute;
		top: 8px;
		right: 23px;
		z-index: 10;
	}
	.wb_toolbar {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 10;	
	}	
}

.quest_report_question h2 {
    font-size: 1.2rem;
    word-break: break-all;
}

.quest_report_question .points {
    font-size: 1.0rem;
    white-space: nowrap;
}

/* Badges */
.container.badgepadding {
    padding-top: 6px;
    padding-bottom: 6px;
}

.bgblend {
    background-position: center left;
    background-blend-mode: soft-light;
    background-size: 150%;
}

.top_line {
    border-top: 1px solid var(--surface-high-color);
}

.small {
    font-size: 0.8rem;
}

/* Players */
.playerrow .v-data-table__mobile-row__header {
    display: none;
}

.removed input {
    text-decoration: line-through;
}

.col-md-2.playeradd_col_offline {
    width: 15.6%;
    max-width: 15.6%;
    flex: 0 0 15.6%;
}

.col-md-2.playeradd_col_invite {
    width: 13.9%;
    max-width: 13.9%;
    flex: 0 0 13.9%;
}

.col-md-1.playeradd_col_externalid {
    width: 15%;
    max-width: 15%;
    flex: 0 0 15%;
}

.col-md-1.playeradd_col_close {
    width: 5.5%;
    max-width: 5.5%;
    flex: 0 0 5.5%;
}

/* Points */
.v-btn.icontextbutton .v-btn__content {
    display: flex;
    flex-direction: column;
    font-size: 0.7rem;
    text-transform: none;
}

.v-btn.icontextbutton.v-btn--icon.v-size--default .v-icon.caret {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
}

.historyrow .v-data-table__mobile-row__header {
    display: none;
}

.v-data-table .historyrow.v-data-table__mobile-table-row {
    position: relative;
    display: block;
    min-height: 58px;
}

/* Players */
.playerrow .v-data-table__mobile-row__header {
    display: none;
}

.removed input {
    text-decoration: line-through;
}

.playerrow.closed.v-data-table__mobile-table-row td:nth-child(n+2):nth-child(-n+4) {
    display: none;
}

.v-data-table > .v-data-table__wrapper tr.playerrow.v-data-table__mobile-table-row {
    position: relative;
    display: block;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr.playerrow.v-data-table__mobile-table-row:not(:last-child) > td:last-child,
.playerrow.v-data-table__mobile-table-row td:last-child {
    position: absolute;
    top: 0.8rem;
    right: 0;
    border-bottom: none;
}

.picker_left {
    margin-left: -0.8rem;
}

.picker_right {
    margin-right: -0.8rem;
}

.picker.v-text-field--outlined.v-input--dense.v-input--is-label-active .v-input__prepend-inner + fieldset + .v-select__slot .v-label--active {
    left: -1.8rem !important;
}

.v-data-table .v-data-table__mobile-table-row.playerrow .showmore {
    padding-right: 0;
    margin-top: 0.5rem;
}

.playerrow .avatar_w_mini {
    display: block;
    width: 60px;
}

.playerrow .mini_icon_class {
    bottom: -4px;
    right: 5px;
}

/* Targets */
.v-dialog.v-dialog--active.v-dialog--fullscreen.v-dialog--scrollable .v-toolbar {
    flex: 0;
}

.smallinputs .v-text-field--outlined input {
    font-size: 0.8rem;
}

.smallinputs .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.target_table_date {
    width: 5rem;
}

.pointcard .pointsymbol {
    margin-right: 14px;
    margin-top: 6px;
}

/* Competition */

.v-input.v-input--hide-details.v-input--dense.theme--light.v-text-field.v-text-field--outlined.default_target {
    max-width: 6.1rem;
}

.historyrow.closed.v-data-table__mobile-table-row td:nth-child(n+2):nth-child(-n+5) {
    display: none;
}

.historyrow.v-data-table__mobile-table-row td:nth-child(n+2):nth-child(-n+5) {
    height: auto;
    min-height: 0;
}

.historyrow.v-data-table__mobile-table-row td:nth-child(6) .v-data-table__mobile-row__cell {
    width: 100%;
    display: flex;
}

.competition_card_head {
    height: 8rem;
    overflow: hidden;
    position: relative;
}

.competition_card_head .main_avatar {
    margin-left: -4.2rem;
    margin-top: -2.6rem;
}

.competition_card_head .standing {
    position: relative;
}

.competition_card_head .standing .standing_position {
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 0;
}

.competition_card_head .competeinfo {
    font-size: 0.9rem;
    font-weight: 400;
}

.competition_calender {
    font-size: 0.8rem;
    color: var(--on-surface);
}

.competition_calender .big_date {
    font-size: 2rem;
    color: var(--on-surface);
}

.competition_card_head .overlay.blur {
    background-color: rgba(100, 100, 100, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mincol {
    width: 1px;
}

.table_margins td {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}

.v-data-table.rounded_table {
    border-radius: 0.3rem;
}

.v-data-table.rounded_table > .v-data-table__wrapper > table > tbody > tr > td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.v-table.rounded_table {
    border-radius: 0.3rem;
}

.v-table.rounded_table > .v-data-table__wrapper > table > tbody > tr > td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.mobile_table {
    margin-top: 2rem;
}

.mobile_table thead,
.mobile_table tr:not(.show_more) .mobile_col {
    display: none;
}

.mobile_table table,
.mobile_table tbody,
.mobile_table tbody tr,
.mobile_table tbody td {
    display: block;
    width: 100%;
}

.mobile_table tbody tr {
    position: relative;
    border-bottom: 1px solid var(--on-surface-slight);
    padding-bottom: 0.6rem;
}

.mobile_table.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row) {
    border-bottom: none;
}

.mobile_table.theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td.action,
.mobile_table.v-data-table > .v-data-table__wrapper > table > tbody > tr > td.action,
.mobile_table tbody tr td.action {
    width: initial;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
}

.mobile_table.v-data-table.rounded_table > .v-data-table__wrapper > table > tbody > tr > td.mobile_col_main {
    padding-right: 3rem;
}

.mobile_table .v-btn.v-size--x-small.showmore,
.v-data-table .v-data-table__mobile-table-row.playerrow .showmore {
    text-transform: none;
    font-size: 1rem;
    letter-spacing: normal;
    font-weight: normal;
}

.mobile_table .v-btn.v-size--x-small.showmore .v-icon,
.v-data-table .v-data-table__mobile-table-row.playerrow .showmore .v-icon {
    margin-left: 1.5rem;
    color: var(--on-surface-low);
}

.theme--light.v-data-table.mobile_table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) td::before,
.theme--light.v-data-table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper).playerrow td::before {
    background-color: transparent;
    opacity: 0;
}

/* Feed */
.mentionlist {
    z-index: 1;
    position: absolute;
    border: 1px solid var(--surface-high-color);
}

.v-application a.headinglink {
    text-decoration: none;
    color: var(--on-surface-high);
}

.feedheading {
    font-size: 1rem;
}

.feedbody, .commentbubble {
    font-size: 0.9rem;
}

.feedbody a, .commentbubble a {
    text-decoration: none;
}

.v-btn:not(.v-btn--round).v-size--default.linklike {
    text-transform: none;
    padding: 0;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: normal;
    min-width: auto;
}

.v-btn.normalcase {
    text-transform: none;
}

.linklike.underline {
    text-decoration: underline;
}

button:hover .linklike {
    text-decoration: underline;
}

.commentbubble {
    border-radius: 4px;
    background-color: var(--surface-high-color);
    overflow-wrap: break-word;
    overflow-x: hidden;
}

.commentheading {
    font-size: 0.9rem;
}

.smaller {
    font-size: 0.7rem;
}

.celebrationsvg {
    background-image: url("/client/img/events/Ballons_Final_v1.svg");
    background-size: 150% 500%;
    background-position: 50% 0%;
}

.comment.v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-input__append-inner {
    margin-top: auto;
}

.comment.v-textarea textarea {
    font-size: 0.9rem;
}

.comment.v-textarea.v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot {
    padding-right: 0;
}

.feed_pagination {
    flex: 1;
}

.align-self-start {
    align-self: flex-start;
}

.avatar_w_mini {
    position: relative;
}

.mini_icon_class_35 {
    position: relative;
    left: -15px;
    top: 15px;
}

.mini_icon_class_35 img {
	height: 25px;
	width: 25px;
}

.mini_icon_class_48 {
    position: relative;
    left: -15px;
    top: 15px;
}

.mini_icon_class_48 img {
	height: 25px;
	width: 25px;
}


.mini_icon_class {
    position: absolute;
    right: -5px;
    bottom: -7px;
}

.write_feed .mini_icon_class {
    bottom: -1px;
    right: 5px;
}

.write_comment .mini_icon_class {
    right: 8px;
    bottom: -1px;
}

.comment .mini_icon_class {
    right: 8px;
    bottom: 8px;
}

.mini_icon_class img {
	height: 25px;
	width: 25px;
}

.v-list-item--three-line .mini_icon_class img {
    height: 20px;
	width: 20px;
}

.inner_comment .mini_icon_class img {
    height: 20px;
	width: 20px;
}

/* Cast */
.cast_card_image {
    position: relative;
    height: 100%;
}

.cast_card_image .v-avatar {
    position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
}

.nowrap {
    white-space: nowrap;
}

/* Profile */
.v-img.profile_banner {
    overflow: visible;
    margin-bottom: 3rem;
    border-radius: 4px;
}

.profilebanner img {
    border-radius: 4px	
}

.v-img.profile_banner .v-image__image.v-img__img--contain {
    border-radius: 4px;
}

.v-img.profile_banner .v-image__image.v-img__img--cover {
    border-radius: 4px;
}

.v-skeleton-loader--is-loading.skeleton_cover_image {
    overflow: visible;
    margin-bottom: 3rem;
}

.skeleton_cover_image .v-skeleton-loader__image {
    height: 15rem;
}

.v-img.profile_banner .profile_avatar_badge,
.skeleton_cover_image .v-skeleton-loader__avatar.v-skeleton-loader__bone {
    width: 9rem;
    position: absolute;
    bottom: -3rem;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
}

.v-img.profile_banner .profile_avatar_badge .profile_avatar,
.skeleton_cover_image .v-skeleton-loader__avatar.v-skeleton-loader__bone {
    border: 4px solid var(--surface-color);
}

.skeleton_cover_image .v-skeleton-loader__avatar.v-skeleton-loader__bone {
    height: 9rem;
}

.v-img.profile_banner .profile_avatar_badge .profile_badge {
    position: absolute;
    bottom: 0;
    right: 0;
}

.profile_badges_display .d-flex {
    flex: 1 0 32%;
}

.nounderline {
    text-decoration: none;
}

.v-skeleton-loader__showcase {
    display: flex;
    justify-content: space-around;
    background-color: var(--surface-color);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.v-skeleton-loader__divider {
    height: 1px !important;
}

.v-skeleton-loader__list-column {
    display: flex;
}

.v-skeleton-loader__list-column .v-skeleton-loader__list-item-avatar {
    flex: 1;
}

/* Login */
.loginlogo {
    display: block;
    height: 32px;
    margin-top: 8px;
    align-self: flex-start;
}

.loginlogo.small {
    height: 2.8rem;
}

.passwordconditions.v-list--dense .v-list-item {
    min-height: auto;
}

.passwordconditions.v-list--dense .v-list-item .v-list-item__icon {
    margin-bottom: 0;
    margin-top: 0;
    height: 20px;
}

.passwordconditions.v-list--dense .v-list-item .v-list-item__content {
    padding-top: 0;
    padding-bottom: 0;
}

.passwordconditions.v-list--dense .v-list-item .v-list-item__title {
    font-size: 0.7rem !important;
    white-space: normal;
}

.finetext {
    color: var(--on-background);
}

.loginbg {
    min-height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.loginmargin {
    padding-left: 25px;
    padding-right: 25px;
}

/* Dashboard */
.grid-container {
	overflow-y: auto;
}
/* Plans */
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child).no_bottom_border > td:not(.v-data-table__mobile-row) {
    border-bottom: none;
}

.current_usage_plan:not(.mobile_table) .plan_col_first {
    width: 14%;
}

.current_usage_plan:not(.mobile_table) .plan_col {
    width: 10%;
    overflow: hidden;
}

.current_usage_plan:not(.mobile_table) .plan_col_quest {
    width: 22%;
}

.current_usage_plan:not(.mobile_table) .plan_col_last {
    width: 34%;
}

/* Account data */
.v-sheet.v-list.roundstyle_list {
    border-radius: 5px;
}

.v-sheet.v-list.roundstyle_list .v-divider {
    margin-top: 7px;
    margin-bottom: 7px;
}

.v-sheet.v-list.roundstyle_list .v-list-item--link::before {
    border-radius: 5px;
    margin-left: 7px;
    margin-right: 7px;
}

.stripecardelement {
    padding: 20px 0px;
}

.stripe-button {
    border: none;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
    color: #fff;
    background: #32325d;
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-decoration: none;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}

.whateverpg {
    transition: all 0.5s ease; 
}