/** Vuetify class overrides **/ /** reference: https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/ .v-application__wrap { min-height: calc(var(--vh, 1vh) * 100); } h1, h2, h3, h4, h5, h6, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .text-button, .text-overline, .v-card-title { color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); } .v-application, .text-body-1, .text-body-2, .text-subtitle-1, .text-subtitle-2 { color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); } .v-row .v-col .v-input__details, .v-row [class^="v-col-*"] .v-input__details { margin-block-end: 0; } .v-btn--density-compact.v-btn--size-default .v-btn__content > svg { block-size: 22px; font-size: 22px; inline-size: 22px; } .v-card-text + .v-card-text { padding-block-start: 0 !important; } .v-checkbox.v-input, .v-switch.v-input { --v-input-control-height: auto; flex: unset; } .v-selection-control--density-comfortable.v-checkbox-btn .v-selection-control__wrapper, .v-selection-control--density-comfortable.v-radio .v-selection-control__wrapper, .v-selection-control--density-comfortable.v-radio-btn .v-selection-control__wrapper { margin-inline-start: -.5625rem; } .v-selection-control--density-compact.v-radio .v-selection-control__wrapper, .v-selection-control--density-compact.v-radio-btn .v-selection-control__wrapper, .v-selection-control--density-compact.v-checkbox-btn .v-selection-control__wrapper { margin-inline-start: -.3125rem; } .v-selection-control--density-default.v-checkbox-btn .v-selection-control__wrapper, .v-selection-control--density-default.v-radio .v-selection-control__wrapper, .v-selection-control--density-default.v-radio-btn .v-selection-control__wrapper { margin-inline-start: -.6875rem; } .v-radio-group .v-selection-control-group .v-radio:not(:last-child) { margin-inline-end: .9rem; } .disable-tab-transition { overflow: unset !important; } .disable-tab-transition .v-window__container { block-size: auto !important; } .disable-tab-transition .v-window-item:not(.v-window-item--active) { display: none !important; } .disable-tab-transition .v-window__container .v-window-item { transform: none !important; } .v-list .v-list-item__prepend > .v-icon, .v-list .v-list-item__append > .v-icon { opacity: var(--v-high-emphasis-opacity); } .card-list { --v-card-list-gap: 20px; } .card-list.v-list { padding-block: 0; } .card-list .v-list-item { min-block-size: unset; min-block-size: auto !important; padding-block: 0 !important; padding-inline: 0 !important; } .card-list .v-list-item > .v-ripple__container { opacity: 0; } .card-list .v-list-item:not(:last-child) { padding-block-end: var(--v-card-list-gap) !important; } .card-list .v-list-item: hover > .v-list-item__overlay, .card-list .v-list-item:focus > .v-list-item__overlay, .card-list .v-list-item:active > .v-list-item__overlay, .card-list .v-list-item.active > .v-list-item__overlay { opacity: 0 !important; } .v-divider { color: rgb(var(--v-border-color)); } .v-data-table .v-checkbox-btn .v-selection-control__wrapper { margin-inline-start: 0 !important; } .v-data-table .v-selection-control { display: flex !important; } .v-data-table .v-pagination { color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); } .v-data-table-footer { margin-block-start: 1rem; } .v-field:hover .v-field__outline { --v-field-border-opacity: var(--v-medium-emphasis-opacity); } .v-label { opacity: 1 !important; } .v-label:not(.v-field-label--floating) { color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); } .v-messages { color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); opacity: 1; } .v-alert__close .v-btn--icon .v-icon { --v-icon-size-multiplier: 1.5; } .v-badge__badge { display: flex; align-items: center; } .v-btn:focus-visible:after { opacity: 0 !important; } .v-input:not(.v-select--chips) .v-select__selection .v-chip { margin-block: 2px var(--select-chips-margin-bottom); } .v-card-subtitle, .v-list-item-subtitle { color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); } .v-field__input input::placeholder, input.v-field__input::placeholder, textarea.v-field__input::placeholder { color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important; opacity: 1 !important; } .v-card-item { padding: 1.25rem; } .v-card-text { letter-spacing: .0094rem; padding: 1.25rem; } .v-card--variant-elevated { box-shadow: 0 4px 5px -2px var(--v-shadow-key-umbra-opacity), 0 2px 10px 1px var(--v-shadow-key-penumbra-opacity), 0 2px 16px 1px var(--v-shadow-key-ambient-opacity); } .v-card--variant-elevated, .v-card--variant-flat { background: rgb(var(--v-theme-surface)); color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); }